indicator-ui 0.1.47 → 0.1.49

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"file":"index.css","mappings":"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A;ADON;ACJI;EACE;ADMN;ACFE;EACE;ADIJ;ACDE;EACE;ADGJ;ACAE;EACE;ADEJ;ACCE;EACE;ADCJ;AAzCE;EGFA;AH8CF;AG1CM;EACE;EACA;EACA;AH4CR;AGvCE;EACE;EACA;AHyCJ;AIhDE;EAEI;EAGA;EAGA,gBDEwD;ECIxD,4BCzBK;ALiEX;AItDE;EAEI;EAGA;EAGA,gBDMwD;ECAxD,4BCzBK;ALuEX;AA7DE;EMNA;ANsEF;AMlEM;EACE;EACA;EACA;ANoER;AM/DE;EACE;EACA;ANiEJ;AIxEE;EAEI;EAGA;EAGA,gBEEwD;EFIxD,4BCzBK;ALyFX;AI9EE;EAEI;EAGA;EAGA,gBEMwD;EFAxD,4BCzBK;AL+FX;AAjFE;EOVA;AP8FF;AO1FM;EACE;EACA;EACA;AP4FR;AOvFE;EACE;EACA;APyFJ;AIhGE;EAEI;EAGA;EAGA,gBGEwD;EHIxD,4BCzBK;ALiHX;AItGE;EAEI;EAGA;EAGA,gBGMwD;EHAxD,4BCzBK;ALuHX;AArGE;EQdA;ARsHF;AQlHM;EACE;EACA;EACA;ARoHR;AQ/GE;EACE;EACA;ARiHJ;AIxHE;EAEI;EAGA;EAGA,gBIEwD;EJIxD,4BCzBK;ALyIX;AI9HE;EAEI;EAGA;EAGA,gBIMwD;EJAxD,4BCzBK;AL+IX;AAzHE;ESnBA;EACA;EACA;EACA;AT+IF;AUnJI;EAEI,yBDKyB;AT+IjC;AI7IE;EAWI,wBKR0B;AT6IhC;AWjJE;EFUI;IACE;ET0IN;AACF;AWpFE;EFlDI;IACE;ETyIN;AACF;AS/HE;EACE;ATiIJ;AA/IE;ESmBA;AT+HF;AWjKE;EFsCI;IACE;ET8HN;AACF;AWpGE;EFtBI;IACE;ET6HN;AACF;AAxJE;EY1BA;EACA;EACA;EACA;AZqLF;AUzLI;EAEI,0BEKyB;AZqLjC;AInLE;EAWI,yBQR0B;AZmLhC;AWvLE;ECUI;IACE;IACA;EZgLN;AACF;AW3HE;ECjDI;IACE;IACA;EZ+KN;AACF;AYvKE;EACE;AZyKJ;AAhLE;EYYA;EACA;AZuKF;AUlNI;EAEI,uBE4CyB;AZuKjC;AI5ME;EAWI,sBQ+B0B;AZqKhC;AWhNE;ECiDI;IACE;IACA;EZkKN;AACF;AWpJE;ECVI;IACE;IACA;EZiKN;AACF;AAlME;EajCA;EACA;EACA;EACA;AbsOF;AU1OI;EAEI,uBGKyB;AbsOjC;AIpOE;EAWI,sBSR0B;AboOhC;AWxOE;EEUI;IACE;IACA;EbiON;Ea/NM;IACE;EbiOR;AACF;AW/KE;EE7CI;IACE;IACA;Eb+NN;Ea7NM;IACE;Eb+NR;AACF;AarNE;EACE;AbuNJ;AAhOE;EacA;EACA;AbqNF;AUzQI;EAEI,4BGqDyB;AbqNjC;AInQE;EAWI,2BSwC0B;AbmNhC;AWvQE;EE0DI;IACE;IACA;EbgNN;Ea9MM;IACE;EbgNR;AACF;AW9ME;EEGI;IACE;IACA;Eb8MN;Ea5MM;IACE;Eb8MR;AACF;AAxPE;Ec5BA;AduRF;AUpSI;EAEI,0BIcyB;AduRjC;AI9RE;EAWI,yBUC0B;AdqRhC;AWlSE;EPCA;IAWI,wBUjB0B;Ed2S9B;EU9SE;IAEI,yBIMyB;EdyS/B;AACF;AWxOE;EPjEA;IAWI,wBUjB0B;EdmT9B;EUtTE;IAEI,yBIMyB;EdiT/B;AACF;AcnRE;EACE;AdqRJ;AU7TI;EAEI,uBIyDyB;AdqQjC;AIvTE;EAWI,sBU4C0B;AdmQhC;AW3TE;EPCA;IAWI,wBU4B0B;EduR9B;EUvUE;IAEI,yBImDyB;EdqR/B;AACF;AWjQE;EPjEA;IAWI,wBU4B0B;Ed+R9B;EU/UE;IAEI,yBImDyB;Ed6R/B;AACF;AAnSE;EenCA;AfyUF;AUtVI;EAEI,0BKayB;Af0UjC;AIhVE;EAWI;AJwUN;AWpVE;EPCA;IAWI,yBWjB0B;Ef6V9B;EUhWE;IAEI,0BKMyB;Ef2V/B;AACF;AW1RE;EPjEA;IAWI,yBWjB0B;EfqW9B;EUxWE;IAEI,0BKMyB;EfmW/B;AACF;AetUE;EACE;AfwUJ;AU/WI;EAEI,uBKwDyB;AfwTjC;AIzWE;EAWI,sBW2C0B;AfsThC;AW7WE;EPCA;IAWI,sBW2B0B;Ef0U9B;EUzXE;IAEI,uBKkDyB;EfwU/B;AACF;AWnTE;EPjEA;IAWI,sBW2B0B;EfkV9B;EUjYE;IAEI,uBKkDyB;EfgV/B;AACF;AA9UE;EgB3CA;AhB4XF;AUxYI;EAEI,uBMYyB;AhB6XjC;AIlYE;EAWI,sBYD0B;AhB2XhC;AWtYE;EPCA;IAWI,sBYjB0B;EhB+Y9B;EUlZE;IAEI,uBMKyB;EhB8Y/B;AACF;AW5UE;EPjEA;IAWI,sBYjB0B;EhBuZ9B;EU1ZE;IAEI,uBMKyB;EhBsZ/B;AACF;AgBzXE;EACE;AhB2XJ;AAtWE;EiB9CA;EACA;AjBuZF;AUraI;EAEI,0BOeyB;AjBuZjC;AiBpZE;EACE;AjBsZJ;AIlaE;EAWI,yBaI0B;AjBsZhC;AWtaE;EPCA;IAWI,yBajB0B;EjB+a9B;EUlbE;IAEI,0BOMyB;EjB6a/B;AACF;AW5WE;EPjEA;IAWI,yBajB0B;EjBub9B;EU1bE;IAEI,0BOMyB;EjBqb/B;AACF;AiBpZE;EACE;AjBsZJ;AAlYE;EkBlDA;EACA;AlBubF;AUrcI;EAEI,uBQeyB;AlBubjC;AkBpbE;EACE;AlBsbJ;AIlcE;EAWI,sBcI0B;AlBsbhC;AWtcE;EPCA;IAWI,sBcjB0B;ElB+c9B;EUldE;IAEI,uBQMyB;ElB6c/B;AACF;AW5YE;EPjEA;IAWI,sBcjB0B;ElBud9B;EU1dE;IAEI,uBQMyB;ElBqd/B;AACF;AkBpbE;EACE;AlBsbJ;AA9ZE;EmBtDA;EACA;AnBudF;AUreI;EAEI,uBSeyB;AnBudjC;AmBpdE;EACE;AnBsdJ;AIleE;EAWI,sBeI0B;AnBsdhC;AWteE;EPCA;IAWI,sBejB0B;EnB+e9B;EUlfE;IAEI,uBSMyB;EnB6e/B;AACF;AW5aE;EPjEA;IAWI,sBejB0B;EnBuf9B;EU1fE;IAEI,uBSMyB;EnBqf/B;AACF;AmBpdE;EACE;AnBsdJ;AA1bE;EoB1DA;EACA;ApBufF;AUrgBI;EAEI,4BUeyB;ApBufjC;AoBpfE;EACE;ApBsfJ;AIlgBE;EAWI,2BgBI0B;ApBsfhC;AWtgBE;EPCA;IAWI,wBgBjB0B;EpB+gB9B;EUlhBE;IAEI,yBUMyB;EpB6gB/B;AACF;AW5cE;EPjEA;IAWI,wBgBjB0B;EpBuhB9B;EU1hBE;IAEI,yBUMyB;EpBqhB/B;AACF;AoBpfE;EACE;ApBsfJ;AAtdE;EqB1EA;EACA;EACA;EACA;ArBmiBF;AUviBI;EAEI,uBWKyB;ArBmiBjC;AIjiBE;EAWI,sBiBR0B;ArBiiBhC;AWriBE;EDRE;IAEI,uBWmBiC;ErB4hBvC;EqBzhBQ;IACE;ErB2hBV;AACF;AW3eE;ED1EE;IAEI,uBWiCiC;ErBshBvC;EqBnhBQ;IACE;ErBqhBV;AACF;AqB/gBE;EACE;ArBihBJ;AAjfE;EsB9EA;EACA;EACA;EACA;AtBkkBF;AUtkBI;EAEI,uBYKyB;AtBkkBjC;AIhkBE;EAWI,sBkBR0B;AtBgkBhC;AWpkBE;EWUI;IACE;EtB6jBN;EUhlBE;IAEI,uBYoB+B;EtB6jBrC;EsB1jBM;IACE;EtB4jBR;AACF;AW7gBE;EW1CI;IACE;EtB0jBN;EU3lBE;IAEI,uBYkC+B;EtB0jBrC;EsBvjBM;IACE;EtByjBR;AACF;AsBpjBE;EACE;AtBsjBJ;AAjhBI;EuBnFF;EACA;EACA;EACA;AvBumBF;AWnmBE;EYAI;IACE;IACA;EvBsmBN;EuBnmBI;IACE;IACA;EvBqmBN;AACF;AW3iBE;EYtDI;IACE;IACA;EvBomBN;AACF;AuB5lBE;EACE;AvB8lBJ;AAtiBI;EwBvFF;EACA;EACA;AxBgoBF;AUnoBI;EAEI,wBcIyB;AxBgoBjC;AI7nBE;EAWI,uBoBT0B;AxB8nBhC;AWjoBE;EaSI;IACE;IACA;ExB2nBN;AACF;AWrkBE;EalDI;IACE;IACA;ExB0nBN;AACF;AwBlnBE;EACE;AxBonBJ;AUxpBI;EAEI;AVypBR;AyBtpBE;EACE;AzBwpBJ;AIrpBE;EAWI,uBqBX0B;AzBwpBhC;AWzpBE;EcQM;IACE;EzBopBR;EUrqBE;IAEI,wBemB+B;EzBmpBrC;AACF;AW/lBE;Ec9CM;IACE;EzBgpBR;EU7qBE;IAEI,wBe+B+B;EzB+oBrC;AACF;AyB1oBE;EACE;AzB4oBJ;AAnlBE;EACE;AAqlBJ,C;;;;A0BtrBA;ECAE;EACA;EACA;EACA;ADDF;ACGE;EACE;EACA;ADDJ;AxBRE;EACE;EAGE,mByBQiB;EzBJjB,uByBIsB;EzBAtB;AwBEN;AhBCI;EiBDA;ADGJ;AAZE;EEHA;EACA;AFkBF;AhBpBI;EAEI,uBkBCuB;AFoB/B;AffE;EiBFE;IACE;EFoBJ;EhB3BE;IAEI,uBkBM2B;EFsBjC;AACF;Af2CE;EiB7DE;IACE;EFqBJ;EhBnCE;IAEI,uBkBa2B;EFuBjC;AACF;AA/BE;EGPA;EACA;AHyCF;AhB3CI;EAEI,yBmBCuB;AH2C/B;AftCE;EkBFE;IACE;EH2CJ;AACF;AfuBE;EkB9DE;IACE;EH0CJ;AACF;AA5CE;EIXA;EACA;AJ0DF;AhB5DI;EAEI,uBoBCuB;AJ4D/B;AfvDE;EmBFE;IACE;EJ4DJ;EhBnEE;IAEI,uBoBM2B;EJ8DjC;AACF;AfGE;EmB7DE;IACE;EJ6DJ;EhB3EE;IAEI,uBoBa2B;EJ+DjC;AACF;AA/DE;EKfA;EACA;ALiFF;AhBnFI;EAEI,0BqBCuB;ALmF/B;Af9EE;EoBFE;IACE;ELmFJ;EhB1FE;IAEI,0BqBM2B;ELqFjC;AACF;AfpBE;EoB7DE;IACE;ELoFJ;EhBlGE;IAEI,0BqBa2B;ELsFjC;AACF;AAlFE;EMnBA;EACA;ANwGF;AhB1GI;EAEI,0BsBCuB;AN0G/B;AfrGE;EqBFE;IACE;EN0GJ;EhBjHE;IAEI,0BsBM2B;EN4GjC;AACF;Af3CE;EqB7DE;IACE;EN2GJ;EhBzHE;IAEI,0BsBa2B;EN6GjC;AACF;AArGE;EOvBA;EACA;AP+HF;AhBjII;EAEI,uBuBCuB;APiI/B;Af5HE;EsBFE;IACE;EPiIJ;EhBxIE;IAEI,uBuBM2B;EPmIjC;AACF;AflEE;EsB7DE;IACE;EPkIJ;EhBhJE;IAEI,uBuBa2B;EPoIjC;AACF;AAxHE;EQ3BA;EACA;ARsJF;AhBxJI;EAEI,wBwBCuB;ARwJ/B;AfnJE;EuBFE;IACE;ERwJJ;EhB/JE;IAEI,wBwBM2B;ER0JjC;AACF;AfzFE;EuB7DE;IACE;ERyJJ;EhBvKE;IAEI,wBwBa2B;ER2JjC;AACF;AA3IE;ES/BA;EACA;AT6KF;AhB/KI;EAEI,0ByBCuB;AT+K/B;Af1KE;EwBFE;IACE;ET+KJ;EhBtLE;IAEI,0ByBM2B;ETiLjC;AACF;AfhHE;EwB7DE;IACE;ETgLJ;EhB9LE;IAEI,0ByBa2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AFgCJ;AF3BI;EKVF;EACA;AHwCF;A/C9CI;EAEI,0BkDMuB;AHyC/B;AGvCE;EACE;AHyCJ;A9C5CE;EiDOE;IAdF;EHuDA;AACF;AFtCI;EMdF;EACA;AJuDF;A/C7DI;EAEI,0BmDMuB;AJwD/B;ApDpDE;EACE;EACA;EACA,yBwDN8D;ExDO9D,gBwDPiD;ExDQjD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoDiEZ;A9ClEE;EkDIE;IAXF;EJ6EA;AACF;AFxDI;EOjBF;EACA;AL4EF;A/CnFI;EAEI,wBoDOuB;AL6E/B;ArD7EE;EAWI,uB0DVsB;AL+E5B;AK7EE;EACE;AL+EJ;A9CpFE;EmDSE;IAhBF;IACA;EL+FA;AACF;AFvEI;EQlBF;EAEA;EACA;AN2FF;AMzFE;EACE;AN2FJ;A/C1GI;EAEI,uBqDgBuB;AN2F/B;ArDpGE;EAWI,sB2DDsB;AN6F5B;A9CxGE;EoDcE;IArBF;IACA;ENmHA;E/CrHE;IAEI,uBqDEuB;ENoH7B;ErD/GA;IAWI,sB2DfsB;ENsH1B;AACF;AF5FM;ESnBJ;EAEA;APiHF;ApDpHE;EACE;EACA;EACA,wB2DC8D;E3DA9D;EACA,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoDiIZ;A/C1II;EAEI,yBsDeuB;AP4H/B;AO1HE;EACE;AP4HJ;A9CxIE;EqDgBE;IAvBF;IAEA;EPkJA;AACF;AFnHQ;ESJN;EAEA;APyHF;ApD9IE;EACE;EACA;EACA,wB2DmB8D;E3DlB9D,gB2DkBiD;E3DjBjD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoD2JZ;A/CpKI;EAEI,yBsDiCuB;APoI/B;AOlIE;EACE;APoIJ;A9ClKE;EqDkCE;IAnCF;IAEA;EPsKA;AACF;AFtIM;EU7BJ;EAEA;ARqKF;ApDxKE;EACE;EACA;EACA,wB4DC8D;E5DA9D;EACA,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoDqLZ;A/C9LI;EAEI,yBuDeuB;ARgL/B;AQ9KE;EACE;ARgLJ;A9C5LE;EsDgBE;IAvBF;IAEA;ERsMA;AACF;AF7JQ;EUdN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AGA;A4F8CN;AAQE;EACE;AANJ;AtFjDI;EsFyDE;EACA;AALN;A5F1DE;EAEI;EAGA;A4FyDN;AASE;EACE;AAPJ;AtF5DI;EsFqEE;EACA;AANN;A5FrEE;EAEI;EAGA;A4FoEN;AAUE;EACE;AARJ;AAWE;EACE;AATJ;AAYE;EACE;AAVJ;AAaE;EACE;AAXJ;;AAeA;EACE;IACE;EAZF;EAcA;IACE;EAZF;AACF,C;;;;ACvGA;EACE;EACA;AADF;A/FFE;EACE;EAWE,mB+FR+B;AAErC,C;;;;ACLA;EACE;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;EACA;EACA;EACA;AADJ;AAKI;EACE;AAHN;AAQI;EACE;AANN,C;;;;ACjBA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;AtDNE;EACE;EACA;EACA;AsDQJ;AADE;EACE;EACA;EACA;EACA;EACA;AAGJ;AADI;EACE;AAGN;AACE;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAJ;A9FlBE;EACE;EACA;EACA,+B8FgBgE;E9FfhE,gB8FemD;E9FdnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8F+BZ;AANE;EACE;EACA;EACA;EACA;AAQJ;AALE;EACE;EACA;EACA;EACA;EACA;AAOJ;AjGtDE;EACE;EAOE,8BiGwCqC;AAU3C;AAPE;EACE;EACA;EACA;EACA;AASJ;AANE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAQJ;AtDzEE;EACE;EACA;EACA;AsD2EJ;AAVI;EACE;AAYN;AATI;EACE;EACA;AAWN;;AANA;EACE;IACE;EASF;EAPA;IACE;EASF;EAPA;IACE;EASF;AACF,C;;;;AChGA;EACE;EACA;EACA;EACA;AADF,C;;;;ACHA;EACE;EACA;EACA;EACA;AADF;AnGJE;EACE;EAOE,uBmGFmC;AAEzC;AAAE;EACE;EACA;AAEJ;AAAI;EACE;AAEN;AAAM;EACE;EACA;EACA;AAER;AxDpBE;EACE;EACA;EACA;AwDsBJ;AADE;EACE;EACA;EACA;EACA;EACA;AAGJ,C;;;;AC/BA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","sources":["webpack://indicator-ui/./src/styles/colors/css-variables/primary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/secondary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/fonts.css","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.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/styles/mixins/fnt.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/mixins/modify-svg.scss","webpack://indicator-ui/./src/styles/adaptive/index.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/link-dark-theme.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/Buttons/styles/mixins/properties/warning-link-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.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/rose.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/blue-light.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/InputFields/FlexField/styles/FlexField.module.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/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/SingleRangeField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/checkbox-mark.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/CheckboxMark.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checkbox.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/radio.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checked.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/error.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/disabled.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/correct.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/incorrect.scss","webpack://indicator-ui/./src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/ToggleBase.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/spacer.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/active.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/error.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/medium.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/large.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/hover.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/disabled.scss","webpack://indicator-ui/./src/ui/Toggle/styles/Toggle.module.scss","webpack://indicator-ui/./src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCount.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/Tag.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/base.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/hover.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/active.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/small.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/medium.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/large.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/clicked.scss","webpack://indicator-ui/./src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/./src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/./src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PaginationBar.module.scss","webpack://indicator-ui/./src/ui/UserPick/styles/UserPick.module.scss","webpack://indicator-ui/./src/ui/DropdownItem/styles/DropdownItem.module.scss","webpack://indicator-ui/./src/ui/Loaders/styles/LoadingIndicator.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ControlBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ImageViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/MediaViewer.module.scss","webpack://indicator-ui/./src/ui/PlayButton/styles/PlayButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarDay.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarMonth.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarYear.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerTag.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerFeed.module.scss","webpack://indicator-ui/./src/styles/mixins/hiddeScrollBar.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/YearMonthPicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/TimePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/DateTimePicker.module.scss","webpack://indicator-ui/./src/ui/Tooltip/styles/Tooltip.module.scss","webpack://indicator-ui/./src/styles/colors/primary.scss","webpack://indicator-ui/./src/ui/Dropdown/styles/Dropdown.module.scss"],"sourcesContent":[":root {\n    --base-white: #FFFFFF;\n    --base-black: #000000;\n\n    --gray-25: #FCFCFD;\n    --gray-50: #F9FAFB;\n    --gray-100: #F2F4F7;\n    --gray-200: #EAECF0;\n    --gray-300: #D0D5DD;\n    --gray-400: #98A2B3;\n    --gray-500: #667085;\n    --gray-600: #475467;\n    --gray-700: #344054;\n    --gray-800: #1D2939;\n    --gray-900: #101828;\n    --gray-950: #0C111D;\n\n    --primary-25: #F5F8FF;\n    --primary-50: #EFF4FF;\n    --primary-100: #D1E0FF;\n    --primary-200: #B2CCFF;\n    --primary-300: #84ADFF;\n    --primary-400: #528BFF;\n    --primary-500: #2970FF;\n    --primary-600: #155EEF;\n    --primary-700: #004EEB;\n    --primary-800: #0040C1;\n    --primary-900: #00359E;\n    --primary-950: #002266;\n\n    --error-25: #FFFBFA;\n    --error-50: #FEF3F2;\n    --error-100: #FEE4E2;\n    --error-200: #FECDCA;\n    --error-300: #FDA29B;\n    --error-400: #F97066;\n    --error-500: #F04438;\n    --error-600: #D92D20;\n    --error-700: #B42318;\n    --error-800: #912018;\n    --error-900: #7A271A;\n    --error-950: #55160C;\n\n    --warning-25: #FFFCF5;\n    --warning-50: #FFFAEB;\n    --warning-100: #FEF0C7;\n    --warning-200: #FEDF89;\n    --warning-300: #FEC84B;\n    --warning-400: #FDB022;\n    --warning-500: #F79009;\n    --warning-600: #DC6803;\n    --warning-700: #B54708;\n    --warning-800: #93370D;\n    --warning-900: #7A2E0E;\n    --warning-950: #4E1D09;\n\n    --success-25: #F6FEF9;\n    --success-50: #ECFDF3;\n    --success-100: #DCFAE6;\n    --success-200: #ABEFC6;\n    --success-300: #75E0A7;\n    --success-400: #47CD89;\n    --success-500: #17B26A;\n    --success-600: #079455;\n    --success-700: #067647;\n    --success-800: #085D3A;\n    --success-900: #074D31;\n    --success-950: #053321;\n\n    --gray-iron-25: #FCFCFC;\n    --gray-iron-50: #FAFAFA;\n    --gray-iron-100: #F4F4F5;\n    --gray-iron-200: #E4E4E7;\n    --gray-iron-300: #D1D1D6;\n    --gray-iron-400: #A0A0AB;\n    --gray-iron-500: #70707B;\n    --gray-iron-600: #51525C;\n    --gray-iron-700: #3F3F46;\n    --gray-iron-800: #26272B;\n    --gray-iron-900: #18181B;\n    --gray-iron-950: #131316;\n\n    --rose-25: #FFF5F6;\n    --rose-50: #FFF1F3;\n    --rose-100: #FFE4E8;\n    --rose-200: #FECDD6;\n    --rose-300: #FEA3B4;\n    --rose-400: #FD6F8E;\n    --rose-500: #F63D68;\n    --rose-600: #E31B54;\n    --rose-700: #C01048;\n    --rose-800: #A11043;\n    --rose-900: #89123E;\n    --rose-950: #510B24;\n\n    --pink-25: #FEF6FB;\n    --pink-50: #FDF2FA;\n    --pink-100: #FCE7F6;\n    --pink-200: #FCCEEE;\n    --pink-300: #FAA7E0;\n    --pink-400: #F670C7;\n    --pink-500: #EE46BC;\n    --pink-600: #DD2590;\n    --pink-700: #C11574;\n    --pink-800: #9E165F;\n    --pink-900: #851651;\n    --pink-950: #4E0D30;\n}\n",":root {\n    --blue-dark-25: #F5F8FF;\n    --blue-dark-50: #EFF4FF;\n    --blue-dark-100: #D1E0FF;\n    --blue-dark-200: #B2CCFF;\n    --blue-dark-300: #84ADFF;\n    --blue-dark-400: #528BFF;\n    --blue-dark-500: #2970FF;\n    --blue-dark-600: #155EEF;\n    --blue-dark-700: #004EEB;\n    --blue-dark-800: #0040C1;\n    --blue-dark-900: #00359E;\n    --blue-dark-950: #002266;\n}\n\n:root {\n    --orange-25: #FEFAF5;\n    --orange-50: #FEF6EE;\n    --orange-100: #FDEAD7;\n    --orange-200: #F9DBAF;\n    --orange-300: #F7B27A;\n    --orange-400: #F38744;\n    --orange-500: #EF6820;\n    --orange-600: #E04F16;\n    --orange-700: #B93815;\n    --orange-800: #932F19;\n    --orange-900: #772917;\n    --orange-950: #511C10;\n}\n\n:root {\n    --moss-25: #FAFDF7;\n    --moss-50: #F5FBEE;\n    --moss-100: #E6F4D7;\n    --moss-200: #CEEAB0;\n    --moss-300: #ACDC79;\n    --moss-400: #86CB3C;\n    --moss-500: #669F2A;\n    --moss-600: #4F7A21;\n    --moss-700: #3F621A;\n    --moss-800: #335015;\n    --moss-900: #2B4212;\n    --moss-950: #1A280B;\n}\n\n:root {\n    --yellow-25: #FEFDF0;\n    --yellow-50: #FEFBE8;\n    --yellow-100: #FEF7C3;\n    --yellow-200: #FEEE95;\n    --yellow-300: #FDE272;\n    --yellow-400: #FAC515;\n    --yellow-500: #EAAA08;\n    --yellow-600: #CA8504;\n    --yellow-700: #A15C07;\n    --yellow-800: #854A0E;\n    --yellow-900: #713B12;\n    --yellow-950: #542C0D;\n}\n\n:root {\n    --teal-25: #F6FEFC;\n    --teal-50: #F0FDF9;\n    --teal-100: #CCFBEF;\n    --teal-200: #99F6E0;\n    --teal-300: #5FE9D0;\n    --teal-400: #2ED3B7;\n    --teal-500: #15B79E;\n    --teal-600: #0E9384;\n    --teal-700: #107569;\n    --teal-800: #125D56;\n    --teal-900: #134E48;\n    --teal-950: #0A2926;\n}",":root {\n    --golos-ui: 'Golos UI', sans-serif;\n    --golos: 'Golos Text', sans-serif;\n}","@use 'mixins/baseButton' as baseButton;\n@use 'mixins/properties' as properties;\n\n.button {\n  @include baseButton.base-button();\n\n  &.small {\n    @include properties.smallButton;\n  }\n\n  &.medium {\n    @include properties.mediumButton;\n  }\n\n  &.large {\n    @include properties.largeButton;\n  }\n\n  &.ultra {\n    @include properties.ultraButton;\n  }\n\n  &.primary {\n    @include properties.primaryButton;\n  }\n  &.primaryDarkTheme {\n    @include properties.primaryDarkThemeButton();\n  }\n\n  &.secondaryColor {\n    @include properties.secondaryColorButton;\n  }\n  &.secondaryColorDarkTheme {\n    @include properties.secondaryColorDarkThemeButton;\n  }\n\n  &.secondaryGray {\n    @include properties.secondaryGrayButton;\n  }\n  &.secondaryGrayDarkTheme {\n    @include properties.secondaryGrayDarkThemeButton;\n  }\n\n  &.tertiaryWhite {\n    @include properties.tertiaryWhiteButton;\n  }\n  &.tertiaryWhiteDarkTheme {\n    @include properties.tertiaryWhiteDarkThemeButton;\n  }\n\n  &.tertiaryColor {\n    @include properties.tertiaryColorButton;\n  }\n  &.tertiaryColorDarkTheme {\n    @include properties.tertiaryColorDarkThemeButton;\n  }\n\n  &.tertiaryGray {\n    @include properties.tertiaryGrayButton;\n  }\n\n  &.linkColor {\n    @include properties.linkColorButton;\n  }\n\n  &.linkBlack {\n    @include properties.linkBlackButton;\n  }\n\n  &.linkGray {\n    @include properties.linkGrayButton;\n  }\n\n  &.linkDarkTheme {\n    @include properties.linkDarkTheme;\n  }\n\n  &.tabActive {\n    @include properties.tabActiveButton;\n  }\n\n  &.tab {\n    @include properties.tabButton;\n  }\n\n  &.warning {\n    &.primary {\n      @include properties.warningPrimaryButton;\n    }\n\n    &.secondaryColor {\n      @include properties.warningSecondaryColorButton;\n    }\n\n    &.linkColor {\n      @include properties.warningLinkColorButton;\n    }\n  }\n\n  &:disabled, &.disabled {\n    cursor: default;\n  }\n}","@use '@/styles' as *;\n\n@mixin base-button() {\n  cursor: pointer;\n  transition: background-color ease-out 0.2s;\n  border-radius: 8px;\n  @include modify-flex(row, center, center);\n\n  .icon {\n    width: fit-content;\n    height: fit-content;\n    @include modify-flex(row, center, center);\n    @include modify-svg() {\n      * {\n        transition: stroke ease-out 0.2s;\n      }\n    }\n  }\n\n  .content {\n    @include modify-flex($align-items: center);\n\n    .text, .textSecondary {\n      flex: none;\n      text-align: center;\n      transition: color, weight 0.2s;\n    }\n\n    .textSecondary {\n      opacity: 0.6;\n    }\n  }\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.widthHug {\n    width: fit-content;\n  }\n\n  &.heightFill {\n    height: 100%;\n  }\n\n  &.heightHug {\n    height: fit-content;\n  }\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\n  & {\n    display: flex;\n\n    @if ($direction != null) {\n      flex-direction: $direction;\n    }\n\n    @if ($justify-content != null) {\n      justify-content: $justify-content;\n    }\n\n    @if ($align-items != null) {\n      align-items: $align-items;\n    }\n    @content;\n  }\n}","@use '@/styles' as *;\n\n@mixin smallButton {\n  // С учетом border\n  padding: 9px;\n\n  .icon {\n    @include modify-svg() {\n      & {\n        flex: none;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n\n  .content {\n    padding: 0 4px;\n    gap: 4px;\n\n    .text {\n      @include fnt-flex($size: 14, $line-height: 16, $weight: 500, $family: $golos-ui);\n    }\n\n    .textSecondary {\n      @include fnt-flex($size: 14, $line-height: 16, $weight: 400, $family: $golos-ui);\n    }\n  }\n}","@mixin fnt-flex(\n  $size: null,\n  $line-height: null,\n  $color: null,\n  $weight: null,\n  $family: null,\n  $stretch: null,\n  $style: null,\n  $variant: null,\n  $units: px,\n) {\n  & {\n    @if ($size != null) {\n      font-size: #{$size}#{$units};\n    }\n    @if ($line-height != null) {\n      line-height: #{$line-height}#{$units};\n    }\n    @if ($weight != null) {\n      font-weight: $weight;\n    }\n    @if ($color != null) {\n      color: $color;\n    }\n    @if ($family != null) {\n      font-family: $family;\n    }\n    @if ($stretch != null) {\n      font-stretch: $stretch;\n    }\n    @if ($style != null) {\n      font-style: $style;\n    }\n    @if ($variant != null) {\n      font-variant: $variant;\n    }\n  }\n}\n","$golos-ui: var(--golos-ui);\n$golos-text: var(--golos);\n\n@mixin fnt(\n  $size: 16,\n  $line-height: 24,\n  $color: black,\n  $weight: 400,\n  $family: $golos-ui,\n  $stretch: normal,\n  $style: normal,\n  $variant: normal,\n  $units: px,\n) {\n  & {\n    font-size: #{$size}#{$units};\n    line-height: #{$line-height}#{$units};\n    color: $color;\n    font-weight: $weight;\n    font-family: $family;\n    font-stretch: $stretch;\n    font-style: $style;\n    font-variant: $variant;\n  }\n}\n","@use '@/styles' as *;\n\n@mixin mediumButton {\n  // С учетом border\n  padding: 9px;\n\n  .icon {\n    @include modify-svg() {\n      & {\n        flex: none;\n        width: 20px;\n        height: 20px;\n      }\n    }\n  }\n\n  .content {\n    padding: 0 6px;\n    gap: 4px;\n\n    .text {\n      @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);\n    }\n\n    .textSecondary {\n      @include fnt-flex($size: 14, $line-height: 20, $weight: 400, $family: $golos-ui);\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin largeButton {\n  // С учетом border\n  padding: 11px;\n\n  .icon {\n    @include modify-svg() {\n      & {\n        flex: none;\n        width: 20px;\n        height: 20px;\n      }\n    }\n  }\n\n  .content {\n    padding: 0 8px;\n    gap: 4px;\n\n    .text {\n      @include fnt-flex($size: 16, $line-height: 20, $weight: 500, $family: $golos-ui);\n    }\n\n    .textSecondary {\n      @include fnt-flex($size: 16, $line-height: 20, $weight: 400, $family: $golos-ui);\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin ultraButton {\n  // С учетом border\n  padding: 17px;\n\n  .icon {\n    @include modify-svg() {\n      & {\n        flex: none;\n        width: 24px;\n        height: 24px;\n      }\n    }\n  }\n\n  .content {\n    padding: 0 12px;\n    gap: 4px;\n\n    .text {\n      @include fnt-flex($size: 18, $line-height: 24, $weight: 500, $family: $golos-ui);\n    }\n\n    .textSecondary {\n      @include fnt-flex($size: 18, $line-height: 24, $weight: 400, $family: $golos-ui);\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin primaryButton {\n  border-radius: 8px;\n  background-color: var(--primary-500);\n  border: 1px solid transparent;\n  box-shadow: 0 1px 2px 0 #1018280D;\n\n  .icon {\n    @include modify-svg($stroke: var(--base-white));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--base-white));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--primary-600);\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--primary-600);\n      }\n    }\n  }\n\n\n  //&:focus {\n  //  background-color: var(--primary-500);\n  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\n  //}\n\n  &:disabled, &.disabled {\n    opacity: 0.3;\n  }\n}\n\n@mixin primaryDarkThemeButton {\n  background-color: var(--rose-500);\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--rose-600);\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--rose-600);\n      }\n    }\n  }\n}","@mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null) {\n  & {\n    * {\n      @if ($stroke != null) {\n        stroke: $stroke;\n      }\n\n      @if ($fill != null) {\n        fill: $fill;\n      }\n\n      @if ($stroke-width != null) {\n        stroke-width: $stroke-width;\n      }\n    }\n\n    & {\n      @content;\n    }\n  }\n}\n\n@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {\n  & {\n    svg {\n      @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {\n        @content;\n      }\n    }\n  }\n}","$tablet-width: 1024;\n\n$mobile: 480px;\n$tablet: 768px;\n$laptop: 1024px;\n$desktop: 1280px;\n$wide: 1440px;\n\n// НАДО СНЕСТИ ============================================================\n@mixin tablet-plus {\n  @media only screen and (min-width: #{$tablet-width}px) {\n    @content;\n  }\n}\n\n// НАДО СНЕСТИ ============================================================\n\n\n// НОВЫЕ !!!\n// ---------------- 📱 Mobile ----------------\n@mixin mobile-less { // меньше чем mobile\n  @media (max-width: #{$mobile - 1}) {\n    @content;\n  }\n}\n\n@mixin mobile-less-equal { // до и включая mobile\n  @media (max-width: #{$mobile}) {\n    @content;\n  }\n}\n\n@mixin mobile-more { // больше чем mobile\n  @media (min-width: #{$mobile + 1}) {\n    @content;\n  }\n}\n\n@mixin mobile-more-equal { // от mobile и выше\n  @media (min-width: #{$mobile}) {\n    @content;\n  }\n}\n\n@mixin mobile { // только mobile (0 - tablet-1)\n  @media (max-width: #{$tablet - 1}) {\n    @content;\n  }\n}\n\n// ---------------- 💻 Tablet ----------------\n@mixin tablet-less {\n  @media (max-width: #{$tablet - 1}) {\n    @content;\n  }\n}\n\n@mixin tablet-less-equal {\n  @media (max-width: #{$tablet}) {\n    @content;\n  }\n}\n\n@mixin tablet-more {\n  @media (min-width: #{$tablet + 1}) {\n    @content;\n  }\n}\n\n@mixin tablet-more-equal {\n  @media (min-width: #{$tablet}) {\n    @content;\n  }\n}\n\n@mixin tablet { // только tablet (от mobile до desktop-1)\n  @media (min-width: #{$mobile + 1}) and (max-width: #{$desktop - 1}) {\n    @content;\n  }\n}\n\n// ---------------- 🖥 Desktop ----------------\n@mixin desktop-less {\n  @media (max-width: #{$desktop - 1}) {\n    @content;\n  }\n}\n\n@mixin desktop-less-equal {\n  @media (max-width: #{$desktop}) {\n    @content;\n  }\n}\n\n@mixin desktop-more {\n  @media (min-width: #{$desktop + 1}) {\n    @content;\n  }\n}\n\n@mixin desktop-more-equal {\n  @media (min-width: #{$desktop}) {\n    @content;\n  }\n}\n\n@mixin desktop { // только desktop (от desktop до wide-1)\n  @media (min-width: #{$desktop}) and (max-width: #{$wide - 1}) {\n    @content;\n  }\n}\n\n// ---------------- 🖥️ Wide ----------------\n@mixin wide-less {\n  @media (max-width: #{$wide - 1}) {\n    @content;\n  }\n}\n\n@mixin wide-less-equal {\n  @media (max-width: #{$wide}) {\n    @content;\n  }\n}\n\n@mixin wide-more {\n  @media (min-width: #{$wide + 1}) {\n    @content;\n  }\n}\n\n@mixin wide-more-equal {\n  @media (min-width: #{$wide}) {\n    @content;\n  }\n}\n\n@mixin wide { // только wide (от wide и выше)\n  @media (min-width: #{$wide}) {\n    @content;\n  }\n}\n","@use '@/styles' as *;\n\n@mixin secondaryColorButton {\n  border-radius: 8px;\n  background-color: var(--base-white);\n  border: 1px solid var(--primary-200);\n  box-shadow: 0 1px 2px 0 #1018280D;\n\n  .icon {\n    @include modify-svg($stroke: var(--primary-500));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--primary-500));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--primary-50);\n        border: 1px solid var(--primary-300);\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--primary-50);\n        border: 1px solid var(--primary-300);\n      }\n    }\n  }\n\n  //&:focus {\n  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--primary-300);\n  //}\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}\n\n@mixin secondaryColorDarkThemeButton {\n  background-color: transparent;\n  border: 1px solid var(--rose-900);\n\n  .icon {\n    @include modify-svg($stroke: var(--rose-500));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--rose-500));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--rose-950);\n        border: 1px solid var(--rose-700);\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--rose-950);\n        border: 1px solid var(--rose-700);\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin secondaryGrayButton {\n  border-radius: 8px;\n  background-color: var(--base-white);\n  box-shadow: 0 1px 2px 0 #1018280D;\n  border: 1px solid var(--gray-300);\n\n  .icon {\n    @include modify-svg($stroke: var(--gray-700));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-700));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--gray-50);\n        border: 1px solid var(--gray-300);\n\n        .text {\n          color: var(--gray-800);\n        }\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--gray-50);\n        border: 1px solid var(--gray-300);\n\n        .text {\n          color: var(--gray-800);\n        }\n      }\n    }\n  }\n\n\n  //&:focus {\n  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\n  //}\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}\n\n@mixin secondaryGrayDarkThemeButton {\n  background-color: transparent;\n  border: 1px solid var(--gray-iron-700);\n\n  .icon {\n    @include modify-svg($stroke: var(--gray-iron-200));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-iron-200));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--gray-iron-800);\n        border: 1px solid var(--gray-iron-700);\n\n        .text {\n          color: var(--gray-iron-200);\n        }\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--gray-iron-800);\n        border: 1px solid var(--gray-iron-700);\n\n        .text {\n          color: var(--gray-iron-200);\n        }\n      }\n    }\n  }\n}\n","@use '@/styles' as *;\n\n@mixin tertiaryWhiteButton-hover-state {\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--base-white));\n    }\n  }\n\n  .icon {\n    @include modify-svg($stroke: var(--base-white));\n  }\n}\n\n@mixin tertiaryWhiteButton {\n  border: 1px solid transparent;\n\n  .icon {\n    @include modify-svg($stroke: var(--primary-100));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--primary-100));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        @include tertiaryWhiteButton-hover-state;\n      }\n    }\n\n    @include tablet {\n      &:active {\n        @include tertiaryWhiteButton-hover-state;\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}\n\n\n@mixin tertiaryWhiteDarkThemeButton-hover-state {\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--base-white));\n    }\n  }\n\n  .icon {\n    @include modify-svg($stroke: var(--base-white));\n  }\n}\n\n@mixin tertiaryWhiteDarkThemeButton {\n  .icon {\n    @include modify-svg($stroke: var(--rose-100));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--rose-100));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        @include tertiaryWhiteDarkThemeButton-hover-state;\n      }\n    }\n\n    @include tablet {\n      &:active {\n        @include tertiaryWhiteDarkThemeButton-hover-state;\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin tertiaryColorButton-hover-state {\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--primary-700));\n    }\n  }\n\n  .icon {\n    @include modify-svg($stroke: var(--primary-700));\n  }\n}\n\n@mixin tertiaryColorButton {\n  border: 1px solid transparent;\n  .icon {\n    @include modify-svg($stroke: var(--primary-500));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--primary-500));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        @include tertiaryColorButton-hover-state;\n      }\n    }\n\n    @include tablet {\n      &:active {\n        @include tertiaryColorButton-hover-state;\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}\n\n\n@mixin tertiaryColorDarkThemeButton-hover-state {\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--rose-700));\n    }\n  }\n\n  .icon {\n    @include modify-svg($stroke: var(--rose-700));\n  }\n}\n\n@mixin tertiaryColorDarkThemeButton {\n  .icon {\n    @include modify-svg($stroke: var(--rose-500));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--rose-500));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        @include tertiaryColorDarkThemeButton-hover-state;\n      }\n    }\n\n    @include tablet {\n      &:active {\n        @include tertiaryColorDarkThemeButton-hover-state;\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin tertiaryGrayButton-hover-state {\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-900));\n    }\n  }\n  .icon {\n    @include modify-svg($stroke: var(--gray-900));\n  }\n}\n\n@mixin tertiaryGrayButton {\n  border: 1px solid transparent;\n  .icon {\n    @include modify-svg($stroke: var(--gray-700));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-700));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        @include tertiaryGrayButton-hover-state();\n      }\n    }\n    @include tablet {\n      &:active {\n        @include tertiaryGrayButton-hover-state();\n      }\n    }\n  }\n\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}","@use '@/styles' as *;\n\n@mixin linkColorButton-hover-state {\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--primary-700));\n    }\n  }\n\n  .icon {\n    @include modify-svg($stroke: var(--primary-700));\n  }\n}\n\n@mixin linkColorButton {\n  padding: 0 !important;\n  gap: 4px;\n\n  .icon {\n    @include modify-svg($stroke: var(--primary-500));\n  }\n\n  .content {\n    padding: 0 !important;\n\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--primary-500));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        @include linkColorButton-hover-state;\n      }\n    }\n\n    @include tablet {\n      &:active {\n        @include linkColorButton-hover-state;\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}","@use '@/styles' as *;\n\n@mixin linkBlackButton-hover-state {\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-900));\n    }\n  }\n\n  .icon {\n    @include modify-svg($stroke: var(--gray-900));\n  }\n}\n\n@mixin linkBlackButton {\n  padding: 0 !important;\n  gap: 4px;\n\n  .icon {\n    @include modify-svg($stroke: var(--gray-700));\n  }\n\n  .content {\n    padding: 0 !important;\n\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-700));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        @include linkBlackButton-hover-state;\n      }\n    }\n\n    @include tablet {\n      &:active {\n        @include linkBlackButton-hover-state;\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}","@use '@/styles' as *;\n\n@mixin linkGrayButton-hover-state {\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-500));\n    }\n  }\n\n  .icon {\n    @include modify-svg($stroke: var(--gray-500));\n  }\n}\n\n@mixin linkGrayButton {\n  padding: 0 !important;\n  gap: 4px;\n\n  .icon {\n    @include modify-svg($stroke: var(--gray-400));\n  }\n\n  .content {\n    padding: 0 !important;\n\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-400));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        @include linkGrayButton-hover-state;\n      }\n    }\n\n    @include tablet {\n      &:active {\n        @include linkGrayButton-hover-state;\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}","@use '@/styles' as *;\n\n@mixin linkDarkThemeButton-hover-state {\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--base-white));\n    }\n  }\n\n  .icon {\n    @include modify-svg($stroke: var(--base-white));\n  }\n}\n\n@mixin linkDarkTheme {\n  padding: 0 !important;\n  gap: 4px;\n\n  .icon {\n    @include modify-svg($stroke: var(--gray-iron-400));\n  }\n\n  .content {\n    padding: 0 !important;\n\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-iron-400));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        @include linkDarkThemeButton-hover-state;\n      }\n    }\n\n    @include tablet {\n      &:active {\n        @include linkDarkThemeButton-hover-state;\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}","@use '@/styles' as *;\n\n@mixin tabActiveButton {\n  border-radius: 6px;\n  background-color: var(--base-white);\n  border: 1px solid transparent;\n  box-shadow: 0 1px 2px 0 #1018280D;\n\n  .icon {\n    @include modify-svg($stroke: var(--gray-700));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-700));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        &:hover {\n          .icon {\n            @include modify-svg($stroke: var(--gray-900));\n          }\n\n          .text {\n            color: var(--gray-900);\n          }\n        }\n      }\n    }\n\n    @include tablet {\n      &:active {\n        &:hover {\n          .icon {\n            @include modify-svg($stroke: var(--gray-900));\n          }\n\n          .text {\n            color: var(--gray-900);\n          }\n        }\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}","@use '@/styles' as *;\n\n@mixin tabButton {\n  border-radius: 6px;\n  background-color: var(--gray-100);\n  border: 1px solid transparent;\n  box-shadow: 0 1px 2px 0 #1018280D;\n\n  .icon {\n    @include modify-svg($stroke: var(--gray-500));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--gray-500));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--gray-200);\n\n        .icon {\n          @include modify-svg($stroke: var(--gray-800));\n        }\n\n        .text {\n          color: var(--gray-800);\n        }\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--gray-200);\n\n        .icon {\n          @include modify-svg($stroke: var(--gray-800));\n        }\n\n        .text {\n          color: var(--gray-800);\n        }\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}","@use '@/styles' as *;\n\n@mixin warningPrimaryButton {\n  border-radius: 8px;\n  background-color: var(--error-500);\n  border: 1px solid transparent;\n  box-shadow: 0 1px 2px 0 #1018280D;\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        border: 1px solid var(--error-600);\n        background-color: var(--error-600);\n      }\n\n      &:active {\n        border: 1px solid var(--error-500);\n        background-color: var(--error-500);\n      }\n    }\n\n    @include tablet {\n      &:active {\n        border: 1px solid var(--error-600);\n        background-color: var(--error-600);\n      }\n    }\n  }\n\n  //&:focus {\n  //  background-color: var(--error-500);\n  //}\n\n  &:disabled, &.disabled {\n    opacity: 0.3;\n  }\n}","@use '@/styles' as *;\n\n@mixin warningSecondaryColorButton {\n  border: 1px solid var(--error-200);\n  background-color: var(--base-white);\n  box-shadow: 0 1px 2px 0 #1018280D;\n\n  .icon {\n    @include modify-svg($stroke: var(--error-500));\n  }\n\n  .content {\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--error-500));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--error-50);\n        border: 1px solid var(--error-400);\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--error-50);\n        border: 1px solid var(--error-400);\n      }\n    }\n  }\n\n  //&:focus {\n  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);\n  //}\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}","@use '@/styles' as *;\n\n@mixin warningLinkColorButton {\n  .icon {\n    @include modify-svg($stroke: var(--error-500));\n  }\n\n  .content {\n    padding: 0 !important;\n\n    .text, .textSecondary {\n      @include fnt-flex($color: var(--error-500));\n    }\n  }\n\n  &:not(.disabled):not(:disabled) {\n    @include tablet-plus {\n      &:hover {\n        .text {\n          color: var(--error-700);\n        }\n\n        .icon {\n          @include modify-svg($stroke: var(--error-700));\n        }\n      }\n    }\n\n    @include tablet {\n      &:active {\n        .text {\n          color: var(--error-700);\n        }\n\n        .icon {\n          @include modify-svg($stroke: var(--error-700));\n        }\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    opacity: 0.5;\n  }\n}","@use 'mixins/properties';\n@use 'mixins/base-button';\n\n.button {\n  @include base-button.base-micro-button();\n\n  &.light {\n    @include properties.light();\n  }\n\n  &.dark {\n    @include properties.dark();\n  }\n\n  &.gray {\n    @include properties.gray();\n  }\n\n  &.color {\n    @include properties.color();\n  }\n\n  &.colorHover {\n    @include properties.color-hover();\n  }\n\n  &.rose {\n    @include properties.rose();\n  }\n\n  &.redHover {\n    @include properties.red-hover();\n  }\n\n  &.colorFill {\n    @include properties.color-fill();\n  }\n\n  &.grayFill {\n    @include properties.gray-fill();\n  }\n\n  &.redFill {\n    @include properties.red-fill();\n  }\n\n\n  &.blueLight {\n    @include properties.blue-light();\n  }\n\n  &.size14 {\n    @include properties.size-14();\n  }\n\n  &.size16 {\n    @include properties.size-16();\n  }\n\n  &.size20 {\n    @include properties.size-20();\n  }\n\n  &.size24 {\n    @include properties.size-24();\n  }\n\n  &.size28 {\n    @include properties.size-28();\n  }\n}","@use '@/styles' as *;\n\n@mixin base-micro-button() {\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n  transition: all ease-out 200ms;\n\n  &:disabled {\n    pointer-events: none;\n    cursor: default;\n  }\n\n  @include modify-flex(row, center, center);\n  @include modify-svg() {\n    flex: none;\n  }\n}","@use '@/styles' as *;\n\n@mixin light() {\n  background: none;\n  border: 1px solid transparent;\n  @include modify-svg($stroke: var(--gray-400));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background-color: var(--gray-200);\n      @include modify-svg($stroke: var(--gray-600));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: var(--gray-200);\n      @include modify-svg($stroke: var(--gray-600));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin dark() {\n  background-color: #0C111D80;\n  border: 1px solid transparent;\n  @include modify-svg($stroke: var(--base-white));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background-color: #0C111DCC;\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: #0C111DCC;\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin gray() {\n  background-color: transparent;\n  border: 1px solid transparent;\n  @include modify-svg($stroke: var(--gray-500));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background-color: var(--base-white);\n      @include modify-svg($stroke: var(--gray-600));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: var(--base-white);\n      @include modify-svg($stroke: var(--gray-600));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin color() {\n  background: none;\n  border: 1px solid transparent;\n  @include modify-svg($stroke: var(--primary-500));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background-color: var(--base-white);\n      @include modify-svg($stroke: var(--primary-600));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: var(--base-white);\n      @include modify-svg($stroke: var(--primary-600));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin color-hover() {\n  background: none;\n  border: 1px solid transparent;\n  @include modify-svg($stroke: var(--primary-400));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background-color: var(--primary-100);\n      @include modify-svg($stroke: var(--primary-500));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: var(--primary-100);\n      @include modify-svg($stroke: var(--primary-500));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin rose() {\n  background: none;\n  border: 1px solid transparent;\n  @include modify-svg($stroke: var(--rose-600));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background-color: var(--rose-900);\n      @include modify-svg($stroke: var(--rose-500));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: var(--rose-900);\n      @include modify-svg($stroke: var(--rose-500));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin red-hover() {\n  background: none;\n  border: 1px solid transparent;\n  @include modify-svg($stroke: var(--error-400));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background-color: var(--error-100);\n      @include modify-svg($stroke: var(--error-500));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: var(--error-100);\n      @include modify-svg($stroke: var(--error-500));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin color-fill() {\n  background: var(--base-white);\n  border: 1px solid var(--primary-200);\n  @include modify-svg($stroke: var(--primary-500));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background: var(--primary-50);\n      @include modify-svg($stroke: var(--primary-500));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background: var(--primary-50);\n      @include modify-svg($stroke: var(--primary-500));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin gray-fill() {\n  background: var(--base-white);\n  border: 1px solid var(--gray-300);\n  @include modify-svg($stroke: var(--gray-700));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background: var(--gray-50);\n      @include modify-svg($stroke: var(--gray-900));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background: var(--gray-50);\n      @include modify-svg($stroke: var(--gray-900));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin red-fill() {\n  background: var(--base-white);\n  border: 1px solid var(--error-300);\n  @include modify-svg($stroke: var(--error-500));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      background: var(--error-50);\n      @include modify-svg($stroke: var(--error-600));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background: var(--error-50);\n      @include modify-svg($stroke: var(--error-600));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin blue-light() {\n  background: none;\n  border: 1px solid transparent;\n  @include modify-svg($stroke: var(--primary-50));\n\n  @include tablet-plus {\n    &:not(&:disabled):hover {\n      @include modify-svg($stroke: var(--primary-200));\n    }\n  }\n\n  @include tablet {\n    &:active {\n      @include modify-svg($stroke: var(--primary-200));\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin size-14() {\n  border-radius: 3px;\n  // 2 - 1 для учета border\n  padding: 1px;\n\n  @include modify-svg() {\n    width: 10px;\n    height: 10px;\n  }\n}","@use '@/styles' as *;\n\n@mixin size-16() {\n  border-radius: 3px;\n  // 2 - 1 для учета border\n  padding: 1px;\n\n  @include modify-svg() {\n    width: 12px;\n    height: 12px;\n  }\n}","@use '@/styles' as *;\n\n@mixin size-20() {\n  border-radius: 3px;\n  // 3 - 1 для учета border\n  padding: 2px;\n\n  @include modify-svg() {\n    width: 14px;\n    height: 14px;\n  }\n}","@use '@/styles' as *;\n\n@mixin size-24() {\n  border-radius: 4px;\n  // 4 - 1 для учета border\n  padding: 3px;\n\n  @include modify-svg() {\n    width: 16px;\n    height: 16px;\n  }\n}","@use '@/styles' as *;\n\n@mixin size-28() {\n  border-radius: 4px;\n  // 4 - 1 для учета border\n  padding: 3px;\n\n  @include modify-svg() {\n    width: 20px;\n    height: 20px;\n  }\n}","@use '@/styles' as *;\n\n.flexField {\n  width: 100%;\n  height: fit-content;\n  min-width: 0;\n\n  // С учетом border\n  padding: 9px 11px;\n  border-radius: 8px;\n  gap: 12px;\n  box-sizing: border-box;\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 2px 0 #1018280D;\n\n  @include centerInsideContent();\n\n  .inputField {\n    flex: 1;\n    min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\n\n    min-height: 24px;\n    outline: none;\n    padding: 0;\n    margin: 0;\n\n    border: none;\n    background: none;\n    text-wrap: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\n\n    &::placeholder, &.placeholder {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\n    }\n  }\n\n  .icon {\n    padding: 2px 0;\n    @include centerInsideContent();\n    @include modify-svg($stroke: var(--gray-400)) {\n      width: 20px;\n      height: 20px;\n      flex: none;\n    }\n  }\n\n  .textSupport {\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\n  }\n\n  .help {\n    padding: 2px 0;\n    @include centerInsideContent();\n    @include modify-svg($stroke: var(--gray-400)) {\n      width: 16px;\n      height: 16px;\n      flex: none;\n    }\n  }\n\n  .dropdown {\n    padding: 2px 0;\n    transition: all ease-in-out 200ms;\n    @include centerInsideContent();\n    @include modify-svg($stroke: var(--gray-500)) {\n      width: 20px;\n      height: 20px;\n      flex: none;\n    }\n\n    &.dropdownReverse {\n      transform: rotateX(-180deg);\n    }\n  }\n\n  .button {\n    padding: 2px 0;\n    transition: all ease-in-out 200ms;\n    cursor: pointer;\n    @include centerInsideContent();\n    @include modify-svg() {\n      width: 20px;\n      height: 20px;\n      flex: none;\n    }\n\n    &.red {\n      @include modify-svg($stroke: var(--error-400));\n\n      &:hover {\n        @include modify-svg($stroke: var(--error-500));\n      }\n    }\n\n    &.gray {\n      @include modify-svg($stroke: var(--gray-400));\n\n      &:hover {\n        @include modify-svg($stroke: var(--gray-500));\n      }\n    }\n  }\n\n  &.pointer {\n    cursor: pointer;\n  }\n\n  &.focus {\n    border: 1px solid var(--gray-400);\n  }\n\n  &.isError {\n    border: 1px solid var(--error-300);\n    box-shadow: 0 1px 2px 0 #1018280D;\n\n    .help {\n      @include modify-svg($stroke: var(--error-500));\n    }\n\n    &.focus {\n      border: 1px solid var(--error-400);\n    }\n  }\n\n  &.disabled {\n    background-color: var(--gray-50);\n    cursor: default;\n    pointer-events: none;\n\n    * {\n      cursor: default;\n    }\n\n    .userPick {\n      opacity: 50%;\n    }\n\n    .inputField {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\n    }\n  }\n\n  &.smallDisplay {\n    padding: 0;\n    border: none;\n    box-shadow: none;\n\n    .inputField {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\n    }\n  }\n\n  &.largeDisplay {\n    padding: 0;\n    border: none;\n    box-shadow: none;\n\n    .inputField {\n      @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-900));\n    }\n  }\n\n\n  // dark adaptation\n  &.darkTheme {\n    background-color: var(--gray-iron-950);\n    border: 1px solid var(--gray-iron-800);\n\n    .inputField {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\n\n      &::placeholder, &.placeholder {\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\n      }\n    }\n\n    .icon {\n      @include modify-svg($stroke: var(--gray-iron-500))\n    }\n\n    .textSupport {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\n    }\n\n    .help {\n      @include modify-svg($stroke: var(--gray-iron-500))\n    }\n\n    .dropdown {\n      @include modify-svg($stroke: var(--gray-iron-500))\n    }\n\n    .button {\n      &.red {\n        @include modify-svg($stroke: var(--error-400));\n\n        &:hover {\n          @include modify-svg($stroke: var(--error-500));\n        }\n      }\n\n      &.gray {\n        @include modify-svg($stroke: var(--gray-iron-400));\n\n        &:hover {\n          @include modify-svg($stroke: var(--gray-iron-500));\n        }\n      }\n    }\n\n    &.focus {\n      border: 1px solid var(--gray-iron-700);\n    }\n\n    &.isError {\n      border: 1px solid var(--error-900);\n\n      .help {\n        @include modify-svg($stroke: var(--error-500));\n      }\n\n      &.focus {\n        border: 1px solid var(--error-700);\n      }\n    }\n\n    &.disabled {\n      background-color: var(--gray-iron-950);\n\n      .inputField {\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\n      }\n    }\n\n    &.smallDisplay {\n      .inputField {\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\n      }\n    }\n\n    &.largeDisplay {\n      .inputField {\n        @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\n      }\n    }\n  }\n}","@mixin centerInsideContent {\n  & {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}","@use '@/styles' as *;\n\n.selectField {\n  width: 100%;\n  height: fit-content;\n}","@use '@/styles' as *;\n\n.inputFieldWrapper {\n  width: 100%;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  .labelText {\n    display: flex;\n    padding: 0 12px;\n    gap: 2px;\n\n    @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\n\n    .required {\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\n    }\n  }\n\n  .hintText {\n    display: flex;\n    padding: 0 12px;\n    gap: 2px;\n\n    @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\n  }\n\n  .hintError {\n    display: flex;\n    padding: 0 12px;\n    gap: 2px;\n\n    @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\n  }\n\n  .helperLink {\n    display: flex;\n    width: fit-content;\n    padding: 0 12px;\n    gap: 2px;\n    cursor: pointer;\n    @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);\n    @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));\n  }\n\n  &.display {\n    .labelText {\n      padding: 0;\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-500));\n    }\n\n    .hintText {\n      padding: 0;\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\n    }\n\n    .helperLink {\n      padding: 0;\n    }\n  }\n\n\n  &.darkTheme {\n    .labelText {\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-400));\n\n      .required {\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\n      }\n    }\n\n    .hintText {\n     @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-500));\n    }\n\n    .hintError {\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\n    }\n\n    .helperLink {\n      @include changeSvg($width: 20, $height: 20, $stroke: var(--rose-500), $flex: none);\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--rose-500));\n    }\n\n    &.display {\n      .labelText {\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-400));\n      }\n\n      .hintText {\n        @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-500));\n      }\n    }\n  }\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\n  & {\n    svg {\n      @if ($width != null) {\n        width: #{$width}px;\n      }\n      @if ($height != null) {\n        height: #{$height}px;\n      }\n\n      @if ($flex != null) {\n        flex: $flex;\n      }\n\n      * {\n        @if ($stroke != null) {\n          stroke: $stroke;\n        }\n\n        @if ($fill != null) {\n          fill: $fill;\n        }\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n.textareaField {\n  width: 100%;\n  height: auto;\n  min-height: 68px;\n  overflow: auto;\n\n  resize: none;\n  border-radius: 8px;\n  // С учетом border\n  padding: 9px 11px;\n\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 2px 0 #1018280D;\n\n  transition: all ease-out 200ms;\n\n  @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\n\n  &::placeholder {\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\n  }\n\n  &:focus {\n    border: 1px solid var(--gray-400);\n  }\n\n  &:disabled {\n    background-color: var(--gray-50);\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\n  }\n\n  &.isError {\n    border: 1px solid var(--error-300);\n\n    &:focus {\n      border: 1px solid var(--error-400);\n    }\n  }\n\n  &.darkTheme {\n    background-color: var(--gray-iron-950);\n    border: 1px solid var(--gray-iron-800);\n    box-shadow: 0 1px 2px 0 #1018280D;\n\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\n\n    &::placeholder {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\n    }\n\n    &:focus {\n      border: 1px solid var(--gray-iron-700);\n    }\n\n    &:disabled {\n      background-color: var(--gray-iron-950);\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\n    }\n\n    &.isError {\n      border: 1px solid var(--error-300);\n\n      &:focus {\n        border: 1px solid var(--error-400);\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n.DateTimeFieldMask {\n  height: fit-content;\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 0 0 #1018280D;\n  padding: 9px 11px;\n  border-radius: 8px;\n  background-color: var(--base-white);\n  @include modify-flex($align-items: center);\n\n  .item {\n    flex: 1;\n    min-width: 0;\n    gap: 6px;\n    @include modify-flex($align-items: center);\n\n    .icon {\n      padding: 2px 0;\n      @include centerInsideContent();\n      @include modify-svg($stroke: var(--gray-400)) {\n        width: 20px;\n        height: 20px;\n        flex: none;\n      }\n    }\n\n    .text {\n      text-wrap: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      height: 100%;\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\n    }\n\n    .content {\n      flex: 1;\n      height: 100%;\n    }\n  }\n\n  .line {\n    padding: 0 11px;\n    margin: -2px 0;\n    @include centerInsideContent();\n  }\n\n  .xCloseButton {\n    cursor: pointer;\n    padding: 2px 0;\n    @include centerInsideContent();\n    @include modify-svg($stroke: var(--gray-400)) {\n      flex: none;\n      width: 20px;\n      height: 20px;\n      * {\n        transition: stroke ease-in-out 200ms;\n      }\n    }\n\n    @include tablet-plus {\n      &:hover {\n        @include modify-svg($stroke: var(--gray-500));\n      }\n    }\n  }\n\n  &.isFocus {\n    border: 1px solid var(--gray-400);\n  }\n\n  &.isError {\n    border: 1px solid var(--error-300);\n    box-shadow: 0 1px 2px 0 #1018280D;\n\n    &.isFocus {\n      border: 1px solid var(--error-400);\n    }\n  }\n\n  &.disabled {\n    border: 1px solid var(--gray-400);\n    background-color: var(--gray-50);\n  }\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.widthHug {\n    width: fit-content;\n\n    .item, .item .content {\n      flex: none;\n    }\n  }\n\n\n  // dark adaptation\n  &.darkTheme {\n    border: 1px solid var(--gray-iron-800);\n    background-color: var(--gray-iron-950);\n\n    .item {\n      .icon {\n        @include modify-svg($stroke: var(--gray-iron-500));\n      }\n\n      .text {\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\n      }\n    }\n\n    .xCloseButton {\n      @include modify-svg($stroke: var(--gray-iron-500));\n\n      @include tablet-plus {\n        &:hover {\n          @include modify-svg($stroke: var(--gray-iron-600));\n        }\n      }\n    }\n\n    &.isFocus {\n      border: 1px solid var(--gray-iron-700);\n    }\n\n    &.isError {\n      border: 1px solid var(--error-950);\n\n      &.isFocus {\n        border: 1px solid var(--error-800);\n      }\n    }\n\n    &.disabled {\n      border: 1px solid var(--gray-iron-800);\n      background-color: var(--gray-iron-950);\n    }\n  }\n}","@use '@/styles' as *;\n\n.DateTimeField {\n  width: fit-content;\n  height: fit-content;\n  position: relative;\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.widthHug {\n    width: fit-content;\n  }\n}\n\n.flexField {\n  width: 100%;\n  height: fit-content;\n  min-width: 0;\n  // С учетом border\n  gap: 12px;\n  box-sizing: border-box;\n\n  overflow: hidden;\n  text-wrap: nowrap;\n  text-overflow: ellipsis;\n  outline: none;\n  background: none;\n  margin: 0;\n\n  @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\n  @include centerInsideContent();\n\n  &::placeholder {\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\n  }\n\n  &.disabled {\n    &, &::placeholder {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\n    }\n  }\n\n\n  &.darkTheme {\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\n\n    &::placeholder {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\n    }\n\n    &.disabled {\n      &, &::placeholder {\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\n      }\n    }\n  }\n}\n","@use '@/styles' as *;\n\n.flexField {\n  width: 100%;\n  height: fit-content;\n  min-width: 0;\n\n  // С учетом border\n  padding: 9px 11px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 2px 0 #1018280D;\n  box-sizing: border-box;\n\n  @include centerInsideContent();\n\n  .inputField {\n    flex: 1;\n    min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\n\n    min-height: 24px;\n    outline: none;\n    padding: 0;\n    margin: 0;\n\n    border: none;\n    background: none;\n    text-wrap: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\n\n    &::placeholder, &.placeholder {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\n    }\n  }\n\n  .icon {\n    padding: 2px 0;\n    @include centerInsideContent();\n    @include modify-svg($stroke: var(--gray-400)) {\n      width: 20px;\n      height: 20px;\n      flex: none;\n    }\n  }\n}","@use '@/styles' as *;\n\n.DateTimeRangeField {\n  width: 100%;\n  gap: 8px;\n  @include modify-flex($align-items: center);\n\n  .item {\n    flex: 1;\n    min-width: 0;\n  }\n}","@use '@/styles' as *;\n\n.SingleRangeField {\n  height: fit-content;\n  //position: relative;\n\n  .modalWindow {\n    position: fixed;\n    //transform: translateY(4px);\n    z-index: 10;\n  }\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.widthFHug {\n    height: fit-content;\n  }\n}","@use 'base';\n@use 'properties';\n@use '@/styles' as *;\n\n@mixin checkbox-mark() {\n  .checkboxMark {\n    transition: all ease-out 0.2s;\n    @include base.checkbox-mark-base();\n\n    &.checkbox {\n      @include properties.checkbox();\n    }\n\n    &.radio {\n      @include properties.radio();\n    }\n\n    &.checked {\n      @include properties.checked();\n    }\n\n    &.indeterminate {\n      @include properties.indeterminate();\n    }\n\n    &.error {\n      @include properties.error();\n    }\n\n    &.disabled {\n      @include properties.disabled();\n    }\n\n    &.correct {\n      &.checked {\n        @include properties.correct-checked();\n\n        &.disabled {\n          @include properties.correct-disabled();\n        }\n      }\n    }\n\n    &.incorrect {\n      &.checked {\n        @include properties.incorrect-checked();\n\n        &.disabled {\n          @include properties.incorrect-disabled();\n        }\n      }\n    }\n\n    @include tablet-plus {\n      &.hover {\n        @include base.checkbox-mark-base-hover();\n\n        &.checked {\n          @include properties.checked-hover();\n        }\n\n        &.indeterminate {\n          @include properties.indeterminate-hover();\n        }\n\n        &.error {\n          @include properties.error-hover();\n        }\n\n        &.disabled {\n          @include properties.disabled-hover();\n        }\n\n        &.correct {\n          &.checked {\n            @include properties.correct-checked-hover();\n\n            &.disabled {\n              @include properties.correct-disabled-hover();\n            }\n          }\n        }\n\n        &.incorrect {\n          &.checked {\n            @include properties.incorrect-checked-hover();\n\n            &.disabled {\n              @include properties.incorrect-disabled-hover();\n            }\n          }\n        }\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin checkbox-mark-base-hover() {\n  background-color: var(--primary-50);\n  border: 1px solid var(--primary-200);\n}\n\n@mixin checkbox-mark-base() {\n  width: 20px;\n  height: 20px;\n  flex: none;\n\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-sizing: border-box;\n  cursor: pointer;\n  overflow: hidden;\n\n  @include centerInsideContent();\n  @include modify-svg($stroke-width: 4) {\n    width: 14px;\n    height: 14px;\n    flex: none;\n  }\n\n  @include tablet-plus {\n    &:hover {\n      @include checkbox-mark-base-hover();\n    }\n  }\n}",".checkboxMark {\n  transition: all ease-out 0.2s;\n  width: 20px;\n  height: 20px;\n  flex: none;\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-sizing: border-box;\n  cursor: pointer;\n  overflow: hidden;\n}\n.checkboxMark {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.checkboxMark svg * {\n  stroke-width: 4;\n}\n.checkboxMark svg {\n  width: 14px;\n  height: 14px;\n  flex: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark:hover {\n    background-color: var(--primary-50);\n    border: 1px solid var(--primary-200);\n  }\n}\n.checkboxMark.checkbox {\n  border-radius: 6px;\n}\n.checkboxMark.radio {\n  border-radius: 50%;\n}\n.checkboxMark.radio:after {\n  display: none;\n  flex: none;\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--primary-500);\n}\n.checkboxMark.checked {\n  background-color: var(--primary-50);\n  border: 1px solid var(--primary-200);\n}\n.checkboxMark.checked svg * {\n  stroke: var(--primary-500);\n}\n.checkboxMark.checked:after {\n  display: block;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.checked:hover {\n    border: 1px solid var(--primary-400);\n  }\n}\n.checkboxMark.indeterminate {\n  background-color: var(--primary-50);\n  border: 1px solid var(--primary-200);\n}\n.checkboxMark.indeterminate svg * {\n  stroke: var(--primary-500);\n}\n.checkboxMark.indeterminate {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--primary-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.indeterminate:hover {\n    border: 1px solid var(--primary-400);\n  }\n}\n.checkboxMark.error {\n  background-color: var(--error-50);\n  border: 1px solid var(--error-200);\n}\n.checkboxMark.error svg * {\n  stroke: var(--error-500);\n}\n.checkboxMark.error {\n  color: var(--error-500);\n}\n.checkboxMark.error:after {\n  background-color: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.error:hover {\n    background-color: var(--error-50);\n    border: 1px solid var(--error-400);\n  }\n}\n.checkboxMark.disabled {\n  cursor: default;\n  background-color: var(--gray-100);\n  border: 1px solid var(--gray-300);\n}\n.checkboxMark.disabled:after {\n  background-color: var(--gray-300);\n}\n.checkboxMark.disabled svg * {\n  stroke: var(--gray-300);\n}\n.checkboxMark.disabled {\n  color: var(--gray-300);\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.disabled:hover {\n    background-color: var(--gray-100);\n    border: 1px solid var(--gray-300);\n  }\n  .checkboxMark.disabled:hover svg * {\n    stroke: var(--gray-300);\n  }\n  .checkboxMark.disabled:hover {\n    color: var(--gray-300);\n  }\n}\n.checkboxMark.correct.checked {\n  background-color: var(--primary-500);\n  border: transparent;\n}\n.checkboxMark.correct.checked {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--base-white);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.correct.checked svg * {\n  stroke: var(--base-white);\n}\n.checkboxMark.correct.checked:after {\n  display: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.correct.checked:hover {\n    background-color: var(--primary-600);\n    border: transparent;\n  }\n}\n.checkboxMark.correct.checked.disabled {\n  background-color: var(--gray-300);\n  border: transparent;\n}\n.checkboxMark.correct.checked.disabled {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--base-white);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled svg * {\n  stroke: var(--base-white);\n}\n.checkboxMark.correct.checked.disabled:after {\n  display: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.correct.checked.disabled:hover {\n    background-color: var(--gray-300);\n    border: transparent;\n  }\n}\n.checkboxMark.incorrect.checked {\n  background-color: var(--error-500);\n  border: transparent;\n}\n.checkboxMark.incorrect.checked {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--base-white);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.incorrect.checked svg * {\n  stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked:after {\n  display: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.incorrect.checked:hover {\n    background-color: var(--error-600);\n    border: transparent;\n  }\n}\n.checkboxMark.incorrect.checked.disabled {\n  background-color: var(--gray-300);\n  border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--base-white);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.incorrect.checked.disabled svg * {\n  stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked.disabled:after {\n  display: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.incorrect.checked.disabled:hover {\n    background-color: var(--gray-300);\n    border: transparent;\n  }\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.hover {\n    background-color: var(--primary-50);\n    border: 1px solid var(--primary-200);\n  }\n  .checkboxMark.hover.checked {\n    border: 1px solid var(--primary-400);\n  }\n  .checkboxMark.hover.indeterminate {\n    border: 1px solid var(--primary-400);\n  }\n  .checkboxMark.hover.error {\n    background-color: var(--error-50);\n    border: 1px solid var(--error-400);\n  }\n  .checkboxMark.hover.disabled {\n    background-color: var(--gray-100);\n    border: 1px solid var(--gray-300);\n  }\n  .checkboxMark.hover.disabled svg * {\n    stroke: var(--gray-300);\n  }\n  .checkboxMark.hover.disabled {\n    color: var(--gray-300);\n  }\n  .checkboxMark.hover.correct.checked {\n    background-color: var(--primary-600);\n    border: transparent;\n  }\n  .checkboxMark.hover.correct.checked.disabled {\n    background-color: var(--gray-300);\n    border: transparent;\n  }\n  .checkboxMark.hover.incorrect.checked {\n    background-color: var(--error-600);\n    border: transparent;\n  }\n  .checkboxMark.hover.incorrect.checked.disabled {\n    background-color: var(--gray-300);\n    border: transparent;\n  }\n}","@mixin checkbox() {\n  border-radius: 6px;\n}","@use '@/styles' as *;\n\n@mixin radio() {\n  border-radius: 50%;\n\n  &:after {\n    display: none;\n    flex: none;\n    content: '';\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: var(--primary-500);\n  }\n}","@use '@/styles' as *;\n\n@mixin checked-hover() {\n  border: 1px solid var(--primary-400);\n}\n\n@mixin checked() {\n  background-color: var(--primary-50);\n  border: 1px solid var(--primary-200);\n\n  @include modify-svg($stroke: var(--primary-500));\n\n  &:after {\n    display: block;\n  }\n\n  @include tablet-plus {\n    &:hover {\n      @include checked-hover();\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin indeterminate-hover() {\n  border: 1px solid var(--primary-400);\n}\n\n@mixin indeterminate() {\n  background-color: var(--primary-50);\n  border: 1px solid var(--primary-200);\n\n  @include modify-svg($stroke: var(--primary-500));\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--primary-500));\n\n  @include tablet-plus {\n    &:hover {\n      @include indeterminate-hover();\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin error-hover() {\n  background-color: var(--error-50);\n  border: 1px solid var(--error-400);\n}\n\n@mixin error() {\n  background-color: var(--error-50);\n  border: 1px solid var(--error-200);\n\n  @include modify-svg($stroke: var(--error-500));\n  @include fnt-flex($color: var(--error-500));\n\n  &:after {\n    background-color: var(--error-500);\n  }\n\n  @include tablet-plus {\n    &:hover {\n      @include error-hover();\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin disabled-hover() {\n  background-color: var(--gray-100);\n  border: 1px solid var(--gray-300);\n\n  @include modify-svg($stroke: var(--gray-300));\n  @include fnt-flex($color: var(--gray-300));\n}\n\n@mixin disabled() {\n  cursor: default;\n\n  background-color: var(--gray-100);\n  border: 1px solid var(--gray-300);\n\n  &:after {\n    background-color: var(--gray-300);\n  }\n\n  @include modify-svg($stroke: var(--gray-300));\n  @include fnt-flex($color: var(--gray-300));\n\n  @include tablet-plus {\n    &:hover {\n      @include disabled-hover();\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin correct-checked-hover() {\n  background-color: var(--primary-600);\n\n  border: transparent;\n}\n\n@mixin correct-disabled-hover() {\n  background-color: var(--gray-300);\n\n  border: transparent;\n}\n\n@mixin correct-checked() {\n  background-color: var(--primary-500);\n\n  border: transparent;\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\n  @include modify-svg($stroke: var(--base-white));\n\n  &:after {\n    display: none;\n  }\n\n  @include tablet-plus {\n    &:hover {\n      @include correct-checked-hover();\n    }\n  }\n}\n\n@mixin correct-disabled() {\n  background-color: var(--gray-300);\n\n  border: transparent;\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\n  @include modify-svg($stroke: var(--base-white));\n\n  &:after {\n    display: none;\n  }\n\n  @include tablet-plus {\n    &:hover {\n      @include correct-disabled-hover();\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin incorrect-checked-hover() {\n  background-color: var(--error-600);\n\n  border: transparent;\n}\n\n@mixin incorrect-disabled-hover() {\n  background-color: var(--gray-300);\n\n  border: transparent;\n}\n\n@mixin incorrect-checked() {\n  background-color: var(--error-500);\n\n  border: transparent;\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\n  @include modify-svg($stroke: var(--base-white));\n\n  &:after {\n    display: none;\n  }\n\n  @include tablet-plus {\n    &:hover {\n      @include incorrect-checked-hover();\n    }\n  }\n}\n\n@mixin incorrect-disabled() {\n  background-color: var(--gray-300);\n\n  border: transparent;\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\n  @include modify-svg($stroke: var(--base-white));\n\n  &:after {\n    display: none;\n  }\n\n  @include tablet-plus {\n    &:hover {\n      @include incorrect-disabled-hover();\n    }\n  }\n}","@use '@/styles' as *;\n\n.checkbox {\n  width: 100%;\n  height: fit-content;\n  overflow: hidden;\n  gap: 8px;\n  flex: none;\n  @include modify-flex();\n\n  .textBlock {\n    flex: 1;\n    gap: 2px;\n    overflow: hidden;\n    @include modify-flex($direction: column, $align-items: start);\n\n    .text, .supportingText {\n      width: 100%;\n      text-wrap: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      transition: color ease-in-out 200ms;\n      text-align: start;\n    }\n\n    .text {\n      text-align: start;\n      transition: color ease-in-out 200ms;\n      @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\n\n      &.textBold {\n        @include fnt-flex($weight: 600);\n      }\n    }\n\n    .supportingText {\n      text-align: start;\n      transition: color ease-in-out 200ms;\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\n    }\n\n    @include tablet-plus {\n      &.hover,\n      &.focus {\n        .text {\n          @include fnt-flex($color: var(--gray-900));\n        }\n\n        .supportingText {\n          @include fnt-flex($color: var(--gray-500));\n        }\n      }\n    }\n\n    @include tablet {\n      &.active {\n        .text {\n          @include fnt-flex($color: var(--gray-900));\n        }\n\n        .supportingText {\n          @include fnt-flex($color: var(--gray-500));\n        }\n      }\n    }\n  }\n\n  &.disabled {\n    cursor: default;\n\n    .textBlock {\n      .text {\n        @include fnt-flex($color: var(--gray-500));\n      }\n\n      .supportingText {\n        @include fnt-flex($color: var(--gray-400));\n      }\n    }\n  }\n\n  &.error {\n    .textBlock .supportingText {\n      @include fnt-flex($color: var(--error-400));\n    }\n  }\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.heightFill {\n    height: 100%;\n  }\n\n  &.widthHug {\n    width: fit-content;\n  }\n\n  &.heightHug {\n    height: fit-content;\n  }\n}","@use '@/styles' as *;\n@use 'mixins';\n\n.toggleBase {\n  transition: all ease-out 0.2s;\n\n  --toggle-theme: 'light';\n\n  @include mixins.base();\n\n  .button {\n    @include mixins.base-button();\n  }\n\n  .spacer {\n    transition: flex-grow ease-in-out 0.2s;\n    @include mixins.spacer();\n  }\n\n  &.active {\n    @include mixins.active();\n\n    .spacer {\n      @include mixins.active-spacer();\n    }\n  }\n\n  &.error {\n    @include mixins.error-base();\n\n    &.active {\n      @include mixins.error-active();\n    }\n  }\n\n  &.medium {\n    @include mixins.medium-base();\n\n    .button {\n      @include mixins.medium-button();\n    }\n  }\n\n  &.large {\n    @include mixins.large-base();\n\n    .button {\n      @include mixins.large-button();\n    }\n  }\n\n  @include tablet-plus {\n    &:not(.disabled).hover, &:not(.disabled):hover {\n      @include mixins.hover();\n\n      &.error {\n        @include mixins.hover-error;\n      }\n\n      &.active {\n        @include mixins.hover-active();\n\n        &.error {\n          @include mixins.hover-active-error();\n        }\n      }\n    }\n  }\n\n  &.disabled {\n    @include mixins.disabled-base();\n\n    @include tablet-plus {\n      &.hover, &:hover {\n        @include mixins.disabled-base();\n      }\n    }\n  }\n\n  // dark theme\n  &.dark {\n    @include mixins.base(\"dark\");\n\n    &.active {\n      @include mixins.active(\"dark\");\n    }\n\n    @include tablet-plus {\n      &:not(.disabled).hover, &:not(.disabled):hover {\n        @include mixins.hover(\"dark\");\n\n        &.active {\n          @include mixins.hover-active(\"dark\");\n        }\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n@mixin base($theme: 'light') {\n  border-radius: 12px;\n  padding: 1px;\n  border: 1px solid transparent;\n\n  @if $theme == 'dark' {\n    background-color: var(--gray-iron-500);\n  } @else {\n    background-color: var(--gray-300);\n  }\n  @include modify-flex($align-items: center);\n}","@use '@/styles' as *;\n\n@mixin base-button() {\n  flex: none;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  background-color: var(--base-white);\n  box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\n}","@use '@/styles' as *;\n\n@mixin spacer() {\n  flex-grow: 0;\n}","@mixin active($theme: 'light') {\n  @if $theme == 'dark' {\n    background-color: var(--rose-500);\n  } @else {\n    background-color: var(--primary-500);\n  }\n}\n\n@mixin active-spacer() {\n  flex-grow: 1;\n}\n\n","@mixin error-base() {\n  background-color: var(--error-200);\n}\n\n@mixin error-active() {\n  background-color: var(--error-500);\n}","@mixin medium-base() {\n  width: 36px;\n  height: 20px;\n}\n\n@mixin medium-button() {\n  width: 16px;\n  height: 16px;\n}","@mixin large-base() {\n  width: 44px;\n  height: 24px;\n}\n\n@mixin large-button() {\n  width: 20px;\n  height: 20px;\n}","@mixin hover($theme: \"light\") {\n  @if $theme == \"light\" {\n    background-color: var(--gray-400);\n  } @else {\n    background-color: var(--gray-iron-600);\n  }\n}\n\n@mixin hover-active($theme: \"light\") {\n  @if $theme == \"light\" {\n    background-color: var(--primary-600);\n  } @else {\n    background-color: var(--rose-600);\n  }\n}\n\n@mixin hover-error() {\n  background-color: var(--error-300);\n}\n\n@mixin hover-active-error() {\n  background-color: var(--error-600);\n}","@mixin disabled-base() {\n  cursor: default;\n  pointer-events: none;\n  opacity: 0.5;\n}\n","@use '@/styles' as *;\n\n.toggle {\n  flex: none;\n  display: flex;\n  gap: 8px;\n  cursor: pointer;\n  overflow: hidden;\n\n  .textBlock {\n    flex: 1;\n    overflow: hidden;\n    @include modify-flex($direction: column, $justify-content: start, $align-items: start);\n\n    .text, .description {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      transition: color ease-in-out 200ms;\n      text-align: start;\n    }\n\n    .text {\n      width: 100%;\n      text-wrap: nowrap;\n      gap: 6px;\n      @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\n      @include modify-flex($align-items: center);\n    }\n\n    .description {\n      max-width: 100%;\n      text-wrap: wrap;\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\n    }\n  }\n\n  &.active .textBlock {\n    .text {\n      @include fnt-flex($color: var(--gray-900));\n    }\n\n    .description {\n      @include fnt-flex($color: var(--gray-500));\n    }\n  }\n\n  @include tablet-plus {\n    &:not(.disabled).hover .textBlock {\n      .text {\n        @include fnt-flex($color: var(--gray-900));\n      }\n\n      .description {\n        @include fnt-flex($color: var(--gray-500));\n      }\n    }\n  }\n\n  &.disabled {\n    cursor: default;\n    pointer-events: none;\n\n    .textBlock {\n      opacity: 0.5;\n    }\n  }\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.heightFill {\n    height: 100%;\n  }\n\n  &.widthHug {\n    width: fit-content;\n  }\n\n  &.heightHug {\n    height: fit-content;\n  }\n\n  &.dark {\n    .text {\n      color: var(--gray-iron-300) !important;\n    }\n\n    .description {\n      color: var(--gray-iron-400) !important;\n    }\n\n    &.active .textBlock {\n      .text {\n        color: var(--gray-iron-50) !important;\n      }\n\n      .description {\n        color: var(--gray-iron-500) !important;\n      }\n    }\n\n    @include tablet-plus {\n      &:not(.disabled).hover .textBlock {\n        .text {\n          color: var(--gray-iron-50) !important;\n        }\n\n        .description {\n          color: var(--gray-iron-500) !important;\n        }\n      }\n    }\n  }\n}","@use \"@/styles\" as *;\n\n.cascadeBlockLabel {\n  gap: 2px;\n  @include modify-flex();\n  @include modify-svg($stroke: var(--gray-700)) {\n    width: 20px;\n    height: 20px;\n    transform: rotateX(180deg);\n    transition: transform ease-out 200ms;\n  }\n\n  &.open {\n    @include modify-svg() {\n      transform: rotateX(0);\n    }\n  }\n}\n\n.text {\n  @include fnt($size: 16, $line-height: 20, $weight: 600, $color: var(--gray-700), $family: $golos-text);\n}\n\n.cascadeBlock {\n  width: 100%;\n  height: fit-content;\n  overflow: hidden;\n  position: relative;\n\n  .list {\n    padding: 8px 0 8px 16px;\n    gap: 8px;\n    @include modify-flex($direction: column);\n\n    &.hide {\n      display: none;\n    }\n  }\n}","@use '@/styles' as *;\n\n.tagCheckbox {\n  border-radius: 4px;\n  box-shadow: 0 0 0 1px var(--gray-300);\n  background-color: var(--base-white);\n  cursor: pointer;\n  @include centerInsideContent();\n  @include modify-svg($stroke: var(--base-white), $stroke-width: 3) {\n    opacity: 0;\n    transition: opacity ease-in-out 200ms;\n  }\n\n  @include tablet-plus {\n    &:hover {\n      box-shadow: 0 0 0 1px var(--primary-200);\n      background-color: var(--primary-50);\n    }\n  }\n\n  &.checked {\n    box-shadow: 0 0 0 1px var(--primary-500);\n    background-color: var(--primary-500);\n    @include modify-svg() {\n      opacity: 1;\n    }\n\n    @include tablet-plus {\n      &:hover {\n        box-shadow: 0 0 0 1px var(--primary-600);\n        background-color: var(--primary-600);\n      }\n    }\n  }\n\n  &.disabled {\n    cursor: default;\n    box-shadow: 0 0 0 1px var(--gray-200);\n    background-color: var(--gray-100);\n\n    @include tablet-plus {\n      &:hover {\n        box-shadow: 0 0 0 1px var(--gray-200);\n        background-color: var(--gray-100);\n      }\n    }\n\n    &.checked {\n      box-shadow: 0 0 0 1px var(--gray-200);\n      background-color: var(--gray-200);\n      @include tablet-plus {\n        &:hover {\n          box-shadow: 0 0 0 1px var(--gray-200);\n          background-color: var(--gray-200);\n        }\n      }\n    }\n  }\n\n  &.small {\n    width: 14px;\n    height: 14px;\n    @include modify-svg() {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  &.medium {\n    width: 16px;\n    height: 16px;\n    @include modify-svg() {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  &.large {\n    width: 18px;\n    height: 18px;\n    @include modify-svg() {\n      width: 18px;\n      height: 18px;\n    }\n  }\n}","@use '@/styles' as *;\n\n.tagCount {\n  width: fit-content;\n  height: fit-content;\n  border-radius: 3px;\n  @include fnt-flex($color: var(--gray-700));\n\n  &.gray {\n    background-color: var(--gray-100);\n  }\n\n  &.color {\n    background-color: var(--primary-100);\n  }\n\n  &.small {\n    padding: 2px 4px 2px 4px;\n    @include fnt-flex($size: 12, $line-height: 14, $weight: 500, $family: $golos-ui);\n  }\n\n  &.medium {\n    padding: 2px 5px 2px 5px;\n    @include fnt-flex($size: 12, $line-height: 16, $weight: 500, $family: $golos-ui);\n  }\n\n  &.large {\n    padding: 0 6px 0 6px;\n    @include fnt-flex($size: 12, $line-height: 20, $weight: 500, $family: $golos-ui);\n  }\n}","@use 'properties';\n\n.tag {\n  @include properties.base();\n\n  &:hover {\n    @include properties.hover();\n  }\n\n  &.active {\n    @include properties.active();\n\n    &:hover {\n      @include properties.active-hover();\n    }\n  }\n\n  &.small {\n    @include properties.small();\n  }\n\n  &.medium {\n    @include properties.medium();\n  }\n\n  &.large {\n    @include properties.large();\n  }\n\n  &.clicked {\n    @include properties.clicked();\n  }\n}","@use '@/styles' as *;\n\n@mixin base() {\n  width: fit-content;\n  height: fit-content;\n  gap: 3px;\n  border-radius: 6px;\n  border: 1px solid var(--gray-300);\n  background-color: var(--base-white);\n  transition: background-color ease-out 300ms;\n  cursor: default;\n  flex-wrap: nowrap;\n  @include modify-flex($align-items: center);\n\n  .main {\n    flex-wrap: nowrap;\n    @include modify-flex($align-items: center);\n  }\n\n  .label {\n    text-wrap: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    @include fnt-flex($color: var(--gray-700));\n  }\n\n  .dotIcon {\n    flex: none;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: var(--success-500);\n  }\n}","@use '@/styles' as *;\n\n@mixin hover() {\n  background-color: var(--gray-50);\n}","@use '@/styles' as *;\n\n@mixin active() {\n  border: 1px solid var(--primary-200);\n  background-color: var(--primary-50);\n\n  &:hover {\n    border: 1px solid var(--primary-300);\n    background-color: var(--primary-100);\n  }\n}\n\n@mixin active-hover() {\n  border: 1px solid var(--primary-300);\n  background-color: var(--primary-100);\n}","@use '@/styles' as *;\n\n@mixin small() {\n  // С учетом border\n  padding: 2px 7px;\n  @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);\n\n  .main {\n    gap: 4px;\n  }\n\n  &.isAction {\n    padding-right: 4px;\n  }\n\n  &.isCheckbox {\n    padding-left: 5px;\n  }\n}","@use '@/styles' as *;\n\n@mixin medium() {\n  // С учетом border\n  padding: 1px 8px;\n  @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);\n\n  .main {\n    gap: 5px;\n  }\n\n  &.isAction {\n    padding-right: 4px;\n  }\n\n  &.isCheckbox {\n    padding-left: 4px;\n  }\n}","@use '@/styles' as *;\n\n@mixin large() {\n  // С учетом border\n  padding: 3px 9px;\n  @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\n\n  .main {\n    gap: 6px;\n  }\n\n  &.isAction {\n    padding-right: 4px;\n  }\n\n  &.isCheckbox {\n    padding-left: 5px;\n  }\n}","@mixin clicked() {\n  cursor: pointer;\n}","@use '@/styles' as *;\n\n.slideTransition {\n  width: fit-content;\n  height: fit-content;\n\n  &.hide {\n    height: 0;\n  }\n\n  &.show {\n    height: fit-content;\n  }\n\n  &.enterUp {\n    transform-origin: top;\n    animation: enterAnimation forwards ease-out 300ms;\n  }\n\n  &.exitUp {\n    transform-origin: top;\n    animation: exitAnimation forwards ease-out 300ms;\n  }\n\n  &.enterDown {\n    transform-origin: bottom;\n    animation: enterAnimation forwards ease-out 300ms;\n  }\n\n  &.exitDown {\n    transform-origin: bottom;\n    animation: exitAnimation forwards ease-out 300ms;\n  }\n}\n\n@keyframes enterAnimation {\n  from {\n    height: 0;\n  }\n  to {\n\n  }\n}\n\n@keyframes exitAnimation {\n  from {\n  }\n  to {\n    height: 0;\n  }\n}","@use '@/styles' as *;\n\n.tabFrame {\n  border-radius: 8px;\n  padding: 4px;\n  gap: 4px;\n  background-color: var(--gray-100);\n  @include modify-flex();\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.widthHug {\n    width: fit-content;\n  }\n\n  &.dark {\n    background-color: var(--gray-iron-950);\n  }\n}","@use '@/styles' as *;\n\n.tabButtons {\n  border-radius: 6px;\n  // С учетом border\n  padding: 9px;\n  background-color: var(--gray-100);\n  cursor: pointer;\n  transition: all 200ms ease-out;\n  border: 1px solid transparent;\n  @include modify-flex($justify-content: center, $align-items: center);\n\n  .rightIcon {\n    @include modify-svg($stroke: var(--gray-700)) {\n      display: block;\n      flex: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  .leftIcon {\n    @include modify-svg($stroke: var(--gray-700)) {\n      display: block;\n      flex: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  .text {\n    width: fit-content;\n    padding: 0 4px;\n    @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-600));\n  }\n\n  @include tablet-plus {\n    &:hover {\n      background-color: var(--gray-200);\n\n      .text {\n        @include fnt-flex($color: var(--gray-700));\n      }\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: var(--gray-200);\n\n      .text {\n        @include fnt-flex($color: var(--gray-700));\n      }\n    }\n  }\n\n  &.active {\n    border: 1px solid var(--gray-300);\n    background-color: var(--base-white);\n    box-shadow: 0 1px 2px 0 #1018280D;\n\n    .rightIcon {\n      @include modify-svg($stroke: var(--gray-700));\n    }\n\n    .leftIcon {\n      @include modify-svg($stroke: var(--gray-700));\n    }\n\n    .text {\n      flex: none;\n      @include fnt-flex($color: var(--gray-800));\n    }\n\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--gray-50);\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--gray-50);\n      }\n    }\n  }\n\n  &.disabled, &:disabled {\n    border: transparent 1px solid;\n    box-shadow: none;\n    background-color: var(--gray-100);\n    cursor: default;\n\n    .rightIcon {\n      @include modify-svg($stroke: var(--gray-400));\n    }\n\n    .leftIcon {\n      @include modify-svg($stroke: var(--gray-400));\n    }\n\n    .text {\n      @include fnt-flex($color: var(--gray-400));\n    }\n  }\n\n  &.widthHug {\n    width: fit-content;\n  }\n\n  &.heightHug {\n    height: fit-content;\n  }\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.heightFill {\n    height: 100%;\n  }\n\n\n  // dark theme\n  &.dark {\n    background-color: var(--gray-iron-950);\n\n    .rightIcon {\n      @include modify-svg($stroke: var(--gray-iron-600))\n    }\n\n    .leftIcon {\n      @include modify-svg($stroke: var(--gray-iron-600))\n    }\n\n    .text {\n      @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-iron-400));\n    }\n\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--gray-iron-900);\n\n        .text {\n          @include fnt-flex($color: var(--gray-iron-200));\n        }\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--gray-iron-900);\n\n        .text {\n          @include fnt-flex($color: var(--gray-iron-200));\n        }\n\n        .rightIcon {\n          @include modify-svg($stroke: var(--gray-iron-500))\n        }\n\n        .leftIcon {\n          @include modify-svg($stroke: var(--gray-iron-500))\n        }\n      }\n    }\n\n    &.active {\n      border: 1px solid var(--gray-iron-800);\n      background-color: var(--gray-iron-900);\n      box-shadow: 0 1px 2px 0 #1018280D;\n\n      .rightIcon {\n        @include modify-svg($stroke: var(--gray-iron-500));\n      }\n\n      .leftIcon {\n        @include modify-svg($stroke: var(--gray-iron-500));\n      }\n\n      .text {\n        @include fnt-flex($color: var(--gray-iron-200));\n      }\n\n      @include tablet-plus {\n        &:hover {\n          background-color: var(--gray--iron-800);\n          border: 1px solid var(--gray-iron-700);\n        }\n      }\n\n      @include tablet {\n        &:active {\n          background-color: var(--gray--iron-800);\n        }\n      }\n    }\n\n    &.disabled, &:disabled {\n      background-color: var(--gray--iron-900);\n\n      .rightIcon {\n        @include modify-svg($stroke: var(--gray-iron-700));\n      }\n\n      .leftIcon {\n        @include modify-svg($stroke: var(--gray-iron-700));\n      }\n\n      .text {\n        @include fnt-flex($color: var(--gray-iron-600));\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n.pageSwitcher {\n  width: 100%;\n  height: fit-content;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  padding: 16px 0 0 0;\n\n  .arrowButtons {\n    width: fit-content;\n    height: fit-content;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n\n    @include changeSvg($flex: none, $stroke: var(--gray-600), $width: 20, $height: 20);\n    @include fnt($size: 14, $line-height: 20, $weight: 600, $color: var(--gray-600));\n\n    @include tablet-plus {\n      &:hover {\n        color: var(--gray-700);\n        @include changeSvg($stroke: var(--gray-700));\n      }\n    }\n\n    &:focus {\n      color: var(--gray-600);\n      @include changeSvg($stroke: var(--gray-600));\n    }\n\n    &:disabled {\n      color: var(--gray-300);\n      @include changeSvg($stroke: var(--gray-300));\n    }\n  }\n\n  .buttonsList {\n    width: fit-content;\n    height: fit-content;\n\n    display: flex;\n    gap: 2px;\n\n    .plug {\n      width: 40px;\n      height: 40px;\n      border-radius: 8px;\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\n      @include centerInsideContent();\n    }\n\n    .numberButton {\n      width: 40px;\n      height: 40px;\n      border-radius: 8px;\n      transition: all linear 200ms;\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\n      @include centerInsideContent();\n\n      @include tablet-plus {\n        &:hover {\n          color: var(--gray-800);\n          background-color: var(--gray-100);\n        }\n      }\n\n      &.active {\n        color: var(--gray-800);\n        background-color: var(--gray-100);\n      }\n    }\n  }\n\n  &.smallVersion {\n    justify-content: space-between;\n  }\n\n\n  // dark theme\n  &.dark {\n    .buttonsList {\n      .plug {\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-500));\n      }\n\n      .numberButton {\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-500));\n\n        @include tablet-plus {\n          &:hover {\n            color: var(--gray-iron-400);\n            background-color: var(--gray-iron-800);\n          }\n        }\n\n        &.active {\n          color: var(--gray-iron-400);\n          background-color: var(--gray-iron-800);\n        }\n      }\n    }\n  }\n}",".paginationBar {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}","@use '@/styles' as *;\n\n.userPick, .userPickPlaceholder {\n  border-radius: 50%;\n  object-fit: cover;\n  overflow: hidden;\n}\n\n.userPickPlaceholder {\n  background-color: var(--gray-300);\n  @include modify-svg($fill: var(--gray-400)) {\n    width: 100%;\n    height: 100%;\n  }\n}","@use '@/styles' as *;\n\n.dropdownItem {\n  flex: none;\n  height: fit-content;\n  gap: 6px;\n  transition: background-color ease-out 300ms;\n  overflow: hidden;\n  @include modify-flex($align-items: center);\n\n  .showIcon {\n    @include centerInsideContent();\n    @include modify-svg($stroke: var(--gray-400)) {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  .main {\n    flex: 1;\n    gap: 6px;\n    overflow: hidden;\n    @include modify-flex($align-items: center);\n\n    .text, .supportText {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      text-wrap: nowrap;\n      text-align: start;\n      transition: color ease-in-out 200ms;\n    }\n\n    .text {\n      @include fnt-flex($color: var(--gray-900));\n    }\n\n    .supportText {\n      @include fnt-flex($color: var(--gray-400));\n    }\n\n    .textVisible {\n      text-wrap: balance;\n      text-overflow: unset;\n      overflow: unset;\n    }\n  }\n\n  .check {\n    opacity: 0;\n    transition: opacity ease-out 200ms;\n    @include centerInsideContent();\n    @include modify-svg($stroke: var(--primary-500)) {\n      width: 20px;\n      height: 20px;\n    }\n\n    & {\n      display: none;\n    }\n  }\n\n  @include tablet-plus {\n    &:hover {\n      background-color: var(--gray-100);\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: var(--gray-100);\n    }\n  }\n\n  &.selected {\n    background-color: var(--primary-50);\n\n    .check {\n      display: flex;\n      opacity: 1;\n    }\n\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--primary-100);\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--primary-100);\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    cursor: default;\n    pointer-events: none;\n\n    .showIcon {\n      @include modify-svg($stroke: var(--gray-300));\n    }\n\n    .main .supportText, .main .text {\n      @include fnt-flex($color: var(--gray-300));\n    }\n\n    .userIcon {\n      opacity: 45%;\n    }\n\n    .check {\n      @include modify-svg($stroke: var(--gray-300));\n    }\n\n    &.selected {\n      background-color: var(--gray-25);\n    }\n  }\n\n  &.small {\n    padding: 8px 8px 8px 16px;\n\n    .text {\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-900));\n    }\n\n    .supportText {\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\n    }\n  }\n\n  &.medium {\n    padding: 10px 10px 10px 16px;\n\n    .text {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\n    }\n\n    .supportText {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\n    }\n  }\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.widthHug {\n    width: fit-content;\n  }\n}\n\n\n// dark theme\n.dark {\n  .showIcon {\n    @include modify-svg($stroke: var(--gray-iron-500))\n  }\n\n  .main {\n    .text {\n      color: var(--gray-iron-200);\n    }\n\n    .supportText {\n      color: var(--gray-iron-500);\n    }\n  }\n\n  .check {\n    @include modify-svg($stroke: var(--rose-500))\n  }\n\n  @include tablet-plus {\n    &:hover {\n      background-color: var(--gray-iron-800);\n    }\n  }\n\n  @include tablet {\n    &:active {\n      background-color: var(--gray-iron-800);\n    }\n  }\n\n  &.selected {\n    background-color: var(--rose-950);\n\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--rose-900);\n      }\n    }\n\n    @include tablet {\n      &:active {\n        background-color: var(--rose-900);\n      }\n    }\n\n    .showIcon {\n      @include modify-svg($stroke: var(--rose-600))\n    }\n\n    .main {\n      .supportText {\n        color: var(--rose-600);\n      }\n    }\n  }\n\n  &:disabled, &.disabled {\n    cursor: default;\n    pointer-events: none;\n    opacity: 0.5;\n\n    .showIcon {\n      @include modify-svg($stroke: var(--rose-600));\n    }\n\n    .main .text {\n      @include fnt-flex($color: var(--gray-iron-200));\n    }\n\n    .userIcon {\n      opacity: 1;\n    }\n\n    .main .supportText, {\n      @include fnt-flex($color: var(--gray-iron-200));\n    }\n\n    .check {\n      @include modify-svg($stroke: var(--rose-600));\n    }\n\n    &.selected {\n      background-color: var(--rose-950);\n    }\n  }\n\n  &.small {\n    padding: 8px 8px 8px 16px;\n\n    .text {\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-200));\n    }\n\n    .supportText {\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-500));\n    }\n  }\n\n  &.medium {\n    padding: 10px 10px 10px 16px;\n\n    .text {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-200));\n    }\n\n    .supportText {\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\n    }\n  }\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.widthHug {\n    width: fit-content;\n  }\n}","@use '@/styles' as *;\n\n.LoadingIndicator {\n  @include modify-flex($direction: column, $justify-content: center, $align-items: center);\n\n  .icon {\n    animation: spinner-animation linear 1000ms infinite;\n    @include centerInsideContent();\n  }\n\n  .text {\n    text-wrap: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\n  }\n\n  &.lineSimple {\n    .icon {\n      @include modify-svg() {\n        path:first-child {\n          stroke: var(--gray-300);\n        }\n        path:last-child {\n          stroke: var(--primary-500);\n        }\n      }\n    }\n  }\n\n  &.lineSpinner {\n    .icon {\n      @include modify-svg() {\n        path:first-child {\n          stroke: var(--gray-300);\n        }\n        path:last-child {\n          stroke: var(--primary-500);\n        }\n      }\n    }\n  }\n\n  &.dotCircle {\n  }\n\n  &.small {\n    gap: 16px;\n    @include modify-svg() {\n      width: 32px;\n      height: 32px;\n    }\n\n    .text {\n      @include fnt-flex($size: 14, $line-height: 20);\n    }\n  }\n\n  &.medium {\n    gap: 16px;\n    @include modify-svg() {\n      width: 48px;\n      height: 48px;\n    }\n\n    .text {\n      @include fnt-flex($size: 14, $line-height: 20);\n    }\n  }\n\n  &.large {\n    gap: 16px;\n    @include modify-svg() {\n      width: 56px;\n      height: 56px;\n    }\n\n    .text {\n      @include fnt-flex($size: 18, $line-height: 28);\n    }\n  }\n\n  &.ultra {\n    gap: 20px;\n    @include modify-svg() {\n      width: 64px;\n      height: 64px;\n    }\n\n    .text {\n      @include fnt-flex($size: 18, $line-height: 28);\n    }\n  }\n\n  &.widthFill {\n    width: 100%;\n  }\n\n  &.widthHug {\n    width: fit-content;\n  }\n\n  &.heightFill {\n    height: 100%;\n  }\n\n  &.heightHug {\n    height: fit-content;\n  }\n}\n\n@keyframes spinner-animation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}","@use '@/styles' as *;\n\n.controlBar {\n  width: fit-content;\n  gap: 24px;\n  @include modify-flex($align-items: center);\n}","@use '@/styles' as *;\n\n.videoProgressBar {\n  width: 100%;\n  height: 8px;\n  background-color: #00000066;\n  position: relative;\n  cursor: pointer;\n\n  .progressBar {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--primary-400);\n  }\n\n  &:not(.dragging) {\n    .progressBar {\n      transition: width linear 0.2s;\n    }\n  }\n\n  &.dragging {\n    .progressBar {\n      transition: none;\n    }\n  }\n}","@use '@/styles' as *;\n\n.VideoViewer {\n  width: fit-content;\n  height: fit-content;\n  max-width: 100%;\n  max-height: 100%;\n  position: relative;\n  overflow: hidden;\n  @include centerInsideContent();\n\n  .loader {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  .timer {\n    position: absolute;\n    top: 24px;\n    right: 24px;\n\n    width: fit-content;\n    height: fit-content;\n    border-radius: 16px;\n    padding: 4px 12px;\n    background-color: #00000066;\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: #FFFFFFCC);\n  }\n\n  .progressBar {\n    width: 100%;\n    height: fit-content;\n    position: absolute;\n    bottom: 0;\n  }\n\n  .actions {\n    width: 100%;\n    height: fit-content;\n    position: absolute;\n    bottom: 32px;\n    padding: 0 20px;\n    @include modify-flex($justify-content: space-between);\n  }\n\n  .content {\n    flex: none;\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: scale-down;\n  }\n\n  .playButton {\n    opacity: 0;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    z-index: 1;\n    transform: translate(-50%, -50%);\n    cursor: default;\n    @include centerInsideContent();\n\n    &:not(.show) {\n      display: none;\n    }\n\n    &.show {\n      cursor: pointer;\n      animation: appearance ease-out 200ms forwards;\n    }\n  }\n}\n\n@keyframes appearance {\n  0% {\n    display: flex;\n  }\n  1% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}","@use '@/styles' as *;\n\n.ImageViewer {\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n}","@use '@/styles' as *;\n\n.MediaViewer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background-color: var(--base-white);\n  @include modify-flex($justify-content: center);\n\n  .content {\n    width: 100%;\n    height: 100%;\n\n    .track {\n      height: 100%;\n\n      .el {\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        @include centerInsideContent;\n      }\n    }\n  }\n\n  .control {\n    width: fit-content;\n    position: absolute;\n    left: 50%;\n    bottom: 32px;\n    transform: translateX(-50%);\n  }\n}","@use '@/styles' as *;\n\n.PlayButton {\n  border: 1px solid transparent;\n  border-radius: 50%;\n  transition: background-color ease-out 300ms;\n  @include centerInsideContent();\n\n  @include modify-svg($fill: var(--base-white)) {\n    flex: none;\n  }\n\n  &.default {\n    width: 48px;\n    height: 48px;\n    padding: 12px 10px 12px 16px;\n\n    @include modify-svg() {\n      width: 24px;\n      height: 24px;\n    }\n\n    &.stop {\n      padding: 12px;\n    }\n  }\n\n  &.large {\n    width: 96px;\n    height: 96px;\n    padding: 24px 22px 24px 34px;\n\n    @include modify-svg() {\n      width: 48px;\n      height: 48px;\n    }\n\n    &.stop {\n      padding: 24px;\n    }\n  }\n\n  &.light {\n    width: 24px;\n    height: 24px;\n    padding: 6px 4px 6px 7px;\n    background-color: var(--gray-400);\n\n    @include modify-svg() {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.stop {\n      padding: 8px;\n      @include modify-svg() {\n        width: 8px;\n        height: 8px;\n      }\n    }\n\n    @include tablet-plus {\n      &:hover {\n        background-color: var(--primary-400);\n      }\n    }\n  }\n\n  &.dark {\n    background-color: #00000066;\n\n    @include tablet-plus {\n      &:hover {\n        background-color: #000000CC;\n      }\n    }\n  }\n\n  &:disabled {\n    cursor: pointer;\n  }\n}","@use '@/styles' as *;\n\n.CalendarDayWrapper {\n  width: fit-content;\n  height: fit-content;\n  position: relative;\n  @include centerInsideContent;\n\n  .CalendarDay {\n    flex: none;\n    width: 40px;\n    height: 40px;\n    border-radius: 8px;\n    transition: background-color ease-out 300ms;\n    z-index: 1;\n    position: relative;\n    cursor: pointer;\n    @include modify-flex($direction: column, $justify-content: center, $align-items: center);\n\n    .mark {\n      width: 100%;\n      height: 12px;\n      padding: 4px;\n      @include centerInsideContent();\n\n      &:after {\n        content: '';\n        width: 4px;\n        height: 4px;\n        border-radius: 50%;\n        background-color: var(--primary-400);\n      }\n    }\n\n    .text, .info {\n      width: 100%;\n      height: fit-content;\n      text-align: center;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      @include centerInsideContent();\n    }\n\n    .text {\n      flex: 1;\n      @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\n    }\n\n    .info {\n      height: 12px;\n      padding: 0 0 2px 0;\n      @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-400));\n    }\n\n    & {\n      background-color: var(--base-white);\n\n      @include tablet-plus {\n        &:hover {\n          background-color: var(--gray-100);\n        }\n      }\n\n      @include tablet {\n        &:active {\n          background-color: var(--gray-100);\n        }\n      }\n    }\n\n    &.currentDay {\n      background-color: var(--primary-50);\n\n      @include tablet-plus {\n        &:hover {\n          background-color: var(--primary-100);\n        }\n      }\n\n      @include tablet {\n        &:active {\n          background-color: var(--primary-100);\n        }\n      }\n    }\n\n    &.holiday {\n      .text {\n        @include fnt-flex($color: var(--error-500));\n      }\n    }\n\n    &.disabled {\n      background-color: var(--base-white);\n\n      .mark:after {\n        background-color: var(--gray-300);\n      }\n\n      .text {\n        @include fnt-flex($color: var(--gray-400));\n      }\n\n      .info {\n        @include fnt-flex($color: var(--gray-300));\n      }\n\n      &:hover {\n        background-color: var(--gray-100);\n      }\n\n      @include tablet {\n        &:active {\n          background-color: var(--gray-100);\n        }\n      }\n    }\n\n    &.filter {\n      background-color: var(--gray-100);\n\n      @include tablet-plus {\n        &:hover {\n          background-color: var(--gray-200);\n        }\n      }\n\n      @include tablet {\n        &:active {\n          background-color: var(--gray-200);\n        }\n      }\n    }\n\n    &.active {\n      background-color: var(--primary-500);\n\n      .mark:after {\n        background-color: var(--base-white);\n      }\n\n      .text {\n        @include fnt-flex($color: var(--base-white));\n      }\n\n      .info {\n        @include fnt-flex($color: var(--primary-300));\n      }\n\n      @include tablet-plus {\n        &:hover {\n          background-color: var(--primary-600);\n        }\n      }\n\n      @include tablet {\n        &:active {\n          background-color: var(--primary-600);\n        }\n      }\n    }\n  }\n\n  &.filter {\n    &:before {\n      position: absolute;\n      content: '';\n      height: 100%;\n      z-index: 0;\n      background-color: var(--gray-100);\n\n      width: 60px;\n      top: 0;\n      transform: translateX(-10px);\n    }\n\n    &:not(.left):not(.right):before {\n      left: 0;\n    }\n\n    &.left, &.right {\n      &:before {\n        width: 30px;\n      }\n    }\n\n    &.left {\n      &:before {\n        left: 0;\n        transform: translateX(-10px);\n      }\n    }\n\n    &.right {\n      &:before {\n        right: 0;\n        transform: translateX(10px);\n      }\n    }\n  }\n\n\n  // dark theme\n  &.darkTheme {\n    .CalendarDay {\n      .mark {\n        &:after {\n          background-color: var(--rose-600);\n        }\n      }\n\n      .text {\n        @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-iron-300));\n      }\n\n      .info {\n        @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-iron-600));\n      }\n\n      & {\n        background-color: var(--gray-iron-900);\n\n        @include tablet-plus {\n          &:hover {\n            background-color: var(--gray-iron-800);\n          }\n        }\n\n        @include tablet {\n          &:active {\n            background-color: var(--rose-500);\n          }\n        }\n      }\n\n      &.currentDay {\n        background-color: var(--rose-950);\n\n        @include tablet-plus {\n          &:hover {\n            background-color: var(--rose-900);\n          }\n        }\n\n        @include tablet {\n          &:active {\n            background-color: var(--rose-500);\n          }\n        }\n      }\n\n      &.holiday {\n        .text {\n          @include fnt-flex($color: var(--error-500));\n        }\n      }\n\n      &.disabled {\n        background-color: var(--gray-iron-900);\n\n        .mark:after {\n          background-color: var(--gray-iron-700);\n        }\n\n        .text {\n          @include fnt-flex($color: var(--gray-iron-600));\n        }\n\n        .info {\n          @include fnt-flex($color: var(--gray-iron-700));\n        }\n\n        &:hover {\n          background-color: var(--gray-iron-800);\n        }\n\n        @include tablet {\n          &:active {\n            background-color: var(--gray-100);\n          }\n        }\n      }\n\n      &.filter {\n        background-color: var(--gray-iron-800);\n\n        @include tablet-plus {\n          &:hover {\n            background-color: var(--gray-iron-700);\n          }\n        }\n\n        @include tablet {\n          &:active {\n            background-color: var(--rose-500);\n          }\n        }\n      }\n\n      &.active {\n        background-color: var(--rose-500);\n\n        .mark:after {\n          background-color: var(--base-white);\n        }\n\n        .text {\n          @include fnt-flex($color: var(--base-white));\n        }\n\n        .info {\n          @include fnt-flex($color: var(--rose-700));\n        }\n\n        @include tablet-plus {\n          &:hover {\n            background-color: var(--rose-600);\n          }\n        }\n\n        @include tablet {\n          &:active {\n            background-color: var(--rose-600);\n          }\n        }\n      }\n    }\n\n    &.filter {\n      &:before {\n        background-color: var(--gray-iron-800);\n      }\n    }\n  }\n}\n\n","@use '@/styles' as *;\n\n.CalendarMonth {\n  width: 100%;\n  height: fit-content;\n  min-width: 80px;\n  padding: 10px 8px;\n  border-radius: 8px;\n  background-color: var(--base-white);\n  cursor: pointer;\n  transition: background-color ease-out 300ms;\n  @include centerInsideContent;\n  @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\n\n  &:hover {\n    background-color: var(--gray-100);\n  }\n\n  &.current:not(&.disabled) {\n    background-color: var(--primary-50);\n\n    &:hover {\n      background-color: var(--primary-100);\n    }\n  }\n\n  &.disabled {\n    @include fnt-flex($color: var(--gray-400));\n  }\n\n  &.darkTheme {\n    background-color: var(--gray-iron-900);\n    @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\n\n    &:hover {\n      background-color: var(--gray-iron-800);\n    }\n\n    &.current:not(&.disabled) {\n      background-color: var(--rose-950);\n\n      &:hover {\n        background-color: var(--rose-900);\n      }\n    }\n\n    &.disabled {\n      @include fnt-flex($color: var(--gray-iron-600));\n    }\n  }\n}","@use '@/styles' as *;\n\n.CalendarYear {\n  width: 100%;\n  height: fit-content;\n  min-width: 80px;\n  padding: 16px 8px;\n  border-radius: 8px;\n  background-color: var(--base-white);\n  cursor: pointer;\n  transition: background-color ease-out 300ms;\n  @include centerInsideContent;\n  @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\n\n  &:hover {\n    background-color: var(--gray-100);\n  }\n\n  &.current {\n    background-color: var(--primary-50);\n\n    &:hover {\n      background-color: var(--primary-100);\n    }\n  }\n\n  &.disabled {\n    @include fnt-flex($color: var(--gray-400));\n  }\n\n  &.darkTheme {\n    background-color: var(--gray-iron-900);\n    @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\n\n    &:hover {\n      background-color: var(--gray-iron-800);\n    }\n\n    &.current {\n      background-color: var(--rose-950);\n\n      &:hover {\n        background-color: var(--rose-900);\n      }\n    }\n\n    &.disabled {\n      @include fnt-flex($color: var(--gray-iron-600));\n    }\n  }\n}","@use '@/styles' as *;\n\n.CalendarButton {\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n  transition: color ease-out 300ms;\n\n  &.black {\n    @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-900), $family: $golos-text);\n\n    &:hover:not(&:disabled) {\n      @include fnt-flex($color: var(--primary-500));\n    }\n  }\n\n  &.gray {\n    @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-400), $family: $golos-text);\n\n    &:hover:not(&:disabled) {\n      @include fnt-flex($color: var(--primary-500));\n    }\n  }\n\n  &:disabled {\n    cursor: default;\n  }\n\n  &.dark {\n    &.black {\n      @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-iron-100), $family: $golos-text);\n\n      &:hover:not(&:disabled) {\n        @include fnt-flex($color: var(--rose-500));\n      }\n    }\n\n    &.gray {\n      @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-iron-600), $family: $golos-text);\n\n      &:hover:not(&:disabled) {\n        @include fnt-flex($color: var(--rose-500));\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n.TimePickerTag {\n  width: fit-content;\n  height: fit-content;\n  padding: 6px 12px;\n  border-radius: 16px;\n  background-color: var(--gray-100);\n  transition: background-color ease-out 300ms;\n  @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-700));\n\n  &:hover {\n    background-color: var(--gray-200);\n  }\n}","@use '@/styles' as *;\n\n.wrapper {\n  width: fit-content;\n  height: fit-content;\n  position: relative;\n  z-index: 2;\n\n  .viewContent {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--gray-100);\n    overflow: hidden;\n    z-index: 1;\n    clip-path: inset(calc(50% - 16px) 0 calc(50% - 16px) 0 round 8px);\n    pointer-events: none;\n    @include modify-flex($direction: column);\n  }\n\n  .TimePickerFeed {\n    width: fit-content;\n    height: 100%;\n    overflow-x: hidden;\n    overflow-y: scroll;\n    user-select: none;\n    position: relative;\n    transform-style: preserve-3d;\n    transform: translateZ(0);\n    -webkit-overflow-scrolling: touch;\n    @include hiddeScrollBar;\n    @include modify-flex($direction: column, $align-items: center);\n  }\n\n  .item {\n    flex: none;\n    width: 48px;\n    height: 32px;\n    text-align: center;\n    padding: 0 8px;\n    box-sizing: border-box;\n    transform-style: preserve-3d;\n    perspective: 304px;\n    position: relative;\n    backface-visibility: hidden;\n    will-change: transform;\n\n    .content {\n      width: 100%;\n      height: 100%;\n      transition: opacity ease-out 100ms;\n      @include centerInsideContent;\n      @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-300), $family: $golos-text);\n    }\n\n    &.center .content {\n      @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-700), $family: $golos-text);\n    }\n\n    &.floor1 .content {\n      @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-400), $family: $golos-text);\n    }\n\n    &.floor1 .content {\n      @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-300), $family: $golos-text);\n    }\n  }\n\n  &.darkTheme {\n    .viewContent {\n      background-color: transparent;\n    }\n\n    .item {\n      .content {\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-700), $family: $golos-text);\n      }\n\n      &.center .content {\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\n      }\n\n      &.floor1 .content {\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-600), $family: $golos-text);\n      }\n\n      &.floor1 .content {\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-700), $family: $golos-text);\n      }\n    }\n  }\n}\n","@mixin hiddeScrollBar() {\n  & {\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none; /* IE 10+ */\n\n    &::-webkit-scrollbar {\n      display: none; /* Chrome, Safari, Edge */\n    }\n  }\n}","@use '@/styles' as *;\n\n.datePicker {\n  width: 100%;\n  height: fit-content;\n  max-width: 324px;\n  background-color: var(--base-white);\n  padding: 16px;\n  gap: 8px;\n  @include modify-flex($direction: column);\n\n  .header {\n    width: 100%;\n    @include modify-flex($justify-content: space-between, $align-items: center);\n\n    .monthYear, .changeMonth {\n      @include modify-flex($align-items: center);\n    }\n\n    .monthYear {\n      gap: 6px;\n    }\n\n    .changeMonth {\n      gap: 2px;\n    }\n  }\n\n  .weekDaysList {\n    width: 100%;\n    gap: 2px;\n    @include modify-flex($align-items: center);\n\n    .weekDay {\n      flex: 1;\n      text-wrap: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      text-align: center;\n      @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-500));\n    }\n  }\n\n  .daysGrid {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-template-rows: auto;\n    gap: 2px;\n  }\n\n  &.dark {\n    background-color: var(--gray-iron-900);\n\n    .weekDaysList {\n      .weekDay {\n        @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-iron-500));\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n.YearMonthPicker {\n  width: 100%;\n  height: fit-content;\n  max-width: 324px;\n  background-color: var(--base-white);\n  padding: 16px;\n  gap: 12px;\n  @include modify-flex($direction: column);\n\n  .header {\n    width: 100%;\n    @include modify-flex($justify-content: space-between, $align-items: center);\n\n    .switchers {\n      gap: 2px;\n      @include modify-flex($align-items: center);\n    }\n  }\n\n  .grid {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 4px;\n  }\n\n  &.dark {\n    background-color: var(--gray-iron-900);\n  }\n}","@use '@/styles' as *;\n\n.TimePicker {\n  width: 100%;\n  min-width: 292px;\n  height: fit-content;\n  @include centerInsideContent;\n\n  .timer {\n    width: 100%;\n    height: fit-content;\n    gap: 8px;\n    padding: 16px;\n    @include centerInsideContent;\n\n    .main {\n      width: fit-content;\n      height: fit-content;\n      position: relative;\n      @include centerInsideContent;\n\n      .divider {\n        width: fit-content;\n        height: fit-content;\n        z-index: 2;\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-400), $family: $golos-text);\n        @include centerInsideContent;\n      }\n\n      &:before {\n        content: '';\n        width: 100%;\n        height: 32px;\n        border-radius: 8px;\n        background-color: var(--gray-100);\n        position: absolute;\n        top: 50%;\n        left: 0;\n        transform: translateY(-50%);\n        z-index: 1;\n      }\n    }\n\n    .line {\n      flex: 1;\n      height: 1px;\n      background-color: var(--gray-300);\n    }\n  }\n\n  // dark theme\n  &.dark {\n    .timer {\n      .main {\n        .divider {\n          @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\n        }\n\n        &:before {\n          background-color: var(--gray-iron-800);\n        }\n      }\n\n      .line {\n        background-color: var(--gray-iron-700);\n      }\n    }\n  }\n}","@use '@/styles' as *;\n\n.DateTimePicker {\n  width: 324px;\n  height: fit-content;\n  border-radius: 16px;\n  background-color: var(--base-white);\n  box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814, 0 0 0 1px var(--gray-300);\n  @include modify-flex($direction: column);\n\n  .header {\n    width: 100%;\n    padding: 16px 16px 0 16px;\n    @include modify-flex($direction: column);\n\n    .title, .subtitle {\n      text-wrap: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n\n    .title {\n      @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900), $family: $golos-text);\n    }\n\n    .subtitle {\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500), $family: $golos-text);\n    }\n  }\n\n  .content {\n    width: 100%;\n    height: fit-content;\n    @include modify-flex($direction: column);\n\n    .tabWrapper {\n      padding: 12px 16px 0 16px;\n    }\n\n    .pickerWrapper {\n      width: 100%;\n      height: fit-content;\n    }\n  }\n\n  .actions {\n    width: 100%;\n    padding: 16px;\n    gap: 8px;\n    border-top: 1px solid var(--gray-200);\n    @include modify-flex();\n  }\n\n  &.dark {\n    background-color: var(--gray-iron-900);\n\n    .header {\n      .title {\n        color: var(--gray-iron-100)\n      }\n\n      .subtitle {\n        color: var(--gray-iron-500)\n      }\n    }\n\n    .actions {\n      border-top: 1px solid var(--gray-iron-800);\n    }\n  }\n}","@use '@/styles' as *;\n\n.Container {\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  transition: opacity .2s ease-in;\n}\n\n.Tooltip {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: fit-content;\n  height: fit-content;\n  max-width: 320px;\n  background-color: $base-white;\n  border: 1px solid $gray-200;\n  border-radius: 8px;\n  padding: 11px;\n  gap: 4px;\n  box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\n\n  .Text {\n    @include fnt($size: 12, $line-height: 18, $weight: 700)\n  }\n\n  .Description {\n    @include fnt($size: 12, $line-height: 18)\n  }\n\n  .Arrow {\n    position: absolute;\n    display: block;\n    height: 12px;\n    width: 12px;\n    background-color: $base-white;\n    border-top: 1px solid $gray-200;\n    border-right: 1px solid $gray-200;\n    border-top-right-radius: 1px;\n\n    &.LeftCenter,\n    &.RightCenter {\n      top: calc(50% - 6.5px);\n    }\n\n    &.LeftTop,\n    &.RightTop {\n      top: 16px;\n    }\n\n    &.LeftBottom,\n    &.RightBottom {\n      bottom: 16px;\n    }\n\n    &.LeftTop,\n    &.LeftCenter,\n    &.LeftBottom {\n      left: -6.5px;\n      transform: rotate(-135deg);\n    }\n\n    &.RightTop,\n    &.RightCenter,\n    &.RightBottom {\n      right: -6.5px;\n      transform: rotate(45deg);\n    }\n\n    &.BottomLeft,\n    &.BottomRight,\n    &.BottomCenter {\n      bottom: -6.5px;\n      transform: rotate(135deg);\n    }\n\n    &.TopCenter,\n    &.BottomCenter {\n      left: calc(50% - 6.5px);\n    }\n\n    &.TopLeft,\n    &.BottomLeft {\n      left: 16px;\n    }\n\n    &.TopRight,\n    &.BottomRight {\n      right: 16px;\n    }\n\n    &.TopLeft,\n    &.TopRight,\n    &.TopCenter {\n      top: -6.5px;\n      transform: rotate(-45deg);\n    }\n  }\n\n  &.Dark {\n    background-color: $gray-900;\n    border-color: $gray-900;\n\n    .Description,\n    .Text {\n      color: $base-white;\n    }\n\n    .Arrow {\n      background-color: $gray-900;\n      border-color: $gray-900;\n    }\n  }\n\n}\n\n","$base-white: #FFFFFF !default;\n$base-black: #000000 !default;\n\n$gray-25: #FCFCFD !default;\n$gray-50: #F9FAFB !default;\n$gray-100: #F2F4F7 !default;\n$gray-200: #EAECF0 !default;\n$gray-300: #D0D5DD !default;\n$gray-400: #98A2B3 !default;\n$gray-500: #667085 !default;\n$gray-600: #475467 !default;\n$gray-700: #344054 !default;\n$gray-800: #1D2939 !default;\n$gray-900: #101828 !default;\n$gray-950: #0C111D !default;\n\n$primary-25: #FCFAFF !default;\n$primary-50: #F9F5FF !default;\n$primary-100: #F4EBFF !default;\n$primary-200: #E9D7FE !default;\n$primary-300: #D6BBFB !default;\n$primary-400: #B692F6 !default;\n$primary-500: #9E77ED !default;\n$primary-600: #7F56D9 !default;\n$primary-700: #6941C6 !default;\n$primary-800: #53389E !default;\n$primary-900: #42307D !default;\n$primary-950: #2C1C5F !default;\n\n$error-25: #FFFBFA !default;\n$error-50: #FEF3F2 !default;\n$error-100: #FEE4E2 !default;\n$error-200: #FECDCA !default;\n$error-300: #FDA29B !default;\n$error-400: #F97066 !default;\n$error-500: #F04438 !default;\n$error-600: #D92D20 !default;\n$error-700: #B42318 !default;\n$error-800: #912018 !default;\n$error-900: #7A271A !default;\n$error-950: #55160C !default;\n\n$warning-25: #FFFCF5 !default;\n$warning-50: #FFFAEB !default;\n$warning-100: #FEF0C7 !default;\n$warning-200: #FEDF89 !default;\n$warning-300: #FEC84B !default;\n$warning-400: #FDB022 !default;\n$warning-500: #F79009 !default;\n$warning-600: #DC6803 !default;\n$warning-700: #B54708 !default;\n$warning-800: #93370D !default;\n$warning-900: #7A2E0E !default;\n$warning-950: #4E1D09 !default;\n","@use '@/styles' as *;\n\n.Dropdown {\n  width: 100%;\n  max-height: 300px;\n  height: fit-content;\n  border-radius: 8px;\n  padding: 4px;\n  border: 1px solid var(--gray-200);\n  background-color: var(--base-white);\n  box-shadow: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;\n  overflow: auto;\n  @include modify-flex($direction: column);\n\n  .header {\n    width: 100%;\n    height: fit-content;\n    padding: 8px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-wrap: nowrap;\n    @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-600));\n  }\n\n  &.DropdownDark {\n    border: 1px solid var(--gray-iron-800);\n    background-color: var(--gray-iron-900);\n    box-shadow: 0 4px 24px 0 #00000040;\n\n    .header {\n      color: var(--gray-iron-500);\n    }\n  }\n}"],"names":[],"sourceRoot":""}
+{"version":3,"file":"index.css","mappings":"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A;ACON;ADJI;EACE;ACMN;ADFE;EACE;ACIJ;ADDE;EACE;ACGJ;ADAE;EACE;ACEJ;ADCE;EACE;ACCJ;AFzCE;EIFA;AF8CF;AE1CM;EACE;EACA;EACA;AF4CR;AEvCE;EACE;EACA;AFyCJ;AGhDE;EAEI;EAGA;EAGA,gBDEwD;ECIxD,4BCzBK;AJiEX;AGtDE;EAEI;EAGA;EAGA,gBDMwD;ECAxD,4BCzBK;AJuEX;AF7DE;EONA;ALsEF;AKlEM;EACE;EACA;EACA;ALoER;AK/DE;EACE;EACA;ALiEJ;AGxEE;EAEI;EAGA;EAGA,gBEEwD;EFIxD,4BCzBK;AJyFX;AG9EE;EAEI;EAGA;EAGA,gBEMwD;EFAxD,4BCzBK;AJ+FX;AFjFE;EQVA;AN8FF;AM1FM;EACE;EACA;EACA;AN4FR;AMvFE;EACE;EACA;ANyFJ;AGhGE;EAEI;EAGA;EAGA,gBGEwD;EHIxD,4BCzBK;AJiHX;AGtGE;EAEI;EAGA;EAGA,gBGMwD;EHAxD,4BCzBK;AJuHX;AFrGE;ESdA;APsHF;AOlHM;EACE;EACA;EACA;APoHR;AO/GE;EACE;EACA;APiHJ;AGxHE;EAEI;EAGA;EAGA,gBIEwD;EJIxD,4BCzBK;AJyIX;AG9HE;EAEI;EAGA;EAGA,gBIMwD;EJAxD,4BCzBK;AJ+IX;AFzHE;EUnBA;EACA;EACA;EACA;AR+IF;ASnJI;EAEI,yBDKyB;AR+IjC;AG7IE;EAWI,wBKR0B;AR6IhC;AUjJE;EFUI;IACE;ER0IN;AACF;AUpFE;EFlDI;IACE;ERyIN;AACF;AQ/HE;EACE;ARiIJ;AF/IE;EUmBA;AR+HF;AUjKE;EFsCI;IACE;ER8HN;AACF;AUpGE;EFtBI;IACE;ER6HN;AACF;AFxJE;Ea1BA;EACA;EACA;EACA;AXqLF;ASzLI;EAEI,0BEKyB;AXqLjC;AGnLE;EAWI,yBQR0B;AXmLhC;AUvLE;ECUI;IACE;IACA;EXgLN;AACF;AU3HE;ECjDI;IACE;IACA;EX+KN;AACF;AWvKE;EACE;AXyKJ;AFhLE;EaYA;EACA;AXuKF;ASlNI;EAEI,uBE4CyB;AXuKjC;AG5ME;EAWI,sBQ+B0B;AXqKhC;AUhNE;ECiDI;IACE;IACA;EXkKN;AACF;AUpJE;ECVI;IACE;IACA;EXiKN;AACF;AFlME;EcjCA;EACA;EACA;EACA;AZsOF;AS1OI;EAEI,uBGKyB;AZsOjC;AGpOE;EAWI,sBSR0B;AZoOhC;AUxOE;EEUI;IACE;IACA;EZiON;EY/NM;IACE;EZiOR;AACF;AU/KE;EE7CI;IACE;IACA;EZ+NN;EY7NM;IACE;EZ+NR;AACF;AYrNE;EACE;AZuNJ;AFhOE;EccA;EACA;AZqNF;ASzQI;EAEI,4BGqDyB;AZqNjC;AGnQE;EAWI,2BSwC0B;AZmNhC;AUvQE;EE0DI;IACE;IACA;EZgNN;EY9MM;IACE;EZgNR;AACF;AU9ME;EEGI;IACE;IACA;EZ8MN;EY5MM;IACE;EZ8MR;AACF;AFxPE;Ee5BA;AbuRF;ASpSI;EAEI,0BIcyB;AbuRjC;AG9RE;EAWI,yBUC0B;AbqRhC;AUlSE;EPCA;IAWI,wBUjB0B;Eb2S9B;ES9SE;IAEI,yBIMyB;EbyS/B;AACF;AUxOE;EPjEA;IAWI,wBUjB0B;EbmT9B;EStTE;IAEI,yBIMyB;EbiT/B;AACF;AanRE;EACE;AbqRJ;AS7TI;EAEI,uBIyDyB;AbqQjC;AGvTE;EAWI,sBU4C0B;AbmQhC;AU3TE;EPCA;IAWI,wBU4B0B;EbuR9B;ESvUE;IAEI,yBImDyB;EbqR/B;AACF;AUjQE;EPjEA;IAWI,wBU4B0B;Eb+R9B;ES/UE;IAEI,yBImDyB;Eb6R/B;AACF;AFnSE;EgBnCA;AdyUF;AStVI;EAEI,0BKayB;Ad0UjC;AGhVE;EAWI;AHwUN;AUpVE;EPCA;IAWI,yBWjB0B;Ed6V9B;EShWE;IAEI,0BKMyB;Ed2V/B;AACF;AU1RE;EPjEA;IAWI,yBWjB0B;EdqW9B;ESxWE;IAEI,0BKMyB;EdmW/B;AACF;ActUE;EACE;AdwUJ;AS/WI;EAEI,uBKwDyB;AdwTjC;AGzWE;EAWI,sBW2C0B;AdsThC;AU7WE;EPCA;IAWI,sBW2B0B;Ed0U9B;ESzXE;IAEI,uBKkDyB;EdwU/B;AACF;AUnTE;EPjEA;IAWI,sBW2B0B;EdkV9B;ESjYE;IAEI,uBKkDyB;EdgV/B;AACF;AF9UE;EiB3CA;Af4XF;ASxYI;EAEI,uBMYyB;Af6XjC;AGlYE;EAWI,sBYD0B;Af2XhC;AUtYE;EPCA;IAWI,sBYjB0B;Ef+Y9B;ESlZE;IAEI,uBMKyB;Ef8Y/B;AACF;AU5UE;EPjEA;IAWI,sBYjB0B;EfuZ9B;ES1ZE;IAEI,uBMKyB;EfsZ/B;AACF;AezXE;EACE;Af2XJ;AFtWE;EkB9CA;EACA;AhBuZF;ASraI;EAEI,0BOeyB;AhBuZjC;AgBpZE;EACE;AhBsZJ;AGlaE;EAWI,yBaI0B;AhBsZhC;AUtaE;EPCA;IAWI,yBajB0B;EhB+a9B;ESlbE;IAEI,0BOMyB;EhB6a/B;AACF;AU5WE;EPjEA;IAWI,yBajB0B;EhBub9B;ES1bE;IAEI,0BOMyB;EhBqb/B;AACF;AgBpZE;EACE;AhBsZJ;AFlYE;EmBlDA;EACA;AjBubF;ASrcI;EAEI,uBQeyB;AjBubjC;AiBpbE;EACE;AjBsbJ;AGlcE;EAWI,sBcI0B;AjBsbhC;AUtcE;EPCA;IAWI,sBcjB0B;EjB+c9B;ESldE;IAEI,uBQMyB;EjB6c/B;AACF;AU5YE;EPjEA;IAWI,sBcjB0B;EjBud9B;ES1dE;IAEI,uBQMyB;EjBqd/B;AACF;AiBpbE;EACE;AjBsbJ;AF9ZE;EoBtDA;EACA;AlBudF;ASreI;EAEI,uBSeyB;AlBudjC;AkBpdE;EACE;AlBsdJ;AGleE;EAWI,sBeI0B;AlBsdhC;AUteE;EPCA;IAWI,sBejB0B;ElB+e9B;ESlfE;IAEI,uBSMyB;ElB6e/B;AACF;AU5aE;EPjEA;IAWI,sBejB0B;ElBuf9B;ES1fE;IAEI,uBSMyB;ElBqf/B;AACF;AkBpdE;EACE;AlBsdJ;AF1bE;EqB1DA;EACA;AnBufF;ASrgBI;EAEI,4BUeyB;AnBufjC;AmBpfE;EACE;AnBsfJ;AGlgBE;EAWI,2BgBI0B;AnBsfhC;AUtgBE;EPCA;IAWI,wBgBjB0B;EnB+gB9B;ESlhBE;IAEI,yBUMyB;EnB6gB/B;AACF;AU5cE;EPjEA;IAWI,wBgBjB0B;EnBuhB9B;ES1hBE;IAEI,yBUMyB;EnBqhB/B;AACF;AmBpfE;EACE;AnBsfJ;AFtdE;EsB1EA;EACA;EACA;EACA;ApBmiBF;ASviBI;EAEI,uBWKyB;ApBmiBjC;AGjiBE;EAWI,sBiBR0B;ApBiiBhC;AUriBE;EDRE;IAEI,uBWmBiC;EpB4hBvC;EoBzhBQ;IACE;EpB2hBV;AACF;AU3eE;ED1EE;IAEI,uBWiCiC;EpBshBvC;EoBnhBQ;IACE;EpBqhBV;AACF;AoB/gBE;EACE;ApBihBJ;AFjfE;EuB9EA;EACA;EACA;EACA;ArBkkBF;AStkBI;EAEI,uBYKyB;ArBkkBjC;AGhkBE;EAWI,sBkBR0B;ArBgkBhC;AUpkBE;EWUI;IACE;ErB6jBN;EShlBE;IAEI,uBYoB+B;ErB6jBrC;EqB1jBM;IACE;ErB4jBR;AACF;AU7gBE;EW1CI;IACE;ErB0jBN;ES3lBE;IAEI,uBYkC+B;ErB0jBrC;EqBvjBM;IACE;ErByjBR;AACF;AqBpjBE;EACE;ArBsjBJ;AFjhBI;EwBnFF;EACA;EACA;EACA;AtBumBF;AUnmBE;EYAI;IACE;IACA;EtBsmBN;EsBnmBI;IACE;IACA;EtBqmBN;AACF;AU3iBE;EYtDI;IACE;IACA;EtBomBN;AACF;AsB5lBE;EACE;AtB8lBJ;AFtiBI;EyBvFF;EACA;EACA;AvBgoBF;ASnoBI;EAEI,wBcIyB;AvBgoBjC;AG7nBE;EAWI,uBoBT0B;AvB8nBhC;AUjoBE;EaSI;IACE;IACA;EvB2nBN;AACF;AUrkBE;EalDI;IACE;IACA;EvB0nBN;AACF;AuBlnBE;EACE;AvBonBJ;ASxpBI;EAEI;ATypBR;AwBtpBE;EACE;AxBwpBJ;AGrpBE;EAWI,uBqBX0B;AxBwpBhC;AUzpBE;EcQM;IACE;ExBopBR;ESrqBE;IAEI,wBemB+B;ExBmpBrC;AACF;AU/lBE;Ec9CM;IACE;ExBgpBR;ES7qBE;IAEI,wBe+B+B;ExB+oBrC;AACF;AwB1oBE;EACE;AxB4oBJ;AFnlBE;EACE;AEqlBJ,C;;;;AyBtrBA;ECAE;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;ACDJ;A1BRE;EACE;EAGE,mByBQiB;EzBJjB,uByBIsB;EzBAtB;A0BEN;AlBCI;EiBDA;ACGJ;AFZE;EGHA;EACA;ADkBF;AlBpBI;EAEI,uBmBCuB;ADoB/B;AjBfE;EkBFE;IACE;EDoBJ;ElB3BE;IAEI,uBmBM2B;EDsBjC;AACF;AjB2CE;EkB7DE;IACE;EDqBJ;ElBnCE;IAEI,uBmBa2B;EDuBjC;AACF;AF/BE;EIPA;EACA;AFyCF;AlB3CI;EAEI,yBoBCuB;AF2C/B;AjBtCE;EmBFE;IACE;EF2CJ;AACF;AjBuBE;EmB9DE;IACE;EF0CJ;AACF;AF5CE;EKXA;EACA;AH0DF;AlB5DI;EAEI,uBqBCuB;AH4D/B;AjBvDE;EoBFE;IACE;EH4DJ;ElBnEE;IAEI,uBqBM2B;EH8DjC;AACF;AjBGE;EoB7DE;IACE;EH6DJ;ElB3EE;IAEI,uBqBa2B;EH+DjC;AACF;AF/DE;EMfA;EACA;AJiFF;AlBnFI;EAEI,0BsBCuB;AJmF/B;AjB9EE;EqBFE;IACE;EJmFJ;ElB1FE;IAEI,0BsBM2B;EJqFjC;AACF;AjBpBE;EqB7DE;IACE;EJoFJ;ElBlGE;IAEI,0BsBa2B;EJsFjC;AACF;AFlFE;EOnBA;EACA;ALwGF;AlB1GI;EAEI,0BuBCuB;AL0G/B;AjBrGE;EsBFE;IACE;EL0GJ;ElBjHE;IAEI,0BuBM2B;EL4GjC;AACF;AjB3CE;EsB7DE;IACE;EL2GJ;ElBzHE;IAEI,0BuBa2B;EL6GjC;AACF;AFrGE;EQvBA;EACA;AN+HF;AlBjII;EAEI,uBwBCuB;ANiI/B;AjB5HE;EuBFE;IACE;ENiIJ;ElBxIE;IAEI,uBwBM2B;ENmIjC;AACF;AjBlEE;EuB7DE;IACE;ENkIJ;ElBhJE;IAEI,uBwBa2B;ENoIjC;AACF;AFxHE;ES3BA;EACA;APsJF;AlBxJI;EAEI,wByBCuB;APwJ/B;AjBnJE;EwBFE;IACE;EPwJJ;ElB/JE;IAEI,wByBM2B;EP0JjC;AACF;AjBzFE;EwB7DE;IACE;EPyJJ;ElBvKE;IAEI,wByBa2B;EP2JjC;AACF;AF3IE;EU/BA;EACA;AR6KF;AlB/KI;EAEI,0B0BCuB;AR+K/B;AjB1KE;EyBFE;IACE;ER+KJ;ElBtLE;IAEI,0B0BM2B;ERiLjC;AACF;AjBhHE;EyB7DE;IACE;ERgLJ;ElB9LE;IAEI,0B0Ba2B;ERkLjC;AACF;AF9JE;EWnCA;EACA;AToMF;AlBtMI;EAEI,uB2BCuB;ATsM/B;AjBjME;E0BFE;IACE;ETsMJ;ElB7ME;IAEI,uB2BM2B;ETwMjC;AACF;AjBvIE;E0B7DE;IACE;ETuMJ;ElBrNE;IAEI,uB2Ba2B;ETyMjC;AACF;AFjLE;EYvCA;EACA;AV2NF;AlB7NI;EAEI,wB4BCuB;AV6N/B;AjBxNE;E2BFE;IACE;EV6NJ;ElBpOE;IAEI,wB4BM2B;EV+NjC;AACF;AjB9JE;E2B7DE;IACE;EV8NJ;ElB5OE;IAEI,wB4Ba2B;EVgOjC;AACF;AFnME;Ea5CA;EACA;AXkPF;AlBpPI;EAEI,yB6BCuB;AXoP/B;AjB/OE;EDRE;IAEI,0B6BK2B;EXoPjC;AACF;AjBlLE;ED1EE;IAEI,0B6BW2B;EXmPjC;AACF;AFhNE;EchDA;EAEA;AZkQF;AlBvPI;E8BRA;EACA;AZkQJ;AFpNE;EepDA;EAEA;Ab0QF;AlB/PI;E+BRA;EACA;Ab0QJ;AFxNE;EgBxDA;EAEA;AdkRF;AlBvQI;EgCRA;EACA;AdkRJ;AF5NE;EiB5DA;EAEA;Af0RF;AlB/QI;EiCRA;EACA;Af0RJ;AFhOE;EkBhEA;EAEA;AhBkSF;AlBvRI;EkCRA;EACA;AhBkSJ,C;;;;AiBzSA;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;ACHF;ACVE;EACE;EACA;EACA;ADYJ;ADEE;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACFJ;AzCfE;EACE;EACA;EACA,sBwCgBgE;ExCfhE,gBwCemD;ExCdnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyC4BZ;AzCzBE;EACE;EACA;EACA,sBwCmBkE;ExClBlE,gBwCkBqD;ExCjBrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyCsCZ;ADTE;EACE;ACWJ;ACnDE;EACE;EACA;EACA;ADqDJ;ApCvDI;EAEI,uBmCuCyB;ACiBjC;ApC5CI;EmC4BE;EACA;EACA;ACmBN;AzCnDE;EACE;EACA;EACA,sBwCkCgE;ExCjChE,gBwCiCmD;ExChCnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyCgEZ;ADrBE;EACE;ACuBJ;AC7EE;EACE;EACA;EACA;AD+EJ;ApCjFI;EAEI,uBmCqDyB;AC6BjC;ApCtEI;EmC0CE;EACA;EACA;AC+BN;AD3BE;EACE;EACA;AC6BJ;AC9FE;EACE;EACA;EACA;ADgGJ;ApClGI;EAEI,uBmCgEyB;ACmCjC;ApCvFI;EmCqDE;EACA;EACA;ACqCN;ADlCI;EACE;ACoCN;ADhCE;EACE;EACA;EACA;ACkCJ;ACnHE;EACE;EACA;EACA;ADqHJ;ApCzGI;EmCqEE;EACA;EACA;ACuCN;ApC5HI;EAEI,wBmCuF2B;ACsCnC;ApC/HI;EAEI,wBmC0F6B;ACsCrC;ApClII;EAEI,uBmC+F2B;ACoCnC;ApCrII;EAEI,uBmCkG6B;ACoCrC;AD/BE;EACE;ACiCJ;AD9BE;EACE;ACgCJ;AD7BE;EACE;EACA;AC+BJ;ApClJI;EAEI,wBmCoH2B;AC+BnC;AD5BI;EACE;AC8BN;AD1BE;EACE;EACA;EACA;AC4BJ;AD1BI;EACE;AC4BN;ADzBI;EACE;AC2BN;AzCvJE;EACE;EACA;EACA,sBwC6HkE;ExC5HlE,gBwC4HqD;ExC3HrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyCoKZ;AD7BE;EACE;EACA;EACA;AC+BJ;AzCtKE;EACE;EACA;EACA,sBwCuIkE;ExCtIlE,gBwCsIqD;ExCrIrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyCmLZ;ADlCE;EACE;EACA;EACA;ACoCJ;AzCrLE;EACE;EACA;EACA,sBwCiJkE;ExChJlE,gBwCgJqD;ExC/IrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyCkMZ;ADrCE;EACE;EACA;ACuCJ;AzCnME;EACE;EACA;EACA,0BwC4JkE;ExC3JlE,gBwC2JqD;ExC1JrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyCgNZ;AzC7ME;EACE;EACA;EACA,2BwC+JoE;ExC9JpE,gBwC8JuD;ExC7JvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyC0NZ;ApCnOI;EAEI,4BmCiL2B;ACmDnC;AzC1NE;EACE;EACA;EACA,2BwCwKkE;ExCvKlE,gBwCuKqD;ExCtKrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyCuOZ;ApChPI;EAEI,4BmCyL2B;ACwDnC;ApCnPI;EAEI,4BmC6L2B;ACuDnC;ApCtPI;EAEI,wBmCkM6B;ACqDrC;ApCzPI;EAEI,wBmCqM+B;ACqDvC;ApC5PI;EAEI,4BmC0M6B;ACmDrC;ApC/PI;EAEI,4BmC6M+B;ACmDvC;AD9CI;EACE;ACgDN;AD7CI;EACE;AC+CN;ApCxQI;EAEI,wBmC0N6B;AC+CrC;AD5CM;EACE;AC8CR;AD1CI;EACE;AC4CN;AzCrQE;EACE;EACA;EACA,2BwCyNoE;ExCxNpE,gBwCwNuD;ExCvNvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyCkRZ;AzC/QE;EACE;EACA;EACA,0BwC+NoE;ExC9NpE,gBwC8NuD;ExC7NvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyC4RZ;AzCzRE;EACE;EACA;EACA,0BwCqOoE;ExCpOpE,gBwCoOuD;ExCnOvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyCsSZ,C;;;;AE/SA;EACE;EACA;ACDF,C;;;;ACDA;EACE;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;ACDJ;A9CGE;EACE;EACA;EACA,sB6CHgE;E7CIhE,gB6CJmD;E7CKnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8CUZ;A9CPE;EACE;EACA;EACA;EACA,gB6CDqD;E7CErD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8CoBZ;ADVE;EACE;EACA;EACA;ACYJ;A9CtBE;EACE;EACA;EACA,sB6CSgE;E7CRhE,gB6CQmD;E7CPnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8CmCZ;ADjBE;EACE;EACA;EACA;ACmBJ;A9Cr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EACA;EACA;EACA;AFgCJ;AF3BI;EKVF;EACA;AHwCF;AzD9CI;EAEI,0B4DMuB;AHyC/B;AGvCE;EACE;AHyCJ;AxD5CE;E2DOE;IAdF;EHuDA;AACF;AFtCI;EMdF;EACA;AJuDF;AzD7DI;EAEI,0B6DMuB;AJwD/B;A9DpDE;EACE;EACA;EACA,yBkEN8D;ElEO9D,gBkEPiD;ElEQjD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8DiEZ;AxDlEE;E4DIE;IAXF;EJ6EA;AACF;AFxDI;EOjBF;EACA;AL4EF;AzDnFI;EAEI,wB8DOuB;AL6E/B;A/D7EE;EAWI,uBoEVsB;AL+E5B;AK7EE;EACE;AL+EJ;AxDpFE;E6DSE;IAhBF;IACA;EL+FA;AACF;AFvEI;EQlBF;EAEA;EACA;AN2FF;AMzFE;EACE;AN2FJ;AzD1GI;EAEI,uB+DgBuB;AN2F/B;A/DpGE;EAWI,sBqEDsB;AN6F5B;AxDxGE;E8DcE;IArBF;IACA;ENmHA;EzDrHE;IAEI,uB+DEuB;ENoH7B;E/D/GA;IAWI,sBqEfsB;ENsH1B;AACF;AF5FM;ESnBJ;EAEA;APiHF;A9DpHE;EACE;EACA;EACA,wBqEC8D;ErEA9D;EACA,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8DiIZ;AzD1II;EAEI,yBgEeuB;AP4H/B;AO1HE;EACE;AP4HJ;AxDxIE;E+DgBE;IAvBF;IAEA;EPkJA;AACF;AFnHQ;ESJN;EAEA;APyHF;A9D9IE;EACE;EACA;EACA,wBqEmB8D;ErElB9D,gBqEkBiD;ErEjBjD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8D2JZ;AzDpKI;EAEI,yBgEiCuB;APoI/B;AOlIE;EACE;APoIJ;AxDlKE;E+DkCE;IAnCF;IAEA;EPsKA;AACF;AFtIM;EU7BJ;EAEA;ARqKF;A9DxKE;EACE;EACA;EACA,wBsEC8D;EtEA9D;EACA,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8DqLZ;AzD9LI;EAEI,yBiEeuB;ARgL/B;AQ9KE;EACE;ARgLJ;AxD5LE;EgEgBE;IAvBF;IAEA;ERsMA;AACF;AF7JQ;EUdN;EAEA;AR6KF;A9DlME;EACE;EACA;EACA,wBsEmB8D;EtElB9D,gBsEkBiD;EtEjBjD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8D+MZ;AzDxNI;EAEI,yBiEiCuB;ARwL/B;AQtLE;EACE;ARwLJ;AxDtNE;EgEkCE;IAnCF;IAEA;ER0NA;AACF;AxD5NE;EsD4CI;ICnDJ;IACA;ECuOA;EFlLM;IKtDN;EH2OA;EFjLM;IM1DN;EJ8OA;EFhLM;IO9DN;IACA;ELiPA;EFhLM;IQlEN;IACA;ENqPA;EzDvPE;IAEI,uB+DEuB;ENsP7B;E/DjPA;IAWI,sBqEfsB;ENwP1B;EFrLQ;ISvER;IAEA;EP8PA;EFtLU;ISpEV;IAEA;EP4PA;EFnLQ;IUjFR;IAEA;ERsQA;EFpLU;IU9EV;IAEA;ERoQA;AACF,C;;;;AS9QA;EACE;EACA;EACA;EACA;EACA;ACDF;A3ELE;EACE;A2EOJ;ADCE;EACE;EACA;EACA;ACCJ;A3EbE;EACE;EAGE,sB0ES+B;E1ED/B,kB0ECqD;ACK3D;ADHI;EACE;EACA;EACA;EACA;EACA;EACA;ACKN;ADFI;EACE;EACA;ACIN;AxEjBE;EACE;EACA;EACA,sBuEWkE;EvEVlE,gBuEUqD;EvETrD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AwE8BZ;AzE9BE;EAQI,gBwEY6B;ACanC;ADTI;EACE;EACA;ACWN;AxElCE;EACE;EACA;EACA,sBuEqBkE;EvEpBlE,gBuEoBqD;EvEnBrD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AwE+CZ;AlEhDE;EPCA;IAWI,sBwEuB8B;ECiBlC;EzEnDA;IAWI,sBwE2B8B;ECgBlC;AACF;AlEUE;EPjEA;IAWI,sBwEmC8B;ECalC;EzE3DA;IAWI,sBwEuC8B;ECYlC;AACF;ADPE;EACE;ACSJ;AzElEE;EAWI,sBwEkD4B;ACQlC;AzErEE;EAWI,sBwEsD4B;ACOlC;AzExEE;EAWI,uBwE6D0B;ACGhC;ADCE;EACE;ACCJ;ADEE;EACE;ACAJ;ADGE;EACE;ACDJ;ADIE;EACE;ACFJ,C;;;;AC/FA;EACE;EAEA;ECHA;EACA;EACA;EAKE;ACHJ;A9ENE;EACE;EAWE,mB6ED+B;ACDrC;AFDE;EGPA;EACA;EACA;EACA;EACA;ADWF;AFJE;EACE;EIZF;AFmBF;AFHE;EKfE;AHqBJ;AFHI;EKbF;AHmBF;AFDE;EM1BA;AJ8BF;AFDI;EMzBF;AJ6BF;AFCE;EOlCA;EACA;ALoCF;AFAI;EOhCF;EACA;ALmCF;AFCE;EQ1CA;EACA;AN4CF;AFAI;EQxCF;EACA;AN2CF;ArExCE;EmE0CE;ISlDA;EPoDF;EFCI;IStCJ;EPwCA;EFEI;ISjDF;EPkDF;EFEM;ISzCN;EP0CA;AACF;AFKE;EUpEA;EACA;EACA;ARkEF;ArE3DE;EmE+DI;IUxEJ;IACA;IACA;ERwEA;AACF;AFIE;EC7EA;EACA;EACA;EAGE;AC0EJ;A9EjFE;EACE;EAWE,mB6ED+B;AC0ErC;AFHI;EKjFA;AHuFJ;ArE/EE;EmE8EI;ISpFF;EPyFF;EFFM;IS/EJ;EPoFF;AACF,C;;;;AS/FA;EACE;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;ACDJ;AxFTE;EACE;EAGE,sBuFO+B;EvFH/B,sBuFGyD;EvFCzD,kBuFD8E;ACIpF;ADFI;EACE;EACA;EACA;EACA;ACIN;ADDI;EACE;EACA;EACA;ACGN;ArFbE;EACE;EACA;EACA,sBoFQkE;EpFPlE,gBoFOqD;EpFNrD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqF0BZ;AxFpCE;EACE;EAWE,mBuFamC;ACezC;ADZI;EACE;EACA;ACcN;ArF/BE;EACE;EACA;EACA,sBoFekE;EpFdlE,gBoFcqD;EpFbrD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqF4CZ;AtF5CE;EAWI,sBqFgB0B;ACoBhC;AtF/CE;EAWI,sBqFoB0B;ACmBhC;A/EnDE;EPCA;IAWI,sBqF2B4B;ECgBhC;EtFtDA;IAWI,sBqF+B4B;ECehC;AACF;ADXE;EACE;EACA;ACaJ;ADXI;EACE;ACaN;ADTE;EACE;ACWJ;ADRE;EACE;ACUJ;ADPE;EACE;ACSJ;ADNE;EACE;ACQJ;ADJI;EACE;ACMN;ADHI;EACE;ACKN;ADDM;EACE;ACGR;ADAM;EACE;ACER;A/E1FE;E8E8FM;IACE;ECDR;EDIM;IACE;ECFR;AACF,C;;;;AC1GA;EACE;ACDF;A1FDE;EACE;A0FGJ;AlFHI;EAEI,uBiFCuB;ACG/B;AlFQI;EiFVA;EACA;EACA;EACA;ACKJ;AlFEI;EiFFE;ACGN;;AvFHE;EACE;EACA;EACA,sBsFG8D;EtFF9D,gBsFEiD;EtFDjD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuFiBZ;;ADLA;EACE;EACA;EACA;EACA;ACQF;ADNE;EACE;EACA;ACQJ;A1FtCE;EACE;EAGE,sByF2B+B;ACWrC;ADTI;EACE;ACWN,C;;;;AC5CA;EACE;EACA;EACA;EACA;ACDF;A/CJE;EACE;EACA;EACA;A+CMJ;ApFRI;EAEI,yBmFIuB;EnFIvB,emFJyD;ACMjE;ApFEI;EmFPA;EACA;ACQJ;AnFRE;EkFIE;IACE;IACA;ECOJ;AACF;ADJE;EACE;EACA;ACMJ;ApFZI;EmFQE;ACON;AnFrBE;EkFkBI;IACE;IACA;ECMN;AACF;ADFE;EACE;EACA;EACA;ACIJ;AnFhCE;EkF+BI;IACE;IACA;ECIN;AACF;ADDI;EACE;EACA;ACGN;AnF1CE;EkFyCM;IACE;IACA;ECIR;AACF;ADCE;EACE;EACA;ACCJ;ApF9CI;EmF+CE;EACA;ACEN;ADEE;EACE;EACA;ACAJ;ApFtDI;EmFwDE;EACA;ACCN;ADGE;EACE;EACA;ACDJ;ApF9DI;EmFiEE;EACA;ACAN,C;;;;AChFA;EACE;EACA;EACA;ACDF;A5FOE;EAWI,sB2FhBsB;ACC5B;ADCE;EACE;ACCJ;ADEE;EACE;ACAJ;ADGE;EACE;ACDJ;A5FLE;EAEI;EAGA;EAGA,gB2FDsD;E3FOtD,4BCzBK;A2FsBX;ADDE;EACE;ACGJ;A5FdE;EAEI;EAGA;EAGA,gB2FIsD;E3FEtD,4BCzBK;A2F+BX;ADLE;EACE;ACOJ;A5FvBE;EAEI;EAGA;EAGA,gB2FSsD;E3FHtD,4BCzBK;A2FwCX,C;;;;ACtCA;ECCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;AjGTE;EACE;EAWE,mBgGD+B;ACErC;ADAE;EACE;ACEJ;AjGhBE;EACE;EAWE,mBgGGiC;ACKvC;ADFE;EACE;EACA;EACA;ACIJ;A/FfE;EAWI,sB8FCwB;ACM9B;ADHE;EACE;EACA;EACA;EACA;EACA;ACKJ;AF/BE;EGFA;ADoCF;AF9BE;EINA;EACA;AFuCF;AErCE;EACE;EACA;AFuCJ;AFnCI;EICF;EACA;AFqCF;AFlCE;EKbA;AHkDF;A/F3CE;EAEI;EAGA;EAGA,gBkGdoD;ElGoBpD,4BCzBK;A8F4DX;AGrDE;EACE;AHuDJ;AGpDE;EACE;AHsDJ;AGnDE;EACE;AHqDJ;AFhDE;EMjBA;AJoEF;A/F7DE;EAEI;EAGA;EAGA,gBmGdoD;EnGoBpD,4BCzBK;A8F8EX;AIvEE;EACE;AJyEJ;AItEE;EACE;AJwEJ;AIrEE;EACE;AJuEJ;AF9DE;EOrBA;ALsFF;A/F/EE;EAEI;EAGA;EAGA,gBoGdoD;AL0F1D;AKxFE;EACE;AL0FJ;AKvFE;EACE;ALyFJ;AKtFE;EACE;ALwFJ;AF3EE;EQ5BA;AN0GF,C;;;;AOzGA;EACE;EACA;ACDF;ADGE;EACE;ACDJ;ADIE;EACE;ACFJ;ADKE;EACE;EACA;ACHJ;ADME;EACE;EACA;ACJJ;ADOE;EACE;EACA;ACLJ;ADQE;EACE;EACA;ACNJ;;ADUA;EACE;IACE;ECPF;AACF;ADaA;EAGE;IACE;ECbF;AACF,C;;;;AClCA;EACE;EACA;EACA;EACA;ACDF;A3GJE;EACE;A2GMJ;ADCE;EACE;ACCJ;ADEE;EACE;ACAJ;ADGE;EACE;ACDJ,C;;;;ACfA;EACE;EAEA;EACA;EACA;EACA;EACA;ACFF;A7GNE;EACE;EAOE,uB4GCmC;E5GGnC,mB4GHyD;ACE/D;ArGVI;EAEI,uBoGSyB;ACEjC;ArGCI;EoGFE;EACA;EACA;EACA;ACIN;ArGnBI;EAEI,uBoGkByB;ACEjC;ArGRI;EoGOE;EACA;EACA;EACA;ACIN;ADAE;EACE;EACA;ACEJ;A1GpBE;EACE;EACA;EACA,sByGgBgE;EzGfhE,gByGemD;EzGdnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0GiCZ;ApGlCE;EmG2BE;IACE;ECUJ;E3GrCA;IAWI,sB0GmB4B;ECUhC;AACF;ApGwBE;EmG7BE;IACE;ECQJ;E3G7CA;IAWI,sB0G6B4B;ECQhC;AACF;ADJE;EACE;EACA;EACA;ACMJ;ArG/DI;EAEI,uBoG0D2B;ACMnC;ArGlEI;EAEI,uBoG8D2B;ACKnC;ADFI;EACE;ACIN;A3G/DE;EAWI,sB0GiD0B;ACMhC;ApGnEE;EmGiEI;IACE;ECKN;AACF;ApGNE;EmGKI;IACE;ECIN;AACF;ADAE;EACE;EACA;EACA;EACA;ACEJ;ArG3FI;EAEI,uBoG0F2B;ACEnC;ArG9FI;EAEI,uBoG8F2B;ACCnC;A3GxFE;EAWI,sB0GgF0B;ACAhC;ADIE;EACE;ACFJ;ADKE;EACE;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;ACLJ;ADUE;EACE;ACRJ;ArGnHI;EAEI,4BoG4H2B;ACRnC;ArGtHI;EAEI,4BoGgI2B;ACTnC;A1G7GE;EACE;EACA;EACA,2ByGuHkE;EzGtHlE,gByGsHqD;EzGrHrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0G0HZ;ApG3HE;EmGkII;IACE;ECJN;E3G9HA;IAWI,2B0G0H8B;ECJlC;AACF;ApGjEE;EmG0EI;IACE;ECNN;E3GtIA;IAWI,2B0GoI8B;ECNlC;ErGlJE;IAEI,4BoG0J+B;ECPrC;ErGrJE;IAEI,4BoG8J+B;ECRrC;AACF;ADYI;EACE;EACA;EACA;ACVN;ArG9JI;EAEI,4BoGyK6B;ACVrC;ArGjKI;EAEI,4BoG6K6B;ACXrC;A3G3JE;EAWI,2B0G+J4B;ACZlC;ApG/JE;EmG+KM;IACE;IACA;ECbR;AACF;ApGnGE;EmGoHM;IACE;ECdR;AACF;ADkBI;EACE;AChBN;ArGrLI;EAEI,4BoGsM6B;AChBrC;ArGxLI;EAEI,4BoG0M6B;ACjBrC;A3GlLE;EAWI,2B0G4L4B;AClBlC,C;;;;AC9LA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE;EACA;EACA;EACA;EACA;ACFJ;A7DbI;EAEI;EAGA;EAIA,U4DQsB;ACC9B;A7DNM;EAEI,uB4DGmC;ACI7C;A5GTE;EACE;EACA;EACA,sB2GGgE;E3GFhE,gB2GEmD;E3GDnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4GsBZ;AtGvBE;EqGaI;IACE;ECaN;E7DvBI;IAEI,uB4DS0B;ECelC;AACF;ADZI;EACE;ACcN;A7D9BM;EAEI,uB4DewB;ACgBlC;ADbI;EACE;ACeN;A7DpCM;EAEI,uB4DoBwB;ACiBlC;ADbE;EACE;EACA;EAEA;EACA;ACcJ;ADZI;EACE;EACA;EACA;ACcN;A5GlDE;EACE;EACA;EACA,sB2GkCkE;E3GjClE,gB2GiCqD;E3GhCrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4G+DZ;AlEzEE;EACE;EACA;EACA;AkE2EJ;ADxBI;EACE;EACA;EACA;EACA;AC0BN;A5GvEE;EACE;EACA;EACA,sB2G2CkE;E3G1ClE,gB2G0CqD;E3GzCrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4GoFZ;AlE9FE;EACE;EACA;EACA;AkEgGJ;AtG1FE;EqGsDM;IACE;IACA;ECuCR;AACF;ADpCM;EACE;EACA;ACsCR;ADjCE;EACE;ACmCJ;A5GnGE;EACE;EACA;EACA,2B2GqEoE;E3GpEpE,gB2GoEuD;E3GnEvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4GgHZ;A5G7GE;EACE;EACA;EACA,2B2GyEoE;E3GxEpE,gB2GwEuD;E3GvEvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4G0HZ;AtG3HE;EqGmFQ;IACE;IACA;EC2CV;AACF;ADxCQ;EACE;EACA;AC0CV,C;;;;AC/IA;EACE;EACA;EACA;ACCF,C;;;;ACFA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;A3GNI;EAMI,qB0GEqB;ACC7B;A3GKI;E0GLA;EACA;ACGJ,C;;;;ACbA;EACE;EACA;EACA;EACA;EACA;ACDF;ArHLE;EACE;EAWE,mBoHL+B;ACErC;AxETE;EACE;EACA;EACA;AwEWJ;A7GbI;EAEI,uB4GQyB;ACMjC;A7GFI;E4GHE;EACA;ACQN;ADJE;EACE;EACA;EACA;ACMJ;ArH1BE;EACE;EAWE,mBoHSiC;ACSvC;ADPI;EACE;EACA;EACA;EACA;EACA;ACSN;AnH3BE;EAWI,sBkHW0B;ACQhC;AnH9BE;EAWI,sBkHe0B;ACOhC;ADJI;EACE;EACA;EACA;ACMN;ADFE;EACE;EACA;ACIJ;AxEpDE;EACE;EACA;EACA;AwEsDJ;A7GxDI;EAEI,0B4G+CyB;ACUjC;A7G7CI;E4GoCE;EACA;ACYN;ADTI;EACE;ACWN;A5G1DE;E2GoDE;IACE;ECSJ;AACF;A5GGE;E2GRE;IACE;ECQJ;AACF;ADLE;EACE;ACOJ;ADLI;EACE;EACA;ACON;A5G3EE;E2GwEI;IACE;ECMN;AACF;A5GdE;E2GYI;IACE;ECKN;AACF;ADDE;EACE;EACA;ACGJ;A7GjGI;EAEI,uB4G+F2B;ACGnC;AnH3FE;EAWI,sBkHiF0B;ACEhC;ADCI;EACE;ACCN;A7G1GI;EAEI,uB4G2G2B;ACAnC;ADGI;EACE;ACDN;ADKE;EACE;ACHJ;AlHvGE;EACE;EACA;EACA,sBiH0GkE;EjHzGlE,gBiHyGqD;EjHxGrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkHoHZ;AlHjHE;EACE;EACA;EACA,sBiH8GkE;EjH7GlE,gBiH6GqD;EjH5GrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkH8HZ;ADNE;EACE;ACQJ;AlH9HE;EACE;EACA;EACA,sBiHsHkE;EjHrHlE,gBiHqHqD;EjHpHrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkH2IZ;AlHxIE;EACE;EACA;EACA,sBiH0HkE;EjHzHlE,gBiHyHqD;EjHxHrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkHqJZ;ADjBE;EACE;ACmBJ;ADhBE;EACE;ACkBJ;;A7GpKI;EAEI,4B4GwJyB;ACcjC;ADVI;EACE;ACYN;ADTI;EACE;ACWN;A7G9KI;EAEI,uB4GsKyB;ACSjC;A5GzKE;E2GoKE;IACE;ECQJ;AACF;A5G5GE;E2GwGE;IACE;ECOJ;AACF;ADJE;EACE;ACMJ;A5GtLE;E2GmLI;IACE;ECMN;AACF;A5GzHE;E2GuHI;IACE;ECKN;AACF;A7GxMI;EAEI,uB4GqM2B;ACInC;ADAM;EACE;ACER;ADGE;EACE;EACA;EACA;ACDJ;A7GnNI;EAEI,uB4GqN2B;ACDnC;AnH7ME;EAWI,2BkHuM0B;ACFhC;ADKI;EACE;ACHN;AnHnNE;EAWI,2BkH+M0B;ACJhC;A7G/NI;EAEI,uB4GqO2B;ACLnC;ADQI;EACE;ACNN;ADUE;EACE;ACRJ;AlH5NE;EACE;EACA;EACA,2BiHoOkE;EjHnOlE,gBiHmOqD;EjHlOrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkHyOZ;AlHtOE;EACE;EACA;EACA,2BiHwOkE;EjHvOlE,gBiHuOqD;EjHtOrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkHmPZ;ADDE;EACE;ACGJ;AlHnPE;EACE;EACA;EACA,2BiHgPkE;EjH/OlE,gBiH+OqD;EjH9OrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkHgQZ;AlH7PE;EACE;EACA;EACA,2BiHoPkE;EjHnPlE,gBiHmPqD;EjHlPrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkH0QZ;ADZE;EACE;ACcJ;ADXE;EACE;ACaJ,C;;;;ArH1RE;EACE;EAGE,sBsHF6B;EtHM7B,uBsHNuD;EtHUvD,mBsHV6E;ACEnF;ADAE;EACE;ACEJ;A1EPE;EACE;EACA;EACA;A0ESJ;ADHE;EACE;EACA;EACA;ACKJ;ApHJE;EACE;EACA;EACA,sBmHHgE;EnHIhE,gBmHJmD;EnHKnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoHiBZ;ADRQ;EACE;ACUV;ADRQ;EACE;ACUV;ADDQ;EACE;ACGV;ADDQ;EACE;ACGV;ADME;EACE;ACJJ;A/G3BI;E8GiCE;EACA;ACHN;ArHpCE;EAEI;EAGA;AqHmCN;ADOE;EACE;ACLJ;A/GtCI;E8G6CE;EACA;ACJN;ArH/CE;EAEI;EAGA;AqH8CN;ADQE;EACE;ACNJ;A/GjDI;E8GyDE;EACA;ACLN;ArH1DE;EAEI;EAGA;AqHyDN;ADSE;EACE;ACPJ;A/G5DI;E8GqEE;EACA;ACNN;ArHrEE;EAEI;EAGA;AqHoEN;ADUE;EACE;ACRJ;ADWE;EACE;ACTJ;ADYE;EACE;ACVJ;ADaE;EACE;ACXJ;;ADeA;EACE;IACE;ECZF;EDcA;IACE;ECZF;AACF,C;;;;ACvGA;EACE;EACA;ACDF;AzHFE;EACE;EAWE,mBwHR+B;ACErC,C;;;;ACLA;EACE;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;ACDJ;ADKI;EACE;ACHN;ADQI;EACE;ACNN,C;;;;ACjBA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;AhFNE;EACE;EACA;EACA;AgFQJ;ADDE;EACE;EACA;EACA;EACA;EACA;ACGJ;ADDI;EACE;ACGN;ADCE;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACAJ;A1HlBE;EACE;EACA;EACA,+ByHgBgE;EzHfhE,gByHemD;EzHdnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0H+BZ;ADNE;EACE;EACA;EACA;EACA;ACQJ;ADLE;EACE;EACA;EACA;EACA;EACA;ACOJ;A7HtDE;EACE;EAOE,8B4HwCqC;ACU3C;ADPE;EACE;EACA;EACA;EACA;ACSJ;ADNE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACQJ;AhFzEE;EACE;EACA;EACA;AgF2EJ;ADVI;EACE;ACYN;ADTI;EACE;EACA;ACWN;;ADNA;EACE;IACE;ECSF;EDPA;IACE;ECSF;EDPA;IACE;ECSF;AACF,C;;;;AChGA;EACE;EACA;EACA;EACA;ACDF,C;;;;ACHA;EACE;EACA;EACA;EACA;ACDF;AjIJE;EACE;EAOE,uBgIFmC;ACEzC;ADAE;EACE;EACA;ACEJ;ADAI;EACE;ACEN;ADAM;EACE;EACA;EACA;ACER;ApFpBE;EACE;EACA;EACA;AoFsBJ;ADDE;EACE;EACA;EACA;EACA;EACA;ACGJ,C;;;;AC/BA;EACE;EACA;EACA;ACDF;AtFHE;EACE;EACA;EACA;AsFKJ;A3HPI;EAMI;A2HIR;A3HII;E0HPA;ACMJ;ADHE;EACE;EACA;EACA;ACKJ;A3HJI;E0HEE;EACA;ACKN;ADFI;EACE;ACIN;ADAE;EACE;EACA;EACA;ACEJ;A3HhBI;E0HiBE;EACA;ACEN;ADCI;EACE;ACCN;ADGE;EACE;EACA;EACA;EACA;ACDJ;A3H7BI;E0HiCE;EACA;ACDN;ADII;EACE;ACFN;A3HpCI;E0HwCI;EACA;ACDR;A1H9CE;EyHoDI;IACE;ECHN;AACF;ADOE;EACE;ACLJ;A1HtDE;EyH8DI;IACE;ECLN;AACF;ADSE;EACE;ACPJ,C;;;;ACtEA;EACE;EACA;EACA;ACDF;AxFHE;EACE;EACA;EACA;AwFKJ;ADDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACGJ;ArIlBE;EACE;EAGE,sBoIY+B;EpIR/B,uBoIQyD;EpIJzD,mBoII+E;ACQrF;ADNI;EACE;EACA;EACA;ACQN;AxF7BE;EACE;EACA;EACA;AwF+BJ;ADVM;EACE;EACA;EACA;EACA;EACA;ACYR;ADRI;EACE;EACA;EACA;EACA;EACA;ACUN;AxFhDE;EACE;EACA;EACA;AwFkDJ;ADXI;EACE;ACaN;AlI3CE;EACE;EACA;EACA,sBiI4BkE;EjI3BlE,gBiI2BqD;EjI1BrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkIwDZ;ADnBI;EACE;EACA;ACqBN;AlIzDE;EACE;EACA;EACA,sBiIkCkE;EjIjClE,gBiIiCqD;EjIhCrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkIsEZ;AD3BI;EACE;AC6BN;A5H1EE;E2HgDM;IACE;EC6BR;AACF;A5HbE;E2HZM;IACE;EC4BR;AACF;ADxBI;EACE;AC0BN;A5HvFE;E2HgEM;IACE;EC0BR;AACF;A5H1BE;E2HIM;IACE;ECyBR;AACF;AnIhGE;EAWI,uBkIkE4B;ACsBlC;ADlBI;EACE;ACoBN;ADlBM;EACE;ACoBR;AnIzGE;EAWI,sBkI8E4B;ACmBlC;AnI5GE;EAWI,sBkIkF4B;ACkBlC;ADfM;EACE;ACiBR;A5HjDE;E2HoCM;IACE;ECgBR;AACF;ADZI;EACE;ACcN;A5H3HE;E2HgHM;IACE;ECcR;AACF;A5H9DE;E2HoDM;IACE;ECaR;AACF;ADTI;EACE;ACWN;ADTM;EACE;ACWR;AnI1IE;EAWI,wBkIwH4B;ACUlC;AnI7IE;EAWI,yBkI4H4B;ACSlC;A5HjJE;E2H4IM;IACE;ECQR;AACF;A5HpFE;E2HgFM;IACE;ECOR;AACF;ADDI;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ACEN;ADCI;EACE;ACCN;ADGM;EACE;ACDR;ADMM;EACE;EACA;ACJR;ADSM;EACE;EACA;ACPR;ADiBQ;EACE;ACfV;AlIlLE;EACE;EACA;EACA,2BiImMoE;EjIlMpE,gBiIkMuD;EjIjMvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkI+LZ;AlI5LE;EACE;EACA;EACA,2BiIuMoE;EjItMpE,gBiIsMuD;EjIrMvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkIyMZ;ADOM;EACE;ACLR;A5H7ME;E2HqNQ;IACE;ECLV;AACF;A5HhJE;E2HyJQ;IACE;ECNV;AACF;ADUM;EACE;ACRR;A5H1NE;E2HqOQ;IACE;ECRV;AACF;A5H7JE;E2HyKQ;IACE;ECTV;AACF;AnInOE;EAWI,uBkIuO8B;ACZpC;ADgBM;EACE;ACdR;ADgBQ;EACE;ACdV;AnI5OE;EAWI,2BkImP8B;ACfpC;AnI/OE;EAWI,2BkIuP8B;AChBpC;ADmBQ;EACE;ACjBV;A5HpLE;E2HyMQ;IACE;EClBV;AACF;ADsBM;EACE;ACpBR;A5H9PE;E2HqRQ;IACE;ECpBV;AACF;A5HjME;E2HyNQ;IACE;ECrBV;AACF;ADyBM;EACE;ACvBR;ADyBQ;EACE;ACvBV;AnI7QE;EAWI,wBkI6R8B;ACxBpC;AnIhRE;EAWI,sBkIiS8B;ACzBpC;A5HpRE;E2HiTQ;IACE;EC1BV;AACF;A5HvNE;E2HqPQ;IACE;EC3BV;AACF;ADiCM;EACE;AC/BR,C;;;;ACzSA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;A1FRE;EACE;EACA;EACA;A0FUJ;ApIAE;EACE;EACA;EACA,sBmIL8D;EnIM9D,gBmINiD;EnIOjD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoIaZ;ADVE;EACE;ACYJ;ADTE;EACE;ACWJ;ADTI;EACE;ACWN;ArItBE;EAWI,sBoIKwB;ACS9B;ADNE;EACE;ACQJ;ApIzBE;EACE;EACA;EACA,2BmIegE;EnIdhE,gBmIcmD;EnIbnD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoIsCZ;ADfI;EACE;ACiBN;ADdI;EACE;ACgBN;ADdM;EACE;ACgBR;ArI/CE;EAWI,2BoIyB0B;ACchC,C;;;;AC3DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;A5FRE;EACE;EACA;EACA;A4FUJ;AtIAE;EACE;EACA;EACA,sBqIL8D;ErIM9D,gBqINiD;ErIOjD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsIaZ;ADVE;EACE;ACYJ;ADTE;EACE;ACWJ;ADTI;EACE;ACWN;AvItBE;EAWI,sBsIKwB;ACS9B;ADNE;EACE;ACQJ;AtIzBE;EACE;EACA;EACA,2BqIegE;ErIdhE,gBqIcmD;ErIbnD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsIsCZ;ADfI;EACE;ACiBN;ADdI;EACE;ACgBN;ADdM;EACE;ACgBR;AvI/CE;EAWI,2BsIyB0B;ACchC,C;;;;AC3DA;EACE;EACA;EACA;EACA;ACDF;AxISE;EACE;EACA;EACA,sBuIRgE;EvIShE,gBuITmD;EvIUnD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AwIIZ;AzIJE;EAWI,yBwIV0B;ACMhC;AxIJE;EACE;EACA;EACA;EACA,gBuIDmD;EvIEnD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AwIiBZ;AzIjBE;EAWI,yBwIF0B;ACWhC;ADPE;EACE;ACSJ;AxIpBE;EACE;EACA;EACA,2BuIakE;E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DF;AzGHE;EACE;EACA;EACA;AyGKJ;ADDE;EACE;EACA;EACA;EACA;ACGJ;AzGdE;EACE;EACA;EACA;AyGgBJ;ADLI;EACE;EACA;EACA;ACON;AzGxBE;EACE;EACA;EACA;AyG0BJ;ADTM;EACE;EACA;EACA;ACWR;AnJrBE;EACE;EACA;EACA,sBkJQoE;ElJPpE,gBkJOuD;ElJNvD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmJkCZ;AzG5CE;EACE;EACA;EACA;AyG8CJ;ADrBM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACuBR;ADnBI;EACE;EACA;EACA;ACqBN;AnJrDE;EACE;EACA;EACA,2BkJsCsE;ElJrCtE,gBkJqCyD;ElJpCzD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmJkEZ;ADnBQ;EACE;ACqBV;ADjBM;EACE;ACmBR,C;;;;ACjFA;EACE;EACA;EACA;EACA;EACA;ACDF;AxJLE;EACE;EAGE,sBuJG6B;ACEnC;ADAE;EACE;EACA;ACEJ;AxJbE;EACE;EAGE,sBuJQ+B;ACKrC;ADHI;EACE;EACA;EACA;ACKN;ArJTE;EACE;EACA;EACA,sBoJKkE;EpJJlE,gBoJIqD;EpJHrD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqJsBZ;ArJnBE;EACE;EACA;EACA,sBoJSkE;EpJRlE,gBoJQqD;EpJPrD,yBAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqJgCZ;ADbE;EACE;EACA;ACeJ;AxJ9CE;EACE;EAGE,sBuJ4B+B;ACkBrC;ADhBI;EACE;ACkBN;ADfI;EACE;EACA;ACiBN;ADbE;EACE;EACA;EACA;EACA;ACeJ;AxJ/DE;EACE;AwJiEJ;ADdE;EACE;ACgBJ;ADbM;EACE;ACeR;ADZM;EACE;ACcR;ADVI;EACE;ACYN,C;;;;AC7EA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,yBEhBW;EFiBX;EACA;EACA;EACA;EACA;ACDF;AvJNE;EACE;EACA;EACA,YAXM;EAYN,gBsJMmD;EtJLnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuJmBZ;AvJhBE;EACE;EACA;EACA,YAXM;EAYN,gBAXO;EAYP,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuJ6BZ;ADTE;EACE;EACA;EACA;EACA;EACA,yBEpCS;EFqCT;EACA;EACA;ACWJ;ADTI;EAEE;ACUN;ADPI;EAEE;ACQN;ADLI;EAEE;ACMN;ADHI;EAGE;EACA;ACGN;ADAI;EAGE;EACA;ACAN;ADGI;EAGE;EACA;ACHN;ADMI;EAEE;ACLN;ADQI;EAEE;ACPN;ADUI;EAEE;ACTN;ADYI;EAGE;EACA;ACZN;ADgBE;EACE,yBExFO;EFyFP,qBEzFO;AD2EX;ADgBI;;EAEE,cE1GO;AD4Fb;ADiBI;EACE,yBEjGK;EFkGL,qBElGK;ADmFX,C;;;;AE9FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;A7JTE;EACE;EAGE,sB4JO6B;ACEnC;ADAE;EACE;EACA;EACA;EACA;EACA;EACA;ACEJ;A1JRE;EACE;EACA;EACA,sByJIgE;EzJHhE,gByJGmD;EzJFnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0JqBZ;ADRE;EACE;EACA;EACA;ACUJ;ADRI;EACE;ACUN,C;;;;ACtCA;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;ACHF;AlHVE;EACE;EACA;EACA;AkHYJ;ADEE;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACFJ;A5JfE;EACE;EACA;EACA,sB2JgBgE;E3JfhE,gB2JemD;E3JdnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4J4BZ;A5JzBE;EACE;EACA;EACA,sB2JmBkE;E3JlBlE,gB2JkBqD;E3JjBrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4JsCZ;ADVI;EACE;ACYN;ADRE;EACE;ACUJ;AlHtDE;EACE;EACA;EACA;AkHwDJ;AvJ1DI;EAEI,uBsJ2CyB;ACgBjC;AvJ/CI;EsJgCE;EACA;EACA;ACkBN;A5JtDE;EACE;EACA;EACA,sB2JsCgE;E3JrChE,gB2JqCmD;E3JpCnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4JmEZ;ADpBE;EACE;ACsBJ;AlHhFE;EACE;EACA;EACA;AkHkFJ;AvJpFI;EAEI,uBsJyDyB;AC4BjC;AvJzEI;EsJ8CE;EACA;EACA;AC8BN;ADzBI;EACE;AC2BN;ADvBE;EACE;ACyBJ;ADtBE;EACE;EACA;ACwBJ;AvJtGI;EAEI,wBsJ+E2B;ACwBnC;ADrBI;EACE;ACuBN;ADnBE;EACE;EACA;EACA;ACqBJ;ADnBI;EACE;ACqBN;ADlBI;EACE;ACoBN;A5J3GE;EACE;EACA;EACA,sB2JwFkE;E3JvFlE,gB2JuFqD;E3JtFrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4JwHZ;ADtBE;EACE;EACA;EACA;ACwBJ;A5J1HE;EACE;EACA;EACA,sB2JmGgE;E3JlGhE,gB2JkGmD;E3JjGnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4JuIZ;A5JpIE;EACE;EACA;EACA,sB2JuGgE;E3JtGhE,gB2JsGmD;E3JrGnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4JiJZ;AD/BE;EACE;EACA;ACiCJ;A5JlJE;EACE;EACA;EACA,0B2JiHkE;E3JhHlE,gB2JgHqD;E3J/GrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4J+JZ;A5J5JE;EACE;EACA;EACA,2B2JoHoE;E3JnHpE,gB2JmHuD;E3JlHvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4JyKZ;AvJlLI;EAEI,4BsJsI2B;AC6CnC;A5JzKE;EACE;EACA;EACA,2B2J6HkE;E3J5HlE,gB2J4HqD;E3J3HrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4JsLZ;AvJ/LI;EAEI,4BsJ8I2B;ACkDnC;AvJlMI;EAEI,4BsJkJ2B;ACiDnC;AvJrMI;EAEI,wBsJuJ6B;AC+CrC;AvJxMI;EAEI,wBsJ0J+B;AC+CvC;AvJ3MI;EAEI,4BsJ+J6B;AC6CrC;AvJ9MI;EAEI,4BsJkK+B;AC6CvC;ADxCI;EACE;AC0CN;ADvCI;EACE;ACyCN;AvJvNI;EAEI,wBsJ+K6B;ACyCrC;ADtCM;EACE;ACwCR;ADpCI;EACE;ACsCN;A5JpNE;EACE;EACA;EACA,2B2J8KoE;E3J7KpE,gB2J6KuD;E3J5KvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4JiOZ;A5J9NE;EACE;EACA;EACA,0B2JoLoE;E3JnLpE,gB2JmLuD;E3JlLvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4J2OZ;A5JxOE;EACE;EACA;EACA,0B2J0LoE;E3JzLpE,gB2JyLuD;E3JxLvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4JqPZ,C;;;;AC9PA;EACE;EACA;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;ACDJ;A9JGE;EACE;EACA;EACA,sB6JHgE;E7JIhE,gB6JJmD;E7JKnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JUZ;A9JPE;EACE;EACA;EACA;EACA,gB6JDqD;E7JErD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JoBZ;ADVE;EACE;EACA;EACA;ACYJ;A9JtBE;EACE;EACA;EACA,sB6JSgE;E7JRhE,gB6JQmD;E7JPnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JmCZ;ADjBE;EACE;EACA;EACA;ACmBJ;A9JrCE;EACE;EACA;EACA,uB6JiBgE;E7JhBhE,gB6JgBmD;E7JfnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JkDZ;ADxBE;EACE;EACA;EACA;EACA;EACA;AC0BJ;AzJlEI;EAEI,0BwJuCyB;AC4BjC;AzJvDI;EwJ4BE;EACA;EACA;AC8BN;A9J9DE;EACE;EACA;EACA,yB6J+BgE;E7J9BhE,gB6J8BmD;E7J7BnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8J2EZ;ADlCI;EACE;ACoCN;A9J3EE;EACE;EACA;EACA,sB6JqCkE;E7JpClE,gB6JoCqD;E7JnCrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JwFZ;AD1CI;EACE;AC4CN;A9JxFE;EACE;EACA;EACA,sB6J0CkE;E7JzClE,gB6JyCqD;E7JxCrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JqGZ;ADlDI;EACE;ACoDN;A9JrGE;EACE;EACA;EACA,2B6JqDkE;E7JpDlE,gB6JoDqD;E7JnDrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JkHZ;A9J/GE;EACE;EACA;EACA,uB6JwDoE;E7JvDpE,gB6JuDuD;E7JtDvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8J4HZ;A9JzHE;EACE;EACA;EACA,2B6J6DkE;E7J5DlE,gB6J4DqD;E7J3DrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JsIZ;A9JnIE;EACE;EACA;EACA,uB6JiEkE;E7JhElE,gB6JgEqD;E7J/DrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JgJZ;A9J7IE;EACE;EACA;EACA,sB6JqEkE;E7JpElE,gB6JoEqD;E7JnErD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8J0JZ;AzJnKI;EAEI,uBwJmFkB;ACiF1B;A9J1JE;EACE;EACA;EACA,2B6J2EoE;E7J1EpE,gB6J0EuD;E7JzEvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JuKZ;A9JpKE;EACE;EACA;EACA,2B6J+EoE;E7J9EpE,gB6J8EuD;E7J7EvD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A8JiLZ,C;;;;AC1LA;EACE;EACA;ACDF,C;;;;AtHFE;EACE;EACA;EACA;AuHAJ;A5JFI;EAEI;A4JGR;A5JSI;E6JXA;EACA;EACA;EACA;ADKJ;A5JXI;EAEI,uB6JQyB;ADIjC;A5JAI;E6JHE;ADMN,C;;;;AvHlBE;EACE;EACA;EACA;AyHAJ;A9JYI;E+JXA;EACA;EACA;ADEJ;A9JPI;EAEI,uB+JOyB;ADCjC;A9JVI;EAEI,uB+JU2B;ADCnC;A9JbI;EAEI,wB+JeyB;ADDjC;A9JhBI;EAEI,wB+JkB2B;ADDnC,C;;;;AEnBA;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EAEA;ACLF;AtKEE;EACE;EACA;EACA,sBqKE8D;ErKD9D,gBqKCiD;ErKAjD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsKWZ;AtKRE;EACE;EACA;EACA,sBqKKgE;ErKJhE,gBqKImD;ErKHnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsKqBZ;ADPE;EACE;ACSJ;ADNE;EACE;ACQJ;AtKxBE;EACE;EACA;EACA,sBqKcgE;ErKbhE,gBqKamD;ErKZnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsKqCZ;ADdE;EACE;ACgBJ;ADdI;EACE;ACgBN;ADZE;EACE;EACA;EACA;ACcJ;AtK7CE;EACE;EACA;EACA,0BqK8BgE;ErK7BhE,gBqK6BmD;ErK5BnD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsK0DZ;AtKvDE;EACE;EACA;EACA,2BqKiCkE;ErKhClE,gBqKgCqD;ErK/BrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsKoEZ;AD1BI;EACE;AC4BN;ADzBI;EACE;AC2BN;AtKvEE;EACE;EACA;EACA,2BqK0CkE;ErKzClE,gBqKyCqD;ErKxCrD,4BAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsKoFZ;ADjCI;EACE;ACmCN;ADjCM;EACE;ACmCR,C","sources":["webpack://indicator-ui/./src/styles/colors/css-variables/primary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/secondary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/fonts.css","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/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/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/styles/mixins/fnt.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/mixins/modify-svg.scss","webpack://indicator-ui/./src/styles/adaptive/index.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/link-dark-theme.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/Buttons/styles/mixins/properties/warning-link-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/MicroButton/styles/MicroButton.module.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/rose.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/blue-light.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/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/InputFields/DateTimeField/styles/DateField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/SingleRangeField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/InputFields/DateTimeRangeField/styles/SingleRangeField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/checkbox-mark.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/base.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/CheckboxMark/styles/CheckboxMark.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checkbox.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/radio.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checked.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/error.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/disabled.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/correct.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/incorrect.scss","webpack://indicator-ui/./src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/ToggleBase.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/ToggleBase/styles/ToggleBase.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/spacer.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/active.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/error.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/medium.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/large.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/hover.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/disabled.scss","webpack://indicator-ui/./src/ui/Toggle/styles/Toggle.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/Toggle/styles/Toggle.module.scss","webpack://indicator-ui/./src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCount.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/Tag/styles/TagCount.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/Tag.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/base.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/Tag/styles/Tag.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/hover.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/active.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/small.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/medium.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/large.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/clicked.scss","webpack://indicator-ui/./src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/./src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/./src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PaginationBar.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/PaginationBar/styles/PaginationBar.module.scss","webpack://indicator-ui/./src/ui/UserPick/styles/UserPick.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/UserPick/styles/UserPick.module.scss","webpack://indicator-ui/./src/ui/DropdownItem/styles/DropdownItem.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DropdownItem/styles/DropdownItem.module.scss","webpack://indicator-ui/./src/ui/Loaders/styles/LoadingIndicator.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/Loaders/styles/LoadingIndicator.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ControlBar.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/MediaViewer/styles/components/ControlBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoViewer.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/MediaViewer/styles/components/VideoViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ImageViewer.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/MediaViewer/styles/components/ImageViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/MediaViewer.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/MediaViewer/styles/MediaViewer.module.scss","webpack://indicator-ui/./src/ui/PlayButton/styles/PlayButton.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/PlayButton/styles/PlayButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarDay.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/components/CalendarDay.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarMonth.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/components/CalendarMonth.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarYear.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/components/CalendarYear.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarButton.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/components/CalendarButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerTag.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/components/TimePickerTag.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerFeed.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/components/TimePickerFeed.module.scss","webpack://indicator-ui/./src/styles/mixins/hiddeScrollBar.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/DatePicker.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/pickers/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/YearMonthPicker.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/pickers/YearMonthPicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/TimePicker.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/pickers/TimePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/DateTimePicker.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/DateTimePicker/styles/DateTimePicker.module.scss","webpack://indicator-ui/./src/ui/Tooltip/styles/Tooltip.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/Tooltip/styles/Tooltip.module.scss","webpack://indicator-ui/./src/styles/colors/primary.scss","webpack://indicator-ui/./src/ui/Dropdown/styles/Dropdown.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/Dropdown/styles/Dropdown.module.scss","webpack://indicator-ui/./src/ui/formFields/FormField/styles/FormField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/formFields/FormField/styles/FormField.module.scss","webpack://indicator-ui/./src/ui/formFields/FormFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/formFields/FormFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/formFields/FormSelectField/styles/SelectField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/formFields/FormSelectField/styles/SelectField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/formFields/extends/style/DropdownArrow.module.scss","webpack://indicator-ui/./src/ui/formFields/extends/style/DropdownArrow.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/formFields/extends/style/InputInnerButton.module.scss","webpack://indicator-ui/./src/ui/formFields/extends/style/InputInnerButton.module.scss","webpack://indicator-ui/./src/ui/formFields/FormTextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator_ui/src/ui/formFields/FormTextareaField/styles/TextareaField.module.scss"],"sourcesContent":[":root {\r\n    --base-white: #FFFFFF;\r\n    --base-black: #000000;\r\n\r\n    --gray-25: #FCFCFD;\r\n    --gray-50: #F9FAFB;\r\n    --gray-100: #F2F4F7;\r\n    --gray-200: #EAECF0;\r\n    --gray-300: #D0D5DD;\r\n    --gray-400: #98A2B3;\r\n    --gray-500: #667085;\r\n    --gray-600: #475467;\r\n    --gray-700: #344054;\r\n    --gray-800: #1D2939;\r\n    --gray-900: #101828;\r\n    --gray-950: #0C111D;\r\n\r\n    --primary-25: #F5F8FF;\r\n    --primary-50: #EFF4FF;\r\n    --primary-100: #D1E0FF;\r\n    --primary-200: #B2CCFF;\r\n    --primary-300: #84ADFF;\r\n    --primary-400: #528BFF;\r\n    --primary-500: #2970FF;\r\n    --primary-600: #155EEF;\r\n    --primary-700: #004EEB;\r\n    --primary-800: #0040C1;\r\n    --primary-900: #00359E;\r\n    --primary-950: #002266;\r\n\r\n    --error-25: #FFFBFA;\r\n    --error-50: #FEF3F2;\r\n    --error-100: #FEE4E2;\r\n    --error-200: #FECDCA;\r\n    --error-300: #FDA29B;\r\n    --error-400: #F97066;\r\n    --error-500: #F04438;\r\n    --error-600: #D92D20;\r\n    --error-700: #B42318;\r\n    --error-800: #912018;\r\n    --error-900: #7A271A;\r\n    --error-950: #55160C;\r\n\r\n    --warning-25: #FFFCF5;\r\n    --warning-50: #FFFAEB;\r\n    --warning-100: #FEF0C7;\r\n    --warning-200: #FEDF89;\r\n    --warning-300: #FEC84B;\r\n    --warning-400: #FDB022;\r\n    --warning-500: #F79009;\r\n    --warning-600: #DC6803;\r\n    --warning-700: #B54708;\r\n    --warning-800: #93370D;\r\n    --warning-900: #7A2E0E;\r\n    --warning-950: #4E1D09;\r\n\r\n    --success-25: #F6FEF9;\r\n    --success-50: #ECFDF3;\r\n    --success-100: #DCFAE6;\r\n    --success-200: #ABEFC6;\r\n    --success-300: #75E0A7;\r\n    --success-400: #47CD89;\r\n    --success-500: #17B26A;\r\n    --success-600: #079455;\r\n    --success-700: #067647;\r\n    --success-800: #085D3A;\r\n    --success-900: #074D31;\r\n    --success-950: #053321;\r\n\r\n    --gray-iron-25: #FCFCFC;\r\n    --gray-iron-50: #FAFAFA;\r\n    --gray-iron-100: #F4F4F5;\r\n    --gray-iron-200: #E4E4E7;\r\n    --gray-iron-300: #D1D1D6;\r\n    --gray-iron-400: #A0A0AB;\r\n    --gray-iron-500: #70707B;\r\n    --gray-iron-600: #51525C;\r\n    --gray-iron-700: #3F3F46;\r\n    --gray-iron-800: #26272B;\r\n    --gray-iron-900: #18181B;\r\n    --gray-iron-950: #131316;\r\n\r\n    --rose-25: #FFF5F6;\r\n    --rose-50: #FFF1F3;\r\n    --rose-100: #FFE4E8;\r\n    --rose-200: #FECDD6;\r\n    --rose-300: #FEA3B4;\r\n    --rose-400: #FD6F8E;\r\n    --rose-500: #F63D68;\r\n    --rose-600: #E31B54;\r\n    --rose-700: #C01048;\r\n    --rose-800: #A11043;\r\n    --rose-900: #89123E;\r\n    --rose-950: #510B24;\r\n\r\n    --pink-25: #FEF6FB;\r\n    --pink-50: #FDF2FA;\r\n    --pink-100: #FCE7F6;\r\n    --pink-200: #FCCEEE;\r\n    --pink-300: #FAA7E0;\r\n    --pink-400: #F670C7;\r\n    --pink-500: #EE46BC;\r\n    --pink-600: #DD2590;\r\n    --pink-700: #C11574;\r\n    --pink-800: #9E165F;\r\n    --pink-900: #851651;\r\n    --pink-950: #4E0D30;\r\n}\r\n",":root {\r\n    --blue-dark-25: #F5F8FF;\r\n    --blue-dark-50: #EFF4FF;\r\n    --blue-dark-100: #D1E0FF;\r\n    --blue-dark-200: #B2CCFF;\r\n    --blue-dark-300: #84ADFF;\r\n    --blue-dark-400: #528BFF;\r\n    --blue-dark-500: #2970FF;\r\n    --blue-dark-600: #155EEF;\r\n    --blue-dark-700: #004EEB;\r\n    --blue-dark-800: #0040C1;\r\n    --blue-dark-900: #00359E;\r\n    --blue-dark-950: #002266;\r\n}\r\n\r\n:root {\r\n    --orange-25: #FEFAF5;\r\n    --orange-50: #FEF6EE;\r\n    --orange-100: #FDEAD7;\r\n    --orange-200: #F9DBAF;\r\n    --orange-300: #F7B27A;\r\n    --orange-400: #F38744;\r\n    --orange-500: #EF6820;\r\n    --orange-600: #E04F16;\r\n    --orange-700: #B93815;\r\n    --orange-800: #932F19;\r\n    --orange-900: #772917;\r\n    --orange-950: #511C10;\r\n}\r\n\r\n:root {\r\n    --moss-25: #FAFDF7;\r\n    --moss-50: #F5FBEE;\r\n    --moss-100: #E6F4D7;\r\n    --moss-200: #CEEAB0;\r\n    --moss-300: #ACDC79;\r\n    --moss-400: #86CB3C;\r\n    --moss-500: #669F2A;\r\n    --moss-600: #4F7A21;\r\n    --moss-700: #3F621A;\r\n    --moss-800: #335015;\r\n    --moss-900: #2B4212;\r\n    --moss-950: #1A280B;\r\n}\r\n\r\n:root {\r\n    --yellow-25: #FEFDF0;\r\n    --yellow-50: #FEFBE8;\r\n    --yellow-100: #FEF7C3;\r\n    --yellow-200: #FEEE95;\r\n    --yellow-300: #FDE272;\r\n    --yellow-400: #FAC515;\r\n    --yellow-500: #EAAA08;\r\n    --yellow-600: #CA8504;\r\n    --yellow-700: #A15C07;\r\n    --yellow-800: #854A0E;\r\n    --yellow-900: #713B12;\r\n    --yellow-950: #542C0D;\r\n}\r\n\r\n:root {\r\n    --teal-25: #F6FEFC;\r\n    --teal-50: #F0FDF9;\r\n    --teal-100: #CCFBEF;\r\n    --teal-200: #99F6E0;\r\n    --teal-300: #5FE9D0;\r\n    --teal-400: #2ED3B7;\r\n    --teal-500: #15B79E;\r\n    --teal-600: #0E9384;\r\n    --teal-700: #107569;\r\n    --teal-800: #125D56;\r\n    --teal-900: #134E48;\r\n    --teal-950: #0A2926;\r\n}",":root {\r\n    --golos-ui: 'Golos UI', sans-serif;\r\n    --golos: 'Golos Text', sans-serif;\r\n}","@use 'mixins/baseButton' as baseButton;\r\n@use 'mixins/properties' as properties;\r\n\r\n.button {\r\n  @include baseButton.base-button();\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  &.primaryDarkTheme {\r\n    @include properties.primaryDarkThemeButton();\r\n  }\r\n\r\n  &.secondaryColor {\r\n    @include properties.secondaryColorButton;\r\n  }\r\n  &.secondaryColorDarkTheme {\r\n    @include properties.secondaryColorDarkThemeButton;\r\n  }\r\n\r\n  &.secondaryGray {\r\n    @include properties.secondaryGrayButton;\r\n  }\r\n  &.secondaryGrayDarkTheme {\r\n    @include properties.secondaryGrayDarkThemeButton;\r\n  }\r\n\r\n  &.tertiaryWhite {\r\n    @include properties.tertiaryWhiteButton;\r\n  }\r\n  &.tertiaryWhiteDarkTheme {\r\n    @include properties.tertiaryWhiteDarkThemeButton;\r\n  }\r\n\r\n  &.tertiaryColor {\r\n    @include properties.tertiaryColorButton;\r\n  }\r\n  &.tertiaryColorDarkTheme {\r\n    @include properties.tertiaryColorDarkThemeButton;\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  &.linkDarkTheme {\r\n    @include properties.linkDarkTheme;\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    &.secondaryColor {\r\n      @include properties.warningSecondaryColorButton;\r\n    }\r\n\r\n    &.linkColor {\r\n      @include properties.warningLinkColorButton;\r\n    }\r\n  }\r\n\r\n  &:disabled, &.disabled {\r\n    cursor: default;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n  cursor: pointer;\r\n  transition: background-color ease-out 0.2s;\r\n  border-radius: 8px;\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    @include modify-svg() {\r\n      * {\r\n        transition: stroke ease-out 0.2s;\r\n      }\r\n    }\r\n  }\r\n\r\n  .content {\r\n    @include modify-flex($align-items: center);\r\n\r\n    .text, .textSecondary {\r\n      flex: none;\r\n      text-align: center;\r\n      transition: color, weight 0.2s;\r\n    }\r\n\r\n    .textSecondary {\r\n      opacity: 0.6;\r\n    }\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\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  }\r\n\r\n  &.heightHug {\r\n    height: fit-content;\r\n  }\r\n}",".button {\n  cursor: pointer;\n  transition: background-color ease-out 0.2s;\n  border-radius: 8px;\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 .icon svg * {\n  transition: stroke ease-out 0.2s;\n}\n.button .content {\n  display: flex;\n  align-items: center;\n}\n.button .content .text, .button .content .textSecondary {\n  flex: none;\n  text-align: center;\n  transition: color, weight 0.2s;\n}\n.button .content .textSecondary {\n  opacity: 0.6;\n}\n.button.widthFill {\n  width: 100%;\n}\n.button.widthHug {\n  width: fit-content;\n}\n.button.heightFill {\n  height: 100%;\n}\n.button.heightHug {\n  height: fit-content;\n}\n.button.small {\n  padding: 9px;\n}\n.button.small .icon svg {\n  flex: none;\n  width: 16px;\n  height: 16px;\n}\n.button.small .content {\n  padding: 0 4px;\n  gap: 4px;\n}\n.button.small .content .text {\n  font-size: 14px;\n  line-height: 16px;\n  font-weight: 500;\n  font-family: var(--golos-ui);\n}\n.button.small .content .textSecondary {\n  font-size: 14px;\n  line-height: 16px;\n  font-weight: 400;\n  font-family: var(--golos-ui);\n}\n.button.medium {\n  padding: 9px;\n}\n.button.medium .icon svg {\n  flex: none;\n  width: 20px;\n  height: 20px;\n}\n.button.medium .content {\n  padding: 0 6px;\n  gap: 4px;\n}\n.button.medium .content .text {\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 500;\n  font-family: var(--golos-ui);\n}\n.button.medium .content .textSecondary {\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n  font-family: var(--golos-ui);\n}\n.button.large {\n  padding: 11px;\n}\n.button.large .icon svg {\n  flex: none;\n  width: 20px;\n  height: 20px;\n}\n.button.large .content {\n  padding: 0 8px;\n  gap: 4px;\n}\n.button.large .content .text {\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 500;\n  font-family: var(--golos-ui);\n}\n.button.large .content .textSecondary {\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 400;\n  font-family: var(--golos-ui);\n}\n.button.ultra {\n  padding: 17px;\n}\n.button.ultra .icon svg {\n  flex: none;\n  width: 24px;\n  height: 24px;\n}\n.button.ultra .content {\n  padding: 0 12px;\n  gap: 4px;\n}\n.button.ultra .content .text {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 500;\n  font-family: var(--golos-ui);\n}\n.button.ultra .content .textSecondary {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 400;\n  font-family: var(--golos-ui);\n}\n.button.primary {\n  border-radius: 8px;\n  background-color: var(--primary-500);\n  border: 1px solid transparent;\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary .icon svg * {\n  stroke: var(--base-white);\n}\n.button.primary .content .text, .button.primary .content .textSecondary {\n  color: var(--base-white);\n}\n@media only screen and (min-width: 1024px) {\n  .button.primary:not(.disabled):not(:disabled):hover {\n    background-color: var(--primary-600);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.primary:not(.disabled):not(:disabled):active {\n    background-color: var(--primary-600);\n  }\n}\n.button.primary:disabled, .button.primary.disabled {\n  opacity: 0.3;\n}\n.button.primaryDarkTheme {\n  background-color: var(--rose-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.primaryDarkTheme:not(.disabled):not(:disabled):hover {\n    background-color: var(--rose-600);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.primaryDarkTheme:not(.disabled):not(:disabled):active {\n    background-color: var(--rose-600);\n  }\n}\n.button.secondaryColor {\n  border-radius: 8px;\n  background-color: var(--base-white);\n  border: 1px solid var(--primary-200);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.secondaryColor .icon svg * {\n  stroke: var(--primary-500);\n}\n.button.secondaryColor .content .text, .button.secondaryColor .content .textSecondary {\n  color: var(--primary-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.secondaryColor:not(.disabled):not(:disabled):hover {\n    background-color: var(--primary-50);\n    border: 1px solid var(--primary-300);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.secondaryColor:not(.disabled):not(:disabled):active {\n    background-color: var(--primary-50);\n    border: 1px solid var(--primary-300);\n  }\n}\n.button.secondaryColor:disabled, .button.secondaryColor.disabled {\n  opacity: 0.5;\n}\n.button.secondaryColorDarkTheme {\n  background-color: transparent;\n  border: 1px solid var(--rose-900);\n}\n.button.secondaryColorDarkTheme .icon svg * {\n  stroke: var(--rose-500);\n}\n.button.secondaryColorDarkTheme .content .text, .button.secondaryColorDarkTheme .content .textSecondary {\n  color: var(--rose-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.secondaryColorDarkTheme:not(.disabled):not(:disabled):hover {\n    background-color: var(--rose-950);\n    border: 1px solid var(--rose-700);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.secondaryColorDarkTheme:not(.disabled):not(:disabled):active {\n    background-color: var(--rose-950);\n    border: 1px solid var(--rose-700);\n  }\n}\n.button.secondaryGray {\n  border-radius: 8px;\n  background-color: var(--base-white);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  border: 1px solid var(--gray-300);\n}\n.button.secondaryGray .icon svg * {\n  stroke: var(--gray-700);\n}\n.button.secondaryGray .content .text, .button.secondaryGray .content .textSecondary {\n  color: var(--gray-700);\n}\n@media only screen and (min-width: 1024px) {\n  .button.secondaryGray:not(.disabled):not(:disabled):hover {\n    background-color: var(--gray-50);\n    border: 1px solid var(--gray-300);\n  }\n  .button.secondaryGray:not(.disabled):not(:disabled):hover .text {\n    color: var(--gray-800);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.secondaryGray:not(.disabled):not(:disabled):active {\n    background-color: var(--gray-50);\n    border: 1px solid var(--gray-300);\n  }\n  .button.secondaryGray:not(.disabled):not(:disabled):active .text {\n    color: var(--gray-800);\n  }\n}\n.button.secondaryGray:disabled, .button.secondaryGray.disabled {\n  opacity: 0.5;\n}\n.button.secondaryGrayDarkTheme {\n  background-color: transparent;\n  border: 1px solid var(--gray-iron-700);\n}\n.button.secondaryGrayDarkTheme .icon svg * {\n  stroke: var(--gray-iron-200);\n}\n.button.secondaryGrayDarkTheme .content .text, .button.secondaryGrayDarkTheme .content .textSecondary {\n  color: var(--gray-iron-200);\n}\n@media only screen and (min-width: 1024px) {\n  .button.secondaryGrayDarkTheme:not(.disabled):not(:disabled):hover {\n    background-color: var(--gray-iron-800);\n    border: 1px solid var(--gray-iron-700);\n  }\n  .button.secondaryGrayDarkTheme:not(.disabled):not(:disabled):hover .text {\n    color: var(--gray-iron-200);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.secondaryGrayDarkTheme:not(.disabled):not(:disabled):active {\n    background-color: var(--gray-iron-800);\n    border: 1px solid var(--gray-iron-700);\n  }\n  .button.secondaryGrayDarkTheme:not(.disabled):not(:disabled):active .text {\n    color: var(--gray-iron-200);\n  }\n}\n.button.tertiaryWhite {\n  border: 1px solid transparent;\n}\n.button.tertiaryWhite .icon svg * {\n  stroke: var(--primary-100);\n}\n.button.tertiaryWhite .content .text, .button.tertiaryWhite .content .textSecondary {\n  color: var(--primary-100);\n}\n@media only screen and (min-width: 1024px) {\n  .button.tertiaryWhite:not(.disabled):not(:disabled):hover .content .text, .button.tertiaryWhite:not(.disabled):not(:disabled):hover .content .textSecondary {\n    color: var(--base-white);\n  }\n  .button.tertiaryWhite:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--base-white);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.tertiaryWhite:not(.disabled):not(:disabled):active .content .text, .button.tertiaryWhite:not(.disabled):not(:disabled):active .content .textSecondary {\n    color: var(--base-white);\n  }\n  .button.tertiaryWhite:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--base-white);\n  }\n}\n.button.tertiaryWhite:disabled, .button.tertiaryWhite.disabled {\n  opacity: 0.5;\n}\n.button.tertiaryWhiteDarkTheme .icon svg * {\n  stroke: var(--rose-100);\n}\n.button.tertiaryWhiteDarkTheme .content .text, .button.tertiaryWhiteDarkTheme .content .textSecondary {\n  color: var(--rose-100);\n}\n@media only screen and (min-width: 1024px) {\n  .button.tertiaryWhiteDarkTheme:not(.disabled):not(:disabled):hover .content .text, .button.tertiaryWhiteDarkTheme:not(.disabled):not(:disabled):hover .content .textSecondary {\n    color: var(--base-white);\n  }\n  .button.tertiaryWhiteDarkTheme:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--base-white);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.tertiaryWhiteDarkTheme:not(.disabled):not(:disabled):active .content .text, .button.tertiaryWhiteDarkTheme:not(.disabled):not(:disabled):active .content .textSecondary {\n    color: var(--base-white);\n  }\n  .button.tertiaryWhiteDarkTheme:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--base-white);\n  }\n}\n.button.tertiaryColor {\n  border: 1px solid transparent;\n}\n.button.tertiaryColor .icon svg * {\n  stroke: var(--primary-500);\n}\n.button.tertiaryColor .content .text, .button.tertiaryColor .content .textSecondary {\n  color: var(--primary-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.tertiaryColor:not(.disabled):not(:disabled):hover .content .text, .button.tertiaryColor:not(.disabled):not(:disabled):hover .content .textSecondary {\n    color: var(--primary-700);\n  }\n  .button.tertiaryColor:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--primary-700);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.tertiaryColor:not(.disabled):not(:disabled):active .content .text, .button.tertiaryColor:not(.disabled):not(:disabled):active .content .textSecondary {\n    color: var(--primary-700);\n  }\n  .button.tertiaryColor:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--primary-700);\n  }\n}\n.button.tertiaryColor:disabled, .button.tertiaryColor.disabled {\n  opacity: 0.5;\n}\n.button.tertiaryColorDarkTheme .icon svg * {\n  stroke: var(--rose-500);\n}\n.button.tertiaryColorDarkTheme .content .text, .button.tertiaryColorDarkTheme .content .textSecondary {\n  color: var(--rose-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.tertiaryColorDarkTheme:not(.disabled):not(:disabled):hover .content .text, .button.tertiaryColorDarkTheme:not(.disabled):not(:disabled):hover .content .textSecondary {\n    color: var(--rose-700);\n  }\n  .button.tertiaryColorDarkTheme:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--rose-700);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.tertiaryColorDarkTheme:not(.disabled):not(:disabled):active .content .text, .button.tertiaryColorDarkTheme:not(.disabled):not(:disabled):active .content .textSecondary {\n    color: var(--rose-700);\n  }\n  .button.tertiaryColorDarkTheme:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--rose-700);\n  }\n}\n.button.tertiaryGray {\n  border: 1px solid transparent;\n}\n.button.tertiaryGray .icon svg * {\n  stroke: var(--gray-700);\n}\n.button.tertiaryGray .content .text, .button.tertiaryGray .content .textSecondary {\n  color: var(--gray-700);\n}\n@media only screen and (min-width: 1024px) {\n  .button.tertiaryGray:not(.disabled):not(:disabled):hover .content .text, .button.tertiaryGray:not(.disabled):not(:disabled):hover .content .textSecondary {\n    color: var(--gray-900);\n  }\n  .button.tertiaryGray:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--gray-900);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.tertiaryGray:not(.disabled):not(:disabled):active .content .text, .button.tertiaryGray:not(.disabled):not(:disabled):active .content .textSecondary {\n    color: var(--gray-900);\n  }\n  .button.tertiaryGray:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--gray-900);\n  }\n}\n.button.tertiaryGray:disabled, .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: var(--primary-500);\n}\n.button.linkColor .content {\n  padding: 0 !important;\n}\n.button.linkColor .content .text, .button.linkColor .content .textSecondary {\n  color: var(--primary-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.linkColor:not(.disabled):not(:disabled):hover .content .text, .button.linkColor:not(.disabled):not(:disabled):hover .content .textSecondary {\n    color: var(--primary-700);\n  }\n  .button.linkColor:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--primary-700);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.linkColor:not(.disabled):not(:disabled):active .content .text, .button.linkColor:not(.disabled):not(:disabled):active .content .textSecondary {\n    color: var(--primary-700);\n  }\n  .button.linkColor:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--primary-700);\n  }\n}\n.button.linkColor:disabled, .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: var(--gray-700);\n}\n.button.linkBlack .content {\n  padding: 0 !important;\n}\n.button.linkBlack .content .text, .button.linkBlack .content .textSecondary {\n  color: var(--gray-700);\n}\n@media only screen and (min-width: 1024px) {\n  .button.linkBlack:not(.disabled):not(:disabled):hover .content .text, .button.linkBlack:not(.disabled):not(:disabled):hover .content .textSecondary {\n    color: var(--gray-900);\n  }\n  .button.linkBlack:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--gray-900);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.linkBlack:not(.disabled):not(:disabled):active .content .text, .button.linkBlack:not(.disabled):not(:disabled):active .content .textSecondary {\n    color: var(--gray-900);\n  }\n  .button.linkBlack:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--gray-900);\n  }\n}\n.button.linkBlack:disabled, .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: var(--gray-400);\n}\n.button.linkGray .content {\n  padding: 0 !important;\n}\n.button.linkGray .content .text, .button.linkGray .content .textSecondary {\n  color: var(--gray-400);\n}\n@media only screen and (min-width: 1024px) {\n  .button.linkGray:not(.disabled):not(:disabled):hover .content .text, .button.linkGray:not(.disabled):not(:disabled):hover .content .textSecondary {\n    color: var(--gray-500);\n  }\n  .button.linkGray:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--gray-500);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.linkGray:not(.disabled):not(:disabled):active .content .text, .button.linkGray:not(.disabled):not(:disabled):active .content .textSecondary {\n    color: var(--gray-500);\n  }\n  .button.linkGray:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--gray-500);\n  }\n}\n.button.linkGray:disabled, .button.linkGray.disabled {\n  opacity: 0.5;\n}\n.button.linkDarkTheme {\n  padding: 0 !important;\n  gap: 4px;\n}\n.button.linkDarkTheme .icon svg * {\n  stroke: var(--gray-iron-400);\n}\n.button.linkDarkTheme .content {\n  padding: 0 !important;\n}\n.button.linkDarkTheme .content .text, .button.linkDarkTheme .content .textSecondary {\n  color: var(--gray-iron-400);\n}\n@media only screen and (min-width: 1024px) {\n  .button.linkDarkTheme:not(.disabled):not(:disabled):hover .content .text, .button.linkDarkTheme:not(.disabled):not(:disabled):hover .content .textSecondary {\n    color: var(--base-white);\n  }\n  .button.linkDarkTheme:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--base-white);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.linkDarkTheme:not(.disabled):not(:disabled):active .content .text, .button.linkDarkTheme:not(.disabled):not(:disabled):active .content .textSecondary {\n    color: var(--base-white);\n  }\n  .button.linkDarkTheme:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--base-white);\n  }\n}\n.button.linkDarkTheme:disabled, .button.linkDarkTheme.disabled {\n  opacity: 0.5;\n}\n.button.tabActive {\n  border-radius: 6px;\n  background-color: var(--base-white);\n  border: 1px solid transparent;\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tabActive .icon svg * {\n  stroke: var(--gray-700);\n}\n.button.tabActive .content .text, .button.tabActive .content .textSecondary {\n  color: var(--gray-700);\n}\n@media only screen and (min-width: 1024px) {\n  .button.tabActive:not(.disabled):not(:disabled):hover:hover .icon svg * {\n    stroke: var(--gray-900);\n  }\n  .button.tabActive:not(.disabled):not(:disabled):hover:hover .text {\n    color: var(--gray-900);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.tabActive:not(.disabled):not(:disabled):active:hover .icon svg * {\n    stroke: var(--gray-900);\n  }\n  .button.tabActive:not(.disabled):not(:disabled):active:hover .text {\n    color: var(--gray-900);\n  }\n}\n.button.tabActive:disabled, .button.tabActive.disabled {\n  opacity: 0.5;\n}\n.button.tab {\n  border-radius: 6px;\n  background-color: var(--gray-100);\n  border: 1px solid transparent;\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tab .icon svg * {\n  stroke: var(--gray-500);\n}\n.button.tab .content .text, .button.tab .content .textSecondary {\n  color: var(--gray-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.tab:not(.disabled):not(:disabled):hover {\n    background-color: var(--gray-200);\n  }\n  .button.tab:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--gray-800);\n  }\n  .button.tab:not(.disabled):not(:disabled):hover .text {\n    color: var(--gray-800);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.tab:not(.disabled):not(:disabled):active {\n    background-color: var(--gray-200);\n  }\n  .button.tab:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--gray-800);\n  }\n  .button.tab:not(.disabled):not(:disabled):active .text {\n    color: var(--gray-800);\n  }\n}\n.button.tab:disabled, .button.tab.disabled {\n  opacity: 0.5;\n}\n.button.warning.primary {\n  border-radius: 8px;\n  background-color: var(--error-500);\n  border: 1px solid transparent;\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n@media only screen and (min-width: 1024px) {\n  .button.warning.primary:not(.disabled):not(:disabled):hover {\n    border: 1px solid var(--error-600);\n    background-color: var(--error-600);\n  }\n  .button.warning.primary:not(.disabled):not(:disabled):active {\n    border: 1px solid var(--error-500);\n    background-color: var(--error-500);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.warning.primary:not(.disabled):not(:disabled):active {\n    border: 1px solid var(--error-600);\n    background-color: var(--error-600);\n  }\n}\n.button.warning.primary:disabled, .button.warning.primary.disabled {\n  opacity: 0.3;\n}\n.button.warning.secondaryColor {\n  border: 1px solid var(--error-200);\n  background-color: var(--base-white);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.secondaryColor .icon svg * {\n  stroke: var(--error-500);\n}\n.button.warning.secondaryColor .content .text, .button.warning.secondaryColor .content .textSecondary {\n  color: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.warning.secondaryColor:not(.disabled):not(:disabled):hover {\n    background-color: var(--error-50);\n    border: 1px solid var(--error-400);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.warning.secondaryColor:not(.disabled):not(:disabled):active {\n    background-color: var(--error-50);\n    border: 1px solid var(--error-400);\n  }\n}\n.button.warning.secondaryColor:disabled, .button.warning.secondaryColor.disabled {\n  opacity: 0.5;\n}\n.button.warning.linkColor .icon svg * {\n  stroke: var(--error-500);\n}\n.button.warning.linkColor .content {\n  padding: 0 !important;\n}\n.button.warning.linkColor .content .text, .button.warning.linkColor .content .textSecondary {\n  color: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.warning.linkColor:not(.disabled):not(:disabled):hover .text {\n    color: var(--error-700);\n  }\n  .button.warning.linkColor:not(.disabled):not(:disabled):hover .icon svg * {\n    stroke: var(--error-700);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.warning.linkColor:not(.disabled):not(:disabled):active .text {\n    color: var(--error-700);\n  }\n  .button.warning.linkColor:not(.disabled):not(:disabled):active .icon svg * {\n    stroke: var(--error-700);\n  }\n}\n.button.warning.linkColor:disabled, .button.warning.linkColor.disabled {\n  opacity: 0.5;\n}\n.button:disabled, .button.disabled {\n  cursor: default;\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 smallButton {\r\n  // С учетом border\r\n  padding: 9px;\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  .content {\r\n    padding: 0 4px;\r\n    gap: 4px;\r\n\r\n    .text {\r\n      @include fnt-flex($size: 14, $line-height: 16, $weight: 500, $family: $golos-ui);\r\n    }\r\n\r\n    .textSecondary {\r\n      @include fnt-flex($size: 14, $line-height: 16, $weight: 400, $family: $golos-ui);\r\n    }\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: null,\r\n  $stretch: null,\r\n  $style: null,\r\n  $variant: null,\r\n  $units: px,\r\n) {\r\n  & {\r\n    @if ($size != null) {\r\n      font-size: #{$size}#{$units};\r\n    }\r\n    @if ($line-height != null) {\r\n      line-height: #{$line-height}#{$units};\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    @if ($family != null) {\r\n      font-family: $family;\r\n    }\r\n    @if ($stretch != null) {\r\n      font-stretch: $stretch;\r\n    }\r\n    @if ($style != null) {\r\n      font-style: $style;\r\n    }\r\n    @if ($variant != null) {\r\n      font-variant: $variant;\r\n    }\r\n  }\r\n}\r\n","$golos-ui: var(--golos-ui);\r\n$golos-text: var(--golos);\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: $golos-ui,\r\n  $stretch: normal,\r\n  $style: normal,\r\n  $variant: normal,\r\n  $units: px,\r\n) {\r\n  & {\r\n    font-size: #{$size}#{$units};\r\n    line-height: #{$line-height}#{$units};\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@mixin mediumButton {\r\n  // С учетом border\r\n  padding: 9px;\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  .content {\r\n    padding: 0 6px;\r\n    gap: 4px;\r\n\r\n    .text {\r\n      @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n    }\r\n\r\n    .textSecondary {\r\n      @include fnt-flex($size: 14, $line-height: 20, $weight: 400, $family: $golos-ui);\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n  // С учетом border\r\n  padding: 11px;\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  .content {\r\n    padding: 0 8px;\r\n    gap: 4px;\r\n\r\n    .text {\r\n      @include fnt-flex($size: 16, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n    }\r\n\r\n    .textSecondary {\r\n      @include fnt-flex($size: 16, $line-height: 20, $weight: 400, $family: $golos-ui);\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n  // С учетом border\r\n  padding: 17px;\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  .content {\r\n    padding: 0 12px;\r\n    gap: 4px;\r\n\r\n    .text {\r\n      @include fnt-flex($size: 18, $line-height: 24, $weight: 500, $family: $golos-ui);\r\n    }\r\n\r\n    .textSecondary {\r\n      @include fnt-flex($size: 18, $line-height: 24, $weight: 400, $family: $golos-ui);\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n  border-radius: 8px;\r\n  background-color: var(--primary-500);\r\n  border: 1px solid transparent;\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--base-white));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--base-white));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--primary-600);\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--primary-600);\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  //&:focus {\r\n  //  background-color: var(--primary-500);\r\n  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n  //}\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.3;\r\n  }\r\n}\r\n\r\n@mixin primaryDarkThemeButton {\r\n  background-color: var(--rose-500);\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--rose-600);\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--rose-600);\r\n      }\r\n    }\r\n  }\r\n}","@mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null) {\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      @if ($stroke-width != null) {\r\n        stroke-width: $stroke-width;\r\n      }\r\n    }\r\n\r\n    & {\r\n      @content;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {\r\n  & {\r\n    svg {\r\n      @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {\r\n        @content;\r\n      }\r\n    }\r\n  }\r\n}","$tablet-width: 1024;\r\n\r\n$mobile: 480px;\r\n$tablet: 768px;\r\n$laptop: 1024px;\r\n$desktop: 1280px;\r\n$wide: 1440px;\r\n\r\n// НАДО СНЕСТИ ============================================================\r\n@mixin tablet-plus {\r\n  @media only screen and (min-width: #{$tablet-width}px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// НАДО СНЕСТИ ============================================================\r\n\r\n\r\n// НОВЫЕ !!!\r\n// ---------------- 📱 Mobile ----------------\r\n@mixin mobile-less { // меньше чем mobile\r\n  @media (max-width: #{$mobile - 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin mobile-less-equal { // до и включая mobile\r\n  @media (max-width: #{$mobile}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin mobile-more { // больше чем mobile\r\n  @media (min-width: #{$mobile + 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin mobile-more-equal { // от mobile и выше\r\n  @media (min-width: #{$mobile}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin mobile { // только mobile (0 - tablet-1)\r\n  @media (max-width: #{$tablet - 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// ---------------- 💻 Tablet ----------------\r\n@mixin tablet-less {\r\n  @media (max-width: #{$tablet - 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin tablet-less-equal {\r\n  @media (max-width: #{$tablet}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin tablet-more {\r\n  @media (min-width: #{$tablet + 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin tablet-more-equal {\r\n  @media (min-width: #{$tablet}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin tablet { // только tablet (от mobile до desktop-1)\r\n  @media (min-width: #{$mobile + 1}) and (max-width: #{$desktop - 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// ---------------- 🖥 Desktop ----------------\r\n@mixin desktop-less {\r\n  @media (max-width: #{$desktop - 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin desktop-less-equal {\r\n  @media (max-width: #{$desktop}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin desktop-more {\r\n  @media (min-width: #{$desktop + 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin desktop-more-equal {\r\n  @media (min-width: #{$desktop}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin desktop { // только desktop (от desktop до wide-1)\r\n  @media (min-width: #{$desktop}) and (max-width: #{$wide - 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// ---------------- 🖥️ Wide ----------------\r\n@mixin wide-less {\r\n  @media (max-width: #{$wide - 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin wide-less-equal {\r\n  @media (max-width: #{$wide}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin wide-more {\r\n  @media (min-width: #{$wide + 1}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin wide-more-equal {\r\n  @media (min-width: #{$wide}) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin wide { // только wide (от wide и выше)\r\n  @media (min-width: #{$wide}) {\r\n    @content;\r\n  }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n  border: 1px solid var(--primary-200);\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--primary-500));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--primary-500));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--primary-50);\r\n        border: 1px solid var(--primary-300);\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--primary-50);\r\n        border: 1px solid var(--primary-300);\r\n      }\r\n    }\r\n  }\r\n\r\n  //&:focus {\r\n  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--primary-300);\r\n  //}\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}\r\n\r\n@mixin secondaryColorDarkThemeButton {\r\n  background-color: transparent;\r\n  border: 1px solid var(--rose-900);\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--rose-500));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--rose-500));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--rose-950);\r\n        border: 1px solid var(--rose-700);\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--rose-950);\r\n        border: 1px solid var(--rose-700);\r\n      }\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n  border: 1px solid var(--gray-300);\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-700));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-700));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--gray-50);\r\n        border: 1px solid var(--gray-300);\r\n\r\n        .text {\r\n          color: var(--gray-800);\r\n        }\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--gray-50);\r\n        border: 1px solid var(--gray-300);\r\n\r\n        .text {\r\n          color: var(--gray-800);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  //&:focus {\r\n  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n  //}\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}\r\n\r\n@mixin secondaryGrayDarkThemeButton {\r\n  background-color: transparent;\r\n  border: 1px solid var(--gray-iron-700);\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-iron-200));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-iron-200));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--gray-iron-800);\r\n        border: 1px solid var(--gray-iron-700);\r\n\r\n        .text {\r\n          color: var(--gray-iron-200);\r\n        }\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--gray-iron-800);\r\n        border: 1px solid var(--gray-iron-700);\r\n\r\n        .text {\r\n          color: var(--gray-iron-200);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton-hover-state {\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--base-white));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--base-white));\r\n  }\r\n}\r\n\r\n@mixin tertiaryWhiteButton {\r\n  border: 1px solid transparent;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--primary-100));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--primary-100));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include tertiaryWhiteButton-hover-state;\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        @include tertiaryWhiteButton-hover-state;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}\r\n\r\n\r\n@mixin tertiaryWhiteDarkThemeButton-hover-state {\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--base-white));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--base-white));\r\n  }\r\n}\r\n\r\n@mixin tertiaryWhiteDarkThemeButton {\r\n  .icon {\r\n    @include modify-svg($stroke: var(--rose-100));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--rose-100));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include tertiaryWhiteDarkThemeButton-hover-state;\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        @include tertiaryWhiteDarkThemeButton-hover-state;\r\n      }\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton-hover-state {\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--primary-700));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--primary-700));\r\n  }\r\n}\r\n\r\n@mixin tertiaryColorButton {\r\n  border: 1px solid transparent;\r\n  .icon {\r\n    @include modify-svg($stroke: var(--primary-500));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--primary-500));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include tertiaryColorButton-hover-state;\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        @include tertiaryColorButton-hover-state;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}\r\n\r\n\r\n@mixin tertiaryColorDarkThemeButton-hover-state {\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--rose-700));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--rose-700));\r\n  }\r\n}\r\n\r\n@mixin tertiaryColorDarkThemeButton {\r\n  .icon {\r\n    @include modify-svg($stroke: var(--rose-500));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--rose-500));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include tertiaryColorDarkThemeButton-hover-state;\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        @include tertiaryColorDarkThemeButton-hover-state;\r\n      }\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton-hover-state {\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-900));\r\n    }\r\n  }\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-900));\r\n  }\r\n}\r\n\r\n@mixin tertiaryGrayButton {\r\n  border: 1px solid transparent;\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-700));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-700));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include tertiaryGrayButton-hover-state();\r\n      }\r\n    }\r\n    @include tablet {\r\n      &:active {\r\n        @include tertiaryGrayButton-hover-state();\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton-hover-state {\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--primary-700));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--primary-700));\r\n  }\r\n}\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: var(--primary-500));\r\n  }\r\n\r\n  .content {\r\n    padding: 0 !important;\r\n\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--primary-500));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include linkColorButton-hover-state;\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        @include linkColorButton-hover-state;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton-hover-state {\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-900));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-900));\r\n  }\r\n}\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: var(--gray-700));\r\n  }\r\n\r\n  .content {\r\n    padding: 0 !important;\r\n\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-700));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include linkBlackButton-hover-state;\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        @include linkBlackButton-hover-state;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton-hover-state {\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-500));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-500));\r\n  }\r\n}\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: var(--gray-400));\r\n  }\r\n\r\n  .content {\r\n    padding: 0 !important;\r\n\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-400));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include linkGrayButton-hover-state;\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        @include linkGrayButton-hover-state;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkDarkThemeButton-hover-state {\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--base-white));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--base-white));\r\n  }\r\n}\r\n\r\n@mixin linkDarkTheme {\r\n  padding: 0 !important;\r\n  gap: 4px;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-iron-400));\r\n  }\r\n\r\n  .content {\r\n    padding: 0 !important;\r\n\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-iron-400));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include linkDarkThemeButton-hover-state;\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        @include linkDarkThemeButton-hover-state;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.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: var(--base-white);\r\n  border: 1px solid transparent;\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-700));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-700));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        &:hover {\r\n          .icon {\r\n            @include modify-svg($stroke: var(--gray-900));\r\n          }\r\n\r\n          .text {\r\n            color: var(--gray-900);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        &:hover {\r\n          .icon {\r\n            @include modify-svg($stroke: var(--gray-900));\r\n          }\r\n\r\n          .text {\r\n            color: var(--gray-900);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.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: var(--gray-100);\r\n  border: 1px solid transparent;\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-500));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--gray-500));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--gray-200);\r\n\r\n        .icon {\r\n          @include modify-svg($stroke: var(--gray-800));\r\n        }\r\n\r\n        .text {\r\n          color: var(--gray-800);\r\n        }\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--gray-200);\r\n\r\n        .icon {\r\n          @include modify-svg($stroke: var(--gray-800));\r\n        }\r\n\r\n        .text {\r\n          color: var(--gray-800);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.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: var(--error-500);\r\n  border: 1px solid transparent;\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        border: 1px solid var(--error-600);\r\n        background-color: var(--error-600);\r\n      }\r\n\r\n      &:active {\r\n        border: 1px solid var(--error-500);\r\n        background-color: var(--error-500);\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        border: 1px solid var(--error-600);\r\n        background-color: var(--error-600);\r\n      }\r\n    }\r\n  }\r\n\r\n  //&:focus {\r\n  //  background-color: var(--error-500);\r\n  //}\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.3;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n  border: 1px solid var(--error-200);\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--error-500));\r\n  }\r\n\r\n  .content {\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--error-500));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--error-50);\r\n        border: 1px solid var(--error-400);\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--error-50);\r\n        border: 1px solid var(--error-400);\r\n      }\r\n    }\r\n  }\r\n\r\n  //&:focus {\r\n  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);\r\n  //}\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningLinkColorButton {\r\n  .icon {\r\n    @include modify-svg($stroke: var(--error-500));\r\n  }\r\n\r\n  .content {\r\n    padding: 0 !important;\r\n\r\n    .text, .textSecondary {\r\n      @include fnt-flex($color: var(--error-500));\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(:disabled) {\r\n    @include tablet-plus {\r\n      &:hover {\r\n        .text {\r\n          color: var(--error-700);\r\n        }\r\n\r\n        .icon {\r\n          @include modify-svg($stroke: var(--error-700));\r\n        }\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        .text {\r\n          color: var(--error-700);\r\n        }\r\n\r\n        .icon {\r\n          @include modify-svg($stroke: var(--error-700));\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use 'mixins/properties';\r\n@use 'mixins/base-button';\r\n\r\n.button {\r\n  @include base-button.base-micro-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  &.rose {\r\n    @include properties.rose();\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\r\n  &.blueLight {\r\n    @include properties.blue-light();\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}","@use '@/styles' as *;\r\n\r\n@mixin base-micro-button() {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  cursor: pointer;\r\n  transition: all ease-out 200ms;\r\n\r\n  &:disabled {\r\n    pointer-events: none;\r\n    cursor: default;\r\n  }\r\n\r\n  @include modify-flex(row, center, center);\r\n  @include modify-svg() {\r\n    flex: none;\r\n  }\r\n}",".button {\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n  transition: all ease-out 200ms;\n}\n.button:disabled {\n  pointer-events: none;\n  cursor: default;\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  border: 1px solid transparent;\n}\n.button.light svg * {\n  stroke: var(--gray-400);\n}\n@media only screen and (min-width: 1024px) {\n  .button.light:not(.button.light:disabled):hover {\n    background-color: var(--gray-200);\n  }\n  .button.light:not(.button.light:disabled):hover svg * {\n    stroke: var(--gray-600);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.light:active {\n    background-color: var(--gray-200);\n  }\n  .button.light:active svg * {\n    stroke: var(--gray-600);\n  }\n}\n.button.dark {\n  background-color: rgba(12, 17, 29, 0.5019607843);\n  border: 1px solid transparent;\n}\n.button.dark svg * {\n  stroke: var(--base-white);\n}\n@media only screen and (min-width: 1024px) {\n  .button.dark:not(.button.dark:disabled):hover {\n    background-color: rgba(12, 17, 29, 0.8);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.dark:active {\n    background-color: rgba(12, 17, 29, 0.8);\n  }\n}\n.button.gray {\n  background-color: transparent;\n  border: 1px solid transparent;\n}\n.button.gray svg * {\n  stroke: var(--gray-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.gray:not(.button.gray:disabled):hover {\n    background-color: var(--base-white);\n  }\n  .button.gray:not(.button.gray:disabled):hover svg * {\n    stroke: var(--gray-600);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.gray:active {\n    background-color: var(--base-white);\n  }\n  .button.gray:active svg * {\n    stroke: var(--gray-600);\n  }\n}\n.button.color {\n  background: none;\n  border: 1px solid transparent;\n}\n.button.color svg * {\n  stroke: var(--primary-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.color:not(.button.color:disabled):hover {\n    background-color: var(--base-white);\n  }\n  .button.color:not(.button.color:disabled):hover svg * {\n    stroke: var(--primary-600);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.color:active {\n    background-color: var(--base-white);\n  }\n  .button.color:active svg * {\n    stroke: var(--primary-600);\n  }\n}\n.button.colorHover {\n  background: none;\n  border: 1px solid transparent;\n}\n.button.colorHover svg * {\n  stroke: var(--primary-400);\n}\n@media only screen and (min-width: 1024px) {\n  .button.colorHover:not(.button.colorHover:disabled):hover {\n    background-color: var(--primary-100);\n  }\n  .button.colorHover:not(.button.colorHover:disabled):hover svg * {\n    stroke: var(--primary-500);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.colorHover:active {\n    background-color: var(--primary-100);\n  }\n  .button.colorHover:active svg * {\n    stroke: var(--primary-500);\n  }\n}\n.button.rose {\n  background: none;\n  border: 1px solid transparent;\n}\n.button.rose svg * {\n  stroke: var(--rose-600);\n}\n@media only screen and (min-width: 1024px) {\n  .button.rose:not(.button.rose:disabled):hover {\n    background-color: var(--rose-900);\n  }\n  .button.rose:not(.button.rose:disabled):hover svg * {\n    stroke: var(--rose-500);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.rose:active {\n    background-color: var(--rose-900);\n  }\n  .button.rose:active svg * {\n    stroke: var(--rose-500);\n  }\n}\n.button.redHover {\n  background: none;\n  border: 1px solid transparent;\n}\n.button.redHover svg * {\n  stroke: var(--error-400);\n}\n@media only screen and (min-width: 1024px) {\n  .button.redHover:not(.button.redHover:disabled):hover {\n    background-color: var(--error-100);\n  }\n  .button.redHover:not(.button.redHover:disabled):hover svg * {\n    stroke: var(--error-500);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.redHover:active {\n    background-color: var(--error-100);\n  }\n  .button.redHover:active svg * {\n    stroke: var(--error-500);\n  }\n}\n.button.colorFill {\n  background: var(--base-white);\n  border: 1px solid var(--primary-200);\n}\n.button.colorFill svg * {\n  stroke: var(--primary-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.colorFill:not(.button.colorFill:disabled):hover {\n    background: var(--primary-50);\n  }\n  .button.colorFill:not(.button.colorFill:disabled):hover svg * {\n    stroke: var(--primary-500);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.colorFill:active {\n    background: var(--primary-50);\n  }\n  .button.colorFill:active svg * {\n    stroke: var(--primary-500);\n  }\n}\n.button.grayFill {\n  background: var(--base-white);\n  border: 1px solid var(--gray-300);\n}\n.button.grayFill svg * {\n  stroke: var(--gray-700);\n}\n@media only screen and (min-width: 1024px) {\n  .button.grayFill:not(.button.grayFill:disabled):hover {\n    background: var(--gray-50);\n  }\n  .button.grayFill:not(.button.grayFill:disabled):hover svg * {\n    stroke: var(--gray-900);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.grayFill:active {\n    background: var(--gray-50);\n  }\n  .button.grayFill:active svg * {\n    stroke: var(--gray-900);\n  }\n}\n.button.redFill {\n  background: var(--base-white);\n  border: 1px solid var(--error-300);\n}\n.button.redFill svg * {\n  stroke: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n  .button.redFill:not(.button.redFill:disabled):hover {\n    background: var(--error-50);\n  }\n  .button.redFill:not(.button.redFill:disabled):hover svg * {\n    stroke: var(--error-600);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.redFill:active {\n    background: var(--error-50);\n  }\n  .button.redFill:active svg * {\n    stroke: var(--error-600);\n  }\n}\n.button.blueLight {\n  background: none;\n  border: 1px solid transparent;\n}\n.button.blueLight svg * {\n  stroke: var(--primary-50);\n}\n@media only screen and (min-width: 1024px) {\n  .button.blueLight:not(.button.blueLight:disabled):hover svg * {\n    stroke: var(--primary-200);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .button.blueLight:active svg * {\n    stroke: var(--primary-200);\n  }\n}\n.button.size14 {\n  border-radius: 3px;\n  padding: 1px;\n}\n.button.size14 svg {\n  width: 10px;\n  height: 10px;\n}\n.button.size16 {\n  border-radius: 3px;\n  padding: 1px;\n}\n.button.size16 svg {\n  width: 12px;\n  height: 12px;\n}\n.button.size20 {\n  border-radius: 3px;\n  padding: 2px;\n}\n.button.size20 svg {\n  width: 14px;\n  height: 14px;\n}\n.button.size24 {\n  border-radius: 4px;\n  padding: 3px;\n}\n.button.size24 svg {\n  width: 16px;\n  height: 16px;\n}\n.button.size28 {\n  border-radius: 4px;\n  padding: 3px;\n}\n.button.size28 svg {\n  width: 20px;\n  height: 20px;\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  @include modify-svg($stroke: var(--gray-400));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background-color: var(--gray-200);\r\n      @include modify-svg($stroke: var(--gray-600));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: var(--gray-200);\r\n      @include modify-svg($stroke: var(--gray-600));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n  background-color: #0C111D80;\r\n  border: 1px solid transparent;\r\n  @include modify-svg($stroke: var(--base-white));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background-color: #0C111DCC;\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: #0C111DCC;\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n  background-color: transparent;\r\n  border: 1px solid transparent;\r\n  @include modify-svg($stroke: var(--gray-500));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background-color: var(--base-white);\r\n      @include modify-svg($stroke: var(--gray-600));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: var(--base-white);\r\n      @include modify-svg($stroke: var(--gray-600));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  @include modify-svg($stroke: var(--primary-500));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background-color: var(--base-white);\r\n      @include modify-svg($stroke: var(--primary-600));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: var(--base-white);\r\n      @include modify-svg($stroke: var(--primary-600));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  @include modify-svg($stroke: var(--primary-400));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background-color: var(--primary-100);\r\n      @include modify-svg($stroke: var(--primary-500));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: var(--primary-100);\r\n      @include modify-svg($stroke: var(--primary-500));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin rose() {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  @include modify-svg($stroke: var(--rose-600));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background-color: var(--rose-900);\r\n      @include modify-svg($stroke: var(--rose-500));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: var(--rose-900);\r\n      @include modify-svg($stroke: var(--rose-500));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  @include modify-svg($stroke: var(--error-400));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background-color: var(--error-100);\r\n      @include modify-svg($stroke: var(--error-500));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: var(--error-100);\r\n      @include modify-svg($stroke: var(--error-500));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n  background: var(--base-white);\r\n  border: 1px solid var(--primary-200);\r\n  @include modify-svg($stroke: var(--primary-500));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background: var(--primary-50);\r\n      @include modify-svg($stroke: var(--primary-500));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background: var(--primary-50);\r\n      @include modify-svg($stroke: var(--primary-500));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n  background: var(--base-white);\r\n  border: 1px solid var(--gray-300);\r\n  @include modify-svg($stroke: var(--gray-700));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background: var(--gray-50);\r\n      @include modify-svg($stroke: var(--gray-900));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background: var(--gray-50);\r\n      @include modify-svg($stroke: var(--gray-900));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n  background: var(--base-white);\r\n  border: 1px solid var(--error-300);\r\n  @include modify-svg($stroke: var(--error-500));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      background: var(--error-50);\r\n      @include modify-svg($stroke: var(--error-600));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background: var(--error-50);\r\n      @include modify-svg($stroke: var(--error-600));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin blue-light() {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  @include modify-svg($stroke: var(--primary-50));\r\n\r\n  @include tablet-plus {\r\n    &:not(&:disabled):hover {\r\n      @include modify-svg($stroke: var(--primary-200));\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      @include modify-svg($stroke: var(--primary-200));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n  border-radius: 3px;\r\n  // 2 - 1 для учета border\r\n  padding: 1px;\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  // 2 - 1 для учета border\r\n  padding: 1px;\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  // 3 - 1 для учета border\r\n  padding: 2px;\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  // 4 - 1 для учета border\r\n  padding: 3px;\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  // 4 - 1 для учета border\r\n  padding: 3px;\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.flexField {\r\n  width: 100%;\r\n  height: fit-content;\r\n  min-width: 0;\r\n\r\n  // С учетом border\r\n  padding: 9px 11px;\r\n  border-radius: 8px;\r\n  gap: 12px;\r\n  box-sizing: border-box;\r\n  background-color: var(--base-white);\r\n  border: 1px solid var(--gray-300);\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  @include centerInsideContent();\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\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: var(--gray-900));\r\n\r\n    &::placeholder, &.placeholder {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    padding: 2px 0;\r\n    @include centerInsideContent();\r\n    @include modify-svg($stroke: var(--gray-400)) {\r\n      width: 20px;\r\n      height: 20px;\r\n      flex: none;\r\n    }\r\n  }\r\n\r\n  .textSupport {\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  .help {\r\n    padding: 2px 0;\r\n    @include centerInsideContent();\r\n    @include modify-svg($stroke: var(--gray-400)) {\r\n      width: 16px;\r\n      height: 16px;\r\n      flex: none;\r\n    }\r\n  }\r\n\r\n  .dropdown {\r\n    padding: 2px 0;\r\n    transition: all ease-in-out 200ms;\r\n    @include centerInsideContent();\r\n    @include modify-svg($stroke: var(--gray-500)) {\r\n      width: 20px;\r\n      height: 20px;\r\n      flex: none;\r\n    }\r\n\r\n    &.dropdownReverse {\r\n      transform: rotateX(-180deg);\r\n    }\r\n  }\r\n\r\n  .button {\r\n    padding: 2px 0;\r\n    transition: all ease-in-out 200ms;\r\n    cursor: pointer;\r\n    @include centerInsideContent();\r\n    @include modify-svg() {\r\n      width: 20px;\r\n      height: 20px;\r\n      flex: none;\r\n    }\r\n\r\n    &.red {\r\n      @include modify-svg($stroke: var(--error-400));\r\n\r\n      &:hover {\r\n        @include modify-svg($stroke: var(--error-500));\r\n      }\r\n    }\r\n\r\n    &.gray {\r\n      @include modify-svg($stroke: var(--gray-400));\r\n\r\n      &:hover {\r\n        @include modify-svg($stroke: var(--gray-500));\r\n      }\r\n    }\r\n  }\r\n\r\n  &.pointer {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.focus {\r\n    border: 1px solid var(--gray-400);\r\n  }\r\n\r\n  &.isError {\r\n    border: 1px solid var(--error-300);\r\n    box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n    .help {\r\n      @include modify-svg($stroke: var(--error-500));\r\n    }\r\n\r\n    &.focus {\r\n      border: 1px solid var(--error-400);\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    background-color: var(--gray-50);\r\n    cursor: default;\r\n    pointer-events: none;\r\n\r\n    * {\r\n      cursor: default;\r\n    }\r\n\r\n    .userPick {\r\n      opacity: 50%;\r\n    }\r\n\r\n    .inputField {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n    }\r\n  }\r\n\r\n  &.smallDisplay {\r\n    padding: 0;\r\n    border: none;\r\n    box-shadow: none;\r\n\r\n    .inputField {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n    }\r\n  }\r\n\r\n  &.largeDisplay {\r\n    padding: 0;\r\n    border: none;\r\n    box-shadow: none;\r\n\r\n    .inputField {\r\n      @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n    }\r\n  }\r\n\r\n\r\n  // dark adaptation\r\n  &.darkTheme {\r\n    background-color: var(--gray-iron-950);\r\n    border: 1px solid var(--gray-iron-800);\r\n\r\n    .inputField {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n\r\n      &::placeholder, &.placeholder {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n      }\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--gray-iron-500))\r\n    }\r\n\r\n    .textSupport {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n\r\n    .help {\r\n      @include modify-svg($stroke: var(--gray-iron-500))\r\n    }\r\n\r\n    .dropdown {\r\n      @include modify-svg($stroke: var(--gray-iron-500))\r\n    }\r\n\r\n    .button {\r\n      &.red {\r\n        @include modify-svg($stroke: var(--error-400));\r\n\r\n        &:hover {\r\n          @include modify-svg($stroke: var(--error-500));\r\n        }\r\n      }\r\n\r\n      &.gray {\r\n        @include modify-svg($stroke: var(--gray-iron-400));\r\n\r\n        &:hover {\r\n          @include modify-svg($stroke: var(--gray-iron-500));\r\n        }\r\n      }\r\n    }\r\n\r\n    &.focus {\r\n      border: 1px solid var(--gray-iron-700);\r\n    }\r\n\r\n    &.isError {\r\n      border: 1px solid var(--error-900);\r\n\r\n      .help {\r\n        @include modify-svg($stroke: var(--error-500));\r\n      }\r\n\r\n      &.focus {\r\n        border: 1px solid var(--error-700);\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      background-color: var(--gray-iron-950);\r\n\r\n      .inputField {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n      }\r\n    }\r\n\r\n    &.smallDisplay {\r\n      .inputField {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n      }\r\n    }\r\n\r\n    &.largeDisplay {\r\n      .inputField {\r\n        @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n      }\r\n    }\r\n  }\r\n}",".flexField {\n  width: 100%;\n  height: fit-content;\n  min-width: 0;\n  padding: 9px 11px;\n  border-radius: 8px;\n  gap: 12px;\n  box-sizing: border-box;\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField {\n  display: flex;\n  align-items: center;\n  justify-content: center;\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: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .icon {\n  padding: 2px 0;\n}\n.flexField .icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexField .icon svg * {\n  stroke: var(--gray-400);\n}\n.flexField .icon svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.flexField .textSupport {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .help {\n  padding: 2px 0;\n}\n.flexField .help {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexField .help svg * {\n  stroke: var(--gray-400);\n}\n.flexField .help svg {\n  width: 16px;\n  height: 16px;\n  flex: none;\n}\n.flexField .dropdown {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n}\n.flexField .dropdown {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexField .dropdown svg * {\n  stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n  transform: rotateX(-180deg);\n}\n.flexField .button {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n  cursor: pointer;\n}\n.flexField .button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexField .button svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.flexField .button.red svg * {\n  stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n  stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n  stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n  stroke: var(--gray-500);\n}\n.flexField.pointer {\n  cursor: pointer;\n}\n.flexField.focus {\n  border: 1px solid var(--gray-400);\n}\n.flexField.isError {\n  border: 1px solid var(--error-300);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n  stroke: var(--error-500);\n}\n.flexField.isError.focus {\n  border: 1px solid var(--error-400);\n}\n.flexField.disabled {\n  background-color: var(--gray-50);\n  cursor: default;\n  pointer-events: none;\n}\n.flexField.disabled * {\n  cursor: default;\n}\n.flexField.disabled .userPick {\n  opacity: 50%;\n}\n.flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.smallDisplay {\n  padding: 0;\n  border: none;\n  box-shadow: none;\n}\n.flexField.smallDisplay .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.largeDisplay {\n  padding: 0;\n  border: none;\n  box-shadow: none;\n}\n.flexField.largeDisplay .inputField {\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme {\n  background-color: var(--gray-iron-950);\n  border: 1px solid var(--gray-iron-800);\n}\n.flexField.darkTheme .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-25);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme .inputField::placeholder, .flexField.darkTheme .inputField.placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme .icon svg * {\n  stroke: var(--gray-iron-500);\n}\n.flexField.darkTheme .textSupport {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme .help svg * {\n  stroke: var(--gray-iron-500);\n}\n.flexField.darkTheme .dropdown svg * {\n  stroke: var(--gray-iron-500);\n}\n.flexField.darkTheme .button.red svg * {\n  stroke: var(--error-400);\n}\n.flexField.darkTheme .button.red:hover svg * {\n  stroke: var(--error-500);\n}\n.flexField.darkTheme .button.gray svg * {\n  stroke: var(--gray-iron-400);\n}\n.flexField.darkTheme .button.gray:hover svg * {\n  stroke: var(--gray-iron-500);\n}\n.flexField.darkTheme.focus {\n  border: 1px solid var(--gray-iron-700);\n}\n.flexField.darkTheme.isError {\n  border: 1px solid var(--error-900);\n}\n.flexField.darkTheme.isError .help svg * {\n  stroke: var(--error-500);\n}\n.flexField.darkTheme.isError.focus {\n  border: 1px solid var(--error-700);\n}\n.flexField.darkTheme.disabled {\n  background-color: var(--gray-iron-950);\n}\n.flexField.darkTheme.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme.smallDisplay .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-25);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme.largeDisplay .inputField {\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--gray-iron-25);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@mixin centerInsideContent {\r\n  & {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n  width: 100%;\r\n  height: fit-content;\r\n}",".selectField {\n  width: 100%;\n  height: fit-content;\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n  width: 100%;\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\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: var(--gray-700));\r\n\r\n    .required {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--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: var(--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: var(--error-500));\r\n  }\r\n\r\n  .helperLink {\r\n    display: flex;\r\n    width: fit-content;\r\n    padding: 0 12px;\r\n    gap: 2px;\r\n    cursor: pointer;\r\n    @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);\r\n    @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));\r\n  }\r\n\r\n  &.display {\r\n    .labelText {\r\n      padding: 0;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-500));\r\n    }\r\n\r\n    .hintText {\r\n      padding: 0;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n    }\r\n\r\n    .helperLink {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n\r\n  &.darkTheme {\r\n    .labelText {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-400));\r\n\r\n      .required {\r\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n      }\r\n    }\r\n\r\n    .hintText {\r\n     @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n\r\n    .hintError {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n    }\r\n\r\n    .helperLink {\r\n      @include changeSvg($width: 20, $height: 20, $stroke: var(--rose-500), $flex: none);\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--rose-500));\r\n    }\r\n\r\n    &.display {\r\n      .labelText {\r\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-400));\r\n      }\r\n\r\n      .hintText {\r\n        @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-500));\r\n      }\r\n    }\r\n  }\r\n}",".inputFieldWrapper {\n  width: 100%;\n  min-width: 0;\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: var(--gray-700);\n  font-weight: 500;\n  font-family: var(--golos-ui);\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: var(--error-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\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: var(--gray-600);\n  font-weight: 400;\n  font-family: var(--golos-ui);\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: var(--error-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n  display: flex;\n  width: fit-content;\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: var(--primary-500);\n}\n.inputFieldWrapper .helperLink {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--primary-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.display .labelText {\n  padding: 0;\n}\n.inputFieldWrapper.display .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.display .hintText {\n  padding: 0;\n}\n.inputFieldWrapper.display .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-600);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.display .helperLink {\n  padding: 0;\n}\n.inputFieldWrapper.darkTheme .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-400);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme .labelText .required {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme .hintError {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme .helperLink svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.inputFieldWrapper.darkTheme .helperLink svg * {\n  stroke: var(--rose-500);\n}\n.inputFieldWrapper.darkTheme .helperLink {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--rose-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme.display .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-400);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme.display .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\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}","@use '@/styles' as *;\r\n\r\n.textareaField {\r\n  width: 100%;\r\n  height: auto;\r\n  min-height: 68px;\r\n  overflow: auto;\r\n\r\n  resize: none;\r\n  border-radius: 8px;\r\n  // С учетом border\r\n  padding: 9px 11px;\r\n\r\n  background-color: var(--base-white);\r\n  border: 1px solid var(--gray-300);\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  transition: all ease-out 200ms;\r\n\r\n  @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n  &::placeholder {\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  &:focus {\r\n    border: 1px solid var(--gray-400);\r\n  }\r\n\r\n  &:disabled {\r\n    background-color: var(--gray-50);\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n  }\r\n\r\n  &.isError {\r\n    border: 1px solid var(--error-300);\r\n\r\n    &:focus {\r\n      border: 1px solid var(--error-400);\r\n    }\r\n  }\r\n\r\n  &.darkTheme {\r\n    background-color: var(--gray-iron-950);\r\n    border: 1px solid var(--gray-iron-800);\r\n    box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n\r\n    &::placeholder {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n\r\n    &:focus {\r\n      border: 1px solid var(--gray-iron-700);\r\n    }\r\n\r\n    &:disabled {\r\n      background-color: var(--gray-iron-950);\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n\r\n    &.isError {\r\n      border: 1px solid var(--error-300);\r\n\r\n      &:focus {\r\n        border: 1px solid var(--error-400);\r\n      }\r\n    }\r\n  }\r\n}",".textareaField {\n  width: 100%;\n  height: auto;\n  min-height: 68px;\n  overflow: auto;\n  resize: none;\n  border-radius: 8px;\n  padding: 9px 11px;\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  transition: all ease-out 200ms;\n}\n.textareaField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\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: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField:focus {\n  border: 1px solid var(--gray-400);\n}\n.textareaField:disabled {\n  background-color: var(--gray-50);\n}\n.textareaField:disabled {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.isError {\n  border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n  border: 1px solid var(--error-400);\n}\n.textareaField.darkTheme {\n  background-color: var(--gray-iron-950);\n  border: 1px solid var(--gray-iron-800);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField.darkTheme {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-25);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.darkTheme::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.darkTheme:focus {\n  border: 1px solid var(--gray-iron-700);\n}\n.textareaField.darkTheme:disabled {\n  background-color: var(--gray-iron-950);\n}\n.textareaField.darkTheme:disabled {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.darkTheme.isError {\n  border: 1px solid var(--error-300);\n}\n.textareaField.darkTheme.isError:focus {\n  border: 1px solid var(--error-400);\n}","@use '@/styles' as *;\r\n\r\n.DateTimeFieldMask {\r\n  height: fit-content;\r\n  border: 1px solid var(--gray-300);\r\n  box-shadow: 0 1px 0 0 #1018280D;\r\n  padding: 9px 11px;\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n  @include modify-flex($align-items: center);\r\n\r\n  .item {\r\n    flex: 1;\r\n    min-width: 0;\r\n    gap: 6px;\r\n    @include modify-flex($align-items: center);\r\n\r\n    .icon {\r\n      padding: 2px 0;\r\n      @include centerInsideContent();\r\n      @include modify-svg($stroke: var(--gray-400)) {\r\n        width: 20px;\r\n        height: 20px;\r\n        flex: none;\r\n      }\r\n    }\r\n\r\n    .text {\r\n      text-wrap: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      height: 100%;\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n    }\r\n\r\n    .content {\r\n      flex: 1;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .line {\r\n    padding: 0 11px;\r\n    margin: -2px 0;\r\n    @include centerInsideContent();\r\n  }\r\n\r\n  .xCloseButton {\r\n    cursor: pointer;\r\n    padding: 2px 0;\r\n    @include centerInsideContent();\r\n    @include modify-svg($stroke: var(--gray-400)) {\r\n      flex: none;\r\n      width: 20px;\r\n      height: 20px;\r\n      * {\r\n        transition: stroke ease-in-out 200ms;\r\n      }\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        @include modify-svg($stroke: var(--gray-500));\r\n      }\r\n    }\r\n  }\r\n\r\n  &.isFocus {\r\n    border: 1px solid var(--gray-400);\r\n  }\r\n\r\n  &.isError {\r\n    border: 1px solid var(--error-300);\r\n    box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n    &.isFocus {\r\n      border: 1px solid var(--error-400);\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    border: 1px solid var(--gray-400);\r\n    background-color: var(--gray-50);\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n\r\n    .item, .item .content {\r\n      flex: none;\r\n    }\r\n  }\r\n\r\n\r\n  // dark adaptation\r\n  &.darkTheme {\r\n    border: 1px solid var(--gray-iron-800);\r\n    background-color: var(--gray-iron-950);\r\n\r\n    .item {\r\n      .icon {\r\n        @include modify-svg($stroke: var(--gray-iron-500));\r\n      }\r\n\r\n      .text {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n      }\r\n    }\r\n\r\n    .xCloseButton {\r\n      @include modify-svg($stroke: var(--gray-iron-500));\r\n\r\n      @include tablet-plus {\r\n        &:hover {\r\n          @include modify-svg($stroke: var(--gray-iron-600));\r\n        }\r\n      }\r\n    }\r\n\r\n    &.isFocus {\r\n      border: 1px solid var(--gray-iron-700);\r\n    }\r\n\r\n    &.isError {\r\n      border: 1px solid var(--error-950);\r\n\r\n      &.isFocus {\r\n        border: 1px solid var(--error-800);\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      border: 1px solid var(--gray-iron-800);\r\n      background-color: var(--gray-iron-950);\r\n    }\r\n  }\r\n}",".DateTimeFieldMask {\n  height: fit-content;\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 0 0 rgba(16, 24, 40, 0.0509803922);\n  padding: 9px 11px;\n  border-radius: 8px;\n  background-color: var(--base-white);\n}\n.DateTimeFieldMask {\n  display: flex;\n  align-items: center;\n}\n.DateTimeFieldMask .item {\n  flex: 1;\n  min-width: 0;\n  gap: 6px;\n}\n.DateTimeFieldMask .item {\n  display: flex;\n  align-items: center;\n}\n.DateTimeFieldMask .item .icon {\n  padding: 2px 0;\n}\n.DateTimeFieldMask .item .icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.DateTimeFieldMask .item .icon svg * {\n  stroke: var(--gray-400);\n}\n.DateTimeFieldMask .item .icon svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.DateTimeFieldMask .item .text {\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  height: 100%;\n}\n.DateTimeFieldMask .item .text {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.DateTimeFieldMask .item .content {\n  flex: 1;\n  height: 100%;\n}\n.DateTimeFieldMask .line {\n  padding: 0 11px;\n  margin: -2px 0;\n}\n.DateTimeFieldMask .line {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.DateTimeFieldMask .xCloseButton {\n  cursor: pointer;\n  padding: 2px 0;\n}\n.DateTimeFieldMask .xCloseButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.DateTimeFieldMask .xCloseButton svg * {\n  stroke: var(--gray-400);\n}\n.DateTimeFieldMask .xCloseButton svg {\n  flex: none;\n  width: 20px;\n  height: 20px;\n}\n.DateTimeFieldMask .xCloseButton svg * {\n  transition: stroke ease-in-out 200ms;\n}\n@media only screen and (min-width: 1024px) {\n  .DateTimeFieldMask .xCloseButton:hover svg * {\n    stroke: var(--gray-500);\n  }\n}\n.DateTimeFieldMask.isFocus {\n  border: 1px solid var(--gray-400);\n}\n.DateTimeFieldMask.isError {\n  border: 1px solid var(--error-300);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.DateTimeFieldMask.isError.isFocus {\n  border: 1px solid var(--error-400);\n}\n.DateTimeFieldMask.disabled {\n  border: 1px solid var(--gray-400);\n  background-color: var(--gray-50);\n}\n.DateTimeFieldMask.widthFill {\n  width: 100%;\n}\n.DateTimeFieldMask.widthHug {\n  width: fit-content;\n}\n.DateTimeFieldMask.widthHug .item, .DateTimeFieldMask.widthHug .item .content {\n  flex: none;\n}\n.DateTimeFieldMask.darkTheme {\n  border: 1px solid var(--gray-iron-800);\n  background-color: var(--gray-iron-950);\n}\n.DateTimeFieldMask.darkTheme .item .icon svg * {\n  stroke: var(--gray-iron-500);\n}\n.DateTimeFieldMask.darkTheme .item .text {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.DateTimeFieldMask.darkTheme .xCloseButton svg * {\n  stroke: var(--gray-iron-500);\n}\n@media only screen and (min-width: 1024px) {\n  .DateTimeFieldMask.darkTheme .xCloseButton:hover svg * {\n    stroke: var(--gray-iron-600);\n  }\n}\n.DateTimeFieldMask.darkTheme.isFocus {\n  border: 1px solid var(--gray-iron-700);\n}\n.DateTimeFieldMask.darkTheme.isError {\n  border: 1px solid var(--error-950);\n}\n.DateTimeFieldMask.darkTheme.isError.isFocus {\n  border: 1px solid var(--error-800);\n}\n.DateTimeFieldMask.darkTheme.disabled {\n  border: 1px solid var(--gray-iron-800);\n  background-color: var(--gray-iron-950);\n}","@use '@/styles' as *;\r\n\r\n.DateTimeField {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  position: relative;\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n  }\r\n}\r\n\r\n.flexField {\r\n  width: 100%;\r\n  height: fit-content;\r\n  min-width: 0;\r\n  // С учетом border\r\n  gap: 12px;\r\n  box-sizing: border-box;\r\n\r\n  overflow: hidden;\r\n  text-wrap: nowrap;\r\n  text-overflow: ellipsis;\r\n  outline: none;\r\n  background: none;\r\n  margin: 0;\r\n\r\n  @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n  @include centerInsideContent();\r\n\r\n  &::placeholder {\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  &.disabled {\r\n    &, &::placeholder {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n    }\r\n  }\r\n\r\n\r\n  &.darkTheme {\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n\r\n    &::placeholder {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n\r\n    &.disabled {\r\n      &, &::placeholder {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n      }\r\n    }\r\n  }\r\n}\r\n",".DateTimeField {\n  width: fit-content;\n  height: fit-content;\n  position: relative;\n}\n.DateTimeField.widthFill {\n  width: 100%;\n}\n.DateTimeField.widthHug {\n  width: fit-content;\n}\n\n.flexField {\n  width: 100%;\n  height: fit-content;\n  min-width: 0;\n  gap: 12px;\n  box-sizing: border-box;\n  overflow: hidden;\n  text-wrap: nowrap;\n  text-overflow: ellipsis;\n  outline: none;\n  background: none;\n  margin: 0;\n}\n.flexField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.disabled, .flexField.disabled::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-25);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme.disabled, .flexField.darkTheme.disabled::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n.flexField {\r\n  width: 100%;\r\n  height: fit-content;\r\n  min-width: 0;\r\n\r\n  // С учетом border\r\n  padding: 9px 11px;\r\n  border-radius: 8px;\r\n  gap: 12px;\r\n  background-color: var(--base-white);\r\n  border: 1px solid var(--gray-300);\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n  box-sizing: border-box;\r\n\r\n  @include centerInsideContent();\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\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: var(--gray-900));\r\n\r\n    &::placeholder, &.placeholder {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    padding: 2px 0;\r\n    @include centerInsideContent();\r\n    @include modify-svg($stroke: var(--gray-400)) {\r\n      width: 20px;\r\n      height: 20px;\r\n      flex: none;\r\n    }\r\n  }\r\n}",".flexField {\n  width: 100%;\n  height: fit-content;\n  min-width: 0;\n  padding: 9px 11px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  box-sizing: border-box;\n}\n.flexField {\n  display: flex;\n  align-items: center;\n  justify-content: center;\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: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .icon {\n  padding: 2px 0;\n}\n.flexField .icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexField .icon svg * {\n  stroke: var(--gray-400);\n}\n.flexField .icon svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}","@use '@/styles' as *;\r\n\r\n.DateTimeRangeField {\r\n  width: 100%;\r\n  gap: 8px;\r\n  @include modify-flex($align-items: center);\r\n\r\n  .item {\r\n    flex: 1;\r\n    min-width: 0;\r\n  }\r\n}",".DateTimeRangeField {\n  width: 100%;\n  gap: 8px;\n}\n.DateTimeRangeField {\n  display: flex;\n  align-items: center;\n}\n.DateTimeRangeField .item {\n  flex: 1;\n  min-width: 0;\n}","@use '@/styles' as *;\r\n\r\n.SingleRangeField {\r\n  height: fit-content;\r\n  //position: relative;\r\n\r\n  .modalWindow {\r\n    position: fixed;\r\n    //transform: translateY(4px);\r\n    z-index: 10;\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n  }\r\n\r\n  &.widthFHug {\r\n    height: fit-content;\r\n  }\r\n}",".SingleRangeField {\n  height: fit-content;\n}\n.SingleRangeField .modalWindow {\n  position: fixed;\n  z-index: 10;\n}\n.SingleRangeField.widthFill {\n  width: 100%;\n}\n.SingleRangeField.widthFHug {\n  height: fit-content;\n}","@use 'base';\r\n@use 'properties';\r\n@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark() {\r\n  .checkboxMark {\r\n    transition: all ease-out 0.2s;\r\n    @include base.checkbox-mark-base();\r\n\r\n    &.checkbox {\r\n      @include properties.checkbox();\r\n    }\r\n\r\n    &.radio {\r\n      @include properties.radio();\r\n    }\r\n\r\n    &.checked {\r\n      @include properties.checked();\r\n    }\r\n\r\n    &.indeterminate {\r\n      @include properties.indeterminate();\r\n    }\r\n\r\n    &.error {\r\n      @include properties.error();\r\n    }\r\n\r\n    &.disabled {\r\n      @include properties.disabled();\r\n    }\r\n\r\n    &.correct {\r\n      &.checked {\r\n        @include properties.correct-checked();\r\n\r\n        &.disabled {\r\n          @include properties.correct-disabled();\r\n        }\r\n      }\r\n    }\r\n\r\n    &.incorrect {\r\n      &.checked {\r\n        @include properties.incorrect-checked();\r\n\r\n        &.disabled {\r\n          @include properties.incorrect-disabled();\r\n        }\r\n      }\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &.hover {\r\n        @include base.checkbox-mark-base-hover();\r\n\r\n        &.checked {\r\n          @include properties.checked-hover();\r\n        }\r\n\r\n        &.indeterminate {\r\n          @include properties.indeterminate-hover();\r\n        }\r\n\r\n        &.error {\r\n          @include properties.error-hover();\r\n        }\r\n\r\n        &.disabled {\r\n          @include properties.disabled-hover();\r\n        }\r\n\r\n        &.correct {\r\n          &.checked {\r\n            @include properties.correct-checked-hover();\r\n\r\n            &.disabled {\r\n              @include properties.correct-disabled-hover();\r\n            }\r\n          }\r\n        }\r\n\r\n        &.incorrect {\r\n          &.checked {\r\n            @include properties.incorrect-checked-hover();\r\n\r\n            &.disabled {\r\n              @include properties.incorrect-disabled-hover();\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark-base-hover() {\r\n  background-color: var(--primary-50);\r\n  border: 1px solid var(--primary-200);\r\n}\r\n\r\n@mixin checkbox-mark-base() {\r\n  width: 20px;\r\n  height: 20px;\r\n  flex: none;\r\n\r\n  background-color: var(--base-white);\r\n  border: 1px solid var(--gray-300);\r\n  box-sizing: border-box;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n\r\n  @include centerInsideContent();\r\n  @include modify-svg($stroke-width: 4) {\r\n    width: 14px;\r\n    height: 14px;\r\n    flex: none;\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      @include checkbox-mark-base-hover();\r\n    }\r\n  }\r\n}",".checkboxMark {\n  transition: all ease-out 0.2s;\n  width: 20px;\n  height: 20px;\n  flex: none;\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-sizing: border-box;\n  cursor: pointer;\n  overflow: hidden;\n}\n.checkboxMark {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.checkboxMark svg * {\n  stroke-width: 4;\n}\n.checkboxMark svg {\n  width: 14px;\n  height: 14px;\n  flex: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark:hover {\n    background-color: var(--primary-50);\n    border: 1px solid var(--primary-200);\n  }\n}\n.checkboxMark.checkbox {\n  border-radius: 6px;\n}\n.checkboxMark.radio {\n  border-radius: 50%;\n}\n.checkboxMark.radio:after {\n  display: none;\n  flex: none;\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--primary-500);\n}\n.checkboxMark.checked {\n  background-color: var(--primary-50);\n  border: 1px solid var(--primary-200);\n}\n.checkboxMark.checked svg * {\n  stroke: var(--primary-500);\n}\n.checkboxMark.checked:after {\n  display: block;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.checked:hover {\n    border: 1px solid var(--primary-400);\n  }\n}\n.checkboxMark.indeterminate {\n  background-color: var(--primary-50);\n  border: 1px solid var(--primary-200);\n}\n.checkboxMark.indeterminate svg * {\n  stroke: var(--primary-500);\n}\n.checkboxMark.indeterminate {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--primary-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.indeterminate:hover {\n    border: 1px solid var(--primary-400);\n  }\n}\n.checkboxMark.error {\n  background-color: var(--error-50);\n  border: 1px solid var(--error-200);\n}\n.checkboxMark.error svg * {\n  stroke: var(--error-500);\n}\n.checkboxMark.error {\n  color: var(--error-500);\n}\n.checkboxMark.error:after {\n  background-color: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.error:hover {\n    background-color: var(--error-50);\n    border: 1px solid var(--error-400);\n  }\n}\n.checkboxMark.disabled {\n  cursor: default;\n  background-color: var(--gray-100);\n  border: 1px solid var(--gray-300);\n}\n.checkboxMark.disabled:after {\n  background-color: var(--gray-300);\n}\n.checkboxMark.disabled svg * {\n  stroke: var(--gray-300);\n}\n.checkboxMark.disabled {\n  color: var(--gray-300);\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.disabled:hover {\n    background-color: var(--gray-100);\n    border: 1px solid var(--gray-300);\n  }\n  .checkboxMark.disabled:hover svg * {\n    stroke: var(--gray-300);\n  }\n  .checkboxMark.disabled:hover {\n    color: var(--gray-300);\n  }\n}\n.checkboxMark.correct.checked {\n  background-color: var(--primary-500);\n  border: transparent;\n}\n.checkboxMark.correct.checked {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--base-white);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.correct.checked svg * {\n  stroke: var(--base-white);\n}\n.checkboxMark.correct.checked:after {\n  display: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.correct.checked:hover {\n    background-color: var(--primary-600);\n    border: transparent;\n  }\n}\n.checkboxMark.correct.checked.disabled {\n  background-color: var(--gray-300);\n  border: transparent;\n}\n.checkboxMark.correct.checked.disabled {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--base-white);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled svg * {\n  stroke: var(--base-white);\n}\n.checkboxMark.correct.checked.disabled:after {\n  display: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.correct.checked.disabled:hover {\n    background-color: var(--gray-300);\n    border: transparent;\n  }\n}\n.checkboxMark.incorrect.checked {\n  background-color: var(--error-500);\n  border: transparent;\n}\n.checkboxMark.incorrect.checked {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--base-white);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.incorrect.checked svg * {\n  stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked:after {\n  display: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.incorrect.checked:hover {\n    background-color: var(--error-600);\n    border: transparent;\n  }\n}\n.checkboxMark.incorrect.checked.disabled {\n  background-color: var(--gray-300);\n  border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--base-white);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.incorrect.checked.disabled svg * {\n  stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked.disabled:after {\n  display: none;\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.incorrect.checked.disabled:hover {\n    background-color: var(--gray-300);\n    border: transparent;\n  }\n}\n@media only screen and (min-width: 1024px) {\n  .checkboxMark.hover {\n    background-color: var(--primary-50);\n    border: 1px solid var(--primary-200);\n  }\n  .checkboxMark.hover.checked {\n    border: 1px solid var(--primary-400);\n  }\n  .checkboxMark.hover.indeterminate {\n    border: 1px solid var(--primary-400);\n  }\n  .checkboxMark.hover.error {\n    background-color: var(--error-50);\n    border: 1px solid var(--error-400);\n  }\n  .checkboxMark.hover.disabled {\n    background-color: var(--gray-100);\n    border: 1px solid var(--gray-300);\n  }\n  .checkboxMark.hover.disabled svg * {\n    stroke: var(--gray-300);\n  }\n  .checkboxMark.hover.disabled {\n    color: var(--gray-300);\n  }\n  .checkboxMark.hover.correct.checked {\n    background-color: var(--primary-600);\n    border: transparent;\n  }\n  .checkboxMark.hover.correct.checked.disabled {\n    background-color: var(--gray-300);\n    border: transparent;\n  }\n  .checkboxMark.hover.incorrect.checked {\n    background-color: var(--error-600);\n    border: transparent;\n  }\n  .checkboxMark.hover.incorrect.checked.disabled {\n    background-color: var(--gray-300);\n    border: transparent;\n  }\n}","@mixin checkbox() {\r\n  border-radius: 6px;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin radio() {\r\n  border-radius: 50%;\r\n\r\n  &:after {\r\n    display: none;\r\n    flex: none;\r\n    content: '';\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background-color: var(--primary-500);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checked-hover() {\r\n  border: 1px solid var(--primary-400);\r\n}\r\n\r\n@mixin checked() {\r\n  background-color: var(--primary-50);\r\n  border: 1px solid var(--primary-200);\r\n\r\n  @include modify-svg($stroke: var(--primary-500));\r\n\r\n  &:after {\r\n    display: block;\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      @include checked-hover();\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin indeterminate-hover() {\r\n  border: 1px solid var(--primary-400);\r\n}\r\n\r\n@mixin indeterminate() {\r\n  background-color: var(--primary-50);\r\n  border: 1px solid var(--primary-200);\r\n\r\n  @include modify-svg($stroke: var(--primary-500));\r\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--primary-500));\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      @include indeterminate-hover();\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin error-hover() {\r\n  background-color: var(--error-50);\r\n  border: 1px solid var(--error-400);\r\n}\r\n\r\n@mixin error() {\r\n  background-color: var(--error-50);\r\n  border: 1px solid var(--error-200);\r\n\r\n  @include modify-svg($stroke: var(--error-500));\r\n  @include fnt-flex($color: var(--error-500));\r\n\r\n  &:after {\r\n    background-color: var(--error-500);\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      @include error-hover();\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin disabled-hover() {\r\n  background-color: var(--gray-100);\r\n  border: 1px solid var(--gray-300);\r\n\r\n  @include modify-svg($stroke: var(--gray-300));\r\n  @include fnt-flex($color: var(--gray-300));\r\n}\r\n\r\n@mixin disabled() {\r\n  cursor: default;\r\n\r\n  background-color: var(--gray-100);\r\n  border: 1px solid var(--gray-300);\r\n\r\n  &:after {\r\n    background-color: var(--gray-300);\r\n  }\r\n\r\n  @include modify-svg($stroke: var(--gray-300));\r\n  @include fnt-flex($color: var(--gray-300));\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      @include disabled-hover();\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin correct-checked-hover() {\r\n  background-color: var(--primary-600);\r\n\r\n  border: transparent;\r\n}\r\n\r\n@mixin correct-disabled-hover() {\r\n  background-color: var(--gray-300);\r\n\r\n  border: transparent;\r\n}\r\n\r\n@mixin correct-checked() {\r\n  background-color: var(--primary-500);\r\n\r\n  border: transparent;\r\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n  @include modify-svg($stroke: var(--base-white));\r\n\r\n  &:after {\r\n    display: none;\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      @include correct-checked-hover();\r\n    }\r\n  }\r\n}\r\n\r\n@mixin correct-disabled() {\r\n  background-color: var(--gray-300);\r\n\r\n  border: transparent;\r\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n  @include modify-svg($stroke: var(--base-white));\r\n\r\n  &:after {\r\n    display: none;\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      @include correct-disabled-hover();\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin incorrect-checked-hover() {\r\n  background-color: var(--error-600);\r\n\r\n  border: transparent;\r\n}\r\n\r\n@mixin incorrect-disabled-hover() {\r\n  background-color: var(--gray-300);\r\n\r\n  border: transparent;\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n  background-color: var(--error-500);\r\n\r\n  border: transparent;\r\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n  @include modify-svg($stroke: var(--base-white));\r\n\r\n  &:after {\r\n    display: none;\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      @include incorrect-checked-hover();\r\n    }\r\n  }\r\n}\r\n\r\n@mixin incorrect-disabled() {\r\n  background-color: var(--gray-300);\r\n\r\n  border: transparent;\r\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n  @include modify-svg($stroke: var(--base-white));\r\n\r\n  &:after {\r\n    display: none;\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      @include incorrect-disabled-hover();\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.checkbox {\r\n  width: 100%;\r\n  height: fit-content;\r\n  overflow: hidden;\r\n  gap: 8px;\r\n  flex: none;\r\n  @include modify-flex();\r\n\r\n  .textBlock {\r\n    flex: 1;\r\n    gap: 2px;\r\n    overflow: hidden;\r\n    @include modify-flex($direction: column, $align-items: start);\r\n\r\n    .text, .supportingText {\r\n      width: 100%;\r\n      text-wrap: nowrap;\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      transition: color ease-in-out 200ms;\r\n      text-align: start;\r\n    }\r\n\r\n    .text {\r\n      text-align: start;\r\n      transition: color ease-in-out 200ms;\r\n      @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n      &.textBold {\r\n        @include fnt-flex($weight: 600);\r\n      }\r\n    }\r\n\r\n    .supportingText {\r\n      text-align: start;\r\n      transition: color ease-in-out 200ms;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &.hover,\r\n      &.focus {\r\n        .text {\r\n          @include fnt-flex($color: var(--gray-900));\r\n        }\r\n\r\n        .supportingText {\r\n          @include fnt-flex($color: var(--gray-500));\r\n        }\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &.active {\r\n        .text {\r\n          @include fnt-flex($color: var(--gray-900));\r\n        }\r\n\r\n        .supportingText {\r\n          @include fnt-flex($color: var(--gray-500));\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: default;\r\n\r\n    .textBlock {\r\n      .text {\r\n        @include fnt-flex($color: var(--gray-500));\r\n      }\r\n\r\n      .supportingText {\r\n        @include fnt-flex($color: var(--gray-400));\r\n      }\r\n    }\r\n  }\r\n\r\n  &.error {\r\n    .textBlock .supportingText {\r\n      @include fnt-flex($color: var(--error-400));\r\n    }\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n  }\r\n\r\n  &.heightFill {\r\n    height: 100%;\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n  }\r\n\r\n  &.heightHug {\r\n    height: fit-content;\r\n  }\r\n}",".checkbox {\n  width: 100%;\n  height: fit-content;\n  overflow: hidden;\n  gap: 8px;\n  flex: none;\n}\n.checkbox {\n  display: flex;\n}\n.checkbox .textBlock {\n  flex: 1;\n  gap: 2px;\n  overflow: hidden;\n}\n.checkbox .textBlock {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n}\n.checkbox .textBlock .text, .checkbox .textBlock .supportingText {\n  width: 100%;\n  text-wrap: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  transition: color ease-in-out 200ms;\n  text-align: start;\n}\n.checkbox .textBlock .text {\n  text-align: start;\n  transition: color ease-in-out 200ms;\n}\n.checkbox .textBlock .text {\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkbox .textBlock .text.textBold {\n  font-weight: 600;\n}\n.checkbox .textBlock .supportingText {\n  text-align: start;\n  transition: color ease-in-out 200ms;\n}\n.checkbox .textBlock .supportingText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n  .checkbox .textBlock.hover .text, .checkbox .textBlock.focus .text {\n    color: var(--gray-900);\n  }\n  .checkbox .textBlock.hover .supportingText, .checkbox .textBlock.focus .supportingText {\n    color: var(--gray-500);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .checkbox .textBlock.active .text {\n    color: var(--gray-900);\n  }\n  .checkbox .textBlock.active .supportingText {\n    color: var(--gray-500);\n  }\n}\n.checkbox.disabled {\n  cursor: default;\n}\n.checkbox.disabled .textBlock .text {\n  color: var(--gray-500);\n}\n.checkbox.disabled .textBlock .supportingText {\n  color: var(--gray-400);\n}\n.checkbox.error .textBlock .supportingText {\n  color: var(--error-400);\n}\n.checkbox.widthFill {\n  width: 100%;\n}\n.checkbox.heightFill {\n  height: 100%;\n}\n.checkbox.widthHug {\n  width: fit-content;\n}\n.checkbox.heightHug {\n  height: fit-content;\n}","@use '@/styles' as *;\r\n@use 'mixins';\r\n\r\n.toggleBase {\r\n  transition: all ease-out 0.2s;\r\n\r\n  --toggle-theme: 'light';\r\n\r\n  @include mixins.base();\r\n\r\n  .button {\r\n    @include mixins.base-button();\r\n  }\r\n\r\n  .spacer {\r\n    transition: flex-grow ease-in-out 0.2s;\r\n    @include mixins.spacer();\r\n  }\r\n\r\n  &.active {\r\n    @include mixins.active();\r\n\r\n    .spacer {\r\n      @include mixins.active-spacer();\r\n    }\r\n  }\r\n\r\n  &.error {\r\n    @include mixins.error-base();\r\n\r\n    &.active {\r\n      @include mixins.error-active();\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    @include mixins.medium-base();\r\n\r\n    .button {\r\n      @include mixins.medium-button();\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    @include mixins.large-base();\r\n\r\n    .button {\r\n      @include mixins.large-button();\r\n    }\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:not(.disabled).hover, &:not(.disabled):hover {\r\n      @include mixins.hover();\r\n\r\n      &.error {\r\n        @include mixins.hover-error;\r\n      }\r\n\r\n      &.active {\r\n        @include mixins.hover-active();\r\n\r\n        &.error {\r\n          @include mixins.hover-active-error();\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    @include mixins.disabled-base();\r\n\r\n    @include tablet-plus {\r\n      &.hover, &:hover {\r\n        @include mixins.disabled-base();\r\n      }\r\n    }\r\n  }\r\n\r\n  // dark theme\r\n  &.dark {\r\n    @include mixins.base(\"dark\");\r\n\r\n    &.active {\r\n      @include mixins.active(\"dark\");\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &:not(.disabled).hover, &:not(.disabled):hover {\r\n        @include mixins.hover(\"dark\");\r\n\r\n        &.active {\r\n          @include mixins.hover-active(\"dark\");\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base($theme: 'light') {\r\n  border-radius: 12px;\r\n  padding: 1px;\r\n  border: 1px solid transparent;\r\n\r\n  @if $theme == 'dark' {\r\n    background-color: var(--gray-iron-500);\r\n  } @else {\r\n    background-color: var(--gray-300);\r\n  }\r\n  @include modify-flex($align-items: center);\r\n}",".toggleBase {\n  transition: all ease-out 0.2s;\n  --toggle-theme: \"light\";\n  border-radius: 12px;\n  padding: 1px;\n  border: 1px solid transparent;\n  background-color: var(--gray-300);\n}\n.toggleBase {\n  display: flex;\n  align-items: center;\n}\n.toggleBase .button {\n  flex: none;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  background-color: var(--base-white);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n}\n.toggleBase .spacer {\n  transition: flex-grow ease-in-out 0.2s;\n  flex-grow: 0;\n}\n.toggleBase.active {\n  background-color: var(--primary-500);\n}\n.toggleBase.active .spacer {\n  flex-grow: 1;\n}\n.toggleBase.error {\n  background-color: var(--error-200);\n}\n.toggleBase.error.active {\n  background-color: var(--error-500);\n}\n.toggleBase.medium {\n  width: 36px;\n  height: 20px;\n}\n.toggleBase.medium .button {\n  width: 16px;\n  height: 16px;\n}\n.toggleBase.large {\n  width: 44px;\n  height: 24px;\n}\n.toggleBase.large .button {\n  width: 20px;\n  height: 20px;\n}\n@media only screen and (min-width: 1024px) {\n  .toggleBase:not(.disabled).hover, .toggleBase:not(.disabled):hover {\n    background-color: var(--gray-400);\n  }\n  .toggleBase:not(.disabled).hover.error, .toggleBase:not(.disabled):hover.error {\n    background-color: var(--error-300);\n  }\n  .toggleBase:not(.disabled).hover.active, .toggleBase:not(.disabled):hover.active {\n    background-color: var(--primary-600);\n  }\n  .toggleBase:not(.disabled).hover.active.error, .toggleBase:not(.disabled):hover.active.error {\n    background-color: var(--error-600);\n  }\n}\n.toggleBase.disabled {\n  cursor: default;\n  pointer-events: none;\n  opacity: 0.5;\n}\n@media only screen and (min-width: 1024px) {\n  .toggleBase.disabled.hover, .toggleBase.disabled:hover {\n    cursor: default;\n    pointer-events: none;\n    opacity: 0.5;\n  }\n}\n.toggleBase.dark {\n  border-radius: 12px;\n  padding: 1px;\n  border: 1px solid transparent;\n  background-color: var(--gray-iron-500);\n}\n.toggleBase.dark {\n  display: flex;\n  align-items: center;\n}\n.toggleBase.dark.active {\n  background-color: var(--rose-500);\n}\n@media only screen and (min-width: 1024px) {\n  .toggleBase.dark:not(.disabled).hover, .toggleBase.dark:not(.disabled):hover {\n    background-color: var(--gray-iron-600);\n  }\n  .toggleBase.dark:not(.disabled).hover.active, .toggleBase.dark:not(.disabled):hover.active {\n    background-color: var(--rose-600);\n  }\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n  flex: none;\r\n  border: 1px solid transparent;\r\n  border-radius: 50%;\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin spacer() {\r\n  flex-grow: 0;\r\n}","@mixin active($theme: 'light') {\r\n  @if $theme == 'dark' {\r\n    background-color: var(--rose-500);\r\n  } @else {\r\n    background-color: var(--primary-500);\r\n  }\r\n}\r\n\r\n@mixin active-spacer() {\r\n  flex-grow: 1;\r\n}\r\n\r\n","@mixin error-base() {\r\n  background-color: var(--error-200);\r\n}\r\n\r\n@mixin error-active() {\r\n  background-color: var(--error-500);\r\n}","@mixin medium-base() {\r\n  width: 36px;\r\n  height: 20px;\r\n}\r\n\r\n@mixin medium-button() {\r\n  width: 16px;\r\n  height: 16px;\r\n}","@mixin large-base() {\r\n  width: 44px;\r\n  height: 24px;\r\n}\r\n\r\n@mixin large-button() {\r\n  width: 20px;\r\n  height: 20px;\r\n}","@mixin hover($theme: \"light\") {\r\n  @if $theme == \"light\" {\r\n    background-color: var(--gray-400);\r\n  } @else {\r\n    background-color: var(--gray-iron-600);\r\n  }\r\n}\r\n\r\n@mixin hover-active($theme: \"light\") {\r\n  @if $theme == \"light\" {\r\n    background-color: var(--primary-600);\r\n  } @else {\r\n    background-color: var(--rose-600);\r\n  }\r\n}\r\n\r\n@mixin hover-error() {\r\n  background-color: var(--error-300);\r\n}\r\n\r\n@mixin hover-active-error() {\r\n  background-color: var(--error-600);\r\n}","@mixin disabled-base() {\r\n  cursor: default;\r\n  pointer-events: none;\r\n  opacity: 0.5;\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.toggle {\r\n  flex: none;\r\n  display: flex;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n\r\n  .textBlock {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    @include modify-flex($direction: column, $justify-content: start, $align-items: start);\r\n\r\n    .text, .description {\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      transition: color ease-in-out 200ms;\r\n      text-align: start;\r\n    }\r\n\r\n    .text {\r\n      width: 100%;\r\n      text-wrap: nowrap;\r\n      gap: 6px;\r\n      @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n      @include modify-flex($align-items: center);\r\n    }\r\n\r\n    .description {\r\n      max-width: 100%;\r\n      text-wrap: wrap;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n    }\r\n  }\r\n\r\n  &.active .textBlock {\r\n    .text {\r\n      @include fnt-flex($color: var(--gray-900));\r\n    }\r\n\r\n    .description {\r\n      @include fnt-flex($color: var(--gray-500));\r\n    }\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:not(.disabled).hover .textBlock {\r\n      .text {\r\n        @include fnt-flex($color: var(--gray-900));\r\n      }\r\n\r\n      .description {\r\n        @include fnt-flex($color: var(--gray-500));\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: default;\r\n    pointer-events: none;\r\n\r\n    .textBlock {\r\n      opacity: 0.5;\r\n    }\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n  }\r\n\r\n  &.heightFill {\r\n    height: 100%;\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n  }\r\n\r\n  &.heightHug {\r\n    height: fit-content;\r\n  }\r\n\r\n  &.dark {\r\n    .text {\r\n      color: var(--gray-iron-300) !important;\r\n    }\r\n\r\n    .description {\r\n      color: var(--gray-iron-400) !important;\r\n    }\r\n\r\n    &.active .textBlock {\r\n      .text {\r\n        color: var(--gray-iron-50) !important;\r\n      }\r\n\r\n      .description {\r\n        color: var(--gray-iron-500) !important;\r\n      }\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &:not(.disabled).hover .textBlock {\r\n        .text {\r\n          color: var(--gray-iron-50) !important;\r\n        }\r\n\r\n        .description {\r\n          color: var(--gray-iron-500) !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",".toggle {\n  flex: none;\n  display: flex;\n  gap: 8px;\n  cursor: pointer;\n  overflow: hidden;\n}\n.toggle .textBlock {\n  flex: 1;\n  overflow: hidden;\n}\n.toggle .textBlock {\n  display: flex;\n  flex-direction: column;\n  justify-content: start;\n  align-items: start;\n}\n.toggle .textBlock .text, .toggle .textBlock .description {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  transition: color ease-in-out 200ms;\n  text-align: start;\n}\n.toggle .textBlock .text {\n  width: 100%;\n  text-wrap: nowrap;\n  gap: 6px;\n}\n.toggle .textBlock .text {\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.toggle .textBlock .text {\n  display: flex;\n  align-items: center;\n}\n.toggle .textBlock .description {\n  max-width: 100%;\n  text-wrap: wrap;\n}\n.toggle .textBlock .description {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.toggle.active .textBlock .text {\n  color: var(--gray-900);\n}\n.toggle.active .textBlock .description {\n  color: var(--gray-500);\n}\n@media only screen and (min-width: 1024px) {\n  .toggle:not(.disabled).hover .textBlock .text {\n    color: var(--gray-900);\n  }\n  .toggle:not(.disabled).hover .textBlock .description {\n    color: var(--gray-500);\n  }\n}\n.toggle.disabled {\n  cursor: default;\n  pointer-events: none;\n}\n.toggle.disabled .textBlock {\n  opacity: 0.5;\n}\n.toggle.widthFill {\n  width: 100%;\n}\n.toggle.heightFill {\n  height: 100%;\n}\n.toggle.widthHug {\n  width: fit-content;\n}\n.toggle.heightHug {\n  height: fit-content;\n}\n.toggle.dark .text {\n  color: var(--gray-iron-300) !important;\n}\n.toggle.dark .description {\n  color: var(--gray-iron-400) !important;\n}\n.toggle.dark.active .textBlock .text {\n  color: var(--gray-iron-50) !important;\n}\n.toggle.dark.active .textBlock .description {\n  color: var(--gray-iron-500) !important;\n}\n@media only screen and (min-width: 1024px) {\n  .toggle.dark:not(.disabled).hover .textBlock .text {\n    color: var(--gray-iron-50) !important;\n  }\n  .toggle.dark:not(.disabled).hover .textBlock .description {\n    color: var(--gray-iron-500) !important;\n  }\n}","@use \"@/styles\" as *;\r\n\r\n.cascadeBlockLabel {\r\n  gap: 2px;\r\n  @include modify-flex();\r\n  @include modify-svg($stroke: var(--gray-700)) {\r\n    width: 20px;\r\n    height: 20px;\r\n    transform: rotateX(180deg);\r\n    transition: transform ease-out 200ms;\r\n  }\r\n\r\n  &.open {\r\n    @include modify-svg() {\r\n      transform: rotateX(0);\r\n    }\r\n  }\r\n}\r\n\r\n.text {\r\n  @include fnt($size: 16, $line-height: 20, $weight: 600, $color: var(--gray-700), $family: $golos-text);\r\n}\r\n\r\n.cascadeBlock {\r\n  width: 100%;\r\n  height: fit-content;\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  .list {\r\n    padding: 8px 0 8px 16px;\r\n    gap: 8px;\r\n    @include modify-flex($direction: column);\r\n\r\n    &.hide {\r\n      display: none;\r\n    }\r\n  }\r\n}",".cascadeBlockLabel {\n  gap: 2px;\n}\n.cascadeBlockLabel {\n  display: flex;\n}\n.cascadeBlockLabel svg * {\n  stroke: var(--gray-700);\n}\n.cascadeBlockLabel svg {\n  width: 20px;\n  height: 20px;\n  transform: rotateX(180deg);\n  transition: transform ease-out 200ms;\n}\n.cascadeBlockLabel.open svg {\n  transform: rotateX(0);\n}\n\n.text {\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 600;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n\n.cascadeBlock {\n  width: 100%;\n  height: fit-content;\n  overflow: hidden;\n  position: relative;\n}\n.cascadeBlock .list {\n  padding: 8px 0 8px 16px;\n  gap: 8px;\n}\n.cascadeBlock .list {\n  display: flex;\n  flex-direction: column;\n}\n.cascadeBlock .list.hide {\n  display: none;\n}","@use '@/styles' as *;\r\n\r\n.tagCheckbox {\r\n  border-radius: 4px;\r\n  box-shadow: 0 0 0 1px var(--gray-300);\r\n  background-color: var(--base-white);\r\n  cursor: pointer;\r\n  @include centerInsideContent();\r\n  @include modify-svg($stroke: var(--base-white), $stroke-width: 3) {\r\n    opacity: 0;\r\n    transition: opacity ease-in-out 200ms;\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      box-shadow: 0 0 0 1px var(--primary-200);\r\n      background-color: var(--primary-50);\r\n    }\r\n  }\r\n\r\n  &.checked {\r\n    box-shadow: 0 0 0 1px var(--primary-500);\r\n    background-color: var(--primary-500);\r\n    @include modify-svg() {\r\n      opacity: 1;\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        box-shadow: 0 0 0 1px var(--primary-600);\r\n        background-color: var(--primary-600);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: default;\r\n    box-shadow: 0 0 0 1px var(--gray-200);\r\n    background-color: var(--gray-100);\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        box-shadow: 0 0 0 1px var(--gray-200);\r\n        background-color: var(--gray-100);\r\n      }\r\n    }\r\n\r\n    &.checked {\r\n      box-shadow: 0 0 0 1px var(--gray-200);\r\n      background-color: var(--gray-200);\r\n      @include tablet-plus {\r\n        &:hover {\r\n          box-shadow: 0 0 0 1px var(--gray-200);\r\n          background-color: var(--gray-200);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    width: 14px;\r\n    height: 14px;\r\n    @include modify-svg() {\r\n      width: 14px;\r\n      height: 14px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    width: 16px;\r\n    height: 16px;\r\n    @include modify-svg() {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    width: 18px;\r\n    height: 18px;\r\n    @include modify-svg() {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n  }\r\n}",".tagCheckbox {\n  border-radius: 4px;\n  box-shadow: 0 0 0 1px var(--gray-300);\n  background-color: var(--base-white);\n  cursor: pointer;\n}\n.tagCheckbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.tagCheckbox svg * {\n  stroke: var(--base-white);\n  stroke-width: 3;\n}\n.tagCheckbox svg {\n  opacity: 0;\n  transition: opacity ease-in-out 200ms;\n}\n@media only screen and (min-width: 1024px) {\n  .tagCheckbox:hover {\n    box-shadow: 0 0 0 1px var(--primary-200);\n    background-color: var(--primary-50);\n  }\n}\n.tagCheckbox.checked {\n  box-shadow: 0 0 0 1px var(--primary-500);\n  background-color: var(--primary-500);\n}\n.tagCheckbox.checked svg {\n  opacity: 1;\n}\n@media only screen and (min-width: 1024px) {\n  .tagCheckbox.checked:hover {\n    box-shadow: 0 0 0 1px var(--primary-600);\n    background-color: var(--primary-600);\n  }\n}\n.tagCheckbox.disabled {\n  cursor: default;\n  box-shadow: 0 0 0 1px var(--gray-200);\n  background-color: var(--gray-100);\n}\n@media only screen and (min-width: 1024px) {\n  .tagCheckbox.disabled:hover {\n    box-shadow: 0 0 0 1px var(--gray-200);\n    background-color: var(--gray-100);\n  }\n}\n.tagCheckbox.disabled.checked {\n  box-shadow: 0 0 0 1px var(--gray-200);\n  background-color: var(--gray-200);\n}\n@media only screen and (min-width: 1024px) {\n  .tagCheckbox.disabled.checked:hover {\n    box-shadow: 0 0 0 1px var(--gray-200);\n    background-color: var(--gray-200);\n  }\n}\n.tagCheckbox.small {\n  width: 14px;\n  height: 14px;\n}\n.tagCheckbox.small svg {\n  width: 14px;\n  height: 14px;\n}\n.tagCheckbox.medium {\n  width: 16px;\n  height: 16px;\n}\n.tagCheckbox.medium svg {\n  width: 16px;\n  height: 16px;\n}\n.tagCheckbox.large {\n  width: 18px;\n  height: 18px;\n}\n.tagCheckbox.large svg {\n  width: 18px;\n  height: 18px;\n}","@use '@/styles' as *;\r\n\r\n.tagCount {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  border-radius: 3px;\r\n  @include fnt-flex($color: var(--gray-700));\r\n\r\n  &.gray {\r\n    background-color: var(--gray-100);\r\n  }\r\n\r\n  &.color {\r\n    background-color: var(--primary-100);\r\n  }\r\n\r\n  &.small {\r\n    padding: 2px 4px 2px 4px;\r\n    @include fnt-flex($size: 12, $line-height: 14, $weight: 500, $family: $golos-ui);\r\n  }\r\n\r\n  &.medium {\r\n    padding: 2px 5px 2px 5px;\r\n    @include fnt-flex($size: 12, $line-height: 16, $weight: 500, $family: $golos-ui);\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 6px 0 6px;\r\n    @include fnt-flex($size: 12, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n  }\r\n}",".tagCount {\n  width: fit-content;\n  height: fit-content;\n  border-radius: 3px;\n}\n.tagCount {\n  color: var(--gray-700);\n}\n.tagCount.gray {\n  background-color: var(--gray-100);\n}\n.tagCount.color {\n  background-color: var(--primary-100);\n}\n.tagCount.small {\n  padding: 2px 4px 2px 4px;\n}\n.tagCount.small {\n  font-size: 12px;\n  line-height: 14px;\n  font-weight: 500;\n  font-family: var(--golos-ui);\n}\n.tagCount.medium {\n  padding: 2px 5px 2px 5px;\n}\n.tagCount.medium {\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 500;\n  font-family: var(--golos-ui);\n}\n.tagCount.large {\n  padding: 0 6px 0 6px;\n}\n.tagCount.large {\n  font-size: 12px;\n  line-height: 20px;\n  font-weight: 500;\n  font-family: var(--golos-ui);\n}","@use 'properties';\r\n\r\n.tag {\r\n  @include properties.base();\r\n\r\n  &:hover {\r\n    @include properties.hover();\r\n  }\r\n\r\n  &.active {\r\n    @include properties.active();\r\n\r\n    &:hover {\r\n      @include properties.active-hover();\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    @include properties.small();\r\n  }\r\n\r\n  &.medium {\r\n    @include properties.medium();\r\n  }\r\n\r\n  &.large {\r\n    @include properties.large();\r\n  }\r\n\r\n  &.clicked {\r\n    @include properties.clicked();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  gap: 3px;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--gray-300);\r\n  background-color: var(--base-white);\r\n  transition: background-color ease-out 300ms;\r\n  cursor: default;\r\n  flex-wrap: nowrap;\r\n  @include modify-flex($align-items: center);\r\n\r\n  .main {\r\n    flex-wrap: nowrap;\r\n    @include modify-flex($align-items: center);\r\n  }\r\n\r\n  .label {\r\n    text-wrap: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    @include fnt-flex($color: var(--gray-700));\r\n  }\r\n\r\n  .dotIcon {\r\n    flex: none;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: var(--success-500);\r\n  }\r\n}",".tag {\n  width: fit-content;\n  height: fit-content;\n  gap: 3px;\n  border-radius: 6px;\n  border: 1px solid var(--gray-300);\n  background-color: var(--base-white);\n  transition: background-color ease-out 300ms;\n  cursor: default;\n  flex-wrap: nowrap;\n}\n.tag {\n  display: flex;\n  align-items: center;\n}\n.tag .main {\n  flex-wrap: nowrap;\n}\n.tag .main {\n  display: flex;\n  align-items: center;\n}\n.tag .label {\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.tag .label {\n  color: var(--gray-700);\n}\n.tag .dotIcon {\n  flex: none;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: var(--success-500);\n}\n.tag:hover {\n  background-color: var(--gray-50);\n}\n.tag.active {\n  border: 1px solid var(--primary-200);\n  background-color: var(--primary-50);\n}\n.tag.active:hover {\n  border: 1px solid var(--primary-300);\n  background-color: var(--primary-100);\n}\n.tag.active:hover {\n  border: 1px solid var(--primary-300);\n  background-color: var(--primary-100);\n}\n.tag.small {\n  padding: 2px 7px;\n}\n.tag.small {\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  font-family: var(--golos-ui);\n}\n.tag.small .main {\n  gap: 4px;\n}\n.tag.small.isAction {\n  padding-right: 4px;\n}\n.tag.small.isCheckbox {\n  padding-left: 5px;\n}\n.tag.medium {\n  padding: 1px 8px;\n}\n.tag.medium {\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 500;\n  font-family: var(--golos-ui);\n}\n.tag.medium .main {\n  gap: 5px;\n}\n.tag.medium.isAction {\n  padding-right: 4px;\n}\n.tag.medium.isCheckbox {\n  padding-left: 4px;\n}\n.tag.large {\n  padding: 3px 9px;\n}\n.tag.large {\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 500;\n}\n.tag.large .main {\n  gap: 6px;\n}\n.tag.large.isAction {\n  padding-right: 4px;\n}\n.tag.large.isCheckbox {\n  padding-left: 5px;\n}\n.tag.clicked {\n  cursor: pointer;\n}","@use '@/styles' as *;\r\n\r\n@mixin hover() {\r\n  background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin active() {\r\n  border: 1px solid var(--primary-200);\r\n  background-color: var(--primary-50);\r\n\r\n  &:hover {\r\n    border: 1px solid var(--primary-300);\r\n    background-color: var(--primary-100);\r\n  }\r\n}\r\n\r\n@mixin active-hover() {\r\n  border: 1px solid var(--primary-300);\r\n  background-color: var(--primary-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n  // С учетом border\r\n  padding: 2px 7px;\r\n  @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);\r\n\r\n  .main {\r\n    gap: 4px;\r\n  }\r\n\r\n  &.isAction {\r\n    padding-right: 4px;\r\n  }\r\n\r\n  &.isCheckbox {\r\n    padding-left: 5px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin medium() {\r\n  // С учетом border\r\n  padding: 1px 8px;\r\n  @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n\r\n  .main {\r\n    gap: 5px;\r\n  }\r\n\r\n  &.isAction {\r\n    padding-right: 4px;\r\n  }\r\n\r\n  &.isCheckbox {\r\n    padding-left: 4px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin large() {\r\n  // С учетом border\r\n  padding: 3px 9px;\r\n  @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n\r\n  .main {\r\n    gap: 6px;\r\n  }\r\n\r\n  &.isAction {\r\n    padding-right: 4px;\r\n  }\r\n\r\n  &.isCheckbox {\r\n    padding-left: 5px;\r\n  }\r\n}","@mixin clicked() {\r\n  cursor: pointer;\r\n}","@use '@/styles' as *;\r\n\r\n.slideTransition {\r\n  width: fit-content;\r\n  height: fit-content;\r\n\r\n  &.hide {\r\n    height: 0;\r\n  }\r\n\r\n  &.show {\r\n    height: fit-content;\r\n  }\r\n\r\n  &.enterUp {\r\n    transform-origin: top;\r\n    animation: enterAnimation forwards ease-out 300ms;\r\n  }\r\n\r\n  &.exitUp {\r\n    transform-origin: top;\r\n    animation: exitAnimation forwards ease-out 300ms;\r\n  }\r\n\r\n  &.enterDown {\r\n    transform-origin: bottom;\r\n    animation: enterAnimation forwards ease-out 300ms;\r\n  }\r\n\r\n  &.exitDown {\r\n    transform-origin: bottom;\r\n    animation: exitAnimation forwards ease-out 300ms;\r\n  }\r\n}\r\n\r\n@keyframes enterAnimation {\r\n  from {\r\n    height: 0;\r\n  }\r\n  to {\r\n\r\n  }\r\n}\r\n\r\n@keyframes exitAnimation {\r\n  from {\r\n  }\r\n  to {\r\n    height: 0;\r\n  }\r\n}",".slideTransition {\n  width: fit-content;\n  height: fit-content;\n}\n.slideTransition.hide {\n  height: 0;\n}\n.slideTransition.show {\n  height: fit-content;\n}\n.slideTransition.enterUp {\n  transform-origin: top;\n  animation: enterAnimation forwards ease-out 300ms;\n}\n.slideTransition.exitUp {\n  transform-origin: top;\n  animation: exitAnimation forwards ease-out 300ms;\n}\n.slideTransition.enterDown {\n  transform-origin: bottom;\n  animation: enterAnimation forwards ease-out 300ms;\n}\n.slideTransition.exitDown {\n  transform-origin: bottom;\n  animation: exitAnimation forwards ease-out 300ms;\n}\n\n@keyframes enterAnimation {\n  from {\n    height: 0;\n  }\n}\n@keyframes exitAnimation {\n  to {\n    height: 0;\n  }\n}","@use '@/styles' as *;\r\n\r\n.tabFrame {\r\n  border-radius: 8px;\r\n  padding: 4px;\r\n  gap: 4px;\r\n  background-color: var(--gray-100);\r\n  @include modify-flex();\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n  }\r\n\r\n  &.dark {\r\n    background-color: var(--gray-iron-950);\r\n  }\r\n}",".tabFrame {\n  border-radius: 8px;\n  padding: 4px;\n  gap: 4px;\n  background-color: var(--gray-100);\n}\n.tabFrame {\n  display: flex;\n}\n.tabFrame.widthFill {\n  width: 100%;\n}\n.tabFrame.widthHug {\n  width: fit-content;\n}\n.tabFrame.dark {\n  background-color: var(--gray-iron-950);\n}","@use '@/styles' as *;\r\n\r\n.tabButtons {\r\n  border-radius: 6px;\r\n  // С учетом border\r\n  padding: 9px;\r\n  background-color: var(--gray-100);\r\n  cursor: pointer;\r\n  transition: all 200ms ease-out;\r\n  border: 1px solid transparent;\r\n  @include modify-flex($justify-content: center, $align-items: center);\r\n\r\n  .rightIcon {\r\n    @include modify-svg($stroke: var(--gray-700)) {\r\n      display: block;\r\n      flex: none;\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n  .leftIcon {\r\n    @include modify-svg($stroke: var(--gray-700)) {\r\n      display: block;\r\n      flex: none;\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n  .text {\r\n    width: fit-content;\r\n    padding: 0 4px;\r\n    @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-600));\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      background-color: var(--gray-200);\r\n\r\n      .text {\r\n        @include fnt-flex($color: var(--gray-700));\r\n      }\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: var(--gray-200);\r\n\r\n      .text {\r\n        @include fnt-flex($color: var(--gray-700));\r\n      }\r\n    }\r\n  }\r\n\r\n  &.active {\r\n    border: 1px solid var(--gray-300);\r\n    background-color: var(--base-white);\r\n    box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n    .rightIcon {\r\n      @include modify-svg($stroke: var(--gray-700));\r\n    }\r\n\r\n    .leftIcon {\r\n      @include modify-svg($stroke: var(--gray-700));\r\n    }\r\n\r\n    .text {\r\n      flex: none;\r\n      @include fnt-flex($color: var(--gray-800));\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--gray-50);\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--gray-50);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled, &:disabled {\r\n    border: transparent 1px solid;\r\n    box-shadow: none;\r\n    background-color: var(--gray-100);\r\n    cursor: default;\r\n\r\n    .rightIcon {\r\n      @include modify-svg($stroke: var(--gray-400));\r\n    }\r\n\r\n    .leftIcon {\r\n      @include modify-svg($stroke: var(--gray-400));\r\n    }\r\n\r\n    .text {\r\n      @include fnt-flex($color: var(--gray-400));\r\n    }\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n  }\r\n\r\n  &.heightHug {\r\n    height: fit-content;\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n  }\r\n\r\n  &.heightFill {\r\n    height: 100%;\r\n  }\r\n\r\n\r\n  // dark theme\r\n  &.dark {\r\n    background-color: var(--gray-iron-950);\r\n\r\n    .rightIcon {\r\n      @include modify-svg($stroke: var(--gray-iron-600))\r\n    }\r\n\r\n    .leftIcon {\r\n      @include modify-svg($stroke: var(--gray-iron-600))\r\n    }\r\n\r\n    .text {\r\n      @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-iron-400));\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--gray-iron-900);\r\n\r\n        .text {\r\n          @include fnt-flex($color: var(--gray-iron-200));\r\n        }\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--gray-iron-900);\r\n\r\n        .text {\r\n          @include fnt-flex($color: var(--gray-iron-200));\r\n        }\r\n\r\n        .rightIcon {\r\n          @include modify-svg($stroke: var(--gray-iron-500))\r\n        }\r\n\r\n        .leftIcon {\r\n          @include modify-svg($stroke: var(--gray-iron-500))\r\n        }\r\n      }\r\n    }\r\n\r\n    &.active {\r\n      border: 1px solid var(--gray-iron-800);\r\n      background-color: var(--gray-iron-900);\r\n      box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n      .rightIcon {\r\n        @include modify-svg($stroke: var(--gray-iron-500));\r\n      }\r\n\r\n      .leftIcon {\r\n        @include modify-svg($stroke: var(--gray-iron-500));\r\n      }\r\n\r\n      .text {\r\n        @include fnt-flex($color: var(--gray-iron-200));\r\n      }\r\n\r\n      @include tablet-plus {\r\n        &:hover {\r\n          background-color: var(--gray--iron-800);\r\n          border: 1px solid var(--gray-iron-700);\r\n        }\r\n      }\r\n\r\n      @include tablet {\r\n        &:active {\r\n          background-color: var(--gray--iron-800);\r\n        }\r\n      }\r\n    }\r\n\r\n    &.disabled, &:disabled {\r\n      background-color: var(--gray--iron-900);\r\n\r\n      .rightIcon {\r\n        @include modify-svg($stroke: var(--gray-iron-700));\r\n      }\r\n\r\n      .leftIcon {\r\n        @include modify-svg($stroke: var(--gray-iron-700));\r\n      }\r\n\r\n      .text {\r\n        @include fnt-flex($color: var(--gray-iron-600));\r\n      }\r\n    }\r\n  }\r\n}",".tabButtons {\n  border-radius: 6px;\n  padding: 9px;\n  background-color: var(--gray-100);\n  cursor: pointer;\n  transition: all 200ms ease-out;\n  border: 1px solid transparent;\n}\n.tabButtons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.tabButtons .rightIcon svg * {\n  stroke: var(--gray-700);\n}\n.tabButtons .rightIcon svg {\n  display: block;\n  flex: none;\n  width: 16px;\n  height: 16px;\n}\n.tabButtons .leftIcon svg * {\n  stroke: var(--gray-700);\n}\n.tabButtons .leftIcon svg {\n  display: block;\n  flex: none;\n  width: 16px;\n  height: 16px;\n}\n.tabButtons .text {\n  width: fit-content;\n  padding: 0 4px;\n}\n.tabButtons .text {\n  font-size: 14px;\n  line-height: 16px;\n  color: var(--gray-600);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n  .tabButtons:hover {\n    background-color: var(--gray-200);\n  }\n  .tabButtons:hover .text {\n    color: var(--gray-700);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .tabButtons:active {\n    background-color: var(--gray-200);\n  }\n  .tabButtons:active .text {\n    color: var(--gray-700);\n  }\n}\n.tabButtons.active {\n  border: 1px solid var(--gray-300);\n  background-color: var(--base-white);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.tabButtons.active .rightIcon svg * {\n  stroke: var(--gray-700);\n}\n.tabButtons.active .leftIcon svg * {\n  stroke: var(--gray-700);\n}\n.tabButtons.active .text {\n  flex: none;\n}\n.tabButtons.active .text {\n  color: var(--gray-800);\n}\n@media only screen and (min-width: 1024px) {\n  .tabButtons.active:hover {\n    background-color: var(--gray-50);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .tabButtons.active:active {\n    background-color: var(--gray-50);\n  }\n}\n.tabButtons.disabled, .tabButtons:disabled {\n  border: transparent 1px solid;\n  box-shadow: none;\n  background-color: var(--gray-100);\n  cursor: default;\n}\n.tabButtons.disabled .rightIcon svg *, .tabButtons:disabled .rightIcon svg * {\n  stroke: var(--gray-400);\n}\n.tabButtons.disabled .leftIcon svg *, .tabButtons:disabled .leftIcon svg * {\n  stroke: var(--gray-400);\n}\n.tabButtons.disabled .text, .tabButtons:disabled .text {\n  color: var(--gray-400);\n}\n.tabButtons.widthHug {\n  width: fit-content;\n}\n.tabButtons.heightHug {\n  height: fit-content;\n}\n.tabButtons.widthFill {\n  width: 100%;\n}\n.tabButtons.heightFill {\n  height: 100%;\n}\n.tabButtons.dark {\n  background-color: var(--gray-iron-950);\n}\n.tabButtons.dark .rightIcon svg * {\n  stroke: var(--gray-iron-600);\n}\n.tabButtons.dark .leftIcon svg * {\n  stroke: var(--gray-iron-600);\n}\n.tabButtons.dark .text {\n  font-size: 14px;\n  line-height: 16px;\n  color: var(--gray-iron-400);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n  .tabButtons.dark:hover {\n    background-color: var(--gray-iron-900);\n  }\n  .tabButtons.dark:hover .text {\n    color: var(--gray-iron-200);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .tabButtons.dark:active {\n    background-color: var(--gray-iron-900);\n  }\n  .tabButtons.dark:active .text {\n    color: var(--gray-iron-200);\n  }\n  .tabButtons.dark:active .rightIcon svg * {\n    stroke: var(--gray-iron-500);\n  }\n  .tabButtons.dark:active .leftIcon svg * {\n    stroke: var(--gray-iron-500);\n  }\n}\n.tabButtons.dark.active {\n  border: 1px solid var(--gray-iron-800);\n  background-color: var(--gray-iron-900);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.tabButtons.dark.active .rightIcon svg * {\n  stroke: var(--gray-iron-500);\n}\n.tabButtons.dark.active .leftIcon svg * {\n  stroke: var(--gray-iron-500);\n}\n.tabButtons.dark.active .text {\n  color: var(--gray-iron-200);\n}\n@media only screen and (min-width: 1024px) {\n  .tabButtons.dark.active:hover {\n    background-color: var(--gray--iron-800);\n    border: 1px solid var(--gray-iron-700);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .tabButtons.dark.active:active {\n    background-color: var(--gray--iron-800);\n  }\n}\n.tabButtons.dark.disabled, .tabButtons.dark:disabled {\n  background-color: var(--gray--iron-900);\n}\n.tabButtons.dark.disabled .rightIcon svg *, .tabButtons.dark:disabled .rightIcon svg * {\n  stroke: var(--gray-iron-700);\n}\n.tabButtons.dark.disabled .leftIcon svg *, .tabButtons.dark:disabled .leftIcon svg * {\n  stroke: var(--gray-iron-700);\n}\n.tabButtons.dark.disabled .text, .tabButtons.dark:disabled .text {\n  color: var(--gray-iron-600);\n}","@use '@/styles' as *;\r\n\r\n.pageSwitcher {\r\n  width: 100%;\r\n  height: fit-content;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 16px 0 0 0;\r\n\r\n  .arrowButtons {\r\n    width: fit-content;\r\n    height: fit-content;\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n\r\n    @include changeSvg($flex: none, $stroke: var(--gray-600), $width: 20, $height: 20);\r\n    @include fnt($size: 14, $line-height: 20, $weight: 600, $color: var(--gray-600));\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        color: var(--gray-700);\r\n        @include changeSvg($stroke: var(--gray-700));\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      color: var(--gray-600);\r\n      @include changeSvg($stroke: var(--gray-600));\r\n    }\r\n\r\n    &:disabled {\r\n      color: var(--gray-300);\r\n      @include changeSvg($stroke: var(--gray-300));\r\n    }\r\n  }\r\n\r\n  .buttonsList {\r\n    width: fit-content;\r\n    height: fit-content;\r\n\r\n    display: flex;\r\n    gap: 2px;\r\n\r\n    .plug {\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 8px;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n      @include centerInsideContent();\r\n    }\r\n\r\n    .numberButton {\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 8px;\r\n      transition: all linear 200ms;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n      @include centerInsideContent();\r\n\r\n      @include tablet-plus {\r\n        &:hover {\r\n          color: var(--gray-800);\r\n          background-color: var(--gray-100);\r\n        }\r\n      }\r\n\r\n      &.active {\r\n        color: var(--gray-800);\r\n        background-color: var(--gray-100);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.smallVersion {\r\n    justify-content: space-between;\r\n  }\r\n\r\n\r\n  // dark theme\r\n  &.dark {\r\n    .buttonsList {\r\n      .plug {\r\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-500));\r\n      }\r\n\r\n      .numberButton {\r\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-500));\r\n\r\n        @include tablet-plus {\r\n          &:hover {\r\n            color: var(--gray-iron-400);\r\n            background-color: var(--gray-iron-800);\r\n          }\r\n        }\r\n\r\n        &.active {\r\n          color: var(--gray-iron-400);\r\n          background-color: var(--gray-iron-800);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",".pageSwitcher {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  padding: 16px 0 0 0;\n}\n.pageSwitcher .arrowButtons {\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.pageSwitcher .arrowButtons svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.pageSwitcher .arrowButtons svg * {\n  stroke: var(--gray-600);\n}\n.pageSwitcher .arrowButtons {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-600);\n  font-weight: 600;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n  .pageSwitcher .arrowButtons:hover {\n    color: var(--gray-700);\n  }\n  .pageSwitcher .arrowButtons:hover svg * {\n    stroke: var(--gray-700);\n  }\n}\n.pageSwitcher .arrowButtons:focus {\n  color: var(--gray-600);\n}\n.pageSwitcher .arrowButtons:focus svg * {\n  stroke: var(--gray-600);\n}\n.pageSwitcher .arrowButtons:disabled {\n  color: var(--gray-300);\n}\n.pageSwitcher .arrowButtons:disabled svg * {\n  stroke: var(--gray-300);\n}\n.pageSwitcher .buttonsList {\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  gap: 2px;\n}\n.pageSwitcher .buttonsList .plug {\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n}\n.pageSwitcher .buttonsList .plug {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-600);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.pageSwitcher .buttonsList .plug {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.pageSwitcher .buttonsList .numberButton {\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  transition: all linear 200ms;\n}\n.pageSwitcher .buttonsList .numberButton {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-600);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.pageSwitcher .buttonsList .numberButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n@media only screen and (min-width: 1024px) {\n  .pageSwitcher .buttonsList .numberButton:hover {\n    color: var(--gray-800);\n    background-color: var(--gray-100);\n  }\n}\n.pageSwitcher .buttonsList .numberButton.active {\n  color: var(--gray-800);\n  background-color: var(--gray-100);\n}\n.pageSwitcher.smallVersion {\n  justify-content: space-between;\n}\n.pageSwitcher.dark .buttonsList .plug {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.pageSwitcher.dark .buttonsList .numberButton {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n  .pageSwitcher.dark .buttonsList .numberButton:hover {\n    color: var(--gray-iron-400);\n    background-color: var(--gray-iron-800);\n  }\n}\n.pageSwitcher.dark .buttonsList .numberButton.active {\n  color: var(--gray-iron-400);\n  background-color: var(--gray-iron-800);\n}",".paginationBar {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}",".paginationBar {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}","@use '@/styles' as *;\r\n\r\n.userPick, .userPickPlaceholder {\r\n  border-radius: 50%;\r\n  object-fit: cover;\r\n  overflow: hidden;\r\n}\r\n\r\n.userPickPlaceholder {\r\n  background-color: var(--gray-300);\r\n  @include modify-svg($fill: var(--gray-400)) {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}",".userPick, .userPickPlaceholder {\n  border-radius: 50%;\n  object-fit: cover;\n  overflow: hidden;\n}\n\n.userPickPlaceholder {\n  background-color: var(--gray-300);\n}\n.userPickPlaceholder svg * {\n  fill: var(--gray-400);\n}\n.userPickPlaceholder svg {\n  width: 100%;\n  height: 100%;\n}","@use '@/styles' as *;\r\n\r\n.dropdownItem {\r\n  flex: none;\r\n  height: fit-content;\r\n  gap: 6px;\r\n  transition: background-color ease-out 300ms;\r\n  overflow: hidden;\r\n  @include modify-flex($align-items: center);\r\n\r\n  .showIcon {\r\n    @include centerInsideContent();\r\n    @include modify-svg($stroke: var(--gray-400)) {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  .main {\r\n    flex: 1;\r\n    gap: 6px;\r\n    overflow: hidden;\r\n    @include modify-flex($align-items: center);\r\n\r\n    .text, .supportText {\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      text-wrap: nowrap;\r\n      text-align: start;\r\n      transition: color ease-in-out 200ms;\r\n    }\r\n\r\n    .text {\r\n      @include fnt-flex($color: var(--gray-900));\r\n    }\r\n\r\n    .supportText {\r\n      @include fnt-flex($color: var(--gray-400));\r\n    }\r\n\r\n    .textVisible {\r\n      text-wrap: balance;\r\n      text-overflow: unset;\r\n      overflow: unset;\r\n    }\r\n  }\r\n\r\n  .check {\r\n    opacity: 0;\r\n    transition: opacity ease-out 200ms;\r\n    @include centerInsideContent();\r\n    @include modify-svg($stroke: var(--primary-500)) {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    & {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      background-color: var(--gray-100);\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: var(--gray-100);\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    background-color: var(--primary-50);\r\n\r\n    .check {\r\n      display: flex;\r\n      opacity: 1;\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--primary-100);\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--primary-100);\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.disabled {\r\n    cursor: default;\r\n    pointer-events: none;\r\n\r\n    .showIcon {\r\n      @include modify-svg($stroke: var(--gray-300));\r\n    }\r\n\r\n    .main .supportText, .main .text {\r\n      @include fnt-flex($color: var(--gray-300));\r\n    }\r\n\r\n    .userIcon {\r\n      opacity: 45%;\r\n    }\r\n\r\n    .check {\r\n      @include modify-svg($stroke: var(--gray-300));\r\n    }\r\n\r\n    &.selected {\r\n      background-color: var(--gray-25);\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    padding: 8px 8px 8px 16px;\r\n\r\n    .text {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n    }\r\n\r\n    .supportText {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 10px 10px 10px 16px;\r\n\r\n    .text {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n    }\r\n\r\n    .supportText {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n    }\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n  }\r\n}\r\n\r\n\r\n// dark theme\r\n.dark {\r\n  .showIcon {\r\n    @include modify-svg($stroke: var(--gray-iron-500))\r\n  }\r\n\r\n  .main {\r\n    .text {\r\n      color: var(--gray-iron-200);\r\n    }\r\n\r\n    .supportText {\r\n      color: var(--gray-iron-500);\r\n    }\r\n  }\r\n\r\n  .check {\r\n    @include modify-svg($stroke: var(--rose-500))\r\n  }\r\n\r\n  @include tablet-plus {\r\n    &:hover {\r\n      background-color: var(--gray-iron-800);\r\n    }\r\n  }\r\n\r\n  @include tablet {\r\n    &:active {\r\n      background-color: var(--gray-iron-800);\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    background-color: var(--rose-950);\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--rose-900);\r\n      }\r\n    }\r\n\r\n    @include tablet {\r\n      &:active {\r\n        background-color: var(--rose-900);\r\n      }\r\n    }\r\n\r\n    .showIcon {\r\n      @include modify-svg($stroke: var(--rose-600))\r\n    }\r\n\r\n    .main {\r\n      .supportText {\r\n        color: var(--rose-600);\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled, &.disabled {\r\n    cursor: default;\r\n    pointer-events: none;\r\n    opacity: 0.5;\r\n\r\n    .showIcon {\r\n      @include modify-svg($stroke: var(--rose-600));\r\n    }\r\n\r\n    .main .text {\r\n      @include fnt-flex($color: var(--gray-iron-200));\r\n    }\r\n\r\n    .userIcon {\r\n      opacity: 1;\r\n    }\r\n\r\n    .main .supportText, {\r\n      @include fnt-flex($color: var(--gray-iron-200));\r\n    }\r\n\r\n    .check {\r\n      @include modify-svg($stroke: var(--rose-600));\r\n    }\r\n\r\n    &.selected {\r\n      background-color: var(--rose-950);\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    padding: 8px 8px 8px 16px;\r\n\r\n    .text {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-200));\r\n    }\r\n\r\n    .supportText {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 10px 10px 10px 16px;\r\n\r\n    .text {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-200));\r\n    }\r\n\r\n    .supportText {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n  }\r\n}",".dropdownItem {\n  flex: none;\n  height: fit-content;\n  gap: 6px;\n  transition: background-color ease-out 300ms;\n  overflow: hidden;\n}\n.dropdownItem {\n  display: flex;\n  align-items: center;\n}\n.dropdownItem .showIcon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.dropdownItem .showIcon svg * {\n  stroke: var(--gray-400);\n}\n.dropdownItem .showIcon svg {\n  width: 20px;\n  height: 20px;\n}\n.dropdownItem .main {\n  flex: 1;\n  gap: 6px;\n  overflow: hidden;\n}\n.dropdownItem .main {\n  display: flex;\n  align-items: center;\n}\n.dropdownItem .main .text, .dropdownItem .main .supportText {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-wrap: nowrap;\n  text-align: start;\n  transition: color ease-in-out 200ms;\n}\n.dropdownItem .main .text {\n  color: var(--gray-900);\n}\n.dropdownItem .main .supportText {\n  color: var(--gray-400);\n}\n.dropdownItem .main .textVisible {\n  text-wrap: balance;\n  text-overflow: unset;\n  overflow: unset;\n}\n.dropdownItem .check {\n  opacity: 0;\n  transition: opacity ease-out 200ms;\n}\n.dropdownItem .check {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.dropdownItem .check svg * {\n  stroke: var(--primary-500);\n}\n.dropdownItem .check svg {\n  width: 20px;\n  height: 20px;\n}\n.dropdownItem .check {\n  display: none;\n}\n@media only screen and (min-width: 1024px) {\n  .dropdownItem:hover {\n    background-color: var(--gray-100);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .dropdownItem:active {\n    background-color: var(--gray-100);\n  }\n}\n.dropdownItem.selected {\n  background-color: var(--primary-50);\n}\n.dropdownItem.selected .check {\n  display: flex;\n  opacity: 1;\n}\n@media only screen and (min-width: 1024px) {\n  .dropdownItem.selected:hover {\n    background-color: var(--primary-100);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .dropdownItem.selected:active {\n    background-color: var(--primary-100);\n  }\n}\n.dropdownItem:disabled, .dropdownItem.disabled {\n  cursor: default;\n  pointer-events: none;\n}\n.dropdownItem:disabled .showIcon svg *, .dropdownItem.disabled .showIcon svg * {\n  stroke: var(--gray-300);\n}\n.dropdownItem:disabled .main .supportText, .dropdownItem:disabled .main .text, .dropdownItem.disabled .main .supportText, .dropdownItem.disabled .main .text {\n  color: var(--gray-300);\n}\n.dropdownItem:disabled .userIcon, .dropdownItem.disabled .userIcon {\n  opacity: 45%;\n}\n.dropdownItem:disabled .check svg *, .dropdownItem.disabled .check svg * {\n  stroke: var(--gray-300);\n}\n.dropdownItem:disabled.selected, .dropdownItem.disabled.selected {\n  background-color: var(--gray-25);\n}\n.dropdownItem.small {\n  padding: 8px 8px 8px 16px;\n}\n.dropdownItem.small .text {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.dropdownItem.small .supportText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.dropdownItem.medium {\n  padding: 10px 10px 10px 16px;\n}\n.dropdownItem.medium .text {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.dropdownItem.medium .supportText {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.dropdownItem.widthFill {\n  width: 100%;\n}\n.dropdownItem.widthHug {\n  width: fit-content;\n}\n\n.dark .showIcon svg * {\n  stroke: var(--gray-iron-500);\n}\n.dark .main .text {\n  color: var(--gray-iron-200);\n}\n.dark .main .supportText {\n  color: var(--gray-iron-500);\n}\n.dark .check svg * {\n  stroke: var(--rose-500);\n}\n@media only screen and (min-width: 1024px) {\n  .dark:hover {\n    background-color: var(--gray-iron-800);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .dark:active {\n    background-color: var(--gray-iron-800);\n  }\n}\n.dark.selected {\n  background-color: var(--rose-950);\n}\n@media only screen and (min-width: 1024px) {\n  .dark.selected:hover {\n    background-color: var(--rose-900);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .dark.selected:active {\n    background-color: var(--rose-900);\n  }\n}\n.dark.selected .showIcon svg * {\n  stroke: var(--rose-600);\n}\n.dark.selected .main .supportText {\n  color: var(--rose-600);\n}\n.dark:disabled, .dark.disabled {\n  cursor: default;\n  pointer-events: none;\n  opacity: 0.5;\n}\n.dark:disabled .showIcon svg *, .dark.disabled .showIcon svg * {\n  stroke: var(--rose-600);\n}\n.dark:disabled .main .text, .dark.disabled .main .text {\n  color: var(--gray-iron-200);\n}\n.dark:disabled .userIcon, .dark.disabled .userIcon {\n  opacity: 1;\n}\n.dark:disabled .main .supportText, .dark.disabled .main .supportText {\n  color: var(--gray-iron-200);\n}\n.dark:disabled .check svg *, .dark.disabled .check svg * {\n  stroke: var(--rose-600);\n}\n.dark:disabled.selected, .dark.disabled.selected {\n  background-color: var(--rose-950);\n}\n.dark.small {\n  padding: 8px 8px 8px 16px;\n}\n.dark.small .text {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-200);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.dark.small .supportText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.dark.medium {\n  padding: 10px 10px 10px 16px;\n}\n.dark.medium .text {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-200);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.dark.medium .supportText {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.dark.widthFill {\n  width: 100%;\n}\n.dark.widthHug {\n  width: fit-content;\n}","@use '@/styles' as *;\r\n\r\n.LoadingIndicator {\r\n  @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n  .icon {\r\n    animation: spinner-animation linear 1000ms infinite;\r\n    @include centerInsideContent();\r\n  }\r\n\r\n  .text {\r\n    text-wrap: nowrap;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n  }\r\n\r\n  &.lineSimple {\r\n    .icon {\r\n      @include modify-svg() {\r\n        path:first-child {\r\n          stroke: var(--gray-300);\r\n        }\r\n        path:last-child {\r\n          stroke: var(--primary-500);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.lineSpinner {\r\n    .icon {\r\n      @include modify-svg() {\r\n        path:first-child {\r\n          stroke: var(--gray-300);\r\n        }\r\n        path:last-child {\r\n          stroke: var(--primary-500);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dotCircle {\r\n  }\r\n\r\n  &.small {\r\n    gap: 16px;\r\n    @include modify-svg() {\r\n      width: 32px;\r\n      height: 32px;\r\n    }\r\n\r\n    .text {\r\n      @include fnt-flex($size: 14, $line-height: 20);\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 16px;\r\n    @include modify-svg() {\r\n      width: 48px;\r\n      height: 48px;\r\n    }\r\n\r\n    .text {\r\n      @include fnt-flex($size: 14, $line-height: 20);\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    gap: 16px;\r\n    @include modify-svg() {\r\n      width: 56px;\r\n      height: 56px;\r\n    }\r\n\r\n    .text {\r\n      @include fnt-flex($size: 18, $line-height: 28);\r\n    }\r\n  }\r\n\r\n  &.ultra {\r\n    gap: 20px;\r\n    @include modify-svg() {\r\n      width: 64px;\r\n      height: 64px;\r\n    }\r\n\r\n    .text {\r\n      @include fnt-flex($size: 18, $line-height: 28);\r\n    }\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\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  }\r\n\r\n  &.heightHug {\r\n    height: fit-content;\r\n  }\r\n}\r\n\r\n@keyframes spinner-animation {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}",".LoadingIndicator {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.LoadingIndicator .icon {\n  animation: spinner-animation linear 1000ms infinite;\n}\n.LoadingIndicator .icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.LoadingIndicator .text {\n  text-wrap: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.LoadingIndicator .text {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.LoadingIndicator.lineSimple .icon svg path:first-child {\n  stroke: var(--gray-300);\n}\n.LoadingIndicator.lineSimple .icon svg path:last-child {\n  stroke: var(--primary-500);\n}\n.LoadingIndicator.lineSpinner .icon svg path:first-child {\n  stroke: var(--gray-300);\n}\n.LoadingIndicator.lineSpinner .icon svg path:last-child {\n  stroke: var(--primary-500);\n}\n.LoadingIndicator.small {\n  gap: 16px;\n}\n.LoadingIndicator.small svg {\n  width: 32px;\n  height: 32px;\n}\n.LoadingIndicator.small .text {\n  font-size: 14px;\n  line-height: 20px;\n}\n.LoadingIndicator.medium {\n  gap: 16px;\n}\n.LoadingIndicator.medium svg {\n  width: 48px;\n  height: 48px;\n}\n.LoadingIndicator.medium .text {\n  font-size: 14px;\n  line-height: 20px;\n}\n.LoadingIndicator.large {\n  gap: 16px;\n}\n.LoadingIndicator.large svg {\n  width: 56px;\n  height: 56px;\n}\n.LoadingIndicator.large .text {\n  font-size: 18px;\n  line-height: 28px;\n}\n.LoadingIndicator.ultra {\n  gap: 20px;\n}\n.LoadingIndicator.ultra svg {\n  width: 64px;\n  height: 64px;\n}\n.LoadingIndicator.ultra .text {\n  font-size: 18px;\n  line-height: 28px;\n}\n.LoadingIndicator.widthFill {\n  width: 100%;\n}\n.LoadingIndicator.widthHug {\n  width: fit-content;\n}\n.LoadingIndicator.heightFill {\n  height: 100%;\n}\n.LoadingIndicator.heightHug {\n  height: fit-content;\n}\n\n@keyframes spinner-animation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}","@use '@/styles' as *;\r\n\r\n.controlBar {\r\n  width: fit-content;\r\n  gap: 24px;\r\n  @include modify-flex($align-items: center);\r\n}",".controlBar {\n  width: fit-content;\n  gap: 24px;\n}\n.controlBar {\n  display: flex;\n  align-items: center;\n}","@use '@/styles' as *;\r\n\r\n.videoProgressBar {\r\n  width: 100%;\r\n  height: 8px;\r\n  background-color: #00000066;\r\n  position: relative;\r\n  cursor: pointer;\r\n\r\n  .progressBar {\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    background-color: var(--primary-400);\r\n  }\r\n\r\n  &:not(.dragging) {\r\n    .progressBar {\r\n      transition: width linear 0.2s;\r\n    }\r\n  }\r\n\r\n  &.dragging {\r\n    .progressBar {\r\n      transition: none;\r\n    }\r\n  }\r\n}",".videoProgressBar {\n  width: 100%;\n  height: 8px;\n  background-color: rgba(0, 0, 0, 0.4);\n  position: relative;\n  cursor: pointer;\n}\n.videoProgressBar .progressBar {\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: var(--primary-400);\n}\n.videoProgressBar:not(.dragging) .progressBar {\n  transition: width linear 0.2s;\n}\n.videoProgressBar.dragging .progressBar {\n  transition: none;\n}","@use '@/styles' as *;\r\n\r\n.VideoViewer {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n  @include centerInsideContent();\r\n\r\n  .loader {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    &.hide {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .timer {\r\n    position: absolute;\r\n    top: 24px;\r\n    right: 24px;\r\n\r\n    width: fit-content;\r\n    height: fit-content;\r\n    border-radius: 16px;\r\n    padding: 4px 12px;\r\n    background-color: #00000066;\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: #FFFFFFCC);\r\n  }\r\n\r\n  .progressBar {\r\n    width: 100%;\r\n    height: fit-content;\r\n    position: absolute;\r\n    bottom: 0;\r\n  }\r\n\r\n  .actions {\r\n    width: 100%;\r\n    height: fit-content;\r\n    position: absolute;\r\n    bottom: 32px;\r\n    padding: 0 20px;\r\n    @include modify-flex($justify-content: space-between);\r\n  }\r\n\r\n  .content {\r\n    flex: none;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: scale-down;\r\n  }\r\n\r\n  .playButton {\r\n    opacity: 0;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    z-index: 1;\r\n    transform: translate(-50%, -50%);\r\n    cursor: default;\r\n    @include centerInsideContent();\r\n\r\n    &:not(.show) {\r\n      display: none;\r\n    }\r\n\r\n    &.show {\r\n      cursor: pointer;\r\n      animation: appearance ease-out 200ms forwards;\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes appearance {\r\n  0% {\r\n    display: flex;\r\n  }\r\n  1% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}",".VideoViewer {\n  width: fit-content;\n  height: fit-content;\n  max-width: 100%;\n  max-height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.VideoViewer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.VideoViewer .loader {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.VideoViewer .loader.hide {\n  display: none;\n}\n.VideoViewer .timer {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  width: fit-content;\n  height: fit-content;\n  border-radius: 16px;\n  padding: 4px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n}\n.VideoViewer .timer {\n  font-size: 16px;\n  line-height: 24px;\n  color: rgba(255, 255, 255, 0.8);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.VideoViewer .progressBar {\n  width: 100%;\n  height: fit-content;\n  position: absolute;\n  bottom: 0;\n}\n.VideoViewer .actions {\n  width: 100%;\n  height: fit-content;\n  position: absolute;\n  bottom: 32px;\n  padding: 0 20px;\n}\n.VideoViewer .actions {\n  display: flex;\n  justify-content: space-between;\n}\n.VideoViewer .content {\n  flex: none;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: scale-down;\n}\n.VideoViewer .playButton {\n  opacity: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 1;\n  transform: translate(-50%, -50%);\n  cursor: default;\n}\n.VideoViewer .playButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.VideoViewer .playButton:not(.show) {\n  display: none;\n}\n.VideoViewer .playButton.show {\n  cursor: pointer;\n  animation: appearance ease-out 200ms forwards;\n}\n\n@keyframes appearance {\n  0% {\n    display: flex;\n  }\n  1% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}","@use '@/styles' as *;\r\n\r\n.ImageViewer {\r\n  width: fit-content;\r\n  max-width: 100%;\r\n  height: 100%;\r\n  object-fit: scale-down;\r\n}",".ImageViewer {\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n}","@use '@/styles' as *;\r\n\r\n.MediaViewer {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n  background-color: var(--base-white);\r\n  @include modify-flex($justify-content: center);\r\n\r\n  .content {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    .track {\r\n      height: 100%;\r\n\r\n      .el {\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n        @include centerInsideContent;\r\n      }\r\n    }\r\n  }\r\n\r\n  .control {\r\n    width: fit-content;\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 32px;\r\n    transform: translateX(-50%);\r\n  }\r\n}",".MediaViewer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background-color: var(--base-white);\n}\n.MediaViewer {\n  display: flex;\n  justify-content: center;\n}\n.MediaViewer .content {\n  width: 100%;\n  height: 100%;\n}\n.MediaViewer .content .track {\n  height: 100%;\n}\n.MediaViewer .content .track .el {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.MediaViewer .content .track .el {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.MediaViewer .control {\n  width: fit-content;\n  position: absolute;\n  left: 50%;\n  bottom: 32px;\n  transform: translateX(-50%);\n}","@use '@/styles' as *;\r\n\r\n.PlayButton {\r\n  border: 1px solid transparent;\r\n  border-radius: 50%;\r\n  transition: background-color ease-out 300ms;\r\n  @include centerInsideContent();\r\n\r\n  @include modify-svg($fill: var(--base-white)) {\r\n    flex: none;\r\n  }\r\n\r\n  &.default {\r\n    width: 48px;\r\n    height: 48px;\r\n    padding: 12px 10px 12px 16px;\r\n\r\n    @include modify-svg() {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    &.stop {\r\n      padding: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    width: 96px;\r\n    height: 96px;\r\n    padding: 24px 22px 24px 34px;\r\n\r\n    @include modify-svg() {\r\n      width: 48px;\r\n      height: 48px;\r\n    }\r\n\r\n    &.stop {\r\n      padding: 24px;\r\n    }\r\n  }\r\n\r\n  &.light {\r\n    width: 24px;\r\n    height: 24px;\r\n    padding: 6px 4px 6px 7px;\r\n    background-color: var(--gray-400);\r\n\r\n    @include modify-svg() {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n\r\n    &.stop {\r\n      padding: 8px;\r\n      @include modify-svg() {\r\n        width: 8px;\r\n        height: 8px;\r\n      }\r\n    }\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: var(--primary-400);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dark {\r\n    background-color: #00000066;\r\n\r\n    @include tablet-plus {\r\n      &:hover {\r\n        background-color: #000000CC;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    cursor: pointer;\r\n  }\r\n}",".PlayButton {\n  border: 1px solid transparent;\n  border-radius: 50%;\n  transition: background-color ease-out 300ms;\n}\n.PlayButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.PlayButton svg * {\n  fill: var(--base-white);\n}\n.PlayButton svg {\n  flex: none;\n}\n.PlayButton.default {\n  width: 48px;\n  height: 48px;\n  padding: 12px 10px 12px 16px;\n}\n.PlayButton.default svg {\n  width: 24px;\n  height: 24px;\n}\n.PlayButton.default.stop {\n  padding: 12px;\n}\n.PlayButton.large {\n  width: 96px;\n  height: 96px;\n  padding: 24px 22px 24px 34px;\n}\n.PlayButton.large svg {\n  width: 48px;\n  height: 48px;\n}\n.PlayButton.large.stop {\n  padding: 24px;\n}\n.PlayButton.light {\n  width: 24px;\n  height: 24px;\n  padding: 6px 4px 6px 7px;\n  background-color: var(--gray-400);\n}\n.PlayButton.light svg {\n  width: 12px;\n  height: 12px;\n}\n.PlayButton.light.stop {\n  padding: 8px;\n}\n.PlayButton.light.stop svg {\n  width: 8px;\n  height: 8px;\n}\n@media only screen and (min-width: 1024px) {\n  .PlayButton.light:hover {\n    background-color: var(--primary-400);\n  }\n}\n.PlayButton.dark {\n  background-color: rgba(0, 0, 0, 0.4);\n}\n@media only screen and (min-width: 1024px) {\n  .PlayButton.dark:hover {\n    background-color: rgba(0, 0, 0, 0.8);\n  }\n}\n.PlayButton:disabled {\n  cursor: pointer;\n}","@use '@/styles' as *;\r\n\r\n.CalendarDayWrapper {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  position: relative;\r\n  @include centerInsideContent;\r\n\r\n  .CalendarDay {\r\n    flex: none;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 8px;\r\n    transition: background-color ease-out 300ms;\r\n    z-index: 1;\r\n    position: relative;\r\n    cursor: pointer;\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;\r\n      @include centerInsideContent();\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: var(--primary-400);\r\n      }\r\n    }\r\n\r\n    .text, .info {\r\n      width: 100%;\r\n      height: fit-content;\r\n      text-align: center;\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      @include centerInsideContent();\r\n    }\r\n\r\n    .text {\r\n      flex: 1;\r\n      @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n    }\r\n\r\n    .info {\r\n      height: 12px;\r\n      padding: 0 0 2px 0;\r\n      @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-400));\r\n    }\r\n\r\n    & {\r\n      background-color: var(--base-white);\r\n\r\n      @include tablet-plus {\r\n        &:hover {\r\n          background-color: var(--gray-100);\r\n        }\r\n      }\r\n\r\n      @include tablet {\r\n        &:active {\r\n          background-color: var(--gray-100);\r\n        }\r\n      }\r\n    }\r\n\r\n    &.currentDay {\r\n      background-color: var(--primary-50);\r\n\r\n      @include tablet-plus {\r\n        &:hover {\r\n          background-color: var(--primary-100);\r\n        }\r\n      }\r\n\r\n      @include tablet {\r\n        &:active {\r\n          background-color: var(--primary-100);\r\n        }\r\n      }\r\n    }\r\n\r\n    &.holiday {\r\n      .text {\r\n        @include fnt-flex($color: var(--error-500));\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      background-color: var(--base-white);\r\n\r\n      .mark:after {\r\n        background-color: var(--gray-300);\r\n      }\r\n\r\n      .text {\r\n        @include fnt-flex($color: var(--gray-400));\r\n      }\r\n\r\n      .info {\r\n        @include fnt-flex($color: var(--gray-300));\r\n      }\r\n\r\n      &:hover {\r\n        background-color: var(--gray-100);\r\n      }\r\n\r\n      @include tablet {\r\n        &:active {\r\n          background-color: var(--gray-100);\r\n        }\r\n      }\r\n    }\r\n\r\n    &.filter {\r\n      background-color: var(--gray-100);\r\n\r\n      @include tablet-plus {\r\n        &:hover {\r\n          background-color: var(--gray-200);\r\n        }\r\n      }\r\n\r\n      @include tablet {\r\n        &:active {\r\n          background-color: var(--gray-200);\r\n        }\r\n      }\r\n    }\r\n\r\n    &.active {\r\n      background-color: var(--primary-500);\r\n\r\n      .mark:after {\r\n        background-color: var(--base-white);\r\n      }\r\n\r\n      .text {\r\n        @include fnt-flex($color: var(--base-white));\r\n      }\r\n\r\n      .info {\r\n        @include fnt-flex($color: var(--primary-300));\r\n      }\r\n\r\n      @include tablet-plus {\r\n        &:hover {\r\n          background-color: var(--primary-600);\r\n        }\r\n      }\r\n\r\n      @include tablet {\r\n        &:active {\r\n          background-color: var(--primary-600);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.filter {\r\n    &:before {\r\n      position: absolute;\r\n      content: '';\r\n      height: 100%;\r\n      z-index: 0;\r\n      background-color: var(--gray-100);\r\n\r\n      width: 60px;\r\n      top: 0;\r\n      transform: translateX(-10px);\r\n    }\r\n\r\n    &:not(.left):not(.right):before {\r\n      left: 0;\r\n    }\r\n\r\n    &.left, &.right {\r\n      &:before {\r\n        width: 30px;\r\n      }\r\n    }\r\n\r\n    &.left {\r\n      &:before {\r\n        left: 0;\r\n        transform: translateX(-10px);\r\n      }\r\n    }\r\n\r\n    &.right {\r\n      &:before {\r\n        right: 0;\r\n        transform: translateX(10px);\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  // dark theme\r\n  &.darkTheme {\r\n    .CalendarDay {\r\n      .mark {\r\n        &:after {\r\n          background-color: var(--rose-600);\r\n        }\r\n      }\r\n\r\n      .text {\r\n        @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-iron-300));\r\n      }\r\n\r\n      .info {\r\n        @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-iron-600));\r\n      }\r\n\r\n      & {\r\n        background-color: var(--gray-iron-900);\r\n\r\n        @include tablet-plus {\r\n          &:hover {\r\n            background-color: var(--gray-iron-800);\r\n          }\r\n        }\r\n\r\n        @include tablet {\r\n          &:active {\r\n            background-color: var(--rose-500);\r\n          }\r\n        }\r\n      }\r\n\r\n      &.currentDay {\r\n        background-color: var(--rose-950);\r\n\r\n        @include tablet-plus {\r\n          &:hover {\r\n            background-color: var(--rose-900);\r\n          }\r\n        }\r\n\r\n        @include tablet {\r\n          &:active {\r\n            background-color: var(--rose-500);\r\n          }\r\n        }\r\n      }\r\n\r\n      &.holiday {\r\n        .text {\r\n          @include fnt-flex($color: var(--error-500));\r\n        }\r\n      }\r\n\r\n      &.disabled {\r\n        background-color: var(--gray-iron-900);\r\n\r\n        .mark:after {\r\n          background-color: var(--gray-iron-700);\r\n        }\r\n\r\n        .text {\r\n          @include fnt-flex($color: var(--gray-iron-600));\r\n        }\r\n\r\n        .info {\r\n          @include fnt-flex($color: var(--gray-iron-700));\r\n        }\r\n\r\n        &:hover {\r\n          background-color: var(--gray-iron-800);\r\n        }\r\n\r\n        @include tablet {\r\n          &:active {\r\n            background-color: var(--gray-100);\r\n          }\r\n        }\r\n      }\r\n\r\n      &.filter {\r\n        background-color: var(--gray-iron-800);\r\n\r\n        @include tablet-plus {\r\n          &:hover {\r\n            background-color: var(--gray-iron-700);\r\n          }\r\n        }\r\n\r\n        @include tablet {\r\n          &:active {\r\n            background-color: var(--rose-500);\r\n          }\r\n        }\r\n      }\r\n\r\n      &.active {\r\n        background-color: var(--rose-500);\r\n\r\n        .mark:after {\r\n          background-color: var(--base-white);\r\n        }\r\n\r\n        .text {\r\n          @include fnt-flex($color: var(--base-white));\r\n        }\r\n\r\n        .info {\r\n          @include fnt-flex($color: var(--rose-700));\r\n        }\r\n\r\n        @include tablet-plus {\r\n          &:hover {\r\n            background-color: var(--rose-600);\r\n          }\r\n        }\r\n\r\n        @include tablet {\r\n          &:active {\r\n            background-color: var(--rose-600);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.filter {\r\n      &:before {\r\n        background-color: var(--gray-iron-800);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n",".CalendarDayWrapper {\n  width: fit-content;\n  height: fit-content;\n  position: relative;\n}\n.CalendarDayWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.CalendarDayWrapper .CalendarDay {\n  flex: none;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  transition: background-color ease-out 300ms;\n  z-index: 1;\n  position: relative;\n  cursor: pointer;\n}\n.CalendarDayWrapper .CalendarDay {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.CalendarDayWrapper .CalendarDay .mark {\n  width: 100%;\n  height: 12px;\n  padding: 4px;\n}\n.CalendarDayWrapper .CalendarDay .mark {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.CalendarDayWrapper .CalendarDay .mark:after {\n  content: \"\";\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: var(--primary-400);\n}\n.CalendarDayWrapper .CalendarDay .text, .CalendarDayWrapper .CalendarDay .info {\n  width: 100%;\n  height: fit-content;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.CalendarDayWrapper .CalendarDay .text, .CalendarDayWrapper .CalendarDay .info {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.CalendarDayWrapper .CalendarDay .text {\n  flex: 1;\n}\n.CalendarDayWrapper .CalendarDay .text {\n  font-size: 16px;\n  line-height: 16px;\n  color: var(--gray-700);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarDayWrapper .CalendarDay .info {\n  height: 12px;\n  padding: 0 0 2px 0;\n}\n.CalendarDayWrapper .CalendarDay .info {\n  font-size: 10px;\n  line-height: 10px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarDayWrapper .CalendarDay {\n  background-color: var(--base-white);\n}\n@media only screen and (min-width: 1024px) {\n  .CalendarDayWrapper .CalendarDay:hover {\n    background-color: var(--gray-100);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper .CalendarDay:active {\n    background-color: var(--gray-100);\n  }\n}\n.CalendarDayWrapper .CalendarDay.currentDay {\n  background-color: var(--primary-50);\n}\n@media only screen and (min-width: 1024px) {\n  .CalendarDayWrapper .CalendarDay.currentDay:hover {\n    background-color: var(--primary-100);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper .CalendarDay.currentDay:active {\n    background-color: var(--primary-100);\n  }\n}\n.CalendarDayWrapper .CalendarDay.holiday .text {\n  color: var(--error-500);\n}\n.CalendarDayWrapper .CalendarDay.disabled {\n  background-color: var(--base-white);\n}\n.CalendarDayWrapper .CalendarDay.disabled .mark:after {\n  background-color: var(--gray-300);\n}\n.CalendarDayWrapper .CalendarDay.disabled .text {\n  color: var(--gray-400);\n}\n.CalendarDayWrapper .CalendarDay.disabled .info {\n  color: var(--gray-300);\n}\n.CalendarDayWrapper .CalendarDay.disabled:hover {\n  background-color: var(--gray-100);\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper .CalendarDay.disabled:active {\n    background-color: var(--gray-100);\n  }\n}\n.CalendarDayWrapper .CalendarDay.filter {\n  background-color: var(--gray-100);\n}\n@media only screen and (min-width: 1024px) {\n  .CalendarDayWrapper .CalendarDay.filter:hover {\n    background-color: var(--gray-200);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper .CalendarDay.filter:active {\n    background-color: var(--gray-200);\n  }\n}\n.CalendarDayWrapper .CalendarDay.active {\n  background-color: var(--primary-500);\n}\n.CalendarDayWrapper .CalendarDay.active .mark:after {\n  background-color: var(--base-white);\n}\n.CalendarDayWrapper .CalendarDay.active .text {\n  color: var(--base-white);\n}\n.CalendarDayWrapper .CalendarDay.active .info {\n  color: var(--primary-300);\n}\n@media only screen and (min-width: 1024px) {\n  .CalendarDayWrapper .CalendarDay.active:hover {\n    background-color: var(--primary-600);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper .CalendarDay.active:active {\n    background-color: var(--primary-600);\n  }\n}\n.CalendarDayWrapper.filter:before {\n  position: absolute;\n  content: \"\";\n  height: 100%;\n  z-index: 0;\n  background-color: var(--gray-100);\n  width: 60px;\n  top: 0;\n  transform: translateX(-10px);\n}\n.CalendarDayWrapper.filter:not(.left):not(.right):before {\n  left: 0;\n}\n.CalendarDayWrapper.filter.left:before, .CalendarDayWrapper.filter.right:before {\n  width: 30px;\n}\n.CalendarDayWrapper.filter.left:before {\n  left: 0;\n  transform: translateX(-10px);\n}\n.CalendarDayWrapper.filter.right:before {\n  right: 0;\n  transform: translateX(10px);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay .mark:after {\n  background-color: var(--rose-600);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay .text {\n  font-size: 16px;\n  line-height: 16px;\n  color: var(--gray-iron-300);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarDayWrapper.darkTheme .CalendarDay .info {\n  font-size: 10px;\n  line-height: 10px;\n  color: var(--gray-iron-600);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarDayWrapper.darkTheme .CalendarDay {\n  background-color: var(--gray-iron-900);\n}\n@media only screen and (min-width: 1024px) {\n  .CalendarDayWrapper.darkTheme .CalendarDay:hover {\n    background-color: var(--gray-iron-800);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper.darkTheme .CalendarDay:active {\n    background-color: var(--rose-500);\n  }\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.currentDay {\n  background-color: var(--rose-950);\n}\n@media only screen and (min-width: 1024px) {\n  .CalendarDayWrapper.darkTheme .CalendarDay.currentDay:hover {\n    background-color: var(--rose-900);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper.darkTheme .CalendarDay.currentDay:active {\n    background-color: var(--rose-500);\n  }\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.holiday .text {\n  color: var(--error-500);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.disabled {\n  background-color: var(--gray-iron-900);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.disabled .mark:after {\n  background-color: var(--gray-iron-700);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.disabled .text {\n  color: var(--gray-iron-600);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.disabled .info {\n  color: var(--gray-iron-700);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.disabled:hover {\n  background-color: var(--gray-iron-800);\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper.darkTheme .CalendarDay.disabled:active {\n    background-color: var(--gray-100);\n  }\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.filter {\n  background-color: var(--gray-iron-800);\n}\n@media only screen and (min-width: 1024px) {\n  .CalendarDayWrapper.darkTheme .CalendarDay.filter:hover {\n    background-color: var(--gray-iron-700);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper.darkTheme .CalendarDay.filter:active {\n    background-color: var(--rose-500);\n  }\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.active {\n  background-color: var(--rose-500);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.active .mark:after {\n  background-color: var(--base-white);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.active .text {\n  color: var(--base-white);\n}\n.CalendarDayWrapper.darkTheme .CalendarDay.active .info {\n  color: var(--rose-700);\n}\n@media only screen and (min-width: 1024px) {\n  .CalendarDayWrapper.darkTheme .CalendarDay.active:hover {\n    background-color: var(--rose-600);\n  }\n}\n@media (min-width: 481px) and (max-width: 1279px) {\n  .CalendarDayWrapper.darkTheme .CalendarDay.active:active {\n    background-color: var(--rose-600);\n  }\n}\n.CalendarDayWrapper.darkTheme.filter:before {\n  background-color: var(--gray-iron-800);\n}","@use '@/styles' as *;\r\n\r\n.CalendarMonth {\r\n  width: 100%;\r\n  height: fit-content;\r\n  min-width: 80px;\r\n  padding: 10px 8px;\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n  cursor: pointer;\r\n  transition: background-color ease-out 300ms;\r\n  @include centerInsideContent;\r\n  @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n  &:hover {\r\n    background-color: var(--gray-100);\r\n  }\r\n\r\n  &.current:not(&.disabled) {\r\n    background-color: var(--primary-50);\r\n\r\n    &:hover {\r\n      background-color: var(--primary-100);\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    @include fnt-flex($color: var(--gray-400));\r\n  }\r\n\r\n  &.darkTheme {\r\n    background-color: var(--gray-iron-900);\r\n    @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n\r\n    &:hover {\r\n      background-color: var(--gray-iron-800);\r\n    }\r\n\r\n    &.current:not(&.disabled) {\r\n      background-color: var(--rose-950);\r\n\r\n      &:hover {\r\n        background-color: var(--rose-900);\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      @include fnt-flex($color: var(--gray-iron-600));\r\n    }\r\n  }\r\n}",".CalendarMonth {\n  width: 100%;\n  height: fit-content;\n  min-width: 80px;\n  padding: 10px 8px;\n  border-radius: 8px;\n  background-color: var(--base-white);\n  cursor: pointer;\n  transition: background-color ease-out 300ms;\n}\n.CalendarMonth {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.CalendarMonth {\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarMonth:hover {\n  background-color: var(--gray-100);\n}\n.CalendarMonth.current:not(.CalendarMonth.disabled) {\n  background-color: var(--primary-50);\n}\n.CalendarMonth.current:not(.CalendarMonth.disabled):hover {\n  background-color: var(--primary-100);\n}\n.CalendarMonth.disabled {\n  color: var(--gray-400);\n}\n.CalendarMonth.darkTheme {\n  background-color: var(--gray-iron-900);\n}\n.CalendarMonth.darkTheme {\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--gray-iron-300);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarMonth.darkTheme:hover {\n  background-color: var(--gray-iron-800);\n}\n.CalendarMonth.darkTheme.current:not(.CalendarMonth.darkTheme.disabled) {\n  background-color: var(--rose-950);\n}\n.CalendarMonth.darkTheme.current:not(.CalendarMonth.darkTheme.disabled):hover {\n  background-color: var(--rose-900);\n}\n.CalendarMonth.darkTheme.disabled {\n  color: var(--gray-iron-600);\n}","@use '@/styles' as *;\r\n\r\n.CalendarYear {\r\n  width: 100%;\r\n  height: fit-content;\r\n  min-width: 80px;\r\n  padding: 16px 8px;\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n  cursor: pointer;\r\n  transition: background-color ease-out 300ms;\r\n  @include centerInsideContent;\r\n  @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n  &:hover {\r\n    background-color: var(--gray-100);\r\n  }\r\n\r\n  &.current {\r\n    background-color: var(--primary-50);\r\n\r\n    &:hover {\r\n      background-color: var(--primary-100);\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    @include fnt-flex($color: var(--gray-400));\r\n  }\r\n\r\n  &.darkTheme {\r\n    background-color: var(--gray-iron-900);\r\n    @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n\r\n    &:hover {\r\n      background-color: var(--gray-iron-800);\r\n    }\r\n\r\n    &.current {\r\n      background-color: var(--rose-950);\r\n\r\n      &:hover {\r\n        background-color: var(--rose-900);\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      @include fnt-flex($color: var(--gray-iron-600));\r\n    }\r\n  }\r\n}",".CalendarYear {\n  width: 100%;\n  height: fit-content;\n  min-width: 80px;\n  padding: 16px 8px;\n  border-radius: 8px;\n  background-color: var(--base-white);\n  cursor: pointer;\n  transition: background-color ease-out 300ms;\n}\n.CalendarYear {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.CalendarYear {\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarYear:hover {\n  background-color: var(--gray-100);\n}\n.CalendarYear.current {\n  background-color: var(--primary-50);\n}\n.CalendarYear.current:hover {\n  background-color: var(--primary-100);\n}\n.CalendarYear.disabled {\n  color: var(--gray-400);\n}\n.CalendarYear.darkTheme {\n  background-color: var(--gray-iron-900);\n}\n.CalendarYear.darkTheme {\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--gray-iron-300);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarYear.darkTheme:hover {\n  background-color: var(--gray-iron-800);\n}\n.CalendarYear.darkTheme.current {\n  background-color: var(--rose-950);\n}\n.CalendarYear.darkTheme.current:hover {\n  background-color: var(--rose-900);\n}\n.CalendarYear.darkTheme.disabled {\n  color: var(--gray-iron-600);\n}","@use '@/styles' as *;\r\n\r\n.CalendarButton {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  cursor: pointer;\r\n  transition: color ease-out 300ms;\r\n\r\n  &.black {\r\n    @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-900), $family: $golos-text);\r\n\r\n    &:hover:not(&:disabled) {\r\n      @include fnt-flex($color: var(--primary-500));\r\n    }\r\n  }\r\n\r\n  &.gray {\r\n    @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n\r\n    &:hover:not(&:disabled) {\r\n      @include fnt-flex($color: var(--primary-500));\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    cursor: default;\r\n  }\r\n\r\n  &.dark {\r\n    &.black {\r\n      @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-iron-100), $family: $golos-text);\r\n\r\n      &:hover:not(&:disabled) {\r\n        @include fnt-flex($color: var(--rose-500));\r\n      }\r\n    }\r\n\r\n    &.gray {\r\n      @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-iron-600), $family: $golos-text);\r\n\r\n      &:hover:not(&:disabled) {\r\n        @include fnt-flex($color: var(--rose-500));\r\n      }\r\n    }\r\n  }\r\n}",".CalendarButton {\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n  transition: color ease-out 300ms;\n}\n.CalendarButton.black {\n  font-size: 18px;\n  line-height: 28px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarButton.black:hover:not(.CalendarButton.black:disabled) {\n  color: var(--primary-500);\n}\n.CalendarButton.gray {\n  font-size: 18px;\n  line-height: 28px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarButton.gray:hover:not(.CalendarButton.gray:disabled) {\n  color: var(--primary-500);\n}\n.CalendarButton:disabled {\n  cursor: default;\n}\n.CalendarButton.dark.black {\n  font-size: 18px;\n  line-height: 28px;\n  color: var(--gray-iron-100);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarButton.dark.black:hover:not(.CalendarButton.dark.black:disabled) {\n  color: var(--rose-500);\n}\n.CalendarButton.dark.gray {\n  font-size: 18px;\n  line-height: 28px;\n  color: var(--gray-iron-600);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.CalendarButton.dark.gray:hover:not(.CalendarButton.dark.gray:disabled) {\n  color: var(--rose-500);\n}","@use '@/styles' as *;\r\n\r\n.TimePickerTag {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  padding: 6px 12px;\r\n  border-radius: 16px;\r\n  background-color: var(--gray-100);\r\n  transition: background-color ease-out 300ms;\r\n  @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n\r\n  &:hover {\r\n    background-color: var(--gray-200);\r\n  }\r\n}",".TimePickerTag {\n  width: fit-content;\n  height: fit-content;\n  padding: 6px 12px;\n  border-radius: 16px;\n  background-color: var(--gray-100);\n  transition: background-color ease-out 300ms;\n}\n.TimePickerTag {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.TimePickerTag:hover {\n  background-color: var(--gray-200);\n}","@use '@/styles' as *;\r\n\r\n.wrapper {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  .viewContent {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: var(--gray-100);\r\n    overflow: hidden;\r\n    z-index: 1;\r\n    clip-path: inset(calc(50% - 16px) 0 calc(50% - 16px) 0 round 8px);\r\n    pointer-events: none;\r\n    @include modify-flex($direction: column);\r\n  }\r\n\r\n  .TimePickerFeed {\r\n    width: fit-content;\r\n    height: 100%;\r\n    overflow-x: hidden;\r\n    overflow-y: scroll;\r\n    user-select: none;\r\n    position: relative;\r\n    transform-style: preserve-3d;\r\n    transform: translateZ(0);\r\n    -webkit-overflow-scrolling: touch;\r\n    @include hiddeScrollBar;\r\n    @include modify-flex($direction: column, $align-items: center);\r\n  }\r\n\r\n  .item {\r\n    flex: none;\r\n    width: 48px;\r\n    height: 32px;\r\n    text-align: center;\r\n    padding: 0 8px;\r\n    box-sizing: border-box;\r\n    transform-style: preserve-3d;\r\n    perspective: 304px;\r\n    position: relative;\r\n    backface-visibility: hidden;\r\n    will-change: transform;\r\n\r\n    .content {\r\n      width: 100%;\r\n      height: 100%;\r\n      transition: opacity ease-out 100ms;\r\n      @include centerInsideContent;\r\n      @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-300), $family: $golos-text);\r\n    }\r\n\r\n    &.center .content {\r\n      @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n    }\r\n\r\n    &.floor1 .content {\r\n      @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n    }\r\n\r\n    &.floor1 .content {\r\n      @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-300), $family: $golos-text);\r\n    }\r\n  }\r\n\r\n  &.darkTheme {\r\n    .viewContent {\r\n      background-color: transparent;\r\n    }\r\n\r\n    .item {\r\n      .content {\r\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-700), $family: $golos-text);\r\n      }\r\n\r\n      &.center .content {\r\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n      }\r\n\r\n      &.floor1 .content {\r\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-600), $family: $golos-text);\r\n      }\r\n\r\n      &.floor1 .content {\r\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-700), $family: $golos-text);\r\n      }\r\n    }\r\n  }\r\n}\r\n",".wrapper {\n  width: fit-content;\n  height: fit-content;\n  position: relative;\n  z-index: 2;\n}\n.wrapper .viewContent {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gray-100);\n  overflow: hidden;\n  z-index: 1;\n  clip-path: inset(calc(50% - 16px) 0 calc(50% - 16px) 0 round 8px);\n  pointer-events: none;\n}\n.wrapper .viewContent {\n  display: flex;\n  flex-direction: column;\n}\n.wrapper .TimePickerFeed {\n  width: fit-content;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: scroll;\n  user-select: none;\n  position: relative;\n  transform-style: preserve-3d;\n  transform: translateZ(0);\n  -webkit-overflow-scrolling: touch;\n}\n.wrapper .TimePickerFeed {\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* IE 10+ */\n}\n.wrapper .TimePickerFeed::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, Edge */\n}\n.wrapper .TimePickerFeed {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.wrapper .item {\n  flex: none;\n  width: 48px;\n  height: 32px;\n  text-align: center;\n  padding: 0 8px;\n  box-sizing: border-box;\n  transform-style: preserve-3d;\n  perspective: 304px;\n  position: relative;\n  backface-visibility: hidden;\n  will-change: transform;\n}\n.wrapper .item .content {\n  width: 100%;\n  height: 100%;\n  transition: opacity ease-out 100ms;\n}\n.wrapper .item .content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.wrapper .item .content {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-300);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.wrapper .item.center .content {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-700);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.wrapper .item.floor1 .content {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.wrapper .item.floor1 .content {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-300);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.wrapper.darkTheme .viewContent {\n  background-color: transparent;\n}\n.wrapper.darkTheme .item .content {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-iron-700);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.wrapper.darkTheme .item.center .content {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-iron-300);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.wrapper.darkTheme .item.floor1 .content {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-iron-600);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.wrapper.darkTheme .item.floor1 .content {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-iron-700);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@mixin hiddeScrollBar() {\r\n  & {\r\n    scrollbar-width: none; /* Firefox */\r\n    -ms-overflow-style: none; /* IE 10+ */\r\n\r\n    &::-webkit-scrollbar {\r\n      display: none; /* Chrome, Safari, Edge */\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n  width: 100%;\r\n  height: fit-content;\r\n  max-width: 324px;\r\n  background-color: var(--base-white);\r\n  padding: 16px;\r\n  gap: 8px;\r\n  @include modify-flex($direction: column);\r\n\r\n  .header {\r\n    width: 100%;\r\n    @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n    .monthYear, .changeMonth {\r\n      @include modify-flex($align-items: center);\r\n    }\r\n\r\n    .monthYear {\r\n      gap: 6px;\r\n    }\r\n\r\n    .changeMonth {\r\n      gap: 2px;\r\n    }\r\n  }\r\n\r\n  .weekDaysList {\r\n    width: 100%;\r\n    gap: 2px;\r\n    @include modify-flex($align-items: center);\r\n\r\n    .weekDay {\r\n      flex: 1;\r\n      text-wrap: nowrap;\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      text-align: center;\r\n      @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-500));\r\n    }\r\n  }\r\n\r\n  .daysGrid {\r\n    display: grid;\r\n    grid-template-columns: repeat(7, 1fr);\r\n    grid-template-rows: auto;\r\n    gap: 2px;\r\n  }\r\n\r\n  &.dark {\r\n    background-color: var(--gray-iron-900);\r\n\r\n    .weekDaysList {\r\n      .weekDay {\r\n        @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-iron-500));\r\n      }\r\n    }\r\n  }\r\n}",".datePicker {\n  width: 100%;\n  height: fit-content;\n  max-width: 324px;\n  background-color: var(--base-white);\n  padding: 16px;\n  gap: 8px;\n}\n.datePicker {\n  display: flex;\n  flex-direction: column;\n}\n.datePicker .header {\n  width: 100%;\n}\n.datePicker .header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.datePicker .header .monthYear, .datePicker .header .changeMonth {\n  display: flex;\n  align-items: center;\n}\n.datePicker .header .monthYear {\n  gap: 6px;\n}\n.datePicker .header .changeMonth {\n  gap: 2px;\n}\n.datePicker .weekDaysList {\n  width: 100%;\n  gap: 2px;\n}\n.datePicker .weekDaysList {\n  display: flex;\n  align-items: center;\n}\n.datePicker .weekDaysList .weekDay {\n  flex: 1;\n  text-wrap: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-align: center;\n}\n.datePicker .weekDaysList .weekDay {\n  font-size: 14px;\n  line-height: 16px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.datePicker .daysGrid {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  grid-template-rows: auto;\n  gap: 2px;\n}\n.datePicker.dark {\n  background-color: var(--gray-iron-900);\n}\n.datePicker.dark .weekDaysList .weekDay {\n  font-size: 14px;\n  line-height: 16px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n.YearMonthPicker {\r\n  width: 100%;\r\n  height: fit-content;\r\n  max-width: 324px;\r\n  background-color: var(--base-white);\r\n  padding: 16px;\r\n  gap: 12px;\r\n  @include modify-flex($direction: column);\r\n\r\n  .header {\r\n    width: 100%;\r\n    @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n    .switchers {\r\n      gap: 2px;\r\n      @include modify-flex($align-items: center);\r\n    }\r\n  }\r\n\r\n  .grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 4px;\r\n  }\r\n\r\n  &.dark {\r\n    background-color: var(--gray-iron-900);\r\n  }\r\n}",".YearMonthPicker {\n  width: 100%;\n  height: fit-content;\n  max-width: 324px;\n  background-color: var(--base-white);\n  padding: 16px;\n  gap: 12px;\n}\n.YearMonthPicker {\n  display: flex;\n  flex-direction: column;\n}\n.YearMonthPicker .header {\n  width: 100%;\n}\n.YearMonthPicker .header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.YearMonthPicker .header .switchers {\n  gap: 2px;\n}\n.YearMonthPicker .header .switchers {\n  display: flex;\n  align-items: center;\n}\n.YearMonthPicker .grid {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n}\n.YearMonthPicker.dark {\n  background-color: var(--gray-iron-900);\n}","@use '@/styles' as *;\r\n\r\n.TimePicker {\r\n  width: 100%;\r\n  min-width: 292px;\r\n  height: fit-content;\r\n  @include centerInsideContent;\r\n\r\n  .timer {\r\n    width: 100%;\r\n    height: fit-content;\r\n    gap: 8px;\r\n    padding: 16px;\r\n    @include centerInsideContent;\r\n\r\n    .main {\r\n      width: fit-content;\r\n      height: fit-content;\r\n      position: relative;\r\n      @include centerInsideContent;\r\n\r\n      .divider {\r\n        width: fit-content;\r\n        height: fit-content;\r\n        z-index: 2;\r\n        @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n        @include centerInsideContent;\r\n      }\r\n\r\n      &:before {\r\n        content: '';\r\n        width: 100%;\r\n        height: 32px;\r\n        border-radius: 8px;\r\n        background-color: var(--gray-100);\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        transform: translateY(-50%);\r\n        z-index: 1;\r\n      }\r\n    }\r\n\r\n    .line {\r\n      flex: 1;\r\n      height: 1px;\r\n      background-color: var(--gray-300);\r\n    }\r\n  }\r\n\r\n  // dark theme\r\n  &.dark {\r\n    .timer {\r\n      .main {\r\n        .divider {\r\n          @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n        }\r\n\r\n        &:before {\r\n          background-color: var(--gray-iron-800);\r\n        }\r\n      }\r\n\r\n      .line {\r\n        background-color: var(--gray-iron-700);\r\n      }\r\n    }\r\n  }\r\n}",".TimePicker {\n  width: 100%;\n  min-width: 292px;\n  height: fit-content;\n}\n.TimePicker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.TimePicker .timer {\n  width: 100%;\n  height: fit-content;\n  gap: 8px;\n  padding: 16px;\n}\n.TimePicker .timer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.TimePicker .timer .main {\n  width: fit-content;\n  height: fit-content;\n  position: relative;\n}\n.TimePicker .timer .main {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.TimePicker .timer .main .divider {\n  width: fit-content;\n  height: fit-content;\n  z-index: 2;\n}\n.TimePicker .timer .main .divider {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.TimePicker .timer .main .divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.TimePicker .timer .main:before {\n  content: \"\";\n  width: 100%;\n  height: 32px;\n  border-radius: 8px;\n  background-color: var(--gray-100);\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.TimePicker .timer .line {\n  flex: 1;\n  height: 1px;\n  background-color: var(--gray-300);\n}\n.TimePicker.dark .timer .main .divider {\n  font-size: 20px;\n  line-height: 32px;\n  color: var(--gray-iron-300);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.TimePicker.dark .timer .main:before {\n  background-color: var(--gray-iron-800);\n}\n.TimePicker.dark .timer .line {\n  background-color: var(--gray-iron-700);\n}","@use '@/styles' as *;\r\n\r\n.DateTimePicker {\r\n  width: 324px;\r\n  height: fit-content;\r\n  border-radius: 16px;\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814, 0 0 0 1px var(--gray-300);\r\n  @include modify-flex($direction: column);\r\n\r\n  .header {\r\n    width: 100%;\r\n    padding: 16px 16px 0 16px;\r\n    @include modify-flex($direction: column);\r\n\r\n    .title, .subtitle {\r\n      text-wrap: nowrap;\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .title {\r\n      @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900), $family: $golos-text);\r\n    }\r\n\r\n    .subtitle {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500), $family: $golos-text);\r\n    }\r\n  }\r\n\r\n  .content {\r\n    width: 100%;\r\n    height: fit-content;\r\n    @include modify-flex($direction: column);\r\n\r\n    .tabWrapper {\r\n      padding: 12px 16px 0 16px;\r\n    }\r\n\r\n    .pickerWrapper {\r\n      width: 100%;\r\n      height: fit-content;\r\n    }\r\n  }\r\n\r\n  .actions {\r\n    width: 100%;\r\n    padding: 16px;\r\n    gap: 8px;\r\n    border-top: 1px solid var(--gray-200);\r\n    @include modify-flex();\r\n  }\r\n\r\n  &.dark {\r\n    background-color: var(--gray-iron-900);\r\n\r\n    .header {\r\n      .title {\r\n        color: var(--gray-iron-100)\r\n      }\r\n\r\n      .subtitle {\r\n        color: var(--gray-iron-500)\r\n      }\r\n    }\r\n\r\n    .actions {\r\n      border-top: 1px solid var(--gray-iron-800);\r\n    }\r\n  }\r\n}",".DateTimePicker {\n  width: 324px;\n  height: fit-content;\n  border-radius: 16px;\n  background-color: var(--base-white);\n  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.031372549), 0 20px 24px -4px rgba(16, 24, 40, 0.0784313725), 0 0 0 1px var(--gray-300);\n}\n.DateTimePicker {\n  display: flex;\n  flex-direction: column;\n}\n.DateTimePicker .header {\n  width: 100%;\n  padding: 16px 16px 0 16px;\n}\n.DateTimePicker .header {\n  display: flex;\n  flex-direction: column;\n}\n.DateTimePicker .header .title, .DateTimePicker .header .subtitle {\n  text-wrap: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.DateTimePicker .header .title {\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 600;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.DateTimePicker .header .subtitle {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: var(--golos);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.DateTimePicker .content {\n  width: 100%;\n  height: fit-content;\n}\n.DateTimePicker .content {\n  display: flex;\n  flex-direction: column;\n}\n.DateTimePicker .content .tabWrapper {\n  padding: 12px 16px 0 16px;\n}\n.DateTimePicker .content .pickerWrapper {\n  width: 100%;\n  height: fit-content;\n}\n.DateTimePicker .actions {\n  width: 100%;\n  padding: 16px;\n  gap: 8px;\n  border-top: 1px solid var(--gray-200);\n}\n.DateTimePicker .actions {\n  display: flex;\n}\n.DateTimePicker.dark {\n  background-color: var(--gray-iron-900);\n}\n.DateTimePicker.dark .header .title {\n  color: var(--gray-iron-100);\n}\n.DateTimePicker.dark .header .subtitle {\n  color: var(--gray-iron-500);\n}\n.DateTimePicker.dark .actions {\n  border-top: 1px solid var(--gray-iron-800);\n}","@use '@/styles' as *;\r\n\r\n.Container {\r\n  position: fixed;\r\n  z-index: 10;\r\n  opacity: 0;\r\n  transition: opacity .2s ease-in;\r\n}\r\n\r\n.Tooltip {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: fit-content;\r\n  height: fit-content;\r\n  max-width: 320px;\r\n  background-color: $base-white;\r\n  border: 1px solid $gray-200;\r\n  border-radius: 8px;\r\n  padding: 11px;\r\n  gap: 4px;\r\n  box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n  .Text {\r\n    @include fnt($size: 12, $line-height: 18, $weight: 700)\r\n  }\r\n\r\n  .Description {\r\n    @include fnt($size: 12, $line-height: 18)\r\n  }\r\n\r\n  .Arrow {\r\n    position: absolute;\r\n    display: block;\r\n    height: 12px;\r\n    width: 12px;\r\n    background-color: $base-white;\r\n    border-top: 1px solid $gray-200;\r\n    border-right: 1px solid $gray-200;\r\n    border-top-right-radius: 1px;\r\n\r\n    &.LeftCenter,\r\n    &.RightCenter {\r\n      top: calc(50% - 6.5px);\r\n    }\r\n\r\n    &.LeftTop,\r\n    &.RightTop {\r\n      top: 16px;\r\n    }\r\n\r\n    &.LeftBottom,\r\n    &.RightBottom {\r\n      bottom: 16px;\r\n    }\r\n\r\n    &.LeftTop,\r\n    &.LeftCenter,\r\n    &.LeftBottom {\r\n      left: -6.5px;\r\n      transform: rotate(-135deg);\r\n    }\r\n\r\n    &.RightTop,\r\n    &.RightCenter,\r\n    &.RightBottom {\r\n      right: -6.5px;\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    &.BottomLeft,\r\n    &.BottomRight,\r\n    &.BottomCenter {\r\n      bottom: -6.5px;\r\n      transform: rotate(135deg);\r\n    }\r\n\r\n    &.TopCenter,\r\n    &.BottomCenter {\r\n      left: calc(50% - 6.5px);\r\n    }\r\n\r\n    &.TopLeft,\r\n    &.BottomLeft {\r\n      left: 16px;\r\n    }\r\n\r\n    &.TopRight,\r\n    &.BottomRight {\r\n      right: 16px;\r\n    }\r\n\r\n    &.TopLeft,\r\n    &.TopRight,\r\n    &.TopCenter {\r\n      top: -6.5px;\r\n      transform: rotate(-45deg);\r\n    }\r\n  }\r\n\r\n  &.Dark {\r\n    background-color: $gray-900;\r\n    border-color: $gray-900;\r\n\r\n    .Description,\r\n    .Text {\r\n      color: $base-white;\r\n    }\r\n\r\n    .Arrow {\r\n      background-color: $gray-900;\r\n      border-color: $gray-900;\r\n    }\r\n  }\r\n\r\n}\r\n\r\n",".Container {\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  transition: opacity 0.2s ease-in;\n}\n\n.Tooltip {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: fit-content;\n  height: fit-content;\n  max-width: 320px;\n  background-color: #FFFFFF;\n  border: 1px solid #EAECF0;\n  border-radius: 8px;\n  padding: 11px;\n  gap: 4px;\n  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n}\n.Tooltip .Text {\n  font-size: 12px;\n  line-height: 18px;\n  color: black;\n  font-weight: 700;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.Tooltip .Description {\n  font-size: 12px;\n  line-height: 18px;\n  color: black;\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.Tooltip .Arrow {\n  position: absolute;\n  display: block;\n  height: 12px;\n  width: 12px;\n  background-color: #FFFFFF;\n  border-top: 1px solid #EAECF0;\n  border-right: 1px solid #EAECF0;\n  border-top-right-radius: 1px;\n}\n.Tooltip .Arrow.LeftCenter, .Tooltip .Arrow.RightCenter {\n  top: calc(50% - 6.5px);\n}\n.Tooltip .Arrow.LeftTop, .Tooltip .Arrow.RightTop {\n  top: 16px;\n}\n.Tooltip .Arrow.LeftBottom, .Tooltip .Arrow.RightBottom {\n  bottom: 16px;\n}\n.Tooltip .Arrow.LeftTop, .Tooltip .Arrow.LeftCenter, .Tooltip .Arrow.LeftBottom {\n  left: -6.5px;\n  transform: rotate(-135deg);\n}\n.Tooltip .Arrow.RightTop, .Tooltip .Arrow.RightCenter, .Tooltip .Arrow.RightBottom {\n  right: -6.5px;\n  transform: rotate(45deg);\n}\n.Tooltip .Arrow.BottomLeft, .Tooltip .Arrow.BottomRight, .Tooltip .Arrow.BottomCenter {\n  bottom: -6.5px;\n  transform: rotate(135deg);\n}\n.Tooltip .Arrow.TopCenter, .Tooltip .Arrow.BottomCenter {\n  left: calc(50% - 6.5px);\n}\n.Tooltip .Arrow.TopLeft, .Tooltip .Arrow.BottomLeft {\n  left: 16px;\n}\n.Tooltip .Arrow.TopRight, .Tooltip .Arrow.BottomRight {\n  right: 16px;\n}\n.Tooltip .Arrow.TopLeft, .Tooltip .Arrow.TopRight, .Tooltip .Arrow.TopCenter {\n  top: -6.5px;\n  transform: rotate(-45deg);\n}\n.Tooltip.Dark {\n  background-color: #101828;\n  border-color: #101828;\n}\n.Tooltip.Dark .Description,\n.Tooltip.Dark .Text {\n  color: #FFFFFF;\n}\n.Tooltip.Dark .Arrow {\n  background-color: #101828;\n  border-color: #101828;\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: #55160C !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.Dropdown {\r\n  width: 100%;\r\n  max-height: 300px;\r\n  height: fit-content;\r\n  border-radius: 8px;\r\n  padding: 4px;\r\n  border: 1px solid var(--gray-200);\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;\r\n  overflow: auto;\r\n  @include modify-flex($direction: column);\r\n\r\n  .header {\r\n    width: 100%;\r\n    height: fit-content;\r\n    padding: 8px;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    text-wrap: nowrap;\r\n    @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-600));\r\n  }\r\n\r\n  &.DropdownDark {\r\n    border: 1px solid var(--gray-iron-800);\r\n    background-color: var(--gray-iron-900);\r\n    box-shadow: 0 4px 24px 0 #00000040;\r\n\r\n    .header {\r\n      color: var(--gray-iron-500);\r\n    }\r\n  }\r\n}",".Dropdown {\n  width: 100%;\n  max-height: 300px;\n  height: fit-content;\n  border-radius: 8px;\n  padding: 4px;\n  border: 1px solid var(--gray-200);\n  background-color: var(--base-white);\n  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n  overflow: auto;\n}\n.Dropdown {\n  display: flex;\n  flex-direction: column;\n}\n.Dropdown .header {\n  width: 100%;\n  height: fit-content;\n  padding: 8px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-wrap: nowrap;\n}\n.Dropdown .header {\n  font-size: 14px;\n  line-height: 16px;\n  color: var(--gray-600);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.Dropdown.DropdownDark {\n  border: 1px solid var(--gray-iron-800);\n  background-color: var(--gray-iron-900);\n  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.2509803922);\n}\n.Dropdown.DropdownDark .header {\n  color: var(--gray-iron-500);\n}","@use '@/styles' as *;\r\n\r\n.flexField {\r\n  width: 100%;\r\n  height: fit-content;\r\n  min-width: 0;\r\n\r\n  // С учетом border\r\n  padding: 9px 11px;\r\n  border-radius: 8px;\r\n  gap: 12px;\r\n  box-sizing: border-box;\r\n  background-color: var(--base-white);\r\n  border: 1px solid var(--gray-300);\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  @include centerInsideContent();\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\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: var(--gray-900));\r\n\r\n    &::placeholder {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n    }\r\n\r\n    &:read-only {\r\n      cursor: default;\r\n    }\r\n  }\r\n\r\n  .icon {\r\n    padding: 2px 0;\r\n    @include centerInsideContent();\r\n    @include modify-svg($stroke: var(--gray-400)) {\r\n      width: 20px;\r\n      height: 20px;\r\n      flex: none;\r\n    }\r\n  }\r\n\r\n  .textSupport {\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  .help {\r\n    padding: 2px 0;\r\n    @include centerInsideContent();\r\n    @include modify-svg($stroke: var(--gray-400)) {\r\n      width: 16px;\r\n      height: 16px;\r\n      flex: none;\r\n    }\r\n  }\r\n\r\n  &.pointer {\r\n    *, .inputField {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  &:focus {\r\n    border: 1px solid var(--gray-400);\r\n  }\r\n\r\n  &.error {\r\n    border: 1px solid var(--error-300);\r\n    box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n    .help {\r\n      @include modify-svg($stroke: var(--error-500));\r\n    }\r\n\r\n    &.focus {\r\n      border: 1px solid var(--error-400);\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    background-color: var(--gray-50);\r\n    cursor: default;\r\n    pointer-events: none;\r\n\r\n    * {\r\n      cursor: default;\r\n    }\r\n\r\n    .userPick {\r\n      opacity: 50%;\r\n    }\r\n\r\n    .inputField {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n    }\r\n  }\r\n\r\n  &.smallDisplay, &.largeDisplay {\r\n    padding: 0;\r\n    border: none;\r\n    box-shadow: none;\r\n  }\r\n\r\n  &.smallDisplay .inputField {\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n  }\r\n\r\n  &.largeDisplay .inputField {\r\n    @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n  }\r\n\r\n\r\n  // dark adaptation\r\n  &.darkTheme {\r\n    background-color: var(--gray-iron-950);\r\n    border: 1px solid var(--gray-iron-800);\r\n\r\n    .inputField {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n\r\n      &::placeholder, &.placeholder {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n      }\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--gray-iron-500))\r\n    }\r\n\r\n    .textSupport {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n\r\n    .help {\r\n      @include modify-svg($stroke: var(--gray-iron-500))\r\n    }\r\n\r\n    .dropdown {\r\n      @include modify-svg($stroke: var(--gray-iron-500))\r\n    }\r\n\r\n    .button {\r\n      &.red {\r\n        @include modify-svg($stroke: var(--error-400));\r\n\r\n        &:hover {\r\n          @include modify-svg($stroke: var(--error-500));\r\n        }\r\n      }\r\n\r\n      &.gray {\r\n        @include modify-svg($stroke: var(--gray-iron-400));\r\n\r\n        &:hover {\r\n          @include modify-svg($stroke: var(--gray-iron-500));\r\n        }\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      border: 1px solid var(--gray-iron-700);\r\n    }\r\n\r\n    &.error {\r\n      border: 1px solid var(--error-900);\r\n\r\n      .help {\r\n        @include modify-svg($stroke: var(--error-500));\r\n      }\r\n\r\n      &:focus {\r\n        border: 1px solid var(--error-700);\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      background-color: var(--gray-iron-950);\r\n\r\n      .inputField {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n      }\r\n    }\r\n\r\n    &.smallDisplay {\r\n      .inputField {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n      }\r\n    }\r\n\r\n    &.largeDisplay {\r\n      .inputField {\r\n        @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n      }\r\n    }\r\n  }\r\n}",".flexField {\n  width: 100%;\n  height: fit-content;\n  min-width: 0;\n  padding: 9px 11px;\n  border-radius: 8px;\n  gap: 12px;\n  box-sizing: border-box;\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField {\n  display: flex;\n  align-items: center;\n  justify-content: center;\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: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\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: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .inputField:read-only {\n  cursor: default;\n}\n.flexField .icon {\n  padding: 2px 0;\n}\n.flexField .icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexField .icon svg * {\n  stroke: var(--gray-400);\n}\n.flexField .icon svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.flexField .textSupport {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .help {\n  padding: 2px 0;\n}\n.flexField .help {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexField .help svg * {\n  stroke: var(--gray-400);\n}\n.flexField .help svg {\n  width: 16px;\n  height: 16px;\n  flex: none;\n}\n.flexField.pointer *, .flexField.pointer .inputField {\n  cursor: pointer;\n}\n.flexField:focus {\n  border: 1px solid var(--gray-400);\n}\n.flexField.error {\n  border: 1px solid var(--error-300);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.error .help svg * {\n  stroke: var(--error-500);\n}\n.flexField.error.focus {\n  border: 1px solid var(--error-400);\n}\n.flexField.disabled {\n  background-color: var(--gray-50);\n  cursor: default;\n  pointer-events: none;\n}\n.flexField.disabled * {\n  cursor: default;\n}\n.flexField.disabled .userPick {\n  opacity: 50%;\n}\n.flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.smallDisplay, .flexField.largeDisplay {\n  padding: 0;\n  border: none;\n  box-shadow: none;\n}\n.flexField.smallDisplay .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.largeDisplay .inputField {\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme {\n  background-color: var(--gray-iron-950);\n  border: 1px solid var(--gray-iron-800);\n}\n.flexField.darkTheme .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-25);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme .inputField::placeholder, .flexField.darkTheme .inputField.placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme .icon svg * {\n  stroke: var(--gray-iron-500);\n}\n.flexField.darkTheme .textSupport {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme .help svg * {\n  stroke: var(--gray-iron-500);\n}\n.flexField.darkTheme .dropdown svg * {\n  stroke: var(--gray-iron-500);\n}\n.flexField.darkTheme .button.red svg * {\n  stroke: var(--error-400);\n}\n.flexField.darkTheme .button.red:hover svg * {\n  stroke: var(--error-500);\n}\n.flexField.darkTheme .button.gray svg * {\n  stroke: var(--gray-iron-400);\n}\n.flexField.darkTheme .button.gray:hover svg * {\n  stroke: var(--gray-iron-500);\n}\n.flexField.darkTheme:focus {\n  border: 1px solid var(--gray-iron-700);\n}\n.flexField.darkTheme.error {\n  border: 1px solid var(--error-900);\n}\n.flexField.darkTheme.error .help svg * {\n  stroke: var(--error-500);\n}\n.flexField.darkTheme.error:focus {\n  border: 1px solid var(--error-700);\n}\n.flexField.darkTheme.disabled {\n  background-color: var(--gray-iron-950);\n}\n.flexField.darkTheme.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme.smallDisplay .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-25);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField.darkTheme.largeDisplay .inputField {\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--gray-iron-25);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n  width: 100%;\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\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: var(--gray-700));\r\n\r\n    .required {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--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: var(--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: var(--error-500));\r\n  }\r\n\r\n  .helperLink {\r\n    display: flex;\r\n    width: fit-content;\r\n    padding: 0 12px;\r\n    gap: 2px;\r\n    cursor: pointer;\r\n    @include modify-svg($stroke: var(--primary-500)) {\r\n      flex: none;\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n    @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));\r\n  }\r\n\r\n  &.display {\r\n    .labelText {\r\n      padding: 0;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-500));\r\n    }\r\n\r\n    .hintText {\r\n      padding: 0;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n    }\r\n\r\n    .helperLink {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n\r\n  &.darkTheme {\r\n    .labelText {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-400));\r\n\r\n      .required {\r\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n      }\r\n    }\r\n\r\n    .hintText {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n\r\n    .hintError {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n    }\r\n\r\n    .helperLink {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--rose-500));\r\n      @include modify-svg(var(--rose-500));\r\n    }\r\n\r\n    &.display {\r\n      .labelText {\r\n        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-400));\r\n      }\r\n\r\n      .hintText {\r\n        @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-iron-500));\r\n      }\r\n    }\r\n  }\r\n}",".inputFieldWrapper {\n  width: 100%;\n  min-width: 0;\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: var(--gray-700);\n  font-weight: 500;\n  font-family: var(--golos-ui);\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: var(--error-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\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: var(--gray-600);\n  font-weight: 400;\n  font-family: var(--golos-ui);\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: var(--error-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n  display: flex;\n  width: fit-content;\n  padding: 0 12px;\n  gap: 2px;\n  cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg * {\n  stroke: var(--primary-500);\n}\n.inputFieldWrapper .helperLink svg {\n  flex: none;\n  width: 20px;\n  height: 20px;\n}\n.inputFieldWrapper .helperLink {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--primary-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.display .labelText {\n  padding: 0;\n}\n.inputFieldWrapper.display .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.display .hintText {\n  padding: 0;\n}\n.inputFieldWrapper.display .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-600);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.display .helperLink {\n  padding: 0;\n}\n.inputFieldWrapper.darkTheme .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-400);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme .labelText .required {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme .hintError {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme .helperLink {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--rose-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme .helperLink svg * {\n  stroke: var(--rose-500);\n}\n.inputFieldWrapper.darkTheme.display .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-400);\n  font-weight: 500;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper.darkTheme.display .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n  width: 100%;\r\n  height: fit-content;\r\n}",".selectField {\n  width: 100%;\n  height: fit-content;\n}",".button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.button svg * {\n  stroke: var(--gray-500);\n}\n.button svg {\n  flex: none;\n  width: 20px;\n  height: 20px;\n  transition: transform 0.2s ease-out;\n}\n.button.open svg * {\n  stroke: var(--gray-500);\n}\n.button.open svg {\n  transform: rotateZ(180deg);\n}","@use '@/styles/index' as *;\r\n\r\n.button {\r\n  @include centerInsideContent;\r\n  @include modify-svg($stroke: var(--gray-500)) {\r\n    flex: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    transition: transform 0.2s ease-out;\r\n  }\r\n\r\n  &.open {\r\n    @include modify-svg($stroke: var(--gray-500)) {\r\n      transform: rotateZ(180deg);\r\n    }\r\n  }\r\n}",".button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.button svg {\n  flex: none;\n  width: 20px;\n  height: 20px;\n}\n.button.gray svg * {\n  stroke: var(--gray-400);\n}\n.button.gray:hover svg * {\n  stroke: var(--gray-500);\n}\n.button.red svg * {\n  stroke: var(--error-400);\n}\n.button.red:hover svg * {\n  stroke: var(--error-500);\n}","@use '@/styles/index' as *;\r\n\r\n.button {\r\n  @include centerInsideContent;\r\n  @include modify-svg() {\r\n    flex: none;\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  &.gray {\r\n    @include modify-svg($stroke: var(--gray-400));\r\n\r\n    &:hover {\r\n      @include modify-svg($stroke: var(--gray-500));\r\n    }\r\n  }\r\n\r\n  &.red {\r\n    @include modify-svg($stroke: var(--error-400));\r\n\r\n    &:hover {\r\n      @include modify-svg($stroke: var(--error-500));\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.textareaField {\r\n  width: 100%;\r\n  height: auto;\r\n  min-height: 68px;\r\n  overflow: auto;\r\n\r\n  resize: none;\r\n  border-radius: 8px;\r\n  // С учетом border\r\n  padding: 9px 11px;\r\n\r\n  background-color: var(--base-white);\r\n  border: 1px solid var(--gray-300);\r\n  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  transition: all ease-out 200ms;\r\n\r\n  @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n  &::placeholder {\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  &:focus {\r\n    border: 1px solid var(--gray-400);\r\n  }\r\n\r\n  &:disabled {\r\n    background-color: var(--gray-50);\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n  }\r\n\r\n  &.isError {\r\n    border: 1px solid var(--error-300);\r\n\r\n    &:focus {\r\n      border: 1px solid var(--error-400);\r\n    }\r\n  }\r\n\r\n  &.darkTheme {\r\n    background-color: var(--gray-iron-950);\r\n    border: 1px solid var(--gray-iron-800);\r\n    box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n    @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n\r\n    &::placeholder {\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n\r\n    &:focus {\r\n      border: 1px solid var(--gray-iron-700);\r\n    }\r\n\r\n    &:disabled {\r\n      background-color: var(--gray-iron-950);\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-500));\r\n    }\r\n\r\n    &.isError {\r\n      border: 1px solid var(--error-300);\r\n\r\n      &:focus {\r\n        border: 1px solid var(--error-400);\r\n      }\r\n    }\r\n  }\r\n}",".textareaField {\n  width: 100%;\n  height: auto;\n  min-height: 68px;\n  overflow: auto;\n  resize: none;\n  border-radius: 8px;\n  padding: 9px 11px;\n  background-color: var(--base-white);\n  border: 1px solid var(--gray-300);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  transition: all ease-out 200ms;\n}\n.textareaField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: var(--golos-ui);\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: var(--gray-400);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField:focus {\n  border: 1px solid var(--gray-400);\n}\n.textareaField:disabled {\n  background-color: var(--gray-50);\n}\n.textareaField:disabled {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.isError {\n  border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n  border: 1px solid var(--error-400);\n}\n.textareaField.darkTheme {\n  background-color: var(--gray-iron-950);\n  border: 1px solid var(--gray-iron-800);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField.darkTheme {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-25);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.darkTheme::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.darkTheme:focus {\n  border: 1px solid var(--gray-iron-700);\n}\n.textareaField.darkTheme:disabled {\n  background-color: var(--gray-iron-950);\n}\n.textareaField.darkTheme:disabled {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-iron-500);\n  font-weight: 400;\n  font-family: var(--golos-ui);\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.darkTheme.isError {\n  border: 1px solid var(--error-300);\n}\n.textareaField.darkTheme.isError:focus {\n  border: 1px solid var(--error-400);\n}"],"names":[],"sourceRoot":""}