{"version":3,"file":"./style-index.css","mappings":";;;AAKC;EACC;AAJF;;AAOA;EACC;AAJD;AAKC;EACC;EACA;EACA;AAHF;AAMC;EACC,mCAlBW;EAmBX;EACA;EACA,mCApBgB;EAqBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJF;AAKE;EACC;EACA;AAHH;AAIG;EACC;EACA,kCAxCc;AAsClB;AAKE;EACC,8BA7CU;EA8CV;AAHH;AAMI;EACC,6BAlDQ;AA8Cb;AASE;EACC,8BAxDU;EAyDV;AAPH;AAUI;EACC,6BA7DQ;AAqDb;AAeC;EACC;AAbF;AAgBC;EACC;AAdF;AAiBC;EACC,yCA7EW;EA8EX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAfF;AAkBC;EACC;EACA;EACA;EACA;AAhBF;AAiBE;EACC;AAfH,C;;;;AChFA;;;;;EAAA;ACEE;EACE;EACA;EACA;ADKJ;ACFE;EACE,mCCTS;EDUT;EACA;EACA,mCCXc;EDYd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;OAAA;EACA;EACA;EACA;EACA;EACA;ADIJ;ACHI;EACE;EACA;ADKN;ACJM;EACE;EACA,kCChCU;AFsClB;ACqBE;EACE;ADnBJ;ACsBE;EACE;ADpBJ;ACuBE;EACE,yCCrES;EDsET;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADrBJ;ACwBE;EACE;EACA;EACA;EACA;ADtBJ;ACuBI;EACE;ADrBN;;AG9DE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AHiEJ;AG/DI;EACE;EACA;AHiEN;AG9DI;EACE,wCDzBY;EC0BZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;OAAA;EACA,8BDpCO;AFoGb;AG9DM;EACE;EACA;EACA;AHgER;AG9DQ;EACE;EACA;AHgEV;AG5DQ;EACE;AH8DV;AG5DQ;EACE;EACA;AH8DV;AG1DM;EACE;EACA;EACA;AH4DR;AGvDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHyDN;AGxDM;EACE,6BD/EK;AFyIb;AGvDM;EACE;AHyDR;;AIxIE;EACE;EACA;EACA;EACA,wCFPc;EEQd;EACA;EACA;EACA;AJ2IJ;AKtJE;EDGA;IAUI;IACA;EJ6IJ;AACF;AI3II;EACE;AJ6IN;AI3II;EACE;EACA;AJ6IN;AI3II;EACE;EACA;AJ6IN;AI5IM;EACE;AJ8IR;AI5IM;EACE;AJ8IR;AI5IM;EACE;EACA;EACA;EACA;EACA;EACA,8BFxCK;AFsLb;AK/KE;ED2BI;IAQI;IACA;EJgJR;AACF;AI9IM;EAEE;AJ+IR;AI7IM;EACE;EACA;AJ+IR;AI7IM;EACE;AJ+IR;AI7IM;EACE;EACA,8BF3DK;AF0Mb;AI9IQ;EACE;EACA;EACA;EACA,mCFhEG;EEiEH;EACA;AJgJV;AK3ME;EDqDM;IAQI;IACA;IACA;IACA;EJkJV;AACF;AIjJU;EACE;AJmJZ;AKtNE;EDkEQ;IAGI;EJqJZ;AACF;AI9IM;EACE;EACA;EACA;AJgJR;AI/IQ;EACE;EACA;EACA;EACA,mCF5FG;EE6FH;EACA;EACA,mCF9FQ;AF+OlB;AKzOE;EDiFM;IASI;EJmJV;AACF;AIjJU;EACE;EACA;EACA;AJmJZ;AKzPE;EDmGQ;IAKI;EJqJZ;AACF;AKxPE;ED6FQ;IAQI;EJuJZ;AACF;AInJM;EACE;EACA;EACA;AJqJR;AIpJQ;EACE;EACA;EACA;EACA,8BFzHG;AF+Qb;AIrJU;EACE;EACA;AJuJZ;AIrJU;EACE;AJuJZ;AIrJU;EACE;AJuJZ;AIrJU;EACE;AJuJZ;;AMzRE;EACE;EACA;AN4RJ;AM3RI;EACE;EACA;EACA;EACA;EACA,mCJTa;EIUb;EACA;EACA;EACA;AN6RN;AM5RM;EACE,8BJjBK;AF+Sb;AM3RQ;EACE,6BJrBG;EIsBH,+BJtBG;AFmTb;AMzRI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN2RN;AM1RM;EACE;EACA;EACA;AN4RR;AM3RQ;EACE,8BJ9CG;EI+CH;AN6RV;AM3RQ;EACE;EACA;EACA;EACA;EACA;EACA,mCJvDG;EIwDH;EACA;EACA;EACA;AN6RV;AM3RY;EACE,kCJ7DI;AF0VlB;AMvRM;EACE;EACA;EACA;EACA;ANyRR;AMxRQ;EACE;EACA;EACA;EACA;EACA;EACA,wCJ9EQ;EI+ER,8BJhFG;EIiFH;AN0RV;AMzRU;EACE,mCJnFC;EIoFD,mCJnFM;AF8WlB;AMvRM;EACE;EACA;ANyRR;;AOhXE;EACE;EACA;EACA;APmXJ;AOlXI;EACE;EACA,8BLTO;EKUP;APoXN;AK7XE;EEME;IAKI;EPsXN;AACF;AOpXI;EACE;EACA,mCLjBO;EKkBP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APsXN;AKhZE;EEcE;IAcI;EPwXN;AACF;AOtXQ;EACE,kCLhCQ;EKiCR,oCLjCQ;AFyZlB;AOpXM;EACE,mCLrCW;AF2ZnB;AOpXU;EACE,6BL1CC;EK2CD,+BL3CC;AFiab;AOjXM;EACE;APmXR;AO/WM;EACE;APiXR;AO7WE;EACE;EACA;EACA;EACA;EACA,8BL/DS;AF8ab;AO9WI;EACE;APgXN;AO7WI;EACE;EACA;EACA;AP+WN;AKrbE;EEmEE;IAKI;IACA;IACA;EPiXN;AACF;AOhXM;EACE,wCL7EU;EK8EV;EACA;APkXR;AKjcE;EE4EI;IAKI;EPoXR;AACF;AO9WI;EACE;EACA;EACA;APgXN;AO/WM;EACE;APiXR;;AQ3cI;EACE;EACA;EACA;EACA;AR8cN;AKrdE;EGGE;IAMI;ERgdN;AACF;AKpdE;EGHE;IASI;ERkdN;AACF;AKndE;EGTE;IAYI;ERodN;AACF;AQldM;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wCN3BU;EM4BV;ARmdR;AQldQ;EACE;EACA,8BNhCG;EMiCH;ARodV;AQldQ;EACE,8BNpCG;AFwfb;AQldQ;EACE,8BNvCG;AF2fb;AQ9cQ;EACE;EACA;EACA;EACA;ARgdV;AQ9cQ;EACE;EACA;EACA,mCNtDG;EMuDH,mCNtDQ;EMuDR;EACA;EACA;EACA;EACA;EACA;ARgdV;AQ/cU;EACE,8BN/DC;EMgED,wCN/DM;EMgEN;ARidZ;;AS9gBI;EACE,wCPJY;EOKZ;EACA;EACA;ATihBN;AShhBM;EACE,8BPVK;EOWL;ATkhBR;AShhBM;EACE;ATkhBR;;AU7hBE;EACE;EACA;EACA;EACA,mCRPS;EQQT,mCRPc;EQQd;EACA;EACA;EACA;AVgiBJ;AU/hBI;EACE,8BRdO;EQeP,wCRdY;EQeZ;AViiBN;;AAjiBA;EACC;EACA;AAoiBD;AAjiBE;;;;;;EAMC;AAmiBH;AA/hBC;EACC;AAiiBF;AA/hBC;EACC;EACA;AAiiBF;AA/hBC;EACC;EACA;EACA;EACA,8BE1CW;AF2kBb;AA/hBC;EACC;AAiiBF;AA/hBC;EACC;EACA;EACA;EACA;EACA;AAiiBF;AAhiBE;EACC;EACA;EACA;EACA;EACA;EACA;KAAA;AAkiBH;AA/hBC;EACC;AAiiBF;AA/hBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAiiBH;;AA5hBA;EACC;IACC;EA+hBA;EA7hBD;IACC;EA+hBA;AACF;AA5hBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AA8hBD;AA7hBC;EACC;KAAA;EACA;EACA;AA+hBF,C","sources":["webpack://fsdpe-events/./src/blocks/fsdpe-add-to-calendar-block/style.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/style.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/add-to-calendar.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/colors.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/info-popup.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/calendar.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/mixins.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/date-selector.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/nav.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/cards.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/list.scss","webpack://fsdpe-events/./src/blocks/fsdpe-events-calendar-block/styles/buttons.scss"],"sourcesContent":["$base-color: var(--fsdpe-base-color);\r\n$secondary-color: var(--fsdpe-secondary-color);\r\n$base-color-faded: var(--fsdpe-base-faded);\r\n\r\n.fsdpe-add-to-calendar--no-radius {\r\n\t.chq-atc--button {\r\n\t\tborder-radius: 0;\r\n\t}\r\n}\r\n.fsdpe-add-to-calendar {\r\n\tmargin-top: 20px;\r\n\t.chq-atc {\r\n\t\tdisplay: inline-block;\r\n\t\tposition: relative;\r\n\t\tmargin-top: auto;\r\n\t}\r\n\r\n\t.chq-atc--button {\r\n\t\tbackground: $base-color;\r\n\t\tborder-radius: 10px;\r\n\t\tbox-sizing: border-box;\r\n\t\tcolor: $secondary-color;\r\n\t\tcursor: pointer;\r\n\t\tfont-family: inherit;\r\n\t\tfont-size: inherit;\r\n\t\tline-height: inherit;\r\n\t\tmargin: 0;\r\n\t\toutline: none;\r\n\t\tpadding: 11px;\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tgap: 24px;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\ttransition-duration: 300ms;\r\n\t\tborder: 1px solid transparent;\r\n\t\tsvg {\r\n\t\t\twidth: 28px;\r\n\t\t\theight: 28px;\r\n\t\t\tpath {\r\n\t\t\t\ttransition-duration: 300ms;\r\n\t\t\t\tfill: $secondary-color;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tcolor: $base-color;\r\n\t\t\tbackground: $secondary-color !important;\r\n\t\t\t//border-color: $base-color;\r\n\t\t\tsvg {\r\n\t\t\t\tpath {\r\n\t\t\t\t\tfill: $base-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tcolor: $base-color;\r\n\t\t\tbackground: $secondary-color !important;\r\n\t\t\t//border-color: $base-color;\r\n\t\t\tsvg {\r\n\t\t\t\tpath {\r\n\t\t\t\t\tfill: $base-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t.chq-atc--button svg {\r\n\t\tvertical-align: text-bottom;\r\n\t}\r\n\r\n\t.chq-atc--button path {\r\n\t\tfill: #6a89af;\r\n\t}\r\n\r\n\t.chq-atc--dropdown {\r\n\t\tbackground-color: $base-color;\r\n\t\tborder-radius: 5px;\r\n\t\tborder: none !important;\r\n\t\tbox-shadow: .5px .5px 3px rgba(0, 0, 0, .2);\r\n\t\tbox-sizing: border-box;\r\n\t\tposition: absolute;\r\n\t\ttext-align: left;\r\n\t\twhite-space: nowrap;\r\n\t\twidth: 100%;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t.chq-atc--dropdown a {\r\n\t\tcolor: $secondary-color !important;\r\n\t\tdisplay: block;\r\n\t\tpadding: 8px 15px;\r\n\t\ttext-decoration: none !important;\r\n\t\t&:focus {\r\n\t\t\toutline:none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n","/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n@import \"styles/add-to-calendar\";\r\n@import \"styles/mixins\";\r\n@import \"styles/info-popup\";\r\n@import \"styles/calendar\";\r\n@import \"styles/date-selector\";\r\n@import \"styles/nav\";\r\n@import \"styles/cards\";\r\n@import \"styles/list\";\r\n@import \"styles/buttons\";\r\n\r\n.fsdpe-calendar-wrapper {\r\n\tpadding-top: 40px;\r\n\tpadding-bottom: 40px;\r\n\r\n\t&.fsdpe-calendar-wrapper--no-radius {\r\n\t\t.fsdpe-calendar-wrapper__date-selector__button,\r\n\t\t.fsdpe-calendar-wrapper__navigation__row--background,\r\n\t\t.fsdpe-calendar-wrapper__buttons button,\r\n\t\t.react-calendar,\r\n\t\t.react-calendar__month-view__weekdays__weekday,\r\n\t\t.react-calendar__tile {\r\n\t\t\tborder-radius: 0;\r\n\t\t}\r\n\t}\r\n\r\n\tabbr[title] {\r\n\t\tborder:none;\r\n\t}\r\n\ta {\r\n\t\tcolor: black;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\th2 {\r\n\t\tmargin: 0;\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-size: 40px;\r\n\t\tcolor: $base-color;\r\n\t}\r\n\tp {\r\n\t\tmargin: 0;\r\n\t}\r\n\t.image-wrapper {\r\n\t\twidth: 100%;\r\n\t\tposition: relative;\r\n\t\tpadding-bottom: 100%;\r\n\t\tborder-radius: 10px;\r\n\t\toverflow: hidden;\r\n\t\timg {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n\t&__views {\r\n\t\tposition: relative;\r\n\r\n\t\t&__loader {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%) translateY(50%);\r\n\t\t\twidth: 48px;\r\n\t\t\theight: 48px;\r\n\t\t\tborder: 5px solid $base-color;\r\n\t\t\tborder-bottom-color: transparent;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tanimation: rotation 1s linear infinite;\r\n\t\t\tz-index: 30;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes rotation {\r\n\t0% {\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}\r\n\r\n.fsdpe-image-wrapper {\r\n\twidth: 100%;\r\n\tmax-width: 500px !important;\r\n\tborder-radius: 10px;\r\n\toverflow: hidden;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n\tmargin-bottom: 20px;\r\n\timg {\r\n\t\tobject-fit: cover;\r\n\t\tborder-radius: 10px;\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n","@import \"colors\";\r\n.fsdpe-calendar-wrapper {\r\n  .chq-atc {\r\n    display: inline-block;\r\n    position: relative;\r\n    margin-top: auto;\r\n  }\r\n\r\n  .chq-atc--button {\r\n    background: $base-color;\r\n    border-radius: 10px;\r\n    box-sizing: border-box;\r\n    color: $secondary-color;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n    margin: 0;\r\n    outline: none;\r\n    padding: 11px;\r\n    width: 100%;\r\n    display: flex;\r\n    column-gap: 24px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition-duration: 300ms;\r\n    border: 1px solid transparent;\r\n    flex-wrap: wrap;\r\n    svg {\r\n      width: 28px;\r\n      height: 28px;\r\n      path {\r\n        transition-duration: 300ms;\r\n        fill: $secondary-color;\r\n      }\r\n    }\r\n    &:hover {\r\n      //color: $base-color;\r\n      //background: $base-color-faded !important;\r\n      //border-color: $base-color;\r\n      //svg {\r\n      //  path {\r\n      //    fill: $base-color;\r\n      //  }\r\n      //}\r\n    }\r\n\r\n    //&:focus {\r\n    //  color: $base-color;\r\n    //  background: $secondary-color !important;\r\n    //  //border-color: $base-color;\r\n    //  svg {\r\n    //    path {\r\n    //      fill: $base-color;\r\n    //    }\r\n    //  }\r\n    //}\r\n  }\r\n\r\n\r\n  .chq-atc--button svg {\r\n    vertical-align: text-bottom;\r\n  }\r\n\r\n  .chq-atc--button path {\r\n    fill: #6a89af;\r\n  }\r\n\r\n  .chq-atc--dropdown {\r\n    background-color: $base-color;\r\n    border-radius: 5px;\r\n    border: none !important;\r\n    box-shadow: .5px .5px 3px rgba(0, 0, 0, .2);\r\n    box-sizing: border-box;\r\n    position: absolute;\r\n    text-align: left;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n    z-index: 1;\r\n  }\r\n\r\n  .chq-atc--dropdown a {\r\n    color: $secondary-color !important;\r\n    display: block;\r\n    padding: 8px 15px;\r\n    text-decoration: none !important;\r\n    &:focus {\r\n      outline:none;\r\n    }\r\n  }\r\n\r\n}","$base-color: var(--fsdpe-base-color);\r\n$secondary-color: var(--fsdpe-secondary-color);\r\n$base-color-faded: var(--fsdpe-base-faded);\r\n\r\n","@import \"colors\";\r\n\r\n\r\n.fsdpe-calendar-wrapper {\r\n  &__popup {\r\n    width: 100vw;\r\n    height: 100vh;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 30;\r\n    background: rgba(0, 0, 0, 0.3);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition-duration: 300ms;\r\n    backdrop-filter: blur(6px);\r\n\r\n    &.active {\r\n      opacity: 1;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    &__content {\r\n      background: $secondary-color;\r\n      min-width: 60vw;\r\n      max-height: 80vh;\r\n      max-width: 80vw;\r\n      padding: 40px;\r\n      border-radius: 20px;\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      column-gap: 32px;\r\n      color: $base-color;\r\n\r\n      &__data {\r\n        grid-column: span 1 / span 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        h2 {\r\n          margin-bottom: 16px;\r\n          color: $base-color !important;\r\n\r\n        }\r\n\r\n        p {\r\n          margin-bottom: 16px;\r\n        }\r\n        a {\r\n          color: $base-color !important;\r\n          text-decoration: none !important;\r\n        }\r\n      }\r\n\r\n      &__image {\r\n        grid-column: span 1 / span 1;\r\n        border-radius: 10px;\r\n        overflow: hidden;\r\n\r\n      }\r\n    }\r\n\r\n    &__close {\r\n      position: absolute;\r\n      top: 16px;\r\n      right: 16px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: transparent;\r\n      border: none;\r\n      padding: 0;\r\n      cursor: pointer;\r\n      box-shadow: 0 0 #0000;\r\n      svg {\r\n        fill: $base-color;\r\n      }\r\n\r\n      &:hover {\r\n        background: transparent;\r\n      }\r\n    }\r\n  }\r\n}","@import \"colors\";\r\n\r\n.fsdpe-calendar-wrapper {\r\n\r\n  .react-calendar {\r\n    margin-top: -48px;\r\n    margin-bottom: 32px;\r\n    width: 100%;\r\n    background: $secondary-color;\r\n    border-radius: 20px;\r\n    border: none;\r\n    padding: 28px 20px;\r\n    box-sizing: border-box;\r\n    @include md {\r\n      padding: 28px 32px;\r\n      margin-top: 16px;\r\n\r\n    }\r\n    &__navigation {\r\n      display: none;\r\n    }\r\n    button {\r\n      background: white;\r\n      border: none;\r\n    }\r\n    &__tile {\r\n      position: relative;\r\n      border-radius: 4px;\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n      &:focus-visible {\r\n        outline: none;\r\n      }\r\n      abbr {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-weight: 500;\r\n        border: none;\r\n        color: $base-color;\r\n        @include lg {\r\n          top: 16px;\r\n          right: 16px;\r\n        }\r\n      }\r\n      &--now {\r\n        //background: black !important;\r\n        background-color:rgba(0, 0, 0, 0.1) !important;\r\n      }\r\n      &--active {\r\n        color: black;\r\n        background: red !important;\r\n      }\r\n      &:has(p) {\r\n        cursor:pointer;\r\n      }\r\n      &__content {\r\n        margin-top: 14px;\r\n        color: $base-color;\r\n        div {\r\n          width: 10px;\r\n          height: 10px;\r\n          border-radius: 50%;\r\n          background: $base-color;\r\n          margin-left: auto;\r\n          margin-right: auto;\r\n          @include lg {\r\n            background: transparent;\r\n            width: auto;\r\n            height: auto;\r\n            border-radius: 0;\r\n          }\r\n          span {\r\n            display: none;\r\n            @include lg {\r\n              display: block;\r\n            }\r\n          }\r\n\r\n        }\r\n      }\r\n    }\r\n    &__month-view {\r\n      &__weekdays {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;\r\n        gap: 6px;\r\n        &__weekday {\r\n          text-align: center;\r\n          text-decoration: none;\r\n          margin-bottom: 6px;\r\n          background: $base-color;\r\n          padding: 6px 0;\r\n          border-radius: 10px;\r\n          color: $secondary-color;\r\n          @include lg {\r\n            padding: 16px;\r\n          }\r\n\r\n          abbr {\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            font-size: 13px;\r\n            @include md {\r\n              font-size: 14px;\r\n            }\r\n            @include lg {\r\n              font-size: 16px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      &__days {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;\r\n        gap: 6px;\r\n        &__day {\r\n          grid-column: span 1 / span 1 !important;\r\n          padding: 20px 10px;\r\n          background: rgba($base-color, 0.1) !important;\r\n          color: $base-color;\r\n          p {\r\n            margin-top:10px;\r\n            margin-bottom: 0;\r\n          }\r\n          &--weekend {\r\n            color: black;\r\n          }\r\n          &--neighboringMonth {\r\n            opacity: 0.5;\r\n          }\r\n          abbr {\r\n            cursor: pointer;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","@mixin md {\r\n  @media (min-width: 768px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin lg {\r\n  @media (min-width: 1024px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin xl {\r\n  @media (min-width: 1280px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin xxl {\r\n  @media (min-width: 1536px) {\r\n    @content;\r\n  }\r\n}","@import \"colors\";\r\n\r\n.fsdpe-calendar-wrapper {\r\n  &__date-selector {\r\n    position: relative;\r\n    cursor: pointer;\r\n    &__button {\r\n      display: flex;\r\n      gap: 56px;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      background: $base-color-faded;\r\n      height: 50px;\r\n      padding: 0 28px;\r\n      border-radius: 10px;\r\n      font-weight: 500;\r\n      span {\r\n        color: $base-color;\r\n      }\r\n      svg {\r\n        path {\r\n          fill: $base-color;\r\n          stroke: $base-color;\r\n        }\r\n      }\r\n    }\r\n    &__popup {\r\n      position: absolute;\r\n      cursor: auto;\r\n      left: 0;\r\n      top: calc(100% + 10px);\r\n      width: 300px;\r\n      background: white;\r\n      border-radius: 10px;\r\n      padding: 10px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      z-index: 20;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition-duration: 300ms;\r\n      .year-selector {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        span {\r\n          color: $base-color;\r\n          font-weight: 500;\r\n        }\r\n        button {\r\n          padding: 0;\r\n          cursor: pointer;\r\n          background: rgba(0, 0, 0, 0.1);\r\n          width: 50px;\r\n          height: 50px;\r\n          background: $base-color;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          border-width: 0px;\r\n          svg {\r\n            path {\r\n              fill:$secondary-color;\r\n            }\r\n          }\r\n\r\n        }\r\n      }\r\n      .month-selector {\r\n        margin-top: 6px;\r\n        display: grid;\r\n        grid-template-columns: repeat(4, minmax(0, 1fr));\r\n        gap: 4px;\r\n        button {\r\n          padding: 0;\r\n          grid-column: span 1 / span 1;\r\n          padding-top: 10px;\r\n          padding-bottom: 10px;\r\n          cursor: pointer;\r\n          background: $secondary-color;\r\n          color: $base-color;\r\n          border-width: 0px;\r\n          &.active {\r\n            background: $base-color;\r\n            color: $secondary-color;\r\n          }\r\n        }\r\n      }\r\n      &.active {\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n      }\r\n    }\r\n  }\r\n}","@import \"colors\";\r\n\r\n.fsdpe-calendar-wrapper {\r\n  &__buttons {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n    span {\r\n      display: none;\r\n      color: $base-color;\r\n      cursor: pointer;\r\n      @include md {\r\n        display: block;\r\n      }\r\n    }\r\n    button {\r\n      cursor:pointer;\r\n      background: $base-color;\r\n      width: 33%;\r\n      height: 50px;\r\n      flex-wrap: wrap;\r\n      border-radius: 6px;\r\n      transition-duration: 300ms;\r\n      display: flex;\r\n      align-content: center;\r\n      justify-content: center;\r\n      padding: 0;\r\n      border-width: 0px;\r\n      @include md {\r\n        width: 50px;\r\n      }\r\n      svg {\r\n        path {\r\n          fill:$secondary-color;\r\n          stroke:$secondary-color;\r\n\r\n        }\r\n      }\r\n      &.active {\r\n        background: $base-color-faded;\r\n        svg {\r\n          path {\r\n            fill:$base-color;\r\n            stroke:$base-color;\r\n\r\n          }\r\n        }\r\n      }\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n    }\r\n    &--small {\r\n      button {\r\n        width: 50px;\r\n      }\r\n    }\r\n  }\r\n  &__navigation {\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    row-gap: 16px;\r\n    color: $base-color;\r\n    span {\r\n      cursor: pointer;\r\n    }\r\n\r\n    &__row {\r\n      display: flex;\r\n      flex-direction: column;\r\n      row-gap: 16px;\r\n      @include md {\r\n        flex-direction: row;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n      }\r\n      &--background {\r\n        background: $secondary-color;\r\n        border-radius: 20px;\r\n        padding: 32px 20px;\r\n        @include md {\r\n          padding: 32px;\r\n\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &__search {\r\n    input {\r\n      padding: 10px;\r\n      border-radius: 6px;\r\n      border: 2px solid black;\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n    }\r\n  }\r\n}","@import \"colors\";\r\n\r\n.fsdpe-calendar-wrapper {\r\n  &__views {\r\n    &__cards {\r\n      display: grid;\r\n      margin-top: 32px;\r\n      grid-template-columns: repeat(1, minmax(0, 1fr));\r\n      gap: 20px;\r\n      @include md {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n      @include lg {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      }\r\n      @include xl {\r\n        grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      }\r\n\r\n      &__card {\r\n        //width: 100%;\r\n        grid-column: span 1 / span 1;\r\n        border: 1px solid #ddd;\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        background: $secondary-color;\r\n        row-gap: 20px;\r\n        h3 {\r\n          font-size: 28px;\r\n          color: $base-color;\r\n          margin-bottom: 0;\r\n        }\r\n        p {\r\n          color: $base-color;\r\n        }\r\n        span {\r\n          color: $base-color;\r\n\r\n        }\r\n        .chq-atc {\r\n          //margin-top: 16px;\r\n        }\r\n        &__buttons {\r\n          margin-top: auto;\r\n          display: flex;\r\n          flex-direction: column;\r\n          row-gap: 10px;\r\n        }\r\n        &__btn {\r\n          display: block;\r\n          margin-top: auto;\r\n          background: $base-color;\r\n          color: $secondary-color;\r\n          border-radius: 10px;\r\n          transition-duration: 300ms;\r\n          transition-property: color, background-color, border-color;\r\n          border: 1px solid transparent;\r\n          padding: 11px;\r\n          font-size: 16px;\r\n          &:hover {\r\n            color: $base-color;\r\n            background: $secondary-color;\r\n            border: 1px solid $base-color;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","@import \"colors\";\r\n\r\n.fsdpe-calendar-wrapper {\r\n  &__views {\r\n    &__list {\r\n      background: $secondary-color;\r\n      margin-top: 32px;\r\n      padding: 40px 0;\r\n      border-radius: 20px;\r\n      &__item, p {\r\n        color: $base-color;\r\n        margin-bottom: 16px;\r\n      }\r\n      p {\r\n        padding-left: 20px;\r\n\r\n      }\r\n    }\r\n  }\r\n}","@import \"colors\";\r\n\r\n.fsdpe-calendar-wrapper {\r\n  &__btn {\r\n    padding: 15px 30px;\r\n    display: block;\r\n    margin-top: auto;\r\n    background: $base-color;\r\n    color: $secondary-color;\r\n    border-radius: 10px;\r\n    transition-duration: 300ms;\r\n    transition-property: color, background-color, border-color;\r\n    border: 1px solid transparent;\r\n    &:hover {\r\n      color: $base-color;\r\n      background: $secondary-color;\r\n      border: 1px solid $base-color;\r\n    }\r\n  }\r\n}"],"names":[],"sourceRoot":""}