indicator-ui 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.css +990 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +14001 -6689
  4. package/dist/index.js.map +1 -1
  5. package/dist/types/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts +0 -2
  6. package/dist/types/src/ui/index.d.ts +1 -0
  7. package/package.json +1 -1
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;EAIA;EACA;ACFF;ADKA;EACE;EACA;EAIA;EACA;ACNF;ADSA;EACE;EACA;EAIA;EACA;ACVF;AChBE;EACE;EAGE,mBCFiB;EDMjB,uBCNsB;EDUtB,mBCV8B;AFoBpC;AElBE;EACE;EACA;AFoBJ;AC1BE;EACE;EAGE,mBCGmB;EDCnB,uBCDwB;EDKxB,mBCLgC;AFyBtC;AEtBE;EACE;EACA;AFwBJ;AErBE;EACE;AFuBJ;AEpBE;EACE;EACA;AFsBJ;AEnBE;EACE;AFqBJ;AGxCI;ECJF;AJ+CF;AI3CM;EACE;EACA;EACA;AJ6CR;AIxCE;EACE;AJ0CJ;AK9CE;EAEI;EAGA;EAGA;EAGA,gBDNsD;ECYxD,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL0DZ;AGzDI;EGRF;ANoEF;AMhEM;EACE;EACA;EACA;ANkER;AM7DE;EACE;AN+DJ;AKnEE;EAEI;EAGA;EAGA;EAGA,gBCNsD;EDYxD,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL+EZ;AG1EI;EIZF;APyFF;AOrFM;EACE;EACA;EACA;APuFR;AOlFE;EACE;APoFJ;AKxFE;EAEI;EAGA;EAGA;EAGA,gBENsD;EFYxD,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALoGZ;AG3FI;EKhBF;AR8GF;AQ1GM;EACE;EACA;EACA;AR4GR;AQvGE;EACE;ARyGJ;AK7GE;EAEI;EAGA;EAGA;EAGA,gBGNsD;EHYxD,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALyHZ;AG5GI;EMpBF;EACA,yBCEc;EDDd;ATmIF;AWrIM;EAEI,eCLG;AZ2Ib;AShIE;EACE,cGZS;AZ8Ib;AS/HE;EACE,yBCTY;AV0IhB;AS9HE;EACE,yBCdY;EDeZ;ATgIJ;AS7HE;EACE;AT+HJ;AG7HI;EUxBF;EACA,yBDJW;ECKX;AbwJF;AW1JM;EAEI,eDCM;AV0JhB;AarJE;EACE,cHNY;AV6JhB;AapJE;EACE,yBHfW;EGgBX;AbsJJ;AanJE;EACE;AbqJJ;AalJE;EACE;AboJJ;AG9II;EW5BF;EACA,yBFJW;EEKX;Ad6KF;AW/KM;EAEI,eCMC;AZ0KX;Ac1KE;EACE,cFDO;AZ6KX;AczKE;EACE,yBFZM;EEaN;Ad2KJ;AczKI;EACE,cFRK;AZmLX;AcvKE;EACE;AdyKJ;ActKE;EACE;AdwKJ;AWlMM;EAEI,eDHM;AVsMhB;AejME;EACE,cLNY;AVyMhB;Ae/LI;EACE,cHbO;AZ8Mb;AW3MM;EAEI,eCLG;AZiNb;Ae5LE;EACE;Af8LJ;AWjNM;EAEI,eDCM;AViNhB;AgBhNE;EACE,cNFY;AVoNhB;AgB9MI;EACE,cNLU;AVqNhB;AW1NM;EAEI,eDGM;AVwNhB;AgB3ME;EACE;AhB6MJ;AWhOM;EAEI,eCMC;AZ2NX;AiB/NE;EACE,cLGO;AZ8NX;AiB7NI;EACE;AjB+NN;AWzOM;EAEI,eCQC;AZkOX;AiB1NE;EACE;AjB4NJ;AGnMI;Ee5CF;EACA;AlBkPF;AWnPM;EAEI,eDCM;AVmPhB;AkB/OE;EACE,cRLY;EQMZ;AlBiPJ;AkB7OI;EACE,cRTU;AVwPhB;AW7PM;EAEI,eDGM;AV2PhB;AkB1OE;EACE;AlB4OJ;AGnNI;EgBhDF;EACA;AnBsQF;AWvQM;EAEI,eCMC;AZkQX;AmBnQE;EACE;EACA;AnBqQJ;AmBjQI;EACE,cPJK;AZuQX;AWjRM;EAEI,eCQC;AZ0QX;AmB9PE;EACE;AnBgQJ;AGnOI;EiBpDF;EACA;ApB0RF;AW3RM;EAEI,eCGC;AZyRX;AoBvRE;EACE,cRHO;EQIP;ApByRJ;AoBrRI;EACE,cRRK;AZ+RX;AWrSM;EAEI,eCIC;AZkSX;AoBlRE;EACE;ApBoRJ;AGnPI;EkBxDF;EACA,yBTJW;ESKX;ArB8SF;AWhTM;EAEI,eCMC;AZ2SX;AqB3SE;EACE,cTDO;AZ8SX;AWtTM;EAEI,eCQC;AZ+SX;AqBxSI;EACE,cTRK;AZkTX;AqBtSE;EACE;ArBwSJ;AGnQI;EmB5DF;EACA,yBVCS;EUAT;AtBkUF;AWpUM;EAEI,eCIC;AZiUX;AsB/TE;EACE,cVHO;AZoUX;AsB9TE;EACE,yBVVO;AZ0UX;AW7UM;EAEI,eCOC;AZuUX;AsB7TI;EACE,cVXK;AZ0UX;AsB3TE;EACE;AtB6TJ;AGrRM;EoBjEJ;EACA,yBX+BU;EW9BV;AvByVF;AuBvVE;EACE,yBX4BQ;AZ6TZ;AuBtVE;EACE,yBXuBQ;AZiUZ;AuBrVE;EACE;AvBuVJ;AG7RM;EqBvEJ;AxBuWF;AWvWM;EAEI,eC8BE;AZ0UZ;AwBpWE;EACE,cZyBQ;AZ6UZ;AwBnWE;EACE,yBZgBO;EYfP;AxBqWJ;AwBlWE;EACE;AxBoWJ;AwBjWE;EACE;AxBmWJ,C;;;;AD1XA;EACE;EACA;EAIA;EACA;A0BFF;A1BKA;EACE;EACA;EAIA;EACA;A0BNF;A1BSA;EACE;EACA;EAIA;EACA;A0BVF;ACbE;ECDA;EACA;AFiBF;AxBpBE;EACE;EAGE;EAIA,uB0BJsB;E1BQtB,mB0BR8B;AFsBpC;AddM;EgBNF;AFuBJ;ACvBI;EEJF;AH8BF;Ad9BM;EAEI,eCGC;Aa4BX;AG9BE;EACE,yBhBDO;AaiCX;AdpCM;EAEI,eCKC;AagCX;AC/BI;EGRF;AJ0CF;Ad1CM;EAEI,eCLG;AagDb;AI1CE;EACE;AJ4CJ;ACpCI;EIZF;ALmDF;AdnDM;EAEI,eCIC;AagDX;AKnDE;EACE,yBlBPS;Aa4Db;AdzDM;EAEI,eCKC;AaqDX;AC5CI;EKhBF;AN+DF;Ad/DM;EAEI,eDCM;Ae+DhB;AM/DE;EACE,yBnBPS;AawEb;AdrEM;EAEI,eDEM;AeoEhB;ACpDI;EMpBF;AP2EF;Ad3EM;EAEI;Ac4EV;AO3EE;EACE,yBtBLY;AekFhB;AdjFM;EAEI,eDCM;AeiFhB;AC5DI;EOxBF;ARuFF;AdvFM;EAEI,eC6BE;Aa2DZ;AQvFE;EACE,yBrBwBQ;AaiEZ;Ad7FM;EAEI,eC8BE;AagEZ;ACpEI;EQ5BF,mBtBHW;EsBIX;ATmGF;AdpGM;EAEI,eDCM;AeoGhB;ASnGE;EACE,mBxBPW;Ae4Gf;Ad1GM;EAEI,eDCM;Ae0GhB;AC7EI;EShCF,mBvBHW;EuBIX;AVgHF;AdjHM;EAEI,eCMC;Aa4GX;AUhHE;EACE,mBvBJM;AasHV;AdvHM;EAEI,eCQC;AagHX;ACtFI;EUpCF,mBxBHW;EwBIX;AX6HF;Ad9HM;EAEI,eC8BE;AaiGZ;AW7HE;EACE,mBxBsBO;AayGX;AdpIM;EAEI,eC+BE;AasGZ;AC/FI;EWxCF;EACA;AZ0IF;AdjIM;E0BNF;EACA;AZ0IJ;ACnGI;EY5CF;EACA;AbkJF;AdzIM;E2BNF;EACA;AbkJJ;ACvGI;EahDF;EACA;Ad0JF;AdjJM;E4BNF;EACA;Ad0JJ;AC3GI;EcpDF;EACA;AfkKF;AdzJM;E6BNF;EACA;AfkKJ;AC/GI;EexDF;EACA;AhB0KF;AdjKM;E8BNF;EACA;AhB0KJ,C;;;;A1BlLA;EACE;EACA;EAIA;EACA;A2CFF;A3CKA;EACE;EACA;EAIA;EACA;A2CNF;A3CSA;EACE;EACA;EAIA;EACA;A2CVF;AAfA;EACE;EACA;EACA;EACA;EAEA;EACA,yB9BTW;A8ByBb;AzCxBE;EACE;EAGE,sByCM6B;EzCF7B,uByCEuD;EzCEvD,mByCF6E;AAoBnF;AAlBE;EACE;EACA;EACA;AAoBJ;AzCnCE;EACE;EAGE,sByCY+B;EzCR/B,uByCQyD;EzCJzD,mByCI+E;AAyBrF;AAvBI;EACE;EACA;EACA;EACA;EACA,yBhCnBU;AgC4ChB;AArBE;EACE;EACA;AAuBJ;AzCpDE;EACE;EAGE,sByC0B+B;EzCtB/B,uByCsByD;EzClBzD,mByCkB+E;AA4BrF;AC9CE;EACE;EACA;EACA,c/BLO;E+BMP,gBDemD;ECdnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD2DZ;AAlCE;EACE;EACA;EACA;AAoCJ;AC7DE;EACE;EACA;EACA,c/BRO;E+BSP,gBDsBmD;ECrBnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD0EZ;AA1CE;EACE,yB9BtCO;A8BkFX;AAxCI;EACE,c9BbM;A8BuDZ;AAtCE;EACE,yBhC/CY;AgCuFhB;AAtCI;EACE,yB9BxDO;A8BgGb;AArCI;EACE,c9B5DO;A8BmGb;AApCI;EACE,chC5DU;AgCkGhB;AAnCI;EACE,yBhC7DU;AgCkGhB;AAjCE;EACE,yB9BpEO;A8BuGX;AAjCI;EACE,yB9BtEK;A8ByGX;AAhCI;EAEE;EACA;EACA;EACA;EACA,yB9BhFK;E8BiFL;AAiCN;AA7BE;EACE,yB9B3FS;E8B4FT;AA+BJ;AA7BI;EACE,mB9B/FO;E8BgGP;EACA;AA+BN;AA3BM;EACE,yB9B/FG;A8B4HX;ArCvHE;EAcI,cOlBK;EPqBP,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AqCgIZ;ArC9HE;EAcI,cOnBK;EPsBP,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AqCuIZ,C;;;;A3CjJA;EACE;EACA;EAIA;EACA;A6CFF;A7CKA;EACE;EACA;EAIA;EACA;A6CNF;A7CSA;EACE;EACA;EAIA;EACA;A6CVF;AAfA;EACE;EACA;EAEA;EACA;EACA,yBhCRW;EgCSX;AAgBF,C;;;;A7CzBA;EACE;EACA;EAIA;EACA;A8CFF;A9CKA;EACE;EACA;EAIA;EACA;A8CNF;A9CSA;EACE;EACA;EAIA;EACA;A8CVF;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;AAiBF;A5CxBE;EACE;EAGE,sB4CI6B;AAoBnC;AAlBE;EACE;EACA;EACA;EACA;AAoBJ;A5ClCE;EACE;EAGE,mB4CW+B;AAuBrC;AArBI;EACE;EACA;EACA;AAuBN;AF/BE;EACE;EACA;EACA,c/BRO;E+BSP,gBEKqD;EFJrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AE4CZ;AA5BE;EACE;AA8BJ;AA5BI;EACE;EACA;EACA;AA8BN;A5C7DE;EACE;EAGE,mB4C4BiC;AAiCvC;AFrDE;EACE;EACA;EACA,c/BHO;E+BIP,gBEmBuD;EFlBvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEkEZ;AF/DE;EACE;EACA;EACA,c/BRO;E+BSP,gBEuBuD;EFtBvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AE4EZ;AA1CI;EACE;EACA;EACA;AA4CN,C;;;;A9C3FA;EACE;EACA;EAIA;EACA;A+CFF;A/CKA;EACE;EACA;EAIA;EACA;A+CNF;A/CSA;EACE;EACA;EAIA;EACA;A+CVF;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAiBF;AAfE;EACE;AAiBJ;AAdE;EACE;AAgBJ;AAbE;EACE;AAeJ;AAZE;EACE;AAcJ;AAXE;EACE;AAaJ;;AATA;EACE;IACE;EAYF;EAVA;IACE;EAYF;AACF;AATA;EACE;IACE;EAWF;EATA;IACE;EAWF;AACF;AARA;EACE;IACE;EAUF;EARA;IACE;EAUF;AACF;AAPA;EACE;IACE;EASF;EAPA;IACE;EASF;AACF,C;;;;A/C3EA;EACE;EACA;EAIA;EACA;AgDFF;AhDKA;EACE;EACA;EAIA;EACA;AgDNF;AhDSA;EACE;EACA;EAIA;EACA;AgDVF;AAfA;EACE;EACA;EACA;AAiBF;A9CrBE;EACE;EAGE,mB8CC6B;AAoBnC;AAlBE;EACE;AAoBJ;AJhBE;EACE;EACA;EACA,c/BHO;E+BIP,gBIPmD;EJQnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AI6BZ;AA1BE;EACE;EACA;EACA;AA4BJ;A9C3CE;EACE;EAGE,mB8CY+B;AA+BrC;AA7BI;EACE;AA+BN,C;;;;AhDnDA;EACE;EACA;EAIA;EACA;AiDFF;AjDKA;EACE;EACA;EAIA;EACA;AiDNF;AjDSA;EACE;EACA;EAIA;EACA;AiDVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;AAgBJ,C","sources":["webpack://indicator-ui/./src/styles/fonts.scss","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/button.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/colors/secondary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/styles/colors/primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/micro-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/CalendarDay.module.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerMain.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DateGrid.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerHeader.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerFooter.module.scss"],"sourcesContent":["@font-face {\r\n font-family: \"Golos UI\";\r\n src: local(\"Golos UI\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Golos UI\";\r\n src: local(\"Golos UI\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Golos UI\";\r\n src: local(\"Golos UI\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\r\n font-weight: 600;\r\n font-style: normal;\r\n}\r\n\r\n$golos-ui: 'Golos UI', sans-serif;","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button .icon {\n width: fit-content;\n height: fit-content;\n}\n.button .icon {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button.widthFill {\n width: 100%;\n flex: 1;\n}\n.button.widthHug {\n width: fit-content;\n}\n.button.heightFill {\n height: 100%;\n flex: 1;\n}\n.button.heightHug {\n height: fit-content;\n}\n.button.small {\n padding: 10px;\n}\n.button.small .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.small .text {\n padding: 0 4px;\n}\n.button.small .text {\n font-size: 14px;\n line-height: 16px;\n line-height: 16px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.medium {\n padding: 10px;\n}\n.button.medium .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.medium .text {\n padding: 0 8px;\n}\n.button.medium .text {\n font-size: 14px;\n line-height: 20px;\n line-height: 20px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.large {\n padding: 10px;\n}\n.button.large .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.large .text {\n padding: 0 6px;\n}\n.button.large .text {\n font-size: 14px;\n line-height: 20px;\n line-height: 20px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.ultra {\n padding: 18px;\n}\n.button.ultra .icon svg {\n flex: none;\n width: 24px;\n height: 24px;\n}\n.button.ultra .text {\n padding: 0 12px;\n}\n.button.ultra .text {\n font-size: 18px;\n line-height: 24px;\n line-height: 24px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.primary {\n border-radius: 8px;\n background-color: #2970FF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary .icon svg * {\n stroke: #FFFFFF;\n}\n.button.primary .text {\n color: #FFFFFF;\n}\n.button.primary:hover {\n background-color: #155EEF;\n}\n.button.primary:focus {\n background-color: #2970FF;\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary:disabled {\n opacity: 0.3;\n}\n.button.secondaryColor {\n border-radius: 8px;\n background-color: #FFFFFF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #B2CCFF;\n}\n.button.secondaryColor .icon svg * {\n stroke: #2970FF;\n}\n.button.secondaryColor .text {\n color: #2970FF;\n}\n.button.secondaryColor:hover {\n background-color: #EFF4FF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #84ADFF;\n}\n.button.secondaryColor:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #84ADFF;\n}\n.button.secondaryColor:disabled {\n opacity: 0.5;\n}\n.button.secondaryGray {\n border-radius: 8px;\n background-color: #FFFFFF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #D0D5DD;\n}\n.button.secondaryGray .icon svg * {\n stroke: #344054;\n}\n.button.secondaryGray .text {\n color: #344054;\n}\n.button.secondaryGray:hover {\n background-color: #F9FAFB;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #D0D5DD;\n}\n.button.secondaryGray:hover .text {\n color: #1D2939;\n}\n.button.secondaryGray:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #D0D5DD;\n}\n.button.secondaryGray:disabled {\n opacity: 0.5;\n}\n.button.tertiaryWhite .icon svg * {\n stroke: #D1E0FF;\n}\n.button.tertiaryWhite .text {\n color: #D1E0FF;\n}\n.button.tertiaryWhite:hover .text {\n color: #FFFFFF;\n}\n.button.tertiaryWhite:hover .icon svg * {\n stroke: #FFFFFF;\n}\n.button.tertiaryWhite:disabled {\n opacity: 0.5;\n}\n.button.tertiaryColor .icon svg * {\n stroke: #2970FF;\n}\n.button.tertiaryColor .text {\n color: #2970FF;\n}\n.button.tertiaryColor:hover .text {\n color: #004EEB;\n}\n.button.tertiaryColor:hover .icon svg * {\n stroke: #004EEB;\n}\n.button.tertiaryColor:disabled {\n opacity: 0.5;\n}\n.button.tertiaryGray .icon svg * {\n stroke: #344054;\n}\n.button.tertiaryGray .text {\n color: #344054;\n}\n.button.tertiaryGray:hover .text {\n color: #101828;\n}\n.button.tertiaryGray:hover .icon svg * {\n stroke: #101828;\n}\n.button.tertiaryGray:disabled {\n opacity: 0.5;\n}\n.button.linkColor {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkColor .icon svg * {\n stroke: #2970FF;\n}\n.button.linkColor .text {\n color: #2970FF;\n padding: 0 !important;\n}\n.button.linkColor:hover .text {\n color: #004EEB;\n}\n.button.linkColor:hover .icon svg * {\n stroke: #004EEB;\n}\n.button.linkColor:disabled {\n opacity: 0.5;\n}\n.button.linkBlack {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkBlack .icon svg * {\n stroke: #344054;\n}\n.button.linkBlack .text {\n color: #344054;\n padding: 0 !important;\n}\n.button.linkBlack:hover .text {\n color: #101828;\n}\n.button.linkBlack:hover .icon svg * {\n stroke: #101828;\n}\n.button.linkBlack:disabled {\n opacity: 0.5;\n}\n.button.linkGray {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkGray .icon svg * {\n stroke: #98A2B3;\n}\n.button.linkGray .text {\n color: #98A2B3;\n padding: 0 !important;\n}\n.button.linkGray:hover .text {\n color: #667085;\n}\n.button.linkGray:hover .icon svg * {\n stroke: #667085;\n}\n.button.linkGray:disabled {\n opacity: 0.5;\n}\n.button.tabActive {\n border-radius: 6px;\n background-color: #FFFFFF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tabActive .icon svg * {\n stroke: #344054;\n}\n.button.tabActive .text {\n color: #344054;\n}\n.button.tabActive:hover .icon svg * {\n stroke: #101828;\n}\n.button.tabActive:hover .text {\n color: #101828;\n}\n.button.tabActive:disabled {\n opacity: 0.5;\n}\n.button.tab {\n border-radius: 6px;\n background-color: #F2F4F7;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tab .icon svg * {\n stroke: #667085;\n}\n.button.tab .text {\n color: #667085;\n}\n.button.tab:hover {\n background-color: #EAECF0;\n}\n.button.tab:hover .icon svg * {\n stroke: #1D2939;\n}\n.button.tab:hover .text {\n color: #1D2939;\n}\n.button.tab:disabled {\n opacity: 0.5;\n}\n.button.warning.primary {\n border-radius: 8px;\n background-color: #F04438;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.primary:hover {\n background-color: #D92D20;\n}\n.button.warning.primary:focus {\n background-color: #F04438;\n}\n.button.warning.primary:disabled {\n opacity: 0.3;\n}\n.button.warning.secondaryColor {\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #FECDCA;\n}\n.button.warning.secondaryColor .icon svg * {\n stroke: #F04438;\n}\n.button.warning.secondaryColor .text {\n color: #F04438;\n}\n.button.warning.secondaryColor:hover {\n background-color: #FEF3F2;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #F97066;\n}\n.button.warning.secondaryColor:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #FECDCA;\n}\n.button.warning.secondaryColor:disabled {\n opacity: 0.5;\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\r\n & {\r\n display: flex;\r\n\r\n @if ($direction != null) {\r\n flex-direction: $direction;\r\n }\r\n\r\n @if ($justify-content != null) {\r\n justify-content: $justify-content;\r\n }\r\n\r\n @if ($align-items != null) {\r\n align-items: $align-items;\r\n }\r\n @content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin baseButton() {\r\n @include modify-flex(row, center, center);\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use 'baseButton';\r\n@use 'properties';\r\n\r\n@mixin insertButton() {\r\n .button {\r\n @include baseButton.baseButton();\r\n\r\n &.small {\r\n @include properties.smallButton;\r\n }\r\n\r\n &.medium {\r\n @include properties.mediumButton;\r\n }\r\n\r\n &.large {\r\n @include properties.largeButton;\r\n }\r\n\r\n &.ultra {\r\n @include properties.ultraButton;\r\n }\r\n\r\n &.primary {\r\n @include properties.primaryButton;\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.secondaryColorButton;\r\n }\r\n\r\n &.secondaryGray {\r\n @include properties.secondaryGrayButton;\r\n }\r\n\r\n &.tertiaryWhite {\r\n @include properties.tertiaryWhiteButton;\r\n }\r\n\r\n &.tertiaryColor {\r\n @include properties.tertiaryColorButton;\r\n }\r\n\r\n &.tertiaryGray {\r\n @include properties.tertiaryGrayButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.linkColorButton;\r\n }\r\n\r\n &.linkBlack {\r\n @include properties.linkBlackButton;\r\n }\r\n\r\n &.linkGray {\r\n @include properties.linkGrayButton;\r\n }\r\n\r\n &.tabActive {\r\n @include properties.tabActiveButton;\r\n }\r\n\r\n &.tab {\r\n @include properties.tabButton;\r\n }\r\n\r\n &.warning {\r\n &.primary {\r\n @include properties.warningPrimaryButton;\r\n }\r\n }\r\n\r\n &.warning {\r\n &.secondaryColor {\r\n @include properties.warningSecondaryColorButton;\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 500);\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 6px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n padding: 18px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 12px;\r\n @include fnt-flex($size: 18, $line-height: 24, $weight: 500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n border-radius: 8px;\r\n background-color: $blue-dark-500;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $base-white);\r\n }\r\n\r\n .text {\r\n color: $base-white;\r\n }\r\n\r\n &:hover {\r\n background-color: $blue-dark-600;\r\n }\r\n\r\n &:focus {\r\n background-color: $blue-dark-500;\r\n box-shadow: 0 0 0 4px $gray-100, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.3;\r\n }\r\n}","$blue-dark-25: #F5F8FF !default;\r\n$blue-dark-50: #EFF4FF !default;\r\n$blue-dark-100: #D1E0FF !default;\r\n$blue-dark-200: #B2CCFF !default;\r\n$blue-dark-300: #84ADFF !default;\r\n$blue-dark-400: #528BFF !default;\r\n$blue-dark-500: #2970FF !default;\r\n$blue-dark-600: #155EEF !default;\r\n$blue-dark-700: #004EEB !default;\r\n$blue-dark-800: #0040C1 !default;\r\n$blue-dark-900: #00359E !default;\r\n$blue-dark-950: #002266 !default;\r\n","@mixin modify-svg($stroke: null, $fill: null) {\r\n & {\r\n svg {\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n\r\n & {\r\n @content;\r\n }\r\n }\r\n }\r\n}","$base-white: #FFFFFF !default;\r\n$base-black: #000000 !default;\r\n\r\n$gray-25: #FCFCFD !default;\r\n$gray-50: #F9FAFB !default;\r\n$gray-100: #F2F4F7 !default;\r\n$gray-200: #EAECF0 !default;\r\n$gray-300: #D0D5DD !default;\r\n$gray-400: #98A2B3 !default;\r\n$gray-500: #667085 !default;\r\n$gray-600: #475467 !default;\r\n$gray-700: #344054 !default;\r\n$gray-800: #1D2939 !default;\r\n$gray-900: #101828 !default;\r\n$gray-950: #0C111D !default;\r\n\r\n$primary-25: #FCFAFF !default;\r\n$primary-50: #F9F5FF !default;\r\n$primary-100: #F4EBFF !default;\r\n$primary-200: #E9D7FE !default;\r\n$primary-300: #D6BBFB !default;\r\n$primary-400: #B692F6 !default;\r\n$primary-500: #9E77ED !default;\r\n$primary-600: #7F56D9 !default;\r\n$primary-700: #6941C6 !default;\r\n$primary-800: #53389E !default;\r\n$primary-900: #42307D !default;\r\n$primary-950: #2C1C5F !default;\r\n\r\n$error-25: #FFFBFA !default;\r\n$error-50: #FEF3F2 !default;\r\n$error-100: #FEE4E2 !default;\r\n$error-200: #FECDCA !default;\r\n$error-300: #FDA29B !default;\r\n$error-400: #F97066 !default;\r\n$error-500: #F04438 !default;\r\n$error-600: #D92D20 !default;\r\n$error-700: #B42318 !default;\r\n$error-800: #912018 !default;\r\n$error-900: #7A271A !default;\r\n$error-950: #FEFDF0 !default;\r\n\r\n$warning-25: #FFFCF5 !default;\r\n$warning-50: #FFFAEB !default;\r\n$warning-100: #FEF0C7 !default;\r\n$warning-200: #FEDF89 !default;\r\n$warning-300: #FEC84B !default;\r\n$warning-400: #FDB022 !default;\r\n$warning-500: #F79009 !default;\r\n$warning-600: #DC6803 !default;\r\n$warning-700: #B54708 !default;\r\n$warning-800: #93370D !default;\r\n$warning-900: #7A2E0E !default;\r\n$warning-950: #4E1D09 !default;\r\n","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n border-radius: 8px;\r\n background-color: $base-white;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $blue-dark-200;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n\r\n .text {\r\n color: $blue-dark-500;\r\n }\r\n\r\n &:hover {\r\n background-color: $blue-dark-50;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $blue-dark-300;\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px $gray-100, 0 1px 2px 0 #1018280D, 0 0 0 1px $blue-dark-300;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n border-radius: 8px;\r\n background-color: $base-white;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $gray-300;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-700);\r\n }\r\n\r\n .text {\r\n color: $gray-700;\r\n }\r\n\r\n &:hover {\r\n background-color: $gray-50;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $gray-300;\r\n\r\n .text {\r\n color: $gray-800;\r\n }\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px $gray-100, 0 1px 2px 0 #1018280D, 0 0 0 1px $gray-300;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-100);\r\n }\r\n\r\n .text {\r\n color: $blue-dark-100;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $base-white;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $base-white);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n\r\n .text {\r\n color: $blue-dark-500;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $blue-dark-700;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-700);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n .icon {\r\n @include modify-svg($stroke: $gray-700);\r\n }\r\n\r\n .text {\r\n color: $gray-700;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $gray-900;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-900);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n\r\n .text {\r\n color: $blue-dark-500;\r\n padding: 0 !important;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $blue-dark-700;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-700);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-700);\r\n }\r\n\r\n .text {\r\n color: $gray-700;\r\n padding: 0 !important;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $gray-900;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-900);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-400);\r\n }\r\n\r\n .text {\r\n color: $gray-400;\r\n padding: 0 !important;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $gray-500;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-500);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabActiveButton {\r\n border-radius: 6px;\r\n background-color: $base-white;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-700);\r\n }\r\n\r\n .text {\r\n color: $gray-700;\r\n }\r\n\r\n &:hover {\r\n .icon {\r\n @include modify-svg($stroke: $gray-900);\r\n }\r\n\r\n .text {\r\n color: $gray-900;\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabButton {\r\n border-radius: 6px;\r\n background-color: $gray-100;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-500);\r\n }\r\n\r\n .text {\r\n color: $gray-500;\r\n }\r\n\r\n &:hover {\r\n background-color: $gray-200;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-800);\r\n }\r\n\r\n .text {\r\n color: $gray-800;\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningPrimaryButton {\r\n border-radius: 8px;\r\n background-color: $error-500;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &:hover {\r\n background-color: $error-600;\r\n }\r\n\r\n &:focus {\r\n background-color: $error-500;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.3;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $error-200;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $error-500);\r\n }\r\n\r\n .text {\r\n color: $error-500;\r\n }\r\n\r\n &:hover {\r\n background-color: $error-50;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $error-400;\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px $gray-100, 0 1px 2px 0 #1018280D, 0 0 0 1px $error-200;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n width: fit-content;\n height: fit-content;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button svg {\n flex: none;\n}\n.button.light {\n background: none;\n}\n.button.light svg * {\n stroke: #98A2B3;\n}\n.button.light:hover {\n background-color: #EAECF0;\n}\n.button.light:hover svg * {\n stroke: #475467;\n}\n.button.dark {\n background-color: rgba(12, 17, 29, 0.5019607843);\n}\n.button.dark svg * {\n stroke: #FFFFFF;\n}\n.button.dark:hover {\n background-color: rgba(12, 17, 29, 0.8);\n}\n.button.gray {\n background: none;\n}\n.button.gray svg * {\n stroke: #667085;\n}\n.button.gray:hover {\n background-color: #FFFFFF;\n}\n.button.gray:hover svg * {\n stroke: #475467;\n}\n.button.color {\n background: none;\n}\n.button.color svg * {\n stroke: #2970FF;\n}\n.button.color:hover {\n background-color: #FFFFFF;\n}\n.button.color:hover svg * {\n stroke: #155EEF;\n}\n.button.colorHover {\n background: none;\n}\n.button.colorHover svg * {\n stroke: #528BFF;\n}\n.button.colorHover:hover {\n background-color: #D1E0FF;\n}\n.button.colorHover:hover svg * {\n stroke: #2970FF;\n}\n.button.redHover {\n background: none;\n}\n.button.redHover svg * {\n stroke: #F97066;\n}\n.button.redHover:hover {\n background-color: #FEE4E2;\n}\n.button.redHover:hover svg * {\n stroke: #F04438;\n}\n.button.colorFill {\n background: #FFFFFF;\n box-shadow: 0 0 0 1px #B2CCFF;\n}\n.button.colorFill svg * {\n stroke: #2970FF;\n}\n.button.colorFill:hover {\n background: #EFF4FF;\n}\n.button.colorFill:hover svg * {\n stroke: #2970FF;\n}\n.button.grayFill {\n background: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD;\n}\n.button.grayFill svg * {\n stroke: #344054;\n}\n.button.grayFill:hover {\n background: #F9FAFB;\n}\n.button.grayFill:hover svg * {\n stroke: #101828;\n}\n.button.redFill {\n background: #FFFFFF;\n box-shadow: 0 0 0 1px #FDA29B;\n}\n.button.redFill svg * {\n stroke: #F04438;\n}\n.button.redFill:hover {\n background: #FEF3F2;\n}\n.button.redFill:hover svg * {\n stroke: #D92D20;\n}\n.button.size14 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size14 svg {\n width: 10px;\n height: 10px;\n}\n.button.size16 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size16 svg {\n width: 12px;\n height: 12px;\n}\n.button.size20 {\n border-radius: 3px;\n padding: 3px;\n}\n.button.size20 svg {\n width: 14px;\n height: 14px;\n}\n.button.size24 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size24 svg {\n width: 16px;\n height: 16px;\n}\n.button.size28 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size28 svg {\n width: 20px;\n height: 20px;\n}","@use 'base-button';\r\n@use 'properties';\r\n\r\n@mixin micro-button() {\r\n .button {\r\n @include base-button.base-button();\r\n\r\n &.light {\r\n @include properties.light();\r\n }\r\n\r\n &.dark {\r\n @include properties.dark();\r\n }\r\n\r\n &.gray {\r\n @include properties.gray();\r\n }\r\n\r\n &.color {\r\n @include properties.color();\r\n }\r\n\r\n &.colorHover {\r\n @include properties.color-hover();\r\n }\r\n\r\n &.redHover {\r\n @include properties.red-hover();\r\n }\r\n\r\n &.colorFill {\r\n @include properties.color-fill();\r\n }\r\n\r\n &.grayFill {\r\n @include properties.gray-fill();\r\n }\r\n\r\n &.redFill {\r\n @include properties.red-fill();\r\n }\r\n\r\n &.size14 {\r\n @include properties.size-14();\r\n }\r\n\r\n &.size16 {\r\n @include properties.size-16();\r\n }\r\n\r\n &.size20 {\r\n @include properties.size-20();\r\n }\r\n\r\n &.size24 {\r\n @include properties.size-24();\r\n }\r\n\r\n &.size28 {\r\n @include properties.size-28();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n @include modify-svg() {\r\n flex: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n background: none;\r\n @include modify-svg($stroke: $gray-400);\r\n\r\n &:hover {\r\n background-color: $gray-200;\r\n @include modify-svg($stroke: $gray-600);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n background-color: #0C111D80;\r\n @include modify-svg($stroke: $base-white);\r\n\r\n &:hover {\r\n background-color: #0C111DCC;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n background: none;\r\n @include modify-svg($stroke: $gray-500);\r\n\r\n &:hover {\r\n background-color: $base-white;\r\n @include modify-svg($stroke: $gray-600);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n background: none;\r\n @include modify-svg($stroke: $blue-dark-500);\r\n\r\n &:hover {\r\n background-color: $base-white;\r\n @include modify-svg($stroke: $blue-dark-600);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n background: none;\r\n @include modify-svg($stroke: $blue-dark-400);\r\n\r\n &:hover {\r\n background-color: $blue-dark-100;\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n background: none;\r\n @include modify-svg($stroke: $error-400);\r\n\r\n &:hover {\r\n background-color: $error-100;\r\n @include modify-svg($stroke: $error-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n background: $base-white;\r\n box-shadow: 0 0 0 1px $blue-dark-200;\r\n @include modify-svg($stroke: $blue-dark-500);\r\n\r\n &:hover {\r\n background: $blue-dark-50;\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n background: $base-white;\r\n box-shadow: 0 0 0 1px $gray-300;\r\n @include modify-svg($stroke: $gray-700);\r\n\r\n &:hover {\r\n background: $gray-50;\r\n @include modify-svg($stroke: $gray-900);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n background: $base-white;\r\n box-shadow: 0 0 0 1px $error-300;\r\n @include modify-svg($stroke: $error-500);\r\n\r\n &:hover {\r\n background: $error-50;\r\n @include modify-svg($stroke: $error-600);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.calendarDay {\r\n position: relative;\r\n flex: none;\r\n width: 40px;\r\n height: 40px;\r\n\r\n border-radius: 8px;\r\n background-color: $base-white;\r\n\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n .mark {\r\n width: 100%;\r\n height: 12px;\r\n padding: 4px 0 0 0;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n &::after {\r\n content: '';\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: $blue-dark-400;\r\n }\r\n }\r\n\r\n .day {\r\n flex: 1;\r\n width: 100%;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: $gray-700);\r\n }\r\n\r\n .info {\r\n width: 100%;\r\n height: 12px;\r\n padding: 0 0 2px 0;\r\n @include fnt($size: 10, $line-height: 10, $weight: 400, $color: $gray-400);\r\n }\r\n\r\n &:hover {\r\n background-color: $gray-100;\r\n }\r\n\r\n &.holiday {\r\n .day {\r\n color: $error-500;\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: $blue-dark-500;\r\n\r\n .mark::after {\r\n background-color: $base-white;\r\n }\r\n\r\n .day {\r\n color: $base-white;\r\n }\r\n\r\n .info {\r\n color: $blue-dark-300;\r\n }\r\n\r\n &:hover {\r\n background-color: $blue-dark-600;\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: $gray-100;\r\n\r\n &:hover {\r\n background-color: $gray-200;\r\n }\r\n\r\n &:before {\r\n // Требует наличия у родителя relative с z-index: 1;\r\n content: '';\r\n width: 60px;\r\n height: 40px;\r\n position: absolute;\r\n background-color: $gray-100;\r\n z-index: -1;\r\n }\r\n }\r\n\r\n &:disabled {\r\n background-color: $base-white;\r\n z-index: 1;\r\n\r\n &:before {\r\n background: $base-white;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .mark {\r\n &::after {\r\n background-color: $gray-300;\r\n }\r\n }\r\n\r\n .day {\r\n @include fnt-flex($color: $gray-400);\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: $gray-300);\r\n }\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n\r\n & {\r\n font-size: #{$size}px;\r\n line-height: #{$line-height}px;\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n border-radius: 16px;\r\n border: 1px solid $gray-200;\r\n background-color: $base-white;\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n position: relative;\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n z-index: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n gap: 2px;\r\n z-index: 2;\r\n backdrop-filter: blur(10px);\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n width: 40px;\r\n height: 16px;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: $gray-400);\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .meta {\r\n width: 100%;\r\n gap: 6px;\r\n z-index: 2;\r\n @include modify-flex($direction: row);\r\n\r\n .month {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: $gray-900);\r\n }\r\n\r\n .year {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: $gray-400);\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n max-height: 250px;\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: repeat(5, 1fr);\r\n gap: 2px;\r\n overflow: hidden;\r\n\r\n &.upEntrance {\r\n animation: up-entrance 1s forwards;\r\n }\r\n\r\n &.downEntrance {\r\n animation: down-entrance 1s forwards;\r\n }\r\n\r\n &.upExit {\r\n animation: up-exit 1s forwards;\r\n }\r\n\r\n &.downExit {\r\n animation: down-exit 1s forwards;\r\n }\r\n\r\n &.displayNone {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes up-entrance {\r\n from {\r\n transform: translateY(-100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes down-entrance {\r\n from {\r\n transform: translateY(100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes up-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n}\r\n\r\n@keyframes down-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: row);\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: $gray-900);\r\n }\r\n\r\n .switchers {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 2px;\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n width: 100%;\r\n display: flex;\r\n\r\n border-top: 1px solid $gray-200;\r\n padding: 16px;\r\n gap: 8px;\r\n\r\n .item {\r\n flex: 1;\r\n }\r\n}"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;EAIA;EACA;ACFF;ADKA;EACE;EACA;EAIA;EACA;ACNF;ADSA;EACE;EACA;EAIA;EACA;ACVF;AChBE;EACE;EAGE,mBCFiB;EDMjB,uBCNsB;EDUtB,mBCV8B;AFoBpC;AElBE;EACE;EACA;AFoBJ;AC1BE;EACE;EAGE,mBCGmB;EDCnB,uBCDwB;EDKxB,mBCLgC;AFyBtC;AEtBE;EACE;EACA;AFwBJ;AErBE;EACE;AFuBJ;AEpBE;EACE;EACA;AFsBJ;AEnBE;EACE;AFqBJ;AGxCI;ECJF;AJ+CF;AI3CM;EACE;EACA;EACA;AJ6CR;AIxCE;EACE;AJ0CJ;AK9CE;EAEI;EAGA;EAGA;EAGA,gBDNsD;ECYxD,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL0DZ;AGzDI;EGRF;ANoEF;AMhEM;EACE;EACA;EACA;ANkER;AM7DE;EACE;AN+DJ;AKnEE;EAEI;EAGA;EAGA;EAGA,gBCNsD;EDYxD,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL+EZ;AG1EI;EIZF;APyFF;AOrFM;EACE;EACA;EACA;APuFR;AOlFE;EACE;APoFJ;AKxFE;EAEI;EAGA;EAGA;EAGA,gBENsD;EFYxD,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALoGZ;AG3FI;EKhBF;AR8GF;AQ1GM;EACE;EACA;EACA;AR4GR;AQvGE;EACE;ARyGJ;AK7GE;EAEI;EAGA;EAGA;EAGA,gBGNsD;EHYxD,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALyHZ;AG5GI;EMpBF;EACA,yBCEc;EDDd;ATmIF;AWrIM;EAEI,eCLG;AZ2Ib;AShIE;EACE,cGZS;AZ8Ib;AS/HE;EACE,yBCTY;AV0IhB;AS9HE;EACE,yBCdY;EDeZ;ATgIJ;AS7HE;EACE;AT+HJ;AG7HI;EUxBF;EACA,yBDJW;ECKX;AbwJF;AW1JM;EAEI,eDCM;AV0JhB;AarJE;EACE,cHNY;AV6JhB;AapJE;EACE,yBHfW;EGgBX;AbsJJ;AanJE;EACE;AbqJJ;AalJE;EACE;AboJJ;AG9II;EW5BF;EACA,yBFJW;EEKX;Ad6KF;AW/KM;EAEI,eCMC;AZ0KX;Ac1KE;EACE,cFDO;AZ6KX;AczKE;EACE,yBFZM;EEaN;Ad2KJ;AczKI;EACE,cFRK;AZmLX;AcvKE;EACE;AdyKJ;ActKE;EACE;AdwKJ;AWlMM;EAEI,eDHM;AVsMhB;AejME;EACE,cLNY;AVyMhB;Ae/LI;EACE,cHbO;AZ8Mb;AW3MM;EAEI,eCLG;AZiNb;Ae5LE;EACE;Af8LJ;AWjNM;EAEI,eDCM;AViNhB;AgBhNE;EACE,cNFY;AVoNhB;AgB9MI;EACE,cNLU;AVqNhB;AW1NM;EAEI,eDGM;AVwNhB;AgB3ME;EACE;AhB6MJ;AWhOM;EAEI,eCMC;AZ2NX;AiB/NE;EACE,cLGO;AZ8NX;AiB7NI;EACE;AjB+NN;AWzOM;EAEI,eCQC;AZkOX;AiB1NE;EACE;AjB4NJ;AGnMI;Ee5CF;EACA;AlBkPF;AWnPM;EAEI,eDCM;AVmPhB;AkB/OE;EACE,cRLY;EQMZ;AlBiPJ;AkB7OI;EACE,cRTU;AVwPhB;AW7PM;EAEI,eDGM;AV2PhB;AkB1OE;EACE;AlB4OJ;AGnNI;EgBhDF;EACA;AnBsQF;AWvQM;EAEI,eCMC;AZkQX;AmBnQE;EACE;EACA;AnBqQJ;AmBjQI;EACE,cPJK;AZuQX;AWjRM;EAEI,eCQC;AZ0QX;AmB9PE;EACE;AnBgQJ;AGnOI;EiBpDF;EACA;ApB0RF;AW3RM;EAEI,eCGC;AZyRX;AoBvRE;EACE,cRHO;EQIP;ApByRJ;AoBrRI;EACE,cRRK;AZ+RX;AWrSM;EAEI,eCIC;AZkSX;AoBlRE;EACE;ApBoRJ;AGnPI;EkBxDF;EACA,yBTJW;ESKX;ArB8SF;AWhTM;EAEI,eCMC;AZ2SX;AqB3SE;EACE,cTDO;AZ8SX;AWtTM;EAEI,eCQC;AZ+SX;AqBxSI;EACE,cTRK;AZkTX;AqBtSE;EACE;ArBwSJ;AGnQI;EmB5DF;EACA,yBVCS;EUAT;AtBkUF;AWpUM;EAEI,eCIC;AZiUX;AsB/TE;EACE,cVHO;AZoUX;AsB9TE;EACE,yBVVO;AZ0UX;AW7UM;EAEI,eCOC;AZuUX;AsB7TI;EACE,cVXK;AZ0UX;AsB3TE;EACE;AtB6TJ;AGrRM;EoBjEJ;EACA,yBX+BU;EW9BV;AvByVF;AuBvVE;EACE,yBX4BQ;AZ6TZ;AuBtVE;EACE,yBXuBQ;AZiUZ;AuBrVE;EACE;AvBuVJ;AG7RM;EqBvEJ;AxBuWF;AWvWM;EAEI,eC8BE;AZ0UZ;AwBpWE;EACE,cZyBQ;AZ6UZ;AwBnWE;EACE,yBZgBO;EYfP;AxBqWJ;AwBlWE;EACE;AxBoWJ;AwBjWE;EACE;AxBmWJ,C;;;;AD1XA;EACE;EACA;EAIA;EACA;A0BFF;A1BKA;EACE;EACA;EAIA;EACA;A0BNF;A1BSA;EACE;EACA;EAIA;EACA;A0BVF;ACbE;ECDA;EACA;AFiBF;AxBpBE;EACE;EAGE;EAIA,uB0BJsB;E1BQtB,mB0BR8B;AFsBpC;AddM;EgBNF;AFuBJ;ACvBI;EEJF;AH8BF;Ad9BM;EAEI,eCGC;Aa4BX;AG9BE;EACE,yBhBDO;AaiCX;AdpCM;EAEI,eCKC;AagCX;AC/BI;EGRF;AJ0CF;Ad1CM;EAEI,eCLG;AagDb;AI1CE;EACE;AJ4CJ;ACpCI;EIZF;ALmDF;AdnDM;EAEI,eCIC;AagDX;AKnDE;EACE,yBlBPS;Aa4Db;AdzDM;EAEI,eCKC;AaqDX;AC5CI;EKhBF;AN+DF;Ad/DM;EAEI,eDCM;Ae+DhB;AM/DE;EACE,yBnBPS;AawEb;AdrEM;EAEI,eDEM;AeoEhB;ACpDI;EMpBF;AP2EF;Ad3EM;EAEI;Ac4EV;AO3EE;EACE,yBtBLY;AekFhB;AdjFM;EAEI,eDCM;AeiFhB;AC5DI;EOxBF;ARuFF;AdvFM;EAEI,eC6BE;Aa2DZ;AQvFE;EACE,yBrBwBQ;AaiEZ;Ad7FM;EAEI,eC8BE;AagEZ;ACpEI;EQ5BF,mBtBHW;EsBIX;ATmGF;AdpGM;EAEI,eDCM;AeoGhB;ASnGE;EACE,mBxBPW;Ae4Gf;Ad1GM;EAEI,eDCM;Ae0GhB;AC7EI;EShCF,mBvBHW;EuBIX;AVgHF;AdjHM;EAEI,eCMC;Aa4GX;AUhHE;EACE,mBvBJM;AasHV;AdvHM;EAEI,eCQC;AagHX;ACtFI;EUpCF,mBxBHW;EwBIX;AX6HF;Ad9HM;EAEI,eC8BE;AaiGZ;AW7HE;EACE,mBxBsBO;AayGX;AdpIM;EAEI,eC+BE;AasGZ;AC/FI;EWxCF;EACA;AZ0IF;AdjIM;E0BNF;EACA;AZ0IJ;ACnGI;EY5CF;EACA;AbkJF;AdzIM;E2BNF;EACA;AbkJJ;ACvGI;EahDF;EACA;Ad0JF;AdjJM;E4BNF;EACA;Ad0JJ;AC3GI;EcpDF;EACA;AfkKF;AdzJM;E6BNF;EACA;AfkKJ;AC/GI;EexDF;EACA;AhB0KF;AdjKM;E8BNF;EACA;AhB0KJ,C;;;;A1BlLA;EACE;EACA;EAIA;EACA;A2CFF;A3CKA;EACE;EACA;EAIA;EACA;A2CNF;A3CSA;EACE;EACA;EAIA;EACA;A2CVF;AAfA;EACE;EACA;EACA;EACA;EAEA;EACA,yB9BTW;A8ByBb;AzCxBE;EACE;EAGE,sByCM6B;EzCF7B,uByCEuD;EzCEvD,mByCF6E;AAoBnF;AAlBE;EACE;EACA;EACA;AAoBJ;AzCnCE;EACE;EAGE,sByCY+B;EzCR/B,uByCQyD;EzCJzD,mByCI+E;AAyBrF;AAvBI;EACE;EACA;EACA;EACA;EACA,yBhCnBU;AgC4ChB;AArBE;EACE;EACA;AAuBJ;AzCpDE;EACE;EAGE,sByC0B+B;EzCtB/B,uByCsByD;EzClBzD,mByCkB+E;AA4BrF;AC9CE;EACE;EACA;EACA,c/BLO;E+BMP,gBDemD;ECdnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD2DZ;AAlCE;EACE;EACA;EACA;AAoCJ;AC7DE;EACE;EACA;EACA,c/BRO;E+BSP,gBDsBmD;ECrBnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD0EZ;AA1CE;EACE,yB9BtCO;A8BkFX;AAxCI;EACE,c9BbM;A8BuDZ;AAtCE;EACE,yBhC/CY;AgCuFhB;AAtCI;EACE,yB9BxDO;A8BgGb;AArCI;EACE,c9B5DO;A8BmGb;AApCI;EACE,chC5DU;AgCkGhB;AAnCI;EACE,yBhC7DU;AgCkGhB;AAjCE;EACE,yB9BpEO;A8BuGX;AAjCI;EACE,yB9BtEK;A8ByGX;AAhCI;EAEE;EACA;EACA;EACA;EACA,yB9BhFK;E8BiFL;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CA;EAIA;EACA;A4DVF;ACbE;EACE;EACA;EAEA;EACA;ADcJ;ACZI;EACE;EACA;EACA;EAEA;EACA;EACA,yBhDlBO;EuCCX;EACA;EACA;AQ+BF;AhBrBE;EACE;EACA;EACA,c/BLO;E+BMP,gBiBOqD;EjBNrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgBkCZ;AChBM;EAUE;ADSR;AClBQ;EACE;EACA;EACA;EACA;EACA;EACA,yBlD7BM;AiDiDhB,C;;;;A5DvDA;EACE;EACA;EAIA;EACA;A8DFF;A9DKA;EACE;EACA;EAIA;EACA;A8DNF;A9DSA;EACE;EACA;EAIA;EACA;A8DVF;ACdE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA,yBlDZS;EkDaT;ADcJ;AlBdE;EACE;EACA;EACA,c/BHO;E+BIP,gBmBFmD;EnBGnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkB2BZ;AlBxBE;EACE;EACA;EACA,c/BRO;E+BSP,gBmBCqD;EnBArD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqCZ;AC1BI;EACE;AD4BN;ACzBI;EACE,yBlDrBK;AiDgDX;AlBxCE;EACE;EACA;EACA,c/BPO;E+BQP,gBmBUqD;EnBTrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqDZ;ACjCI;EACE;ADmCN;ACjCM;EACE;ADmCR,C;;;;A9DrEA;EACE;EACA;EAIA;EACA;AgEFF;AhEKA;EACE;EACA;EAIA;EACA;AgENF;AhESA;EACE;EACA;EAIA;EACA;AgEVF;AbdE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA,yBtCZS;EsCaT;EACA;AagBJ;AbdI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AaeN;ApB9BE;EACE;EACA;EACA,c/BHO;E+BIP,gBOaqD;EPZrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2CZ;ApBxCE;EACE;EACA;EACA,c/BRO;E+BSP,gBOgBuD;EPfvD,mC5CYO;E4C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","sources":["webpack://indicator-ui/./src/styles/fonts.scss","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/button.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/colors/secondary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/styles/colors/primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/micro-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/CalendarDay.module.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerMain.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DateGrid.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerHeader.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerFooter.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/mixins/flexField.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/mixins/selectField.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/RadioField.module.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/mixins/radioField.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/mixin/textareaField.scss","webpack://indicator-ui/./src/ui/InputFields/InputField/styles/InputField.module.scss"],"sourcesContent":["@font-face {\r\n font-family: \"Golos UI\";\r\n src: local(\"Golos UI\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Golos UI\";\r\n src: local(\"Golos UI\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Golos UI\";\r\n src: local(\"Golos UI\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\r\n font-weight: 600;\r\n font-style: normal;\r\n}\r\n\r\n$golos-ui: 'Golos UI', sans-serif;","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button .icon {\n width: fit-content;\n height: fit-content;\n}\n.button .icon {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button.widthFill {\n width: 100%;\n flex: 1;\n}\n.button.widthHug {\n width: fit-content;\n}\n.button.heightFill {\n height: 100%;\n flex: 1;\n}\n.button.heightHug {\n height: fit-content;\n}\n.button.small {\n padding: 10px;\n}\n.button.small .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.small .text {\n padding: 0 4px;\n}\n.button.small .text {\n font-size: 14px;\n line-height: 16px;\n line-height: 16px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.medium {\n padding: 10px;\n}\n.button.medium .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.medium .text {\n padding: 0 8px;\n}\n.button.medium .text {\n font-size: 14px;\n line-height: 20px;\n line-height: 20px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.large {\n padding: 10px;\n}\n.button.large .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.large .text {\n padding: 0 6px;\n}\n.button.large .text {\n font-size: 14px;\n line-height: 20px;\n line-height: 20px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.ultra {\n padding: 18px;\n}\n.button.ultra .icon svg {\n flex: none;\n width: 24px;\n height: 24px;\n}\n.button.ultra .text {\n padding: 0 12px;\n}\n.button.ultra .text {\n font-size: 18px;\n line-height: 24px;\n line-height: 24px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.primary {\n border-radius: 8px;\n background-color: #2970FF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary .icon svg * {\n stroke: #FFFFFF;\n}\n.button.primary .text {\n color: #FFFFFF;\n}\n.button.primary:hover {\n background-color: #155EEF;\n}\n.button.primary:focus {\n background-color: #2970FF;\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary:disabled {\n opacity: 0.3;\n}\n.button.secondaryColor {\n border-radius: 8px;\n background-color: #FFFFFF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #B2CCFF;\n}\n.button.secondaryColor .icon svg * {\n stroke: #2970FF;\n}\n.button.secondaryColor .text {\n color: #2970FF;\n}\n.button.secondaryColor:hover {\n background-color: #EFF4FF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #84ADFF;\n}\n.button.secondaryColor:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #84ADFF;\n}\n.button.secondaryColor:disabled {\n opacity: 0.5;\n}\n.button.secondaryGray {\n border-radius: 8px;\n background-color: #FFFFFF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #D0D5DD;\n}\n.button.secondaryGray .icon svg * {\n stroke: #344054;\n}\n.button.secondaryGray .text {\n color: #344054;\n}\n.button.secondaryGray:hover {\n background-color: #F9FAFB;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #D0D5DD;\n}\n.button.secondaryGray:hover .text {\n color: #1D2939;\n}\n.button.secondaryGray:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #D0D5DD;\n}\n.button.secondaryGray:disabled {\n opacity: 0.5;\n}\n.button.tertiaryWhite .icon svg * {\n stroke: #D1E0FF;\n}\n.button.tertiaryWhite .text {\n color: #D1E0FF;\n}\n.button.tertiaryWhite:hover .text {\n color: #FFFFFF;\n}\n.button.tertiaryWhite:hover .icon svg * {\n stroke: #FFFFFF;\n}\n.button.tertiaryWhite:disabled {\n opacity: 0.5;\n}\n.button.tertiaryColor .icon svg * {\n stroke: #2970FF;\n}\n.button.tertiaryColor .text {\n color: #2970FF;\n}\n.button.tertiaryColor:hover .text {\n color: #004EEB;\n}\n.button.tertiaryColor:hover .icon svg * {\n stroke: #004EEB;\n}\n.button.tertiaryColor:disabled {\n opacity: 0.5;\n}\n.button.tertiaryGray .icon svg * {\n stroke: #344054;\n}\n.button.tertiaryGray .text {\n color: #344054;\n}\n.button.tertiaryGray:hover .text {\n color: #101828;\n}\n.button.tertiaryGray:hover .icon svg * {\n stroke: #101828;\n}\n.button.tertiaryGray:disabled {\n opacity: 0.5;\n}\n.button.linkColor {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkColor .icon svg * {\n stroke: #2970FF;\n}\n.button.linkColor .text {\n color: #2970FF;\n padding: 0 !important;\n}\n.button.linkColor:hover .text {\n color: #004EEB;\n}\n.button.linkColor:hover .icon svg * {\n stroke: #004EEB;\n}\n.button.linkColor:disabled {\n opacity: 0.5;\n}\n.button.linkBlack {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkBlack .icon svg * {\n stroke: #344054;\n}\n.button.linkBlack .text {\n color: #344054;\n padding: 0 !important;\n}\n.button.linkBlack:hover .text {\n color: #101828;\n}\n.button.linkBlack:hover .icon svg * {\n stroke: #101828;\n}\n.button.linkBlack:disabled {\n opacity: 0.5;\n}\n.button.linkGray {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkGray .icon svg * {\n stroke: #98A2B3;\n}\n.button.linkGray .text {\n color: #98A2B3;\n padding: 0 !important;\n}\n.button.linkGray:hover .text {\n color: #667085;\n}\n.button.linkGray:hover .icon svg * {\n stroke: #667085;\n}\n.button.linkGray:disabled {\n opacity: 0.5;\n}\n.button.tabActive {\n border-radius: 6px;\n background-color: #FFFFFF;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tabActive .icon svg * {\n stroke: #344054;\n}\n.button.tabActive .text {\n color: #344054;\n}\n.button.tabActive:hover .icon svg * {\n stroke: #101828;\n}\n.button.tabActive:hover .text {\n color: #101828;\n}\n.button.tabActive:disabled {\n opacity: 0.5;\n}\n.button.tab {\n border-radius: 6px;\n background-color: #F2F4F7;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tab .icon svg * {\n stroke: #667085;\n}\n.button.tab .text {\n color: #667085;\n}\n.button.tab:hover {\n background-color: #EAECF0;\n}\n.button.tab:hover .icon svg * {\n stroke: #1D2939;\n}\n.button.tab:hover .text {\n color: #1D2939;\n}\n.button.tab:disabled {\n opacity: 0.5;\n}\n.button.warning.primary {\n border-radius: 8px;\n background-color: #F04438;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.primary:hover {\n background-color: #D92D20;\n}\n.button.warning.primary:focus {\n background-color: #F04438;\n}\n.button.warning.primary:disabled {\n opacity: 0.3;\n}\n.button.warning.secondaryColor {\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #FECDCA;\n}\n.button.warning.secondaryColor .icon svg * {\n stroke: #F04438;\n}\n.button.warning.secondaryColor .text {\n color: #F04438;\n}\n.button.warning.secondaryColor:hover {\n background-color: #FEF3F2;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #F97066;\n}\n.button.warning.secondaryColor:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px #FECDCA;\n}\n.button.warning.secondaryColor:disabled {\n opacity: 0.5;\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\r\n & {\r\n display: flex;\r\n\r\n @if ($direction != null) {\r\n flex-direction: $direction;\r\n }\r\n\r\n @if ($justify-content != null) {\r\n justify-content: $justify-content;\r\n }\r\n\r\n @if ($align-items != null) {\r\n align-items: $align-items;\r\n }\r\n @content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin baseButton() {\r\n @include modify-flex(row, center, center);\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use 'baseButton';\r\n@use 'properties';\r\n\r\n@mixin insertButton() {\r\n .button {\r\n @include baseButton.baseButton();\r\n\r\n &.small {\r\n @include properties.smallButton;\r\n }\r\n\r\n &.medium {\r\n @include properties.mediumButton;\r\n }\r\n\r\n &.large {\r\n @include properties.largeButton;\r\n }\r\n\r\n &.ultra {\r\n @include properties.ultraButton;\r\n }\r\n\r\n &.primary {\r\n @include properties.primaryButton;\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.secondaryColorButton;\r\n }\r\n\r\n &.secondaryGray {\r\n @include properties.secondaryGrayButton;\r\n }\r\n\r\n &.tertiaryWhite {\r\n @include properties.tertiaryWhiteButton;\r\n }\r\n\r\n &.tertiaryColor {\r\n @include properties.tertiaryColorButton;\r\n }\r\n\r\n &.tertiaryGray {\r\n @include properties.tertiaryGrayButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.linkColorButton;\r\n }\r\n\r\n &.linkBlack {\r\n @include properties.linkBlackButton;\r\n }\r\n\r\n &.linkGray {\r\n @include properties.linkGrayButton;\r\n }\r\n\r\n &.tabActive {\r\n @include properties.tabActiveButton;\r\n }\r\n\r\n &.tab {\r\n @include properties.tabButton;\r\n }\r\n\r\n &.warning {\r\n &.primary {\r\n @include properties.warningPrimaryButton;\r\n }\r\n }\r\n\r\n &.warning {\r\n &.secondaryColor {\r\n @include properties.warningSecondaryColorButton;\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 500);\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 6px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n padding: 18px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 12px;\r\n @include fnt-flex($size: 18, $line-height: 24, $weight: 500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n border-radius: 8px;\r\n background-color: $blue-dark-500;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $base-white);\r\n }\r\n\r\n .text {\r\n color: $base-white;\r\n }\r\n\r\n &:hover {\r\n background-color: $blue-dark-600;\r\n }\r\n\r\n &:focus {\r\n background-color: $blue-dark-500;\r\n box-shadow: 0 0 0 4px $gray-100, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.3;\r\n }\r\n}","$blue-dark-25: #F5F8FF !default;\r\n$blue-dark-50: #EFF4FF !default;\r\n$blue-dark-100: #D1E0FF !default;\r\n$blue-dark-200: #B2CCFF !default;\r\n$blue-dark-300: #84ADFF !default;\r\n$blue-dark-400: #528BFF !default;\r\n$blue-dark-500: #2970FF !default;\r\n$blue-dark-600: #155EEF !default;\r\n$blue-dark-700: #004EEB !default;\r\n$blue-dark-800: #0040C1 !default;\r\n$blue-dark-900: #00359E !default;\r\n$blue-dark-950: #002266 !default;\r\n","@mixin modify-svg($stroke: null, $fill: null) {\r\n & {\r\n svg {\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n\r\n & {\r\n @content;\r\n }\r\n }\r\n }\r\n}","$base-white: #FFFFFF !default;\r\n$base-black: #000000 !default;\r\n\r\n$gray-25: #FCFCFD !default;\r\n$gray-50: #F9FAFB !default;\r\n$gray-100: #F2F4F7 !default;\r\n$gray-200: #EAECF0 !default;\r\n$gray-300: #D0D5DD !default;\r\n$gray-400: #98A2B3 !default;\r\n$gray-500: #667085 !default;\r\n$gray-600: #475467 !default;\r\n$gray-700: #344054 !default;\r\n$gray-800: #1D2939 !default;\r\n$gray-900: #101828 !default;\r\n$gray-950: #0C111D !default;\r\n\r\n$primary-25: #FCFAFF !default;\r\n$primary-50: #F9F5FF !default;\r\n$primary-100: #F4EBFF !default;\r\n$primary-200: #E9D7FE !default;\r\n$primary-300: #D6BBFB !default;\r\n$primary-400: #B692F6 !default;\r\n$primary-500: #9E77ED !default;\r\n$primary-600: #7F56D9 !default;\r\n$primary-700: #6941C6 !default;\r\n$primary-800: #53389E !default;\r\n$primary-900: #42307D !default;\r\n$primary-950: #2C1C5F !default;\r\n\r\n$error-25: #FFFBFA !default;\r\n$error-50: #FEF3F2 !default;\r\n$error-100: #FEE4E2 !default;\r\n$error-200: #FECDCA !default;\r\n$error-300: #FDA29B !default;\r\n$error-400: #F97066 !default;\r\n$error-500: #F04438 !default;\r\n$error-600: #D92D20 !default;\r\n$error-700: #B42318 !default;\r\n$error-800: #912018 !default;\r\n$error-900: #7A271A !default;\r\n$error-950: #FEFDF0 !default;\r\n\r\n$warning-25: #FFFCF5 !default;\r\n$warning-50: #FFFAEB !default;\r\n$warning-100: #FEF0C7 !default;\r\n$warning-200: #FEDF89 !default;\r\n$warning-300: #FEC84B !default;\r\n$warning-400: #FDB022 !default;\r\n$warning-500: #F79009 !default;\r\n$warning-600: #DC6803 !default;\r\n$warning-700: #B54708 !default;\r\n$warning-800: #93370D !default;\r\n$warning-900: #7A2E0E !default;\r\n$warning-950: #4E1D09 !default;\r\n","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n border-radius: 8px;\r\n background-color: $base-white;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $blue-dark-200;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n\r\n .text {\r\n color: $blue-dark-500;\r\n }\r\n\r\n &:hover {\r\n background-color: $blue-dark-50;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $blue-dark-300;\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px $gray-100, 0 1px 2px 0 #1018280D, 0 0 0 1px $blue-dark-300;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n border-radius: 8px;\r\n background-color: $base-white;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $gray-300;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-700);\r\n }\r\n\r\n .text {\r\n color: $gray-700;\r\n }\r\n\r\n &:hover {\r\n background-color: $gray-50;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $gray-300;\r\n\r\n .text {\r\n color: $gray-800;\r\n }\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px $gray-100, 0 1px 2px 0 #1018280D, 0 0 0 1px $gray-300;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-100);\r\n }\r\n\r\n .text {\r\n color: $blue-dark-100;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $base-white;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $base-white);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n\r\n .text {\r\n color: $blue-dark-500;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $blue-dark-700;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-700);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n .icon {\r\n @include modify-svg($stroke: $gray-700);\r\n }\r\n\r\n .text {\r\n color: $gray-700;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $gray-900;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-900);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n\r\n .text {\r\n color: $blue-dark-500;\r\n padding: 0 !important;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $blue-dark-700;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $blue-dark-700);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-700);\r\n }\r\n\r\n .text {\r\n color: $gray-700;\r\n padding: 0 !important;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $gray-900;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-900);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-400);\r\n }\r\n\r\n .text {\r\n color: $gray-400;\r\n padding: 0 !important;\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: $gray-500;\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-500);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabActiveButton {\r\n border-radius: 6px;\r\n background-color: $base-white;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-700);\r\n }\r\n\r\n .text {\r\n color: $gray-700;\r\n }\r\n\r\n &:hover {\r\n .icon {\r\n @include modify-svg($stroke: $gray-900);\r\n }\r\n\r\n .text {\r\n color: $gray-900;\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabButton {\r\n border-radius: 6px;\r\n background-color: $gray-100;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-500);\r\n }\r\n\r\n .text {\r\n color: $gray-500;\r\n }\r\n\r\n &:hover {\r\n background-color: $gray-200;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $gray-800);\r\n }\r\n\r\n .text {\r\n color: $gray-800;\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningPrimaryButton {\r\n border-radius: 8px;\r\n background-color: $error-500;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &:hover {\r\n background-color: $error-600;\r\n }\r\n\r\n &:focus {\r\n background-color: $error-500;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.3;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $error-200;\r\n\r\n .icon {\r\n @include modify-svg($stroke: $error-500);\r\n }\r\n\r\n .text {\r\n color: $error-500;\r\n }\r\n\r\n &:hover {\r\n background-color: $error-50;\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px $error-400;\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px $gray-100, 0 1px 2px 0 #1018280D, 0 0 0 1px $error-200;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n width: fit-content;\n height: fit-content;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button svg {\n flex: none;\n}\n.button.light {\n background: none;\n}\n.button.light svg * {\n stroke: #98A2B3;\n}\n.button.light:hover {\n background-color: #EAECF0;\n}\n.button.light:hover svg * {\n stroke: #475467;\n}\n.button.dark {\n background-color: rgba(12, 17, 29, 0.5019607843);\n}\n.button.dark svg * {\n stroke: #FFFFFF;\n}\n.button.dark:hover {\n background-color: rgba(12, 17, 29, 0.8);\n}\n.button.gray {\n background: none;\n}\n.button.gray svg * {\n stroke: #667085;\n}\n.button.gray:hover {\n background-color: #FFFFFF;\n}\n.button.gray:hover svg * {\n stroke: #475467;\n}\n.button.color {\n background: none;\n}\n.button.color svg * {\n stroke: #2970FF;\n}\n.button.color:hover {\n background-color: #FFFFFF;\n}\n.button.color:hover svg * {\n stroke: #155EEF;\n}\n.button.colorHover {\n background: none;\n}\n.button.colorHover svg * {\n stroke: #528BFF;\n}\n.button.colorHover:hover {\n background-color: #D1E0FF;\n}\n.button.colorHover:hover svg * {\n stroke: #2970FF;\n}\n.button.redHover {\n background: none;\n}\n.button.redHover svg * {\n stroke: #F97066;\n}\n.button.redHover:hover {\n background-color: #FEE4E2;\n}\n.button.redHover:hover svg * {\n stroke: #F04438;\n}\n.button.colorFill {\n background: #FFFFFF;\n box-shadow: 0 0 0 1px #B2CCFF;\n}\n.button.colorFill svg * {\n stroke: #2970FF;\n}\n.button.colorFill:hover {\n background: #EFF4FF;\n}\n.button.colorFill:hover svg * {\n stroke: #2970FF;\n}\n.button.grayFill {\n background: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD;\n}\n.button.grayFill svg * {\n stroke: #344054;\n}\n.button.grayFill:hover {\n background: #F9FAFB;\n}\n.button.grayFill:hover svg * {\n stroke: #101828;\n}\n.button.redFill {\n background: #FFFFFF;\n box-shadow: 0 0 0 1px #FDA29B;\n}\n.button.redFill svg * {\n stroke: #F04438;\n}\n.button.redFill:hover {\n background: #FEF3F2;\n}\n.button.redFill:hover svg * {\n stroke: #D92D20;\n}\n.button.size14 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size14 svg {\n width: 10px;\n height: 10px;\n}\n.button.size16 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size16 svg {\n width: 12px;\n height: 12px;\n}\n.button.size20 {\n border-radius: 3px;\n padding: 3px;\n}\n.button.size20 svg {\n width: 14px;\n height: 14px;\n}\n.button.size24 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size24 svg {\n width: 16px;\n height: 16px;\n}\n.button.size28 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size28 svg {\n width: 20px;\n height: 20px;\n}","@use 'base-button';\r\n@use 'properties';\r\n\r\n@mixin micro-button() {\r\n .button {\r\n @include base-button.base-button();\r\n\r\n &.light {\r\n @include properties.light();\r\n }\r\n\r\n &.dark {\r\n @include properties.dark();\r\n }\r\n\r\n &.gray {\r\n @include properties.gray();\r\n }\r\n\r\n &.color {\r\n @include properties.color();\r\n }\r\n\r\n &.colorHover {\r\n @include properties.color-hover();\r\n }\r\n\r\n &.redHover {\r\n @include properties.red-hover();\r\n }\r\n\r\n &.colorFill {\r\n @include properties.color-fill();\r\n }\r\n\r\n &.grayFill {\r\n @include properties.gray-fill();\r\n }\r\n\r\n &.redFill {\r\n @include properties.red-fill();\r\n }\r\n\r\n &.size14 {\r\n @include properties.size-14();\r\n }\r\n\r\n &.size16 {\r\n @include properties.size-16();\r\n }\r\n\r\n &.size20 {\r\n @include properties.size-20();\r\n }\r\n\r\n &.size24 {\r\n @include properties.size-24();\r\n }\r\n\r\n &.size28 {\r\n @include properties.size-28();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n @include modify-svg() {\r\n flex: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n background: none;\r\n @include modify-svg($stroke: $gray-400);\r\n\r\n &:hover {\r\n background-color: $gray-200;\r\n @include modify-svg($stroke: $gray-600);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n background-color: #0C111D80;\r\n @include modify-svg($stroke: $base-white);\r\n\r\n &:hover {\r\n background-color: #0C111DCC;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n background: none;\r\n @include modify-svg($stroke: $gray-500);\r\n\r\n &:hover {\r\n background-color: $base-white;\r\n @include modify-svg($stroke: $gray-600);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n background: none;\r\n @include modify-svg($stroke: $blue-dark-500);\r\n\r\n &:hover {\r\n background-color: $base-white;\r\n @include modify-svg($stroke: $blue-dark-600);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n background: none;\r\n @include modify-svg($stroke: $blue-dark-400);\r\n\r\n &:hover {\r\n background-color: $blue-dark-100;\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n background: none;\r\n @include modify-svg($stroke: $error-400);\r\n\r\n &:hover {\r\n background-color: $error-100;\r\n @include modify-svg($stroke: $error-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n background: $base-white;\r\n box-shadow: 0 0 0 1px $blue-dark-200;\r\n @include modify-svg($stroke: $blue-dark-500);\r\n\r\n &:hover {\r\n background: $blue-dark-50;\r\n @include modify-svg($stroke: $blue-dark-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n background: $base-white;\r\n box-shadow: 0 0 0 1px $gray-300;\r\n @include modify-svg($stroke: $gray-700);\r\n\r\n &:hover {\r\n background: $gray-50;\r\n @include modify-svg($stroke: $gray-900);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n background: $base-white;\r\n box-shadow: 0 0 0 1px $error-300;\r\n @include modify-svg($stroke: $error-500);\r\n\r\n &:hover {\r\n background: $error-50;\r\n @include modify-svg($stroke: $error-600);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.calendarDay {\r\n position: relative;\r\n flex: none;\r\n width: 40px;\r\n height: 40px;\r\n\r\n border-radius: 8px;\r\n background-color: $base-white;\r\n\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n .mark {\r\n width: 100%;\r\n height: 12px;\r\n padding: 4px 0 0 0;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n &::after {\r\n content: '';\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: $blue-dark-400;\r\n }\r\n }\r\n\r\n .day {\r\n flex: 1;\r\n width: 100%;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: $gray-700);\r\n }\r\n\r\n .info {\r\n width: 100%;\r\n height: 12px;\r\n padding: 0 0 2px 0;\r\n @include fnt($size: 10, $line-height: 10, $weight: 400, $color: $gray-400);\r\n }\r\n\r\n &:hover {\r\n background-color: $gray-100;\r\n }\r\n\r\n &.holiday {\r\n .day {\r\n color: $error-500;\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: $blue-dark-500;\r\n\r\n .mark::after {\r\n background-color: $base-white;\r\n }\r\n\r\n .day {\r\n color: $base-white;\r\n }\r\n\r\n .info {\r\n color: $blue-dark-300;\r\n }\r\n\r\n &:hover {\r\n background-color: $blue-dark-600;\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: $gray-100;\r\n\r\n &:hover {\r\n background-color: $gray-200;\r\n }\r\n\r\n &:before {\r\n // Требует наличия у родителя relative с z-index: 1;\r\n content: '';\r\n width: 60px;\r\n height: 40px;\r\n position: absolute;\r\n background-color: $gray-100;\r\n z-index: -1;\r\n }\r\n }\r\n\r\n &:disabled {\r\n background-color: $base-white;\r\n z-index: 1;\r\n\r\n &:before {\r\n background: $base-white;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .mark {\r\n &::after {\r\n background-color: $gray-300;\r\n }\r\n }\r\n\r\n .day {\r\n @include fnt-flex($color: $gray-400);\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: $gray-300);\r\n }\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n\r\n & {\r\n font-size: #{$size}px;\r\n line-height: #{$line-height}px;\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n border-radius: 16px;\r\n border: 1px solid $gray-200;\r\n background-color: $base-white;\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n position: relative;\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n z-index: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n gap: 2px;\r\n z-index: 2;\r\n backdrop-filter: blur(10px);\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n width: 40px;\r\n height: 16px;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: $gray-400);\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .meta {\r\n width: 100%;\r\n gap: 6px;\r\n z-index: 2;\r\n @include modify-flex($direction: row);\r\n\r\n .month {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: $gray-900);\r\n }\r\n\r\n .year {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: $gray-400);\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n max-height: 250px;\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: repeat(5, 1fr);\r\n gap: 2px;\r\n overflow: hidden;\r\n\r\n &.upEntrance {\r\n animation: up-entrance 1s forwards;\r\n }\r\n\r\n &.downEntrance {\r\n animation: down-entrance 1s forwards;\r\n }\r\n\r\n &.upExit {\r\n animation: up-exit 1s forwards;\r\n }\r\n\r\n &.downExit {\r\n animation: down-exit 1s forwards;\r\n }\r\n\r\n &.displayNone {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes up-entrance {\r\n from {\r\n transform: translateY(-100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes down-entrance {\r\n from {\r\n transform: translateY(100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes up-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n}\r\n\r\n@keyframes down-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: row);\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: $gray-900);\r\n }\r\n\r\n .switchers {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 2px;\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n width: 100%;\r\n display: flex;\r\n\r\n border-top: 1px solid $gray-200;\r\n padding: 16px;\r\n gap: 8px;\r\n\r\n .item {\r\n flex: 1;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: #101828;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: #98A2B3;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px #FDA29B, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: #F2F4F7;\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: #667085;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n .flexField {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n @include centerInsideContent();\r\n\r\n padding: 10px 12px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: $base-white;\r\n box-shadow: 0 0 0 1px $gray-300, 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: $gray-900);\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: $gray-400);\r\n }\r\n }\r\n\r\n &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n\r\n &.isError {\r\n box-shadow: 0 0 0 1px $error-300, 0 1px 2px 0 #1018280D;\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: $gray-100;\r\n cursor: default;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: $gray-500);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: #101828;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: #98A2B3;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px #FDA29B, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: #F2F4F7;\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: #667085;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD, 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: #101828;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: #EFF4FF;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: #2970FF;\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertSelectField() {\r\n .selectField {\r\n width: 100%;\r\n position: relative;\r\n\r\n @include FlexField.insertFlexField();\r\n\r\n .modalWindow {\r\n width: 100%;\r\n position: absolute;\r\n z-index: 5;\r\n\r\n .selectModalWindow {\r\n width: 100%;\r\n height: fit-content;\r\n max-height: 300px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n border-radius: 8px;\r\n padding: 4px;\r\n\r\n background-color: $base-white;\r\n box-shadow: 0 0 0 1px $gray-300, 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n overflow: scroll;\r\n scrollbar-width: none;\r\n\r\n .selectFieldOptionsItem {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n @include centerInsideContent();\r\n\r\n gap: 8px;\r\n padding: 10px 16px;\r\n\r\n .label {\r\n flex: 1;\r\n text-align: left;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: $gray-900);\r\n }\r\n\r\n &.active {\r\n background-color: $blue-dark-50;\r\n @include changeSvg($width: 20, $height: 20, $stroke: $blue-dark-500, $flex: none);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.inputFieldWrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: #344054;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: #F04438;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: #475467;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: #F04438;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: #2970FF;\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: #2970FF;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertInputFieldWrapper() {\r\n .inputFieldWrapper {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: $gray-700);\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: $error-500);\r\n }\r\n }\r\n\r\n .hintText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: $gray-600);\r\n }\r\n\r\n .hintError {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: $error-500);\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n cursor: pointer;\r\n @include changeSvg($width: 20, $height: 20, $stroke: $blue-dark-500, $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: $blue-dark-500);\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: #EAECF0;\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: #FFFFFF;\n}\n.switcherField:hover {\n background-color: #D0D5DD;\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px #F2F4F7;\n}\n.switcherField.active {\n justify-content: right;\n background-color: #2970FF;\n}\n.switcherField.active:hover {\n background-color: #155EEF;\n}\n.switcherField:disabled {\n cursor: default;\n background-color: #EAECF0;\n}\n.switcherField:disabled:hover {\n background-color: #EAECF0;\n}","@use '@/styles' as *;\r\n@use \"sass:meta\";\r\n@use \"sass:string\";\r\n@use \"sass:map\";\r\n\r\n$medium-size: 'medium';\r\n$large-size: 'large';\r\n\r\n$light-tone: 'light';\r\n$dark-tone: 'dark';\r\n\r\n\r\n$size-config: (\r\n medium: (\r\n width: 36,\r\n height: 20,\r\n radius: 16,\r\n ),\r\n large: (\r\n width: 44,\r\n height: 24,\r\n radius: 20,\r\n ),\r\n);\r\n\r\n$tone-config: (\r\n light: (\r\n main: $gray-200,\r\n hover: $gray-300,\r\n ),\r\n dark: (\r\n main: $gray-300,\r\n hover: $gray-400,\r\n ),\r\n);\r\n\r\n@mixin insertSwitcherField($size: $medium-size, $tone: $light-tone) {\r\n $size: if(meta.type-of($size) == 'string', string.unquote($size), $size);\r\n $tone: if(meta.type-of($tone) == 'string', string.unquote($tone), $tone);\r\n $size-settings: map.get($size-config, $size);\r\n $tone-settings: map.get($tone-config, $tone);\r\n\r\n .switcherField {\r\n width: #{map.get($size-settings, width)}px;\r\n height: #{map.get($size-settings, height)}px;\r\n\r\n display: flex;\r\n justify-content: left;\r\n\r\n border-radius: 12px;\r\n padding: 2px;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:after {\r\n flex: none;\r\n content: '';\r\n width: #{map.get($size-settings, radius)}px;\r\n height: #{map.get($size-settings, radius)}px;\r\n border-radius: 50%;\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n background-color: $base-white;\r\n }\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, hover);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px $gray-100;\r\n }\r\n\r\n &.active {\r\n justify-content: right;\r\n background-color: $blue-dark-500;\r\n\r\n &:hover {\r\n background-color: $blue-dark-600;\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, main);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid #D0D5DD;\n background-color: #FFFFFF;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: #344054;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid #2970FF;\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: #2970FF;\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertRadioField() {\r\n .radioFieldItem {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 8px;\r\n\r\n .checkbox {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n\r\n border-radius: 50%;\r\n border: 1px solid $gray-300;\r\n background-color: $base-white;\r\n\r\n @include centerInsideContent();\r\n }\r\n\r\n .label {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: $gray-700);\r\n }\r\n\r\n &.active {\r\n .checkbox {\r\n &:after {\r\n content: '';\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: $blue-dark-500;\r\n }\r\n\r\n border: 1px solid $blue-dark-500;\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.textareaField {\n width: 100%;\n height: fit-content;\n min-height: 68px;\n resize: none;\n border-radius: 8px;\n padding: 10px 12px;\n background-color: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n font-size: 16px;\n line-height: 24px;\n color: #101828;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: #98A2B3;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n background-color: #F2F4F7;\n}\n.textareaField:disabled {\n font-size: 16px;\n line-height: 24px;\n color: #667085;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField.isError {\n border: 1px solid #FDA29B;\n}\n.textareaField.isError:focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}","@use '@/styles' as *;\r\n\r\n@mixin insertTextareaField() {\r\n .textareaField {\r\n width: 100%;\r\n height: fit-content;\r\n min-height: 68px;\r\n\r\n resize: none;\r\n border-radius: 8px;\r\n padding: 10px 12px;\r\n\r\n background-color: $base-white;\r\n box-shadow: 0 0 0 1px $gray-300, 0 1px 2px 0 #1018280D;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: $gray-900);\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: $gray-400);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &:disabled {\r\n background-color: $gray-100;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: $gray-500);\r\n }\r\n\r\n &.isError {\r\n border: 1px solid $error-300;\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: #101828;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: #98A2B3;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px #FDA29B, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: #F2F4F7;\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: #667085;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.inputFieldWrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: #344054;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: #F04438;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: #475467;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: #F04438;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: #2970FF;\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: #2970FF;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: #101828;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: #98A2B3;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px #FDA29B, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: #F2F4F7;\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: #667085;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD, 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: #101828;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: #EFF4FF;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: #2970FF;\n}\n\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: #EAECF0;\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: #FFFFFF;\n}\n.switcherField:hover {\n background-color: #D0D5DD;\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px #F2F4F7;\n}\n.switcherField.active {\n justify-content: right;\n background-color: #2970FF;\n}\n.switcherField.active:hover {\n background-color: #155EEF;\n}\n.switcherField:disabled {\n cursor: default;\n background-color: #EAECF0;\n}\n.switcherField:disabled:hover {\n background-color: #EAECF0;\n}\n\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid #D0D5DD;\n background-color: #FFFFFF;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: #344054;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid #2970FF;\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: #2970FF;\n}\n\n.textareaField {\n width: 100%;\n height: fit-content;\n min-height: 68px;\n resize: none;\n border-radius: 8px;\n padding: 10px 12px;\n background-color: #FFFFFF;\n box-shadow: 0 0 0 1px #D0D5DD, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n font-size: 16px;\n line-height: 24px;\n color: #101828;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: #98A2B3;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n background-color: #F2F4F7;\n}\n.textareaField:disabled {\n font-size: 16px;\n line-height: 24px;\n color: #667085;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField.isError {\n border: 1px solid #FDA29B;\n}\n.textareaField.isError:focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}"],"names":[],"sourceRoot":""}