indicator-ui 0.0.18 → 0.0.19

package/dist/index.css

@@ -102,6 +102,9 @@
   font-weight: 600;
   font-style: normal;
 }
+.Buttons-module__button___I3yLe {
+  transition: all ease-out 0.2s;
+}
 .Buttons-module__button___I3yLe {
   display: flex;
   flex-direction: row;
@@ -545,6 +548,7 @@
   font-style: normal;
 }
 .MicroButton-module__button___QMj95 {
+  transition: all ease-out 0.2s;
   width: fit-content;
   height: fit-content;
 }
@@ -2511,6 +2515,7 @@
   font-style: normal;
 }
 .CheckboxMark-module__checkboxMark___QsRbu {
+  transition: all ease-out 0.2s;
   width: 20px;
   height: 20px;
   background-color: var(--base-white);
@@ -2902,6 +2907,7 @@
   font-style: normal;
 }
 .ToggleBase-module__toggleBase___Vkhhf {
+  transition: all ease-out 0.2s;
   border-radius: 12px;
   padding: 2px;
   background-color: var(--gray-300);

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"file":"index.css","mappings":";;;AAAA;IACI,qBAAqB;IACrB,qBAAqB;;IAErB,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;;IAEnB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;;IAEtB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;;IAEpB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;AAC1B;;;;;ACvDA;IACI,uBAAuB;IACvB,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;AAC5B;;;;;;;;;;ACbA;EACE;EACA;EAIA;EACA;ACFF;ADKA;EACE;EACA;EAIA;EACA;ACNF;ADSA;EACE;EACA;EAIA;EACA;ACVF;AChBE;EACE;EAGE,mBCFiB;EDMjB,uBCNsB;EDUtB,mBCV8B;AFoBpC;AElBE;EACE;EACA;AFoBJ;AC1BE;EACE;EAGE,mBCGmB;EDCnB,uBCDwB;EDKxB,mBCLgC;AFyBtC;AEtBE;EACE;EACA;AFwBJ;AErBE;EACE;AFuBJ;AEpBE;EACE;EACA;AFsBJ;AEnBE;EACE;AFqBJ;AGxCI;ECJF;AJ+CF;AI3CM;EACE;EACA;EACA;AJ6CR;AIxCE;EACE;AJ0CJ;AK9CE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALyDZ;AGxDI;EGRF;ANmEF;AM/DM;EACE;EACA;EACA;ANiER;AM5DE;EACE;AN8DJ;AKlEE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL6EZ;AGxEI;EIZF;APuFF;AOnFM;EACE;EACA;EACA;APqFR;AOhFE;EACE;APkFJ;AKtFE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALiGZ;AGxFI;EKhBF;AR2GF;AQvGM;EACE;EACA;EACA;ARyGR;AQpGE;EACE;ARsGJ;AK1GE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALqHZ;AGxGI;EMpBF;EACA;EACA;AT+HF;AUjIM;EAEI,yBDGuB;AT+HjC;AK3HE;EAWI,gBIXyB;EJczB,wBIdsC;EJiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALqIZ;AShIE;EACE;ATkIJ;AS/HE;EACE;EACA;ATiIJ;AS9HE;EACE;ATgIJ;AG9HI;EQxBF;EACA;EACA;AXyJF;AU3JM;EAEI,4BCGuB;AXyJjC;AKrJE;EAWI,gBMXyB;ENczB,2BMdsC;ENiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL+JZ;AW1JE;EACE;EACA;AX4JJ;AWzJE;EACE;AX2JJ;AWxJE;EACE;AX0JJ;AGpJI;ES5BF;EACA;EACA;AZmLF;AUrLM;EAEI,uBEGuB;AZmLjC;AK/KE;EAWI,gBOXyB;EPczB,sBOdsC;EPiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALyLZ;AYpLE;EACE;EACA;AZsLJ;AYpLI;EACE;AZsLN;AYlLE;EACE;AZoLJ;AYjLE;EACE;AZmLJ;AU7MM;EAEI,4BGDuB;Ab+MjC;AKvME;EAWI,gBQfyB;ERkBzB,2BQlBsC;ERqBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALiNZ;Aa/MI;EACE;AbiNN;AU3NM;EAEI,yBGYyB;AbgNnC;Aa5ME;EACE;Ab8MJ;AUjOM;EAEI,4BIDuB;AdmOjC;AchOE;EACE;AdkOJ;AK9NE;EAWI,gBSV2B;ETa3B,2BSbwC;ETgB1C,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALwOZ;AU/OM;EAEI,4BIYyB;AdoOnC;AchOE;EACE;AdkOJ;AUrPM;EAEI,uBKDuB;AfuPjC;AepPE;EACE;AfsPJ;AKlPE;EAWI,gBUdyB;EViBzB,sBUjBsC;EVoBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL4PZ;AezPI;EACE;Af2PN;AUtQM;EAEI,uBKayB;Af0PnC;AetPE;EACE;AfwPJ;AGhOI;Ea5CF;EACA;AhB+QF;AUhRM;EAEI,4BMEuB;AhB+QjC;AgB5QE;EACE;AhB8QJ;AK7QE;EAWI,gBWXyB;EXczB,2BWdsC;EXiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALuRZ;AgBjRI;EACE;AhBmRN;AUjSM;EAEI,4BMgByB;AhBkRnC;AgB9QE;EACE;AhBgRJ;AGvPI;EchDF;EACA;AjB0SF;AU3SM;EAEI,uBOEuB;AjB0SjC;AiBvSE;EACE;AjBySJ;AKxSE;EAWI,gBYXyB;EZczB,sBYdsC;EZiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALkTZ;AiB5SI;EACE;AjB8SN;AU5TM;EAEI,uBOgByB;AjB6SnC;AiBzSE;EACE;AjB2SJ;AG9QI;EepDF;EACA;AlBqUF;AUtUM;EAEI,uBQEuB;AlBqUjC;AkBlUE;EACE;AlBoUJ;AKnUE;EAWI,gBaXyB;EbczB,sBadsC;EbiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL6UZ;AkBvUI;EACE;AlByUN;AUvVM;EAEI,uBQgByB;AlBwUnC;AkBpUE;EACE;AlBsUJ;AGrSI;EgBxDF;EACA;EACA;AnBgWF;AUlWM;EAEI,uBSGuB;AnBgWjC;AK5VE;EAWI,gBcXyB;EdczB,sBcdsC;EdiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALsWZ;AU7WM;EAEI,uBSYyB;AnBkWnC;AmB/VI;EACE;AnBiWN;AmB7VE;EACE;AnB+VJ;AG1TI;EiB5DF;EACA;EACA;ApByXF;AU3XM;EAEI,uBUGuB;ApByXjC;AKrXE;EAWI,gBeXyB;EfczB,sBedsC;EfiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL+XZ;AoB1XE;EACE;ApB4XJ;AUzYM;EAEI,uBUcyB;ApB4XnC;AoBzXI;EACE;ApB2XN;AoBvXE;EACE;ApByXJ;AGjVM;EkBjEJ;EACA;EACA;ArBqZF;AqBnZE;EACE;ArBqZJ;AqBlZE;EACE;ArBoZJ;AqBjZE;EACE;ArBmZJ;AGzVM;EmBvEJ;AtBmaF;AUnaM;EAEI,wBYCuB;AtBmajC;AsBhaE;EACE;AtBkaJ;AsB/ZE;EACE;EACA;AtBiaJ;AsB9ZE;EACE;AtBgaJ;AsB7ZE;EACE;AtB+ZJ,C;;;;ADtbA;EACE;EACA;EAIA;EACA;AwBFF;AxBKA;EACE;EACA;EAIA;EACA;AwBNF;AxBSA;EACE;EACA;EAIA;EACA;AwBVF;ACbE;ECDA;EACA;AFiBF;AtBpBE;EACE;EAGE;EAIA,uBwBJsB;ExBQtB,mBwBR8B;AFsBpC;AbVM;EeVF;AFuBJ;ACvBI;EEJF;AH8BF;Ab9BM;EAEI,uBgBDqB;AHgC/B;AG9BE;EACE;AHgCJ;AbpCM;EAEI,uBgBGuB;AHkCjC;AC/BI;EGRF;AJ0CF;Ab1CM;EAEI,yBiBDqB;AJ4C/B;AI1CE;EACE;AJ4CJ;ACpCI;EIZF;ALmDF;AbnDM;EAEI,uBkBDqB;ALqD/B;AKnDE;EACE;ALqDJ;AbzDM;EAEI,uBkBGuB;ALuDjC;AC5CI;EKhBF;AN+DF;Ab/DM;EAEI,4BmBDqB;ANiE/B;AM/DE;EACE;ANiEJ;AbrEM;EAEI,4BmBGuB;ANmEjC;ACpDI;EMpBF;AP2EF;Ab3EM;EAEI,4BoBDqB;AP6E/B;AO3EE;EACE;AP6EJ;AbjFM;EAEI,4BoBGuB;AP+EjC;AC5DI;EOxBF;ARuFF;AbvFM;EAEI,wBqBDqB;ARyF/B;AQvFE;EACE;ARyFJ;Ab7FM;EAEI,wBqBGuB;AR2FjC;ACpEI;EQ5BF;EACA;ATmGF;AbpGM;EAEI;AaqGV;ASnGE;EACE;ATqGJ;Ab1GM;EAEI,4BsBIuB;ATuGjC;AC7EI;EShCF;EACA;AVgHF;AbjHM;EAEI;AakHV;AUhHE;EACE;AVkHJ;AbvHM;EAEI,uBuBIuB;AVoHjC;ACtFI;EUpCF;EACA;AX6HF;Ab9HM;EAEI;Aa+HV;AW7HE;EACE;AX+HJ;AbpIM;EAEI,wBwBIuB;AXiIjC;AC/FI;EWxCF;EACA;AZ0IF;Ab7HM;EyBVF;EACA;AZ0IJ;ACnGI;EY5CF;EACA;AbkJF;AbrIM;E0BVF;EACA;AbkJJ;ACvGI;EahDF;EACA;Ad0JF;Ab7IM;E2BVF;EACA;Ad0JJ;AC3GI;EcpDF;EACA;AfkKF;AbrJM;E4BVF;EACA;AfkKJ;AC/GI;EexDF;EACA;AhB0KF;Ab7JM;E6BVF;EACA;AhB0KJ,C;;;;AxBlLA;EACE;EACA;EAIA;EACA;AyCFF;AzCKA;EACE;EACA;EAIA;EACA;AyCNF;AzCSA;EACE;EACA;EAIA;EACA;AyCVF;AAfA;EACE;EACA;EACA;EACA;EAEA;EACA;AAgBF;AvCxBE;EACE;EAGE,sBuCM6B;EvCF7B,uBuCEuD;EvCEvD,mBuCF6E;AAoBnF;AAlBE;EACE;EACA;EACA;AAoBJ;AvCnCE;EACE;EAGE,sBuCY+B;EvCR/B,uBuCQyD;EvCJzD,mBuCI+E;AAyBrF;AAvBI;EACE;EACA;EACA;EACA;EACA;AAyBN;AArBE;EACE;EACA;AAuBJ;AvCpDE;EACE;EAGE,sBuC0B+B;EvCtB/B,uBuCsByD;EvClBzD,mBuCkB+E;AA4BrF;AC9CE;EACE;EACA;EACA,sBDgBgE;ECfhE,gBDemD;ECdnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD2DZ;AAlCE;EACE;EACA;EACA;AAoCJ;AC7DE;EACE;EACA;EACA,sBDuBgE;ECtBhE,gBDsBmD;ECrBnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD0EZ;AA1CE;EACE;AA4CJ;AAxCI;EACE;AA0CN;AAtCE;EACE;AAwCJ;AAtCI;EACE;AAwCN;AArCI;EACE;AAuCN;AApCI;EACE;AAsCN;AAnCI;EACE;AAqCN;AAjCE;EACE;AAmCJ;AAjCI;EACE;AAmCN;AAhCI;EAEE;EACA;EACA;EACA;EACA;EACA;AAiCN;AA7BE;EACE;EACA;AA+BJ;AA7BI;EACE;EACA;EACA;AA+BN;AA3BM;EACE;AA6BR;AnCvHE;EAcI,sBmCiF0B;EnC9E5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AmCgIZ;AnC9HE;EAcI,sBmCqF0B;EnClF5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AmCuIZ,C;;;;AzCjJA;EACE;EACA;EAIA;EACA;A2CFF;A3CKA;EACE;EACA;EAIA;EACA;A2CNF;A3CSA;EACE;EACA;EAIA;EACA;A2CVF;AAfA;EACE;EACA;EAEA;EACA;EACA;EACA;AAgBF,C;;;;A3CzBA;EACE;EACA;EAIA;EACA;A4CFF;A5CKA;EACE;EACA;EAIA;EACA;A4CNF;A5CSA;EACE;EACA;EAIA;EACA;A4CVF;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;AAiBF;A1CxBE;EACE;EAGE,sB0CI6B;AAoBnC;AAlBE;EACE;EACA;EACA;EACA;AAoBJ;A1ClCE;EACE;EAGE,mB0CW+B;AAuBrC;AArBI;EACE;EACA;EACA;AAuBN;AF/BE;EACE;EACA;EACA,sBEMkE;EFLlE,gBEKqD;EFJrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AE4CZ;AA5BE;EACE;AA8BJ;AA5BI;EACE;EACA;EACA;AA8BN;A1C7DE;EACE;EAGE,mB0C4BiC;AAiCvC;AFrDE;EACE;EACA;EACA,sBEoBoE;EFnBpE,gBEmBuD;EFlBvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEkEZ;AF/DE;EACE;EACA;EACA,sBEwBoE;EFvBpE,gBEuBuD;EFtBvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AE4EZ;AA1CI;EACE;EACA;EACA;AA4CN,C;;;;A5C3FA;EACE;EACA;EAIA;EACA;A6CFF;A7CKA;EACE;EACA;EAIA;EACA;A6CNF;A7CSA;EACE;EACA;EAIA;EACA;A6CVF;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAiBF;AAfE;EACE;AAiBJ;AAdE;EACE;AAgBJ;AAbE;EACE;AAeJ;AAZE;EACE;AAcJ;AAXE;EACE;AAaJ;;AATA;EACE;IACE;EAYF;EAVA;IACE;EAYF;AACF;AATA;EACE;IACE;EAWF;EATA;IACE;EAWF;AACF;AARA;EACE;IACE;EAUF;EARA;IACE;EAUF;AACF;AAPA;EACE;IACE;EASF;EAPA;IACE;EASF;AACF,C;;;;A7C3EA;EACE;EACA;EAIA;EACA;A8CFF;A9CKA;EACE;EACA;EAIA;EACA;A8CNF;A9CSA;EACE;EACA;EAIA;EACA;A8CVF;AAfA;EACE;EACA;EACA;AAiBF;A5CrBE;EACE;EAGE,mB4CC6B;AAoBnC;AAlBE;EACE;AAoBJ;AJhBE;EACE;EACA;EACA,sBINgE;EJOhE,gBIPmD;EJQnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AI6BZ;AA1BE;EACE;EACA;EACA;AA4BJ;A5C3CE;EACE;EAGE,mB4CY+B;AA+BrC;AA7BI;EACE;AA+BN,C;;;;A9CnDA;EACE;EACA;EAIA;EACA;A+CFF;A/CKA;EACE;EACA;EAIA;EACA;A+CNF;A/CSA;EACE;EACA;EAIA;EACA;A+CVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;AAgBJ,C;;;;A/C3BA;EACE;EACA;EAIA;EACA;AgDFF;AhDKA;EACE;EACA;EAIA;EACA;AgDNF;AhDSA;EACE;EACA;EAIA;EACA;AgDVF;ACdE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;ADgBJ;ACdI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADeN;AN9BE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM2CZ;ANxCE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMqDZ;AC1BI;EACE;ECrCJ;EACA;EACA;AFkEF;ArClEM;EAEI,uBsCmCyB;ADgCnC;ArCvDM;EsCwBE;EACA;EACA;ADkCR;ANhEE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM6EZ;ACpCI;EACE;EACA;EACA;EACA;ADsCN;ACnCI;EACE;EC1DJ;EACA;EACA;AFgGF;ArChGM;EAEI,uBsCwDyB;ADyCnC;ArCrFM;EsC6CE;EACA;EACA;AD2CR;ACvCI;EACE;EACA;ECrEJ;EACA;EACA;AF+GF;ArC/GM;EAEI,uBsCmEyB;AD6CnC;ArCpGM;EsCwDE;EACA;EACA;AD+CR;AC5CM;EACE;AD8CR;AC1CI;EACE;EACA;ECpFJ;EACA;EACA;AFiIF;ArCnHM;EsCuEE;EACA;EACA;AD+CR;ArCtIM;EAEI,wBsCyF2B;AD8CrC;ArCzIM;EAEI,wBsC4F6B;AD8CvC;ArC5IM;EAEI,uBsCiG2B;AD4CrC;ArC/IM;EAEI,uBsCoG6B;AD4CvC;ACvCI;EACE;ADyCN;ACtCI;EACE;ADwCN;ACrCI;EACE;ADuCN;ArC3JM;EAEI,wBsCqH2B;ADuCrC;ACpCM;EACE;ADsCR;AClCI;EACE;EACA;ADoCN;AClCM;EACE;ADoCR;AN9JE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM2KZ,C;;;;AhDrLA;EACE;EACA;EAIA;EACA;AmDFF;AnDKA;EACE;EACA;EAIA;EACA;AmDNF;AnDSA;EACE;EACA;EAIA;EACA;AmDVF;ACbE;EACE;EACA;ADeJ;AFlBE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;AEoBJ;AFlBI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AEmBN;ATlCE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AS+CZ;AT5CE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASyDZ;AF9BI;EACE;ECrCJ;EACA;EACA;ACsEF;AxCtEM;EAEI,uBsCmCyB;AEoCnC;AxC3DM;EsCwBE;EACA;EACA;AEsCR;ATpEE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASiFZ;AFxCI;EACE;EACA;EACA;EACA;AE0CN;AFvCI;EACE;EC1DJ;EACA;EACA;ACoGF;AxCpGM;EAEI,uBsCwDyB;AE6CnC;AxCzFM;EsC6CE;EACA;EACA;AE+CR;AF3CI;EACE;EACA;ECrEJ;EACA;EACA;ACmHF;AxCnHM;EAEI,uBsCmEyB;AEiDnC;AxCxGM;EsCwDE;EACA;EACA;AEmDR;AFhDM;EACE;AEkDR;AF9CI;EACE;EACA;ECpFJ;EACA;EACA;ACqIF;AxCvHM;EsCuEE;EACA;EACA;AEmDR;AxC1IM;EAEI,wBsCyF2B;AEkDrC;AxC7IM;EAEI,wBsC4F6B;AEkDvC;AxChJM;EAEI,uBsCiG2B;AEgDrC;AxCnJM;EAEI,uBsCoG6B;AEgDvC;AF3CI;EACE;AE6CN;AF1CI;EACE;AE4CN;AFzCI;EACE;AE2CN;AxC/JM;EAEI,wBsCqH2B;AE2CrC;AFxCM;EACE;AE0CR;AFtCI;EACE;EACA;AEwCN;AFtCM;EACE;AEwCR;ATlKE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AS+KZ;AC/KI;EACE;EACA;EACA;ADiLN;AC/KM;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;AD6KR;AC3KQ;EACE;EACA;EFjCR;EACA;EACA;EEmCQ;EACA;AD6KV;AC3KU;EACE;EACA;AD6KZ;AT3ME;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASwNZ;ACnLU;EACE;ADqLZ;AEnOI;EAEI;EAGA;EAIA,UDsCsF;ADyL9F;AE5NM;EAEI,4BDiCuD;AD4LjE,C;;;;AnD7OA;EACE;EACA;EAIA;EACA;AsDFF;AtDKA;EACE;EACA;EAIA;EACA;AsDNF;AtDSA;EACE;EACA;EAIA;EACA;AsDVF;ACdE;EACE;EACA;EACA;EAEA;ADeJ;ACbI;EACE;EACA;EACA;ADeN;AZfE;EACE;EACA;EACA,sBaDkE;EbElE,gBaFqD;EbGrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AY4BZ;AZzBE;EACE;EACA;EACA,uBaEoE;EbDpE,gBaCuD;EbAvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYsCZ;AC1BI;EACE;EACA;EACA;AD4BN;AZxCE;EACE;EACA;EACA,sBaWkE;EbVlE,gBaUqD;EbTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYqDZ;ACjCI;EACE;EACA;EACA;ADmCN;AZvDE;EACE;EACA;EACA,uBamBkE;EblBlE,gBakBqD;EbjBrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYoEZ;ACxCI;EACE;EACA;EACA;EACA;AD0CN;ADlFI;EAEI;EAGA;EAIA,UEgCgF;AD8CxF;AD3EM;EAEI,4BE2BiD;ADiD3D;AZ/EE;EACE;EACA;EACA,2Ba4BkE;Eb3BlE,gBa2BqD;Eb1BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AY4FZ,C;;;;AtDtGA;EACE;EACA;EAIA;EACA;AwDFF;AxDKA;EACE;EACA;EAIA;EACA;AwDNF;AxDSA;EACE;EACA;EAIA;EACA;AwDVF;ACyBE;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;ADzBJ;AC2BI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADzBN;AC4BI;EACE;AD1BN;AC6BI;EACE;AD3BN;AC8BI;EACE;EACA;AD5BN;AC8BM;EACE;AD5BR;ACgCI;EACE;EACA;AD9BN;ACgCM;EACE;AD9BR,C;;;;AxDvDA;EACE;EACA;EAIA;EACA;A0DFF;A1DKA;EACE;EACA;EAIA;EACA;A0DNF;A1DSA;EACE;EACA;EAIA;EACA;A0DVF;ACbE;EACE;EACA;EAEA;EACA;ADcJ;ACZI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AQ+BF;AhBrBE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgBkCZ;AChBM;EAUE;ADSR;AClBQ;EACE;EACA;EACA;EACA;EACA;EACA;ADoBV,C;;;;A1DvDA;EACE;EACA;EAIA;EACA;A4DFF;A5DKA;EACE;EACA;EAIA;EACA;A4DNF;A5DSA;EACE;EACA;EAIA;EACA;A4DVF;ACdE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ADcJ;AlBdE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkB2BZ;AlBxBE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqCZ;AC1BI;EACE;AD4BN;ACzBI;EACE;AD2BN;AlBxCE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqDZ;ACjCI;EACE;ADmCN;ACjCM;EACE;ADmCR,C;;;;A5DrEA;EACE;EACA;EAIA;EACA;A8DFF;A9DKA;EACE;EACA;EAIA;EACA;A8DNF;A9DSA;EACE;EACA;EAIA;EACA;A8DVF;AbdE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;AagBJ;AbdI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AaeN;ApB9BE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2CZ;ApBxCE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBqDZ;Ab1BI;EACE;ECrCJ;EACA;EACA;AYkEF;AnDlEM;EAEI,uBsCmCyB;AagCnC;AnDvDM;EsCwBE;EACA;EACA;AakCR;ApBhEE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB6EZ;AbpCI;EACE;EACA;EACA;EACA;AasCN;AbnCI;EACE;EC1DJ;EACA;EACA;AYgGF;AnDhGM;EAEI,uBsCwDyB;AayCnC;AnDrFM;EsC6CE;EACA;EACA;Aa2CR;AbvCI;EACE;EACA;ECrEJ;EACA;EACA;AY+GF;AnD/GM;EAEI,uBsCmEyB;Aa6CnC;AnDpGM;EsCwDE;EACA;EACA;Aa+CR;Ab5CM;EACE;Aa8CR;Ab1CI;EACE;EACA;ECpFJ;EACA;EACA;AYiIF;AnDnHM;EsCuEE;EACA;EACA;Aa+CR;AnDtIM;EAEI,wBsCyF2B;Aa8CrC;AnDzIM;EAEI,wBsC4F6B;Aa8CvC;AnD5IM;EAEI,uBsCiG2B;Aa4CrC;AnD/IM;EAEI,uBsCoG6B;Aa4CvC;AbvCI;EACE;AayCN;AbtCI;EACE;AawCN;AbrCI;EACE;AauCN;AnD3JM;EAEI,wBsCqH2B;AauCrC;AbpCM;EACE;AasCR;AblCI;EACE;EACA;AaoCN;AblCM;EACE;AaoCR;ApB9JE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2KZ;;APlLE;EACE;EACA;EACA;EAEA;AOoLJ;APlLI;EACE;EACA;EACA;AOoLN;ApBpLE;EACE;EACA;EACA,sBaDkE;EbElE,gBaFqD;EbGrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiMZ;ApB9LE;EACE;EACA;EACA,uBaEoE;EbDpE,gBaCuD;EbAvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2MZ;AP/LI;EACE;EACA;EACA;AOiMN;ApB7ME;EACE;EACA;EACA,sBaWkE;EbVlE,gBaUqD;EbTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB0NZ;APtMI;EACE;EACA;EACA;AOwMN;ApB5NE;EACE;EACA;EACA,uBamBkE;EblBlE,gBakBqD;EbjBrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoByOZ;AP7MI;EACE;EACA;EACA;EACA;AO+MN;ATvPI;EAEI;EAGA;EAIA,UEgCgF;AOmNxF;AThPM;EAEI,4BE2BiD;AOsN3D;ApBpPE;EACE;EACA;EACA,2Ba4BkE;Eb3BlE,gBa2BqD;Eb1BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiQZ;;AVvQE;EACE;EACA;AU0QJ;Ab7QE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;Aa+QJ;Ab7QI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Aa8QN;ApB7RE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB0SZ;ApBvSE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBoTZ;AbzRI;EACE;ECrCJ;EACA;EACA;AYiUF;AnDjUM;EAEI,uBsCmCyB;Aa+RnC;AnDtTM;EsCwBE;EACA;EACA;AaiSR;ApB/TE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB4UZ;AbnSI;EACE;EACA;EACA;EACA;AaqSN;AblSI;EACE;EC1DJ;EACA;EACA;AY+VF;AnD/VM;EAEI,uBsCwDyB;AawSnC;AnDpVM;EsC6CE;EACA;EACA;Aa0SR;AbtSI;EACE;EACA;ECrEJ;EACA;EACA;AY8WF;AnD9WM;EAEI,uBsCmEyB;Aa4SnC;AnDnWM;EsCwDE;EACA;EACA;Aa8SR;Ab3SM;EACE;Aa6SR;AbzSI;EACE;EACA;ECpFJ;EACA;EACA;AYgYF;AnDlXM;EsCuEE;EACA;EACA;Aa8SR;AnDrYM;EAEI,wBsCyF2B;Aa6SrC;AnDxYM;EAEI,wBsC4F6B;Aa6SvC;AnD3YM;EAEI,uBsCiG2B;Aa2SrC;AnD9YM;EAEI,uBsCoG6B;Aa2SvC;AbtSI;EACE;AawSN;AbrSI;EACE;AauSN;AbpSI;EACE;AasSN;AnD1ZM;EAEI,wBsCqH2B;AasSrC;AbnSM;EACE;AaqSR;AbjSI;EACE;EACA;AamSN;AbjSM;EACE;AamSR;ApB7ZE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB0aZ;AV1aI;EACE;EACA;EACA;AU4aN;AV1aM;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;AUwaR;AVtaQ;EACE;EACA;EFjCR;EACA;EACA;EEmCQ;EACA;AUwaV;AVtaU;EACE;EACA;AUwaZ;ApBtcE;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBmdZ;AV9aU;EACE;AUgbZ;AT9dI;EAEI;EAGA;EAIA,UDsCsF;AUob9F;ATvdM;EAEI,4BDiCuD;AUubjE;;AL9bE;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;AK+bJ;AL7bI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AK+bN;AL5bI;EACE;AK8bN;AL3bI;EACE;AK6bN;AL1bI;EACE;EACA;AK4bN;AL1bM;EACE;AK4bR;ALxbI;EACE;EACA;AK0bN;ALxbM;EACE;AK0bR;;AH3gBE;EACE;EACA;EAEA;EACA;AG6gBJ;AH3gBI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AY8hBF;ApBphBE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiiBZ;AH/gBM;EAUE;AGwgBR;AHjhBQ;EACE;EACA;EACA;EACA;EACA;EACA;AGmhBV;;ADnjBE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ACojBJ;ApBpjBE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBikBZ;ApB9jBE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2kBZ;ADhkBI;EACE;ACkkBN;AD/jBI;EACE;ACikBN;ApB9kBE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2lBZ;ADvkBI;EACE;ACykBN;ADvkBM;EACE;ACykBR,C;;;;A9D3mBA;EACE;EACA;EAIA;EACA;A+DFF;A/DKA;EACE;EACA;EAIA;EACA;A+DNF;A/DSA;EACE;EACA;EAIA;EACA;A+DVF;ACbE;ECIA;EACA;EAEA;EACA;EACA;EACA;EfbA;EACA;EACA;AayBF;ApDzBM;EAUI,esDI2B;AFcrC;ApDdM;EsDCF;EACA;EACA;AFgBJ;AEdE;EAnBA;EACA;AFoCF;ACjCI;EENF;AH0CF;AChCI;EGRF;AJ2CF;AIzCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ2CJ;ACxCI;EIRF;EACA;ALmDF;ApDxDM;EAEI,4ByDKqB;ALoD/B;AKlDE;EACE;ALoDJ;AKjDE;EAbA;ALiEF;ACjDI;EKZF;EACA;ANgEF;ApDrEM;EAEI,4B0DKqB;ANiE/B;ArB9DE;EACE;EACA;EACA,2B2BL8D;E3BM9D,gB2BNiD;E3BOjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB2EZ;AMxEE;EAVA;ANqFF;ACjEI;EMfF;EACA;APmFF;ApDzFM;EAEI,wB2DMqB;APoF/B;AzDnFE;EAcI,uBgEdsB;EhEiBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyD4FZ;AOxFE;EACE;AP0FJ;AOvFE;EAfA;EACA;APyGF;AClFI;EOhBF;EAEA;EACA;ARoGF;AQlGE;EACE;ARoGJ;ApDlHM;EAEI,uB4DeqB;ARoG/B;AzD5GE;EAcI,sBiELsB;EjEQxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyDqHZ;AQxGE;EApBA;EACA;AR+HF;ApDhIM;EAEI,uB4DCqB;ARgI/B;AzD1HE;EAcI,sBiEnBsB;EjEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyDmIZ;AC7GM;EQnBJ;EACA;ATmIF;ArBpIE;EACE;EACA;EACA,wB8BD8D;E9BE9D,gB8BFiD;E9BGjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqBiJZ;ApDxJM;EAEI,yB6DWqB;AT8I/B;AS5IE;EACE;AT8IJ;AS3IE;EAnBA;EACA;ATiKF;AClIQ;EQPN;EACA;AT4IF;ArB5JE;EACE;EACA;EACA,wB8Bc8D;E9Bb9D,gB8BaiD;E9BZjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqByKZ;ApDhLM;EAEI,yB6D0BqB;ATuJ/B;ASrJE;EACE;ATuJJ;ASpJE;EA7BA;EACA;AToLF;ACnJM;ES7BJ;EACA;AVmLF;ArBpLE;EACE;EACA;EACA,wB+BD8D;E/BE9D,gB+BFiD;E/BGjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqBiMZ;ApDxMM;EAEI,yB8DWqB;AV8L/B;AU5LE;EACE;AV8LJ;AU3LE;EAnBA;EACA;AViNF;ACxKQ;ESjBN;EACA;AV4LF;ArB5ME;EACE;EACA;EACA,wB+Bc8D;E/Bb9D,gB+BaiD;E/BZjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqByNZ;ApDhOM;EAEI,yB8D0BqB;AVuM/B;AUrME;EACE;AVuMJ;AUpME;EA7BA;EACA;AVoOF;AC1LI;EChDF;EACA;AF6OF;AC3LM;EInDJ;ALiPF;AC1LM;EKvDJ;ANoPF;ACzLM;EM3DJ;EACA;APuPF;ACzLM;EO/DJ;EACA;AR2PF;ApD5PM;EAEI,uB4DCqB;AR4P/B;AzDtPE;EAcI,sBiEnBsB;EjEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyD+PZ;AClMQ;EQpEN;EACA;ATyQF;ACnMU;EQlER;EACA;ATwQF;AChMQ;ES9EN;EACA;AViRF;ACjMU;ES5ER;EACA;AVgRF,C;;;;A/DzRA;EACE;EACA;EAIA;EACA;A0EFF;A1EKA;EACE;EACA;EAIA;EACA;A0ENF;A1ESA;EACE;EACA;EAIA;EACA;A0EVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;EACA;EACA;AAgBJ;AxE5BE;EACE;EAGE,sBwES+B;AAmBrC;AAjBI;EACE;AAmBN;AhCvBE;EACE;EACA;EACA,sBgCEkE;EhCDlE,gBgCCqD;EhCArD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgCoCZ;ApElCE;EAWI,gBoEF6B;EpEQ/B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoE2CZ;AA5BI;EACE;AA8BN;AhC3CE;EACE;EACA;EACA,sBgCWkE;EhCVlE,gBgCUqD;EhCTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgCwDZ;AAnCE;EACE;AAqCJ;ApEzDE;EAcI,sBoEU4B;EpEP9B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoEkEZ;ApEhEE;EAcI,sBoEc4B;EpEX9B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoEyEZ;ApEvEE;EAcI,uBoEqB0B;EpElB5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoEgFZ;AAvCE;EACE;AAyCJ;AAtCE;EACE;AAwCJ;AArCE;EACE;AAuCJ;AApCE;EACE;AAsCJ,C;;;;A1EtGA;EACE;EACA;EAIA;EACA;A2EFF;A3EKA;EACE;EACA;EAIA;EACA;A2ENF;A3ESA;EACE;EACA;EAIA;EACA;A2EVF;AAfA;ECCE;EACA;EACA;ADiBF;AzErBE;EACE;EAOE,sB0EHmC;E1EOnC,mB0EPwD;ADqB9D;AAtBE;EEFA;EACA;EACA;EACA;AF2BF;AAxBE;EGRA;EACA;AHmCF;AAxBE;EIZA;AJuCF;AAxBI;EIXF;AJsCF;AAtBE;EKpBA;EACA;AL6CF;AAvBI;EKlBF;EACA;AL4CF;AAtBE;EM5BA;EACA;ANqDF;AAvBI;EM1BF;EACA;ANoDF;AAtBE;EOpCA;AP6DF;AAtBI;EO/BF;APwDF;AArBI;EOvCF;AP+DF;AArBM;EOlCJ;AP0DF;AAjBI;EQrDF;EACA;ARyEF;AAlBM;EQnDJ;ARwEF,C;;;;A3E9EA;EACE;EACA;EAIA;EACA;AoFFF;ApFKA;EACE;EACA;EAIA;EACA;AoFNF;ApFSA;EACE;EACA;EAIA;EACA;AoFVF;AAfA;EACE;EACA;EACA;AAiBF;AAfE;EACE;AAiBJ;AlFxBE;EACE;EAGE,sBkFI+B;ElFA/B;EAIA,kBkFJ8E;AAsBpF;A1ClBE;EACE;EACA;EACA,sB0CJkE;E1CKlE,gB0CLqD;E1CMrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0C+BZ;A1C5BE;EACE;EACA;EACA;EACA,gB0CDqD;E1CErD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0CyCZ;AA/BE;EACE;AAiCJ;A9E1CE;EAcI,sB8EF0B;E9EK5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A8EmDZ;AAjCE;EACE;AAmCJ;AAhCE;EACE;AAkCJ;AA/BE;EACE;AAiCJ;AA9BE;EACE;AAgCJ,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/fonts.scss","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/button.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/micro-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/CalendarDay.module.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerMain.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DateGrid.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerHeader.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerFooter.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/mixins/flexField.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/mixins/selectField.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/RadioField.module.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/mixins/radioField.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/mixin/textareaField.scss","webpack://indicator-ui/./src/ui/InputFields/InputField/styles/InputField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/CheckboxMark.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/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/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"],"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: #FCFAFF;\r\n    --primary-50: #F9F5FF;\r\n    --primary-100: #F4EBFF;\r\n    --primary-200: #E9D7FE;\r\n    --primary-300: #D6BBFB;\r\n    --primary-400: #B692F6;\r\n    --primary-500: #9E77ED;\r\n    --primary-600: #7F56D9;\r\n    --primary-700: #6941C6;\r\n    --primary-800: #53389E;\r\n    --primary-900: #42307D;\r\n    --primary-950: #2C1C5F;\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: #FEFDF0;\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",":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","@font-face {\r\n  font-family: \"Golos UI\";\r\n  src: local(\"Golos UI\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\r\n  font-weight: 400;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Golos UI\";\r\n  src: local(\"Golos UI\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Golos UI\";\r\n  src: local(\"Golos UI\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\r\n  font-weight: 600;\r\n  font-style: normal;\r\n}\r\n\r\n$golos-ui: 'Golos UI', sans-serif;","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.button {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.button .icon {\n  width: fit-content;\n  height: fit-content;\n}\n.button .icon {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.button.widthFill {\n  width: 100%;\n  flex: 1;\n}\n.button.widthHug {\n  width: fit-content;\n}\n.button.heightFill {\n  height: 100%;\n  flex: 1;\n}\n.button.heightHug {\n  height: fit-content;\n}\n.button.small {\n  padding: 10px;\n}\n.button.small .icon svg {\n  flex: none;\n  width: 16px;\n  height: 16px;\n}\n.button.small .text {\n  padding: 0 4px;\n}\n.button.small .text {\n  font-size: 14px;\n  line-height: 16px;\n  line-height: 16px;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.medium {\n  padding: 10px;\n}\n.button.medium .icon svg {\n  flex: none;\n  width: 16px;\n  height: 16px;\n}\n.button.medium .text {\n  padding: 0 8px;\n}\n.button.medium .text {\n  font-size: 14px;\n  line-height: 20px;\n  line-height: 20px;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.large {\n  padding: 12px;\n}\n.button.large .icon svg {\n  flex: none;\n  width: 20px;\n  height: 20px;\n}\n.button.large .text {\n  padding: 0 6px;\n}\n.button.large .text {\n  font-size: 14px;\n  line-height: 20px;\n  line-height: 20px;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.ultra {\n  padding: 18px;\n}\n.button.ultra .icon svg {\n  flex: none;\n  width: 24px;\n  height: 24px;\n}\n.button.ultra .text {\n  padding: 0 12px;\n}\n.button.ultra .text {\n  font-size: 18px;\n  line-height: 24px;\n  line-height: 24px;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.primary {\n  border-radius: 8px;\n  background-color: var(--blue-dark-500);\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 .text {\n  font-weight: 500;\n  color: var(--base-white);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.primary:hover {\n  background-color: var(--blue-dark-600);\n}\n.button.primary:focus {\n  background-color: var(--blue-dark-500);\n  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary:disabled {\n  opacity: 0.3;\n}\n.button.secondaryColor {\n  border-radius: 8px;\n  background-color: var(--base-white);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-200);\n}\n.button.secondaryColor .icon svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.secondaryColor .text {\n  font-weight: 500;\n  color: var(--blue-dark-500);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.secondaryColor:hover {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);\n}\n.button.secondaryColor:focus {\n  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);\n}\n.button.secondaryColor:disabled {\n  opacity: 0.5;\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), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray .icon svg * {\n  stroke: var(--gray-700);\n}\n.button.secondaryGray .text {\n  font-weight: 500;\n  color: var(--gray-700);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.secondaryGray:hover {\n  background-color: var(--gray-50);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray:hover .text {\n  color: var(--gray-800);\n}\n.button.secondaryGray:focus {\n  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray:disabled {\n  opacity: 0.5;\n}\n.button.tertiaryWhite .icon svg * {\n  stroke: var(--blue-dark-100);\n}\n.button.tertiaryWhite .text {\n  font-weight: 400;\n  color: var(--blue-dark-100);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tertiaryWhite:hover .text {\n  color: var(--base-white);\n}\n.button.tertiaryWhite:hover .icon svg * {\n  stroke: var(--base-white);\n}\n.button.tertiaryWhite:disabled {\n  opacity: 0.5;\n}\n.button.tertiaryColor .icon svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.tertiaryColor .text {\n  color: var(--blue-dark-500);\n}\n.button.tertiaryColor:hover .text {\n  font-weight: 400;\n  color: var(--blue-dark-700);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tertiaryColor:hover .icon svg * {\n  stroke: var(--blue-dark-700);\n}\n.button.tertiaryColor:disabled {\n  opacity: 0.5;\n}\n.button.tertiaryGray .icon svg * {\n  stroke: var(--gray-700);\n}\n.button.tertiaryGray .text {\n  color: var(--gray-700);\n}\n.button.tertiaryGray .text {\n  font-weight: 400;\n  color: var(--gray-400);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tertiaryGray:hover .text {\n  color: var(--gray-900);\n}\n.button.tertiaryGray:hover .icon svg * {\n  stroke: var(--gray-900);\n}\n.button.tertiaryGray:disabled {\n  opacity: 0.5;\n}\n.button.linkColor {\n  padding: 0 !important;\n  gap: 4px;\n}\n.button.linkColor .icon svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.linkColor .text {\n  padding: 0 !important;\n}\n.button.linkColor .text {\n  font-weight: 400;\n  color: var(--blue-dark-500);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.linkColor:hover .text {\n  color: var(--blue-dark-700);\n}\n.button.linkColor:hover .icon svg * {\n  stroke: var(--blue-dark-700);\n}\n.button.linkColor:disabled {\n  opacity: 0.5;\n}\n.button.linkBlack {\n  padding: 0 !important;\n  gap: 4px;\n}\n.button.linkBlack .icon svg * {\n  stroke: var(--gray-700);\n}\n.button.linkBlack .text {\n  padding: 0 !important;\n}\n.button.linkBlack .text {\n  font-weight: 400;\n  color: var(--gray-700);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.linkBlack:hover .text {\n  color: var(--gray-900);\n}\n.button.linkBlack:hover .icon svg * {\n  stroke: var(--gray-900);\n}\n.button.linkBlack:disabled {\n  opacity: 0.5;\n}\n.button.linkGray {\n  padding: 0 !important;\n  gap: 4px;\n}\n.button.linkGray .icon svg * {\n  stroke: var(--gray-400);\n}\n.button.linkGray .text {\n  padding: 0 !important;\n}\n.button.linkGray .text {\n  font-weight: 400;\n  color: var(--gray-400);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.linkGray:hover .text {\n  color: var(--gray-500);\n}\n.button.linkGray:hover .icon svg * {\n  stroke: var(--gray-500);\n}\n.button.linkGray:disabled {\n  opacity: 0.5;\n}\n.button.tabActive {\n  border-radius: 6px;\n  background-color: var(--base-white);\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 .text {\n  font-weight: 500;\n  color: var(--gray-700);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tabActive:hover .icon svg * {\n  stroke: var(--gray-900);\n}\n.button.tabActive:hover .text {\n  color: var(--gray-900);\n}\n.button.tabActive:disabled {\n  opacity: 0.5;\n}\n.button.tab {\n  border-radius: 6px;\n  background-color: var(--gray-100);\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 .text {\n  font-weight: 500;\n  color: var(--gray-500);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tab:hover {\n  background-color: var(--gray-200);\n}\n.button.tab:hover .icon svg * {\n  stroke: var(--gray-800);\n}\n.button.tab:hover .text {\n  color: var(--gray-800);\n}\n.button.tab:disabled {\n  opacity: 0.5;\n}\n.button.warning.primary {\n  border-radius: 8px;\n  background-color: var(--error-500);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.primary:hover {\n  background-color: var(--error-600);\n}\n.button.warning.primary:focus {\n  background-color: var(--error-500);\n}\n.button.warning.primary:disabled {\n  opacity: 0.3;\n}\n.button.warning.secondaryColor {\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-200);\n}\n.button.warning.secondaryColor .icon svg * {\n  stroke: var(--error-500);\n}\n.button.warning.secondaryColor .text {\n  color: var(--error-500);\n}\n.button.warning.secondaryColor:hover {\n  background-color: var(--error-50);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-400);\n}\n.button.warning.secondaryColor:focus {\n  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-200);\n}\n.button.warning.secondaryColor:disabled {\n  opacity: 0.5;\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\r\n  & {\r\n    display: flex;\r\n\r\n    @if ($direction != null) {\r\n      flex-direction: $direction;\r\n    }\r\n\r\n    @if ($justify-content != null) {\r\n      justify-content: $justify-content;\r\n    }\r\n\r\n    @if ($align-items != null) {\r\n      align-items: $align-items;\r\n    }\r\n    @content;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n  @include modify-flex(row, center, center);\r\n\r\n  .icon {\r\n    width: fit-content;\r\n    height: fit-content;\r\n    @include modify-flex(row, center, center);\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n    flex: 1;\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n  }\r\n\r\n  &.heightFill {\r\n    height: 100%;\r\n    flex: 1;\r\n  }\r\n\r\n  &.heightHug {\r\n    height: fit-content;\r\n  }\r\n}","@use 'baseButton';\r\n@use 'properties';\r\n\r\n@mixin insertButton() {\r\n  .button {\r\n    @include baseButton.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\r\n    &.secondaryColor {\r\n      @include properties.secondaryColorButton;\r\n    }\r\n\r\n    &.secondaryGray {\r\n      @include properties.secondaryGrayButton;\r\n    }\r\n\r\n    &.tertiaryWhite {\r\n      @include properties.tertiaryWhiteButton;\r\n    }\r\n\r\n    &.tertiaryColor {\r\n      @include properties.tertiaryColorButton;\r\n    }\r\n\r\n    &.tertiaryGray {\r\n      @include properties.tertiaryGrayButton;\r\n    }\r\n\r\n    &.linkColor {\r\n      @include properties.linkColorButton;\r\n    }\r\n\r\n    &.linkBlack {\r\n      @include properties.linkBlackButton;\r\n    }\r\n\r\n    &.linkGray {\r\n      @include properties.linkGrayButton;\r\n    }\r\n\r\n    &.tabActive {\r\n      @include properties.tabActiveButton;\r\n    }\r\n\r\n    &.tab {\r\n      @include properties.tabButton;\r\n    }\r\n\r\n    &.warning {\r\n      &.primary {\r\n        @include properties.warningPrimaryButton;\r\n      }\r\n    }\r\n\r\n    &.warning {\r\n      &.secondaryColor {\r\n        @include properties.warningSecondaryColorButton;\r\n      }\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n  padding: 10px;\r\n\r\n  .icon {\r\n    @include modify-svg() {\r\n      & {\r\n        flex: none;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .text {\r\n    padding: 0 4px;\r\n    @include fnt-flex($size: 14, $line-height: 16);\r\n  }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt-flex(\r\n  $size: null,\r\n  $line-height: null,\r\n  $color: null,\r\n  $weight: null,\r\n  $family: fonts.$golos-ui,\r\n  $stretch: normal,\r\n  $style: normal,\r\n  $variant: normal,\r\n) {\r\n  & {\r\n    @if ($size != null) {\r\n      font-size: #{$size}px;\r\n    }\r\n    @if ($line-height != null) {\r\n      line-height: #{$line-height}px;\r\n    }\r\n    @if ($line-height != null) {\r\n      line-height: #{$line-height}px;\r\n    }\r\n    @if ($weight != null) {\r\n      font-weight: $weight;\r\n    }\r\n    @if ($color != null) {\r\n      color: $color;\r\n    }\r\n\r\n    font-family: $family;\r\n    font-stretch: $stretch;\r\n    font-style: $style;\r\n    font-variant: $variant;\r\n  }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n  padding: 10px;\r\n\r\n  .icon {\r\n    @include modify-svg() {\r\n      & {\r\n        flex: none;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .text {\r\n    padding: 0 8px;\r\n    @include fnt-flex($size: 14, $line-height: 20);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n  padding: 12px;\r\n\r\n  .icon {\r\n    @include modify-svg() {\r\n      & {\r\n        flex: none;\r\n        width: 20px;\r\n        height: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .text {\r\n    padding: 0 6px;\r\n    @include fnt-flex($size: 14, $line-height: 20);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n  padding: 18px;\r\n\r\n  .icon {\r\n    @include modify-svg() {\r\n      & {\r\n        flex: none;\r\n        width: 24px;\r\n        height: 24px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .text {\r\n    padding: 0 12px;\r\n    @include fnt-flex($size: 18, $line-height: 24);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n  border-radius: 8px;\r\n  background-color: var(--blue-dark-500);\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  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--base-white));\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--blue-dark-600);\r\n  }\r\n\r\n  &:focus {\r\n    background-color: var(--blue-dark-500);\r\n    box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.3;\r\n  }\r\n}","@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {\r\n  & {\r\n    svg {\r\n      * {\r\n        @if ($stroke != null) {\r\n          stroke: $stroke;\r\n        }\r\n\r\n        @if ($fill != null) {\r\n          fill: $fill;\r\n        }\r\n\r\n        @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}","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-200);\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n\r\n  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--blue-dark-500));\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--blue-dark-50);\r\n    box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-300);\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(--blue-dark-300);\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-700));\r\n  }\r\n\r\n  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--gray-50);\r\n    box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n\r\n    .text {\r\n      color: var(--gray-800);\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 {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n  .icon {\r\n    @include modify-svg($stroke: var(--blue-dark-100));\r\n  }\r\n\r\n  .text {\r\n    @include fnt-flex($weight: 400, $color: var(--blue-dark-100));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      color: var(--base-white);\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--base-white));\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n  .icon {\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n\r\n  .text {\r\n    color: var(--blue-dark-500);\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      @include fnt-flex($weight: 400, $color: var(--blue-dark-700));\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--blue-dark-700));\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-700));\r\n  }\r\n\r\n  .text {\r\n    color: var(--gray-700);\r\n    @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      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  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton {\r\n  padding: 0 !important;\r\n  gap: 4px;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n\r\n  .text {\r\n    padding: 0 !important;\r\n    @include fnt-flex($weight: 400, $color: var(--blue-dark-500));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      color: var(--blue-dark-700);\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--blue-dark-700));\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton {\r\n  padding: 0 !important;\r\n  gap: 4px;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-700));\r\n  }\r\n\r\n  .text {\r\n    padding: 0 !important;\r\n    @include fnt-flex($weight: 400, $color: var(--gray-700));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      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  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton {\r\n  padding: 0 !important;\r\n  gap: 4px;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-400));\r\n  }\r\n\r\n  .text {\r\n    padding: 0 !important;\r\n    @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      color: var(--gray-500);\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--gray-500));\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabActiveButton {\r\n  border-radius: 6px;\r\n  background-color: var(--base-white);\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  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n  }\r\n\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  &: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  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  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--gray-500));\r\n  }\r\n\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  &: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  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  &:hover {\r\n    background-color: var(--error-600);\r\n  }\r\n\r\n  &:focus {\r\n    background-color: var(--error-500);\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.3;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--error-500));\r\n  }\r\n\r\n  .text {\r\n    color: var(--error-500);\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--error-50);\r\n    box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-400);\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 {\r\n    opacity: 0.5;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.button {\n  width: fit-content;\n  height: fit-content;\n}\n.button {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.button svg {\n  flex: none;\n}\n.button.light {\n  background: none;\n}\n.button.light svg * {\n  stroke: var(--gray-400);\n}\n.button.light:hover {\n  background-color: var(--gray-200);\n}\n.button.light:hover svg * {\n  stroke: var(--gray-600);\n}\n.button.dark {\n  background-color: rgba(12, 17, 29, 0.5019607843);\n}\n.button.dark svg * {\n  stroke: var(--base-white);\n}\n.button.dark:hover {\n  background-color: rgba(12, 17, 29, 0.8);\n}\n.button.gray {\n  background: none;\n}\n.button.gray svg * {\n  stroke: var(--gray-500);\n}\n.button.gray:hover {\n  background-color: var(--base-white);\n}\n.button.gray:hover svg * {\n  stroke: var(--gray-600);\n}\n.button.color {\n  background: none;\n}\n.button.color svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.color:hover {\n  background-color: var(--base-white);\n}\n.button.color:hover svg * {\n  stroke: var(--blue-dark-600);\n}\n.button.colorHover {\n  background: none;\n}\n.button.colorHover svg * {\n  stroke: var(--blue-dark-400);\n}\n.button.colorHover:hover {\n  background-color: var(--blue-dark-100);\n}\n.button.colorHover:hover svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.redHover {\n  background: none;\n}\n.button.redHover svg * {\n  stroke: var(--error-400);\n}\n.button.redHover:hover {\n  background-color: var(--error-100);\n}\n.button.redHover:hover svg * {\n  stroke: var(--error-500);\n}\n.button.colorFill {\n  background: var(--base-white);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.button.colorFill svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.colorFill:hover {\n  background: var(--blue-dark-50);\n}\n.button.colorFill:hover svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.grayFill {\n  background: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300);\n}\n.button.grayFill svg * {\n  stroke: var(--gray-700);\n}\n.button.grayFill:hover {\n  background: var(--gray-50);\n}\n.button.grayFill:hover svg * {\n  stroke: var(--gray-900);\n}\n.button.redFill {\n  background: var(--base-white);\n  box-shadow: 0 0 0 1px var(--error-300);\n}\n.button.redFill svg * {\n  stroke: var(--error-500);\n}\n.button.redFill:hover {\n  background: var(--error-50);\n}\n.button.redFill:hover svg * {\n  stroke: var(--error-600);\n}\n.button.size14 {\n  border-radius: 3px;\n  padding: 2px;\n}\n.button.size14 svg {\n  width: 10px;\n  height: 10px;\n}\n.button.size16 {\n  border-radius: 3px;\n  padding: 2px;\n}\n.button.size16 svg {\n  width: 12px;\n  height: 12px;\n}\n.button.size20 {\n  border-radius: 3px;\n  padding: 3px;\n}\n.button.size20 svg {\n  width: 14px;\n  height: 14px;\n}\n.button.size24 {\n  border-radius: 4px;\n  padding: 4px;\n}\n.button.size24 svg {\n  width: 16px;\n  height: 16px;\n}\n.button.size28 {\n  border-radius: 4px;\n  padding: 4px;\n}\n.button.size28 svg {\n  width: 20px;\n  height: 20px;\n}","@use 'base-button';\r\n@use 'properties';\r\n\r\n@mixin micro-button() {\r\n  .button {\r\n    @include base-button.base-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    &.redHover {\r\n      @include properties.red-hover();\r\n    }\r\n\r\n    &.colorFill {\r\n      @include properties.color-fill();\r\n    }\r\n\r\n    &.grayFill {\r\n      @include properties.gray-fill();\r\n    }\r\n\r\n    &.redFill {\r\n      @include properties.red-fill();\r\n    }\r\n\r\n    &.size14 {\r\n      @include properties.size-14();\r\n    }\r\n\r\n    &.size16 {\r\n      @include properties.size-16();\r\n    }\r\n\r\n    &.size20 {\r\n      @include properties.size-20();\r\n    }\r\n\r\n    &.size24 {\r\n      @include properties.size-24();\r\n    }\r\n\r\n    &.size28 {\r\n      @include properties.size-28();\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-micro-button() {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  @include modify-flex(row, center, center);\r\n  @include modify-svg() {\r\n    flex: none;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--gray-400));\r\n\r\n  &:hover {\r\n    background-color: var(--gray-200);\r\n    @include modify-svg($stroke: var(--gray-600));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n  background-color: #0C111D80;\r\n  @include modify-svg($stroke: var(--base-white));\r\n\r\n  &:hover {\r\n    background-color: #0C111DCC;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--gray-500));\r\n\r\n  &:hover {\r\n    background-color: var(--base-white);\r\n    @include modify-svg($stroke: var(--gray-600));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n  &:hover {\r\n    background-color: var(--base-white);\r\n    @include modify-svg($stroke: var(--blue-dark-600));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--blue-dark-400));\r\n\r\n  &:hover {\r\n    background-color: var(--blue-dark-100);\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--error-400));\r\n\r\n  &:hover {\r\n    background-color: var(--error-100);\r\n    @include modify-svg($stroke: var(--error-500));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n  background: var(--base-white);\r\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n  @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n  &:hover {\r\n    background: var(--blue-dark-50);\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n  background: var(--base-white);\r\n  box-shadow: 0 0 0 1px var(--gray-300);\r\n  @include modify-svg($stroke: var(--gray-700));\r\n\r\n  &:hover {\r\n    background: var(--gray-50);\r\n    @include modify-svg($stroke: var(--gray-900));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n  background: var(--base-white);\r\n  box-shadow: 0 0 0 1px var(--error-300);\r\n  @include modify-svg($stroke: var(--error-500));\r\n\r\n  &:hover {\r\n    background: var(--error-50);\r\n    @include modify-svg($stroke: var(--error-600));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n  border-radius: 3px;\r\n  padding: 2px;\r\n\r\n  @include modify-svg() {\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n  border-radius: 3px;\r\n  padding: 2px;\r\n\r\n  @include modify-svg() {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n  border-radius: 3px;\r\n  padding: 3px;\r\n\r\n  @include modify-svg() {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n  border-radius: 4px;\r\n  padding: 4px;\r\n\r\n  @include modify-svg() {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n  border-radius: 4px;\r\n  padding: 4px;\r\n\r\n  @include modify-svg() {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.calendarDay {\r\n  position: relative;\r\n  flex: none;\r\n  width: 40px;\r\n  height: 40px;\r\n\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n\r\n  @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n  .mark {\r\n    width: 100%;\r\n    height: 12px;\r\n    padding: 4px 0 0 0;\r\n    @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n    &::after {\r\n      content: '';\r\n      width: 4px;\r\n      height: 4px;\r\n      border-radius: 50%;\r\n      background-color: var(--blue-dark-400);\r\n    }\r\n  }\r\n\r\n  .day {\r\n    flex: 1;\r\n    width: 100%;\r\n    @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n    @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n  }\r\n\r\n  .info {\r\n    width: 100%;\r\n    height: 12px;\r\n    padding: 0 0 2px 0;\r\n    @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--gray-100);\r\n  }\r\n\r\n  &.holiday {\r\n    .day {\r\n      color: var(--error-500);\r\n    }\r\n  }\r\n\r\n  &.active {\r\n    background-color: var(--blue-dark-500);\r\n\r\n    .mark::after {\r\n      background-color: var(--base-white);\r\n    }\r\n\r\n    .day {\r\n      color: var(--base-white);\r\n    }\r\n\r\n    .info {\r\n      color: var(--blue-dark-300);\r\n    }\r\n\r\n    &:hover {\r\n      background-color: var(--blue-dark-600);\r\n    }\r\n  }\r\n\r\n  &.filter {\r\n    background-color: var(--gray-100);\r\n\r\n    &:hover {\r\n      background-color: var(--gray-200);\r\n    }\r\n\r\n    &:before {\r\n      // Требует наличия у родителя relative с z-index: 1;\r\n      content: '';\r\n      width: 60px;\r\n      height: 40px;\r\n      position: absolute;\r\n      background-color: var(--gray-100);\r\n      z-index: -1;\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background-color: var(--base-white);\r\n    z-index: 1;\r\n\r\n    &:before {\r\n      background: var(--base-white);\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .mark {\r\n      &::after {\r\n        background-color: var(--gray-300);\r\n      }\r\n    }\r\n\r\n    .day {\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}","@use \"../fonts\";\r\n\r\n@mixin fnt(\r\n  $size: 16,\r\n  $line-height: 24,\r\n  $color: black,\r\n  $weight: 400,\r\n  $family: fonts.$golos-ui,\r\n  $stretch: normal,\r\n  $style: normal,\r\n  $variant: normal,\r\n) {\r\n\r\n  & {\r\n    font-size: #{$size}px;\r\n    line-height: #{$line-height}px;\r\n    color: $color;\r\n    font-weight: $weight;\r\n    font-family: $family;\r\n    font-stretch: $stretch;\r\n    font-style: $style;\r\n    font-variant: $variant;\r\n  }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n  width: fit-content;\r\n  height: fit-content;\r\n\r\n  border-radius: 16px;\r\n  border: 1px solid var(--gray-200);\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 16px;\r\n  gap: 8px;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  @include modify-flex($direction: column);\r\n\r\n  .header {\r\n    width: 100%;\r\n    gap: 2px;\r\n    z-index: 2;\r\n    backdrop-filter: blur(10px);\r\n    @include modify-flex($direction: row);\r\n\r\n    .item {\r\n      width: 40px;\r\n      height: 16px;\r\n      text-align: center;\r\n      @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-400));\r\n    }\r\n  }\r\n\r\n  .main {\r\n    z-index: 0;\r\n\r\n    .meta {\r\n      width: 100%;\r\n      gap: 6px;\r\n      z-index: 2;\r\n      @include modify-flex($direction: row);\r\n\r\n      .month {\r\n        @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n      }\r\n\r\n      .year {\r\n        @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n      }\r\n    }\r\n\r\n    .grid {\r\n      width: 100%;\r\n      height: 250px;\r\n      overflow-y: hidden;\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n  max-height: 250px;\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(7, 1fr);\r\n  grid-template-rows: repeat(5, 1fr);\r\n  gap: 2px;\r\n  overflow: hidden;\r\n\r\n  &.upEntrance {\r\n    animation: up-entrance 1s forwards;\r\n  }\r\n\r\n  &.downEntrance {\r\n    animation: down-entrance 1s forwards;\r\n  }\r\n\r\n  &.upExit {\r\n    animation: up-exit 1s forwards;\r\n  }\r\n\r\n  &.downExit {\r\n    animation: down-exit 1s forwards;\r\n  }\r\n\r\n  &.displayNone {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@keyframes up-entrance {\r\n  from {\r\n    transform: translateY(-100%);\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes down-entrance {\r\n  from {\r\n    transform: translateY(100%);\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes up-exit {\r\n  from {\r\n    transform: translateY(0);\r\n  }\r\n  to {\r\n    transform: translateY(-100%);\r\n  }\r\n}\r\n\r\n@keyframes down-exit {\r\n  from {\r\n    transform: translateY(0);\r\n  }\r\n  to {\r\n    transform: translateY(100%);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n  width: 100%;\r\n  height: fit-content;\r\n  padding: 16px 16px 0 16px;\r\n  @include modify-flex($direction: row);\r\n\r\n  .text {\r\n    flex: 1;\r\n    @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900));\r\n  }\r\n\r\n  .switchers {\r\n    width: fit-content;\r\n    height: fit-content;\r\n    gap: 2px;\r\n    @include modify-flex($direction: row);\r\n\r\n    .item {\r\n      flex: none;\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n  width: 100%;\r\n  display: flex;\r\n\r\n  border-top: 1px solid var(--gray-200);\r\n  padding: 16px;\r\n  gap: 8px;\r\n\r\n  .item {\r\n    flex: 1;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.flexField {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 12px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  box-sizing: border-box;\n}\n.flexField .inputField {\n  flex: 1;\n  min-width: 0;\n  min-height: 24px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.flexField .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .inputField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .icon {\n  padding: 2px 0;\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: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .userPic {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  object-fit: scale-down;\n}\n.flexField .help {\n  padding: 2px 0;\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  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  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  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n  box-shadow: 0 0 0 1px var(--error-300), 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  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n  background-color: var(--gray-100);\n  cursor: default;\n}\n.flexField.disabled * {\n  cursor: default;\n}\n.flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n  .flexField {\r\n    width: 100%;\r\n    height: fit-content;\r\n\r\n    @include centerInsideContent();\r\n\r\n    padding: 10px 12px;\r\n    border-radius: 8px;\r\n    gap: 12px;\r\n    background-color: var(--base-white);\r\n    box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\r\n    box-sizing: border-box;\r\n\r\n    .inputField {\r\n      flex: 1;\r\n      min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n      min-height: 24px;\r\n      outline: none;\r\n      padding: 0;\r\n      margin: 0;\r\n      border: none;\r\n      background: none;\r\n      text-wrap: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: 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\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    .userPic {\r\n      width: 24px;\r\n      height: 24px;\r\n      border-radius: 50%;\r\n      object-fit: scale-down;\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      @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      box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n    }\r\n\r\n    &.isError {\r\n      box-shadow: 0 0 0 1px var(--error-300), 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        box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      background-color: var(--gray-100);\r\n      cursor: default;\r\n\r\n      * {\r\n        cursor: default;\r\n      }\r\n\r\n      .inputField {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@mixin centerInsideContent {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.selectField {\n  width: 100%;\n  position: relative;\n}\n.selectField .flexField {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 12px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n  flex: 1;\n  min-width: 0;\n  min-height: 24px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .icon {\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .icon svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .textSupport {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .userPic {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  object-fit: scale-down;\n}\n.selectField .flexField .help {\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .help svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n  width: 16px;\n  height: 16px;\n  flex: none;\n}\n.selectField .flexField .dropdown {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n  stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n  transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .button svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .button.red svg * {\n  stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n  stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n  stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n  cursor: pointer;\n}\n.selectField .flexField.focus {\n  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n  box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n  stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n  background-color: var(--gray-100);\n  cursor: default;\n}\n.selectField .flexField.disabled * {\n  cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .modalWindow {\n  width: 100%;\n  position: absolute;\n  z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n  width: 100%;\n  height: fit-content;\n  max-height: 300px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 8px;\n  padding: 4px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n  overflow: scroll;\n  scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n  flex: 1;\n  text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n  background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n  stroke: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertSelectField() {\r\n  .selectField {\r\n    width: 100%;\r\n    position: relative;\r\n\r\n    @include FlexField.insertFlexField();\r\n\r\n    .modalWindow {\r\n      width: 100%;\r\n      position: absolute;\r\n      z-index: 5;\r\n\r\n      .selectModalWindow {\r\n        width: 100%;\r\n        height: fit-content;\r\n        max-height: 300px;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        border-radius: 8px;\r\n        padding: 4px;\r\n\r\n        background-color: var(--base-white);\r\n        box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n        overflow: scroll;\r\n        scrollbar-width: none;\r\n\r\n        .selectFieldOptionsItem {\r\n          width: 100%;\r\n          height: fit-content;\r\n\r\n          @include centerInsideContent();\r\n\r\n          gap: 8px;\r\n          padding: 10px 16px;\r\n\r\n          .label {\r\n            flex: 1;\r\n            text-align: left;\r\n            @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n          }\r\n\r\n          &.active {\r\n            background-color: var(--blue-dark-50);\r\n            @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n  & {\r\n    svg {\r\n      @if ($width != null) {\r\n        width: #{$width}px;\r\n      }\r\n      @if ($height != null) {\r\n        height: #{$height}px;\r\n      }\r\n\r\n      @if ($flex != null) {\r\n        flex: $flex;\r\n      }\r\n\r\n      * {\r\n        @if ($stroke != null) {\r\n          stroke: $stroke;\r\n        }\r\n\r\n        @if ($fill != null) {\r\n          fill: $fill;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.inputFieldWrapper {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.inputFieldWrapper .labelText {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-600);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .hintError {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n  cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n  stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--blue-dark-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertInputFieldWrapper() {\r\n  .inputFieldWrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 4px;\r\n\r\n    .labelText {\r\n      display: flex;\r\n      padding: 0 12px;\r\n      gap: 2px;\r\n\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: 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      padding: 0 12px;\r\n      gap: 2px;\r\n      cursor: pointer;\r\n      @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--blue-dark-500));\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.switcherField {\n  width: 36px;\n  height: 20px;\n  display: flex;\n  justify-content: left;\n  border-radius: 12px;\n  padding: 2px;\n  background-color: var(--gray-200);\n}\n.switcherField:after {\n  flex: none;\n  content: \"\";\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n  background-color: var(--base-white);\n}\n.switcherField:hover {\n  background-color: var(--gray-300);\n}\n.switcherField:focus {\n  box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n  justify-content: right;\n  background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n  background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n  cursor: default;\n  background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n  background-color: var(--gray-200);\n}","@use '@/styles' as *;\r\n@use \"sass:meta\";\r\n@use \"sass:string\";\r\n@use \"sass:map\";\r\n\r\n$medium-size: 'medium';\r\n$large-size: 'large';\r\n\r\n$light-tone: 'light';\r\n$dark-tone: 'dark';\r\n\r\n\r\n$size-config: (\r\n        medium: (\r\n                width: 36,\r\n                height: 20,\r\n                radius: 16,\r\n        ),\r\n        large: (\r\n                width: 44,\r\n                height: 24,\r\n                radius: 20,\r\n        ),\r\n);\r\n\r\n$tone-config: (\r\n        light: (\r\n                main: var(--gray-200),\r\n                hover: var(--gray-300),\r\n        ),\r\n        dark: (\r\n                main: var(--gray-300),\r\n                hover: var(--gray-400),\r\n        ),\r\n);\r\n\r\n@mixin insertSwitcherField($size: $medium-size, $tone: $light-tone) {\r\n  $size: if(meta.type-of($size) == 'string', string.unquote($size), $size);\r\n  $tone: if(meta.type-of($tone) == 'string', string.unquote($tone), $tone);\r\n  $size-settings: map.get($size-config, $size);\r\n  $tone-settings: map.get($tone-config, $tone);\r\n\r\n  .switcherField {\r\n    width: #{map.get($size-settings, width)}px;\r\n    height: #{map.get($size-settings, height)}px;\r\n\r\n    display: flex;\r\n    justify-content: left;\r\n\r\n    border-radius: 12px;\r\n    padding: 2px;\r\n    background-color: map.get($tone-settings, main);\r\n\r\n    &:after {\r\n      flex: none;\r\n      content: '';\r\n      width: #{map.get($size-settings, radius)}px;\r\n      height: #{map.get($size-settings, radius)}px;\r\n      border-radius: 50%;\r\n      box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n      background-color: var(--base-white);\r\n    }\r\n\r\n    &:hover {\r\n      background-color: map.get($tone-settings, hover);\r\n    }\r\n\r\n    &:focus {\r\n      box-shadow: 0 0 0 4px var(--gray-100);\r\n    }\r\n\r\n    &.active {\r\n      justify-content: right;\r\n      background-color: var(--blue-dark-500);\r\n\r\n      &:hover {\r\n        background-color: var(--blue-dark-600);\r\n      }\r\n    }\r\n\r\n    &:disabled {\r\n      cursor: default;\r\n      background-color: map.get($tone-settings, main);\r\n\r\n      &:hover {\r\n        background-color: map.get($tone-settings, main);\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.radioFieldItem {\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  gap: 8px;\n}\n.radioFieldItem .checkbox {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 1px solid var(--gray-300);\n  background-color: var(--base-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.radioFieldItem .label {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n  border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n  content: \"\";\n  flex: none;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertRadioField() {\r\n  .radioFieldItem {\r\n    width: fit-content;\r\n    height: fit-content;\r\n\r\n    display: flex;\r\n    gap: 8px;\r\n\r\n    .checkbox {\r\n      flex: none;\r\n      width: 16px;\r\n      height: 16px;\r\n\r\n      border-radius: 50%;\r\n      border: 1px solid var(--gray-300);\r\n      background-color: var(--base-white);\r\n\r\n      @include centerInsideContent();\r\n    }\r\n\r\n    .label {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n    }\r\n\r\n    &.active {\r\n      .checkbox {\r\n        &:after {\r\n          content: '';\r\n          flex: none;\r\n          width: 6px;\r\n          height: 6px;\r\n          border-radius: 50%;\r\n          background-color: var(--blue-dark-500);\r\n        }\r\n\r\n        border: 1px solid var(--blue-dark-500);\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.textareaField {\n  width: 100%;\n  height: fit-content;\n  min-height: 68px;\n  resize: none;\n  border-radius: 8px;\n  padding: 10px 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField:focus {\n  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n  background-color: var(--gray-100);\n}\n.textareaField:disabled {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.isError {\n  border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}","@use '@/styles' as *;\r\n\r\n@mixin insertTextareaField() {\r\n  .textareaField {\r\n    width: 100%;\r\n    height: fit-content;\r\n    min-height: 68px;\r\n\r\n    resize: none;\r\n    border-radius: 8px;\r\n    padding: 10px 12px;\r\n\r\n    background-color: var(--base-white);\r\n    box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\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      box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n    }\r\n\r\n    &:disabled {\r\n      background-color: var(--gray-100);\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        box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.flexField {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 12px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  box-sizing: border-box;\n}\n.flexField .inputField {\n  flex: 1;\n  min-width: 0;\n  min-height: 24px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.flexField .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .inputField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .icon {\n  padding: 2px 0;\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: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .userPic {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  object-fit: scale-down;\n}\n.flexField .help {\n  padding: 2px 0;\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  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  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  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n  box-shadow: 0 0 0 1px var(--error-300), 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  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n  background-color: var(--gray-100);\n  cursor: default;\n}\n.flexField.disabled * {\n  cursor: default;\n}\n.flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n\n.inputFieldWrapper {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.inputFieldWrapper .labelText {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-600);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .hintError {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n  cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n  stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--blue-dark-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n\n.selectField {\n  width: 100%;\n  position: relative;\n}\n.selectField .flexField {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 12px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n  flex: 1;\n  min-width: 0;\n  min-height: 24px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .icon {\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .icon svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .textSupport {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .userPic {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  object-fit: scale-down;\n}\n.selectField .flexField .help {\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .help svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n  width: 16px;\n  height: 16px;\n  flex: none;\n}\n.selectField .flexField .dropdown {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n  stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n  transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .button svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .button.red svg * {\n  stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n  stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n  stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n  cursor: pointer;\n}\n.selectField .flexField.focus {\n  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n  box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n  stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n  background-color: var(--gray-100);\n  cursor: default;\n}\n.selectField .flexField.disabled * {\n  cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .modalWindow {\n  width: 100%;\n  position: absolute;\n  z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n  width: 100%;\n  height: fit-content;\n  max-height: 300px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 8px;\n  padding: 4px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n  overflow: scroll;\n  scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n  flex: 1;\n  text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n  background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n  stroke: var(--blue-dark-500);\n}\n\n.switcherField {\n  width: 36px;\n  height: 20px;\n  display: flex;\n  justify-content: left;\n  border-radius: 12px;\n  padding: 2px;\n  background-color: var(--gray-200);\n}\n.switcherField:after {\n  flex: none;\n  content: \"\";\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n  background-color: var(--base-white);\n}\n.switcherField:hover {\n  background-color: var(--gray-300);\n}\n.switcherField:focus {\n  box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n  justify-content: right;\n  background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n  background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n  cursor: default;\n  background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n  background-color: var(--gray-200);\n}\n\n.radioFieldItem {\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  gap: 8px;\n}\n.radioFieldItem .checkbox {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 1px solid var(--gray-300);\n  background-color: var(--base-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.radioFieldItem .label {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n  border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n  content: \"\";\n  flex: none;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: var(--blue-dark-500);\n}\n\n.textareaField {\n  width: 100%;\n  height: fit-content;\n  min-height: 68px;\n  resize: none;\n  border-radius: 8px;\n  padding: 10px 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField:focus {\n  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n  background-color: var(--gray-100);\n}\n.textareaField:disabled {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.isError {\n  border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.checkboxMark {\n  width: 20px;\n  height: 20px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300);\n  cursor: pointer;\n  overflow: hidden;\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.checkboxMark:hover {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\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(--blue-dark-500);\n}\n.checkboxMark.checked {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.checked svg * {\n  stroke: var(--blue-dark-500);\n}\n.checkboxMark.checked:after {\n  display: block;\n}\n.checkboxMark.checked:hover {\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.indeterminate {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.indeterminate svg * {\n  stroke: var(--blue-dark-500);\n}\n.checkboxMark.indeterminate {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--blue-dark-500);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.indeterminate:hover {\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.error {\n  background-color: var(--error-50);\n  box-shadow: 0 0 0 1px var(--error-200);\n}\n.checkboxMark.error svg * {\n  stroke: var(--error-500);\n}\n.checkboxMark.error {\n  color: var(--error-500);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.error:after {\n  background-color: var(--error-500);\n}\n.checkboxMark.error:hover {\n  background-color: var(--error-50);\n  box-shadow: 0 0 0 1px var(--error-400);\n}\n.checkboxMark.disabled {\n  cursor: default;\n  background-color: var(--gray-100);\n  box-shadow: 0 0 0 1px 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  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.disabled:hover {\n  background-color: var(--gray-100);\n  box-shadow: 0 0 0 1px 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  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.correct.checked {\n  background-color: var(--blue-dark-500);\n  box-shadow: none;\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: \"Golos UI\", sans-serif;\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.checkboxMark.correct.checked:hover {\n  background-color: var(--blue-dark-600);\n  box-shadow: none;\n}\n.checkboxMark.correct.checked.disabled {\n  background-color: var(--gray-300);\n  box-shadow: none;\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: \"Golos UI\", sans-serif;\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.checkboxMark.correct.checked.disabled:hover {\n  background-color: var(--gray-300);\n  box-shadow: none;\n}\n.checkboxMark.incorrect.checked {\n  background-color: var(--error-500);\n  box-shadow: none;\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: \"Golos UI\", sans-serif;\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.checkboxMark.incorrect.checked:hover {\n  background-color: var(--error-600);\n  box-shadow: none;\n}\n.checkboxMark.incorrect.checked.disabled {\n  background-color: var(--gray-300);\n  box-shadow: none;\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: \"Golos UI\", sans-serif;\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.checkboxMark.incorrect.checked.disabled:hover {\n  background-color: var(--gray-300);\n  box-shadow: none;\n}\n.checkboxMark.hover {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.hover.checked {\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.hover.indeterminate {\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.hover.error {\n  background-color: var(--error-50);\n  box-shadow: 0 0 0 1px var(--error-400);\n}\n.checkboxMark.hover.disabled {\n  background-color: var(--gray-100);\n  box-shadow: 0 0 0 1px 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  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.hover.correct.checked {\n  background-color: var(--blue-dark-600);\n  box-shadow: none;\n}\n.checkboxMark.hover.correct.checked.disabled {\n  background-color: var(--gray-300);\n  box-shadow: none;\n}\n.checkboxMark.hover.incorrect.checked {\n  background-color: var(--error-600);\n  box-shadow: none;\n}\n.checkboxMark.hover.incorrect.checked.disabled {\n  background-color: var(--gray-300);\n  box-shadow: none;\n}","@use 'base';\r\n@use 'properties';\r\n\r\n@mixin checkbox-mark() {\r\n  .checkboxMark {\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    &.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}","@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark-base-hover() {\r\n  background-color: var(--blue-dark-50);\r\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n}\r\n\r\n@mixin checkbox-mark-base() {\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 0 0 1px var(--gray-300);\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  &:hover {\r\n    @include checkbox-mark-base-hover();\r\n  }\r\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(--blue-dark-500);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checked-hover() {\r\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\r\n}\r\n\r\n@mixin checked() {\r\n  background-color: var(--blue-dark-50);\r\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n\r\n  @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n  &:after {\r\n    display: block;\r\n  }\r\n\r\n  &:hover {\r\n    @include checked-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin indeterminate-hover() {\r\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\r\n}\r\n\r\n@mixin indeterminate() {\r\n  background-color: var(--blue-dark-50);\r\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n\r\n  @include modify-svg($stroke: var(--blue-dark-500));\r\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--blue-dark-500));\r\n\r\n  &:hover {\r\n    @include indeterminate-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin error-hover() {\r\n  background-color: var(--error-50);\r\n  box-shadow: 0 0 0 1px var(--error-400);\r\n}\r\n\r\n@mixin error() {\r\n  background-color: var(--error-50);\r\n  box-shadow: 0 0 0 1px 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  &:hover {\r\n    @include error-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin disabled-hover() {\r\n  background-color: var(--gray-100);\r\n  box-shadow: 0 0 0 1px 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  box-shadow: 0 0 0 1px 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  &:hover {\r\n    @include disabled-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin correct-checked-hover() {\r\n  background-color: var(--blue-dark-600);\r\n  box-shadow: none;\r\n}\r\n\r\n@mixin correct-disabled-hover() {\r\n  background-color: var(--gray-300);\r\n  box-shadow: none;\r\n}\r\n\r\n@mixin correct-checked() {\r\n  background-color: var(--blue-dark-500);\r\n  box-shadow: none;\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  &:hover {\r\n    @include correct-checked-hover();\r\n  }\r\n}\r\n\r\n@mixin correct-disabled() {\r\n  background-color: var(--gray-300);\r\n  box-shadow: none;\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  &:hover {\r\n    @include correct-disabled-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin incorrect-checked-hover() {\r\n  background-color: var(--error-600);\r\n  box-shadow: none;\r\n}\r\n\r\n@mixin incorrect-disabled-hover() {\r\n  background-color: var(--gray-300);\r\n  box-shadow: none;\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n  background-color: var(--error-500);\r\n  box-shadow: none;\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  &:hover {\r\n    @include incorrect-checked-hover();\r\n  }\r\n}\r\n\r\n@mixin incorrect-disabled() {\r\n  background-color: var(--gray-300);\r\n  box-shadow: none;\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  &:hover {\r\n    @include incorrect-disabled-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.checkbox {\r\n  width: 100%;\r\n  height: fit-content;\r\n\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: start;\r\n\r\n  .textBlock {\r\n    flex: 1;\r\n    gap: 2px;\r\n    align-items: start;\r\n    @include modify-flex($direction: column);\r\n\r\n    .text {\r\n      text-align: start;\r\n      @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n\r\n      &.indeterminate {\r\n        @include fnt-flex($weight: 600);\r\n      }\r\n    }\r\n\r\n    .supportingText {\r\n      text-align: start;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\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}","@use 'mixins';\r\n\r\n.toggleBase {\r\n  @include mixins.base();\r\n\r\n  .button {\r\n    @include mixins.base-button();\r\n  }\r\n\r\n  &.active {\r\n    @include mixins.active();\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  &.hover, &: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  &.disabled {\r\n    &, &.hover, &:hover {\r\n      @include mixins.disabled-base();\r\n\r\n      .button {\r\n        @include mixins.disabled-button();\r\n      }\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n  border-radius: 12px;\r\n  padding: 2px;\r\n  background-color: var(--gray-300);\r\n  @include modify-flex($justify-content: start, $align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n  flex: none;\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}","@mixin active() {\r\n  background-color: var(--blue-dark-500);\r\n  justify-content: end;\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() {\r\n  background-color: var(--gray-400);\r\n}\r\n\r\n@mixin hover-active() {\r\n  background-color: var(--blue-dark-600);\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  background-color: var(--gray-200);\r\n}\r\n\r\n@mixin disabled-button() {\r\n  background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n.toggle {\r\n  display: flex;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n\r\n  .textBlock {\r\n    flex: 1;\r\n    @include modify-flex($direction: column, $justify-content: start, $align-items: start);\r\n\r\n    .text {\r\n      @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n    }\r\n\r\n    .description {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: default;\r\n\r\n    .text, .description {\r\n      @include fnt-flex($color: var(--gray-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}"],"names":[],"sourceRoot":""}
+{"version":3,"file":"index.css","mappings":";;;AAAA;IACI,qBAAqB;IACrB,qBAAqB;;IAErB,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;;IAEnB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;;IAEtB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;;IAEpB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;AAC1B;;;;;ACvDA;IACI,uBAAuB;IACvB,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;AAC5B;;;;;;;;;;ACbA;EACE;EACA;EAIA;EACA;ACFF;ADKA;EACE;EACA;EAIA;EACA;ACNF;ADSA;EACE;EACA;EAIA;EACA;ACVF;ACbE;EACE;ADeJ;AEnBE;EACE;EAGE,mBCFiB;EDMjB,uBCNsB;EDUtB,mBCV8B;AHuBpC;AGrBE;EACE;EACA;AHuBJ;AE7BE;EACE;EAGE,mBCGmB;EDCnB,uBCDwB;EDKxB,mBCLgC;AH4BtC;AGzBE;EACE;EACA;AH2BJ;AGxBE;EACE;AH0BJ;AGvBE;EACE;EACA;AHyBJ;AGtBE;EACE;AHwBJ;AC1CI;EGLF;AJkDF;AI9CM;EACE;EACA;EACA;AJgDR;AI3CE;EACE;AJ6CJ;AKjDE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL4DZ;AC1DI;EKTF;ANsEF;AMlEM;EACE;EACA;EACA;ANoER;AM/DE;EACE;ANiEJ;AKrEE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALgFZ;AC1EI;EMbF;AP0FF;AOtFM;EACE;EACA;EACA;APwFR;AOnFE;EACE;APqFJ;AKzFE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALoGZ;AC1FI;EOjBF;AR8GF;AQ1GM;EACE;EACA;EACA;AR4GR;AQvGE;EACE;ARyGJ;AK7GE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALwHZ;AC1GI;EQrBF;EACA;EACA;ATkIF;AUpIM;EAEI,yBDGuB;ATkIjC;AK9HE;EAWI,gBIXyB;EJczB,wBIdsC;EJiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALwIZ;ASnIE;EACE;ATqIJ;ASlIE;EACE;EACA;AToIJ;ASjIE;EACE;ATmIJ;AChII;EUzBF;EACA;EACA;AX4JF;AU9JM;EAEI,4BCGuB;AX4JjC;AKxJE;EAWI,gBMXyB;ENczB,2BMdsC;ENiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALkKZ;AW7JE;EACE;EACA;AX+JJ;AW5JE;EACE;AX8JJ;AW3JE;EACE;AX6JJ;ACtJI;EW7BF;EACA;EACA;AZsLF;AUxLM;EAEI,uBEGuB;AZsLjC;AKlLE;EAWI,gBOXyB;EPczB,sBOdsC;EPiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL4LZ;AYvLE;EACE;EACA;AZyLJ;AYvLI;EACE;AZyLN;AYrLE;EACE;AZuLJ;AYpLE;EACE;AZsLJ;AUhNM;EAEI,4BGDuB;AbkNjC;AK1ME;EAWI,gBQfyB;ERkBzB,2BQlBsC;ERqBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALoNZ;AalNI;EACE;AboNN;AU9NM;EAEI,yBGYyB;AbmNnC;Aa/ME;EACE;AbiNJ;AUpOM;EAEI,4BIDuB;AdsOjC;AcnOE;EACE;AdqOJ;AKjOE;EAWI,gBSV2B;ETa3B,2BSbwC;ETgB1C,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL2OZ;AUlPM;EAEI,4BIYyB;AduOnC;AcnOE;EACE;AdqOJ;AUxPM;EAEI,uBKDuB;Af0PjC;AevPE;EACE;AfyPJ;AKrPE;EAWI,gBUdyB;EViBzB,sBUjBsC;EVoBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL+PZ;Ae5PI;EACE;Af8PN;AUzQM;EAEI,uBKayB;Af6PnC;AezPE;EACE;Af2PJ;AClOI;Ee7CF;EACA;AhBkRF;AUnRM;EAEI,4BMEuB;AhBkRjC;AgB/QE;EACE;AhBiRJ;AKhRE;EAWI,gBWXyB;EXczB,2BWdsC;EXiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL0RZ;AgBpRI;EACE;AhBsRN;AUpSM;EAEI,4BMgByB;AhBqRnC;AgBjRE;EACE;AhBmRJ;ACzPI;EgBjDF;EACA;AjB6SF;AU9SM;EAEI,uBOEuB;AjB6SjC;AiB1SE;EACE;AjB4SJ;AK3SE;EAWI,gBYXyB;EZczB,sBYdsC;EZiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALqTZ;AiB/SI;EACE;AjBiTN;AU/TM;EAEI,uBOgByB;AjBgTnC;AiB5SE;EACE;AjB8SJ;AChRI;EiBrDF;EACA;AlBwUF;AUzUM;EAEI,uBQEuB;AlBwUjC;AkBrUE;EACE;AlBuUJ;AKtUE;EAWI,gBaXyB;EbczB,sBadsC;EbiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALgVZ;AkB1UI;EACE;AlB4UN;AU1VM;EAEI,uBQgByB;AlB2UnC;AkBvUE;EACE;AlByUJ;ACvSI;EkBzDF;EACA;EACA;AnBmWF;AUrWM;EAEI,uBSGuB;AnBmWjC;AK/VE;EAWI,gBcXyB;EdczB,sBcdsC;EdiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALyWZ;AUhXM;EAEI,uBSYyB;AnBqWnC;AmBlWI;EACE;AnBoWN;AmBhWE;EACE;AnBkWJ;AC5TI;EmB7DF;EACA;EACA;ApB4XF;AU9XM;EAEI,uBUGuB;ApB4XjC;AKxXE;EAWI,gBeXyB;EfczB,sBedsC;EfiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALkYZ;AoB7XE;EACE;ApB+XJ;AU5YM;EAEI,uBUcyB;ApB+XnC;AoB5XI;EACE;ApB8XN;AoB1XE;EACE;ApB4XJ;ACnVM;EoBlEJ;EACA;EACA;ArBwZF;AqBtZE;EACE;ArBwZJ;AqBrZE;EACE;ArBuZJ;AqBpZE;EACE;ArBsZJ;AC3VM;EqBxEJ;AtBsaF;AUtaM;EAEI,wBYCuB;AtBsajC;AsBnaE;EACE;AtBqaJ;AsBlaE;EACE;EACA;AtBoaJ;AsBjaE;EACE;AtBmaJ;AsBhaE;EACE;AtBkaJ,C;;;;ADzbA;EACE;EACA;EAIA;EACA;AwBFF;AxBKA;EACE;EACA;EAIA;EACA;AwBNF;AxBSA;EACE;EACA;EAIA;EACA;AwBVF;ACbE;EACE;ECFF;EACA;AFkBF;ArBrBE;EACE;EAGE;EAIA,uBuBJsB;EvBQtB,mBuBR8B;AFuBpC;AbXM;EeVF;AFwBJ;ACvBI;EELF;AH+BF;Ab/BM;EAEI,uBgBDqB;AHiC/B;AG/BE;EACE;AHiCJ;AbrCM;EAEI,uBgBGuB;AHmCjC;AC/BI;EGTF;AJ2CF;Ab3CM;EAEI,yBiBDqB;AJ6C/B;AI3CE;EACE;AJ6CJ;ACpCI;EIbF;ALoDF;AbpDM;EAEI,uBkBDqB;ALsD/B;AKpDE;EACE;ALsDJ;Ab1DM;EAEI,uBkBGuB;ALwDjC;AC5CI;EKjBF;ANgEF;AbhEM;EAEI,4BmBDqB;ANkE/B;AMhEE;EACE;ANkEJ;AbtEM;EAEI,4BmBGuB;ANoEjC;ACpDI;EMrBF;AP4EF;Ab5EM;EAEI,4BoBDqB;AP8E/B;AO5EE;EACE;AP8EJ;AblFM;EAEI,4BoBGuB;APgFjC;AC5DI;EOzBF;ARwFF;AbxFM;EAEI,wBqBDqB;AR0F/B;AQxFE;EACE;AR0FJ;Ab9FM;EAEI,wBqBGuB;AR4FjC;ACpEI;EQ7BF;EACA;AToGF;AbrGM;EAEI;AasGV;ASpGE;EACE;ATsGJ;Ab3GM;EAEI,4BsBIuB;ATwGjC;AC7EI;ESjCF;EACA;AViHF;AblHM;EAEI;AamHV;AUjHE;EACE;AVmHJ;AbxHM;EAEI,uBuBIuB;AVqHjC;ACtFI;EUrCF;EACA;AX8HF;Ab/HM;EAEI;AagIV;AW9HE;EACE;AXgIJ;AbrIM;EAEI,wBwBIuB;AXkIjC;AC/FI;EWzCF;EACA;AZ2IF;Ab9HM;EyBVF;EACA;AZ2IJ;ACnGI;EY7CF;EACA;AbmJF;AbtIM;E0BVF;EACA;AbmJJ;ACvGI;EajDF;EACA;Ad2JF;Ab9IM;E2BVF;EACA;Ad2JJ;AC3GI;EcrDF;EACA;AfmKF;AbtJM;E4BVF;EACA;AfmKJ;AC/GI;EezDF;EACA;AhB2KF;Ab9JM;E6BVF;EACA;AhB2KJ,C;;;;AxBnLA;EACE;EACA;EAIA;EACA;AyCFF;AzCKA;EACE;EACA;EAIA;EACA;AyCNF;AzCSA;EACE;EACA;EAIA;EACA;AyCVF;AAfA;EACE;EACA;EACA;EACA;EAEA;EACA;AAgBF;AtCxBE;EACE;EAGE,sBsCM6B;EtCF7B,uBsCEuD;EtCEvD,mBsCF6E;AAoBnF;AAlBE;EACE;EACA;EACA;AAoBJ;AtCnCE;EACE;EAGE,sBsCY+B;EtCR/B,uBsCQyD;EtCJzD,mBsCI+E;AAyBrF;AAvBI;EACE;EACA;EACA;EACA;EACA;AAyBN;AArBE;EACE;EACA;AAuBJ;AtCpDE;EACE;EAGE,sBsC0B+B;EtCtB/B,uBsCsByD;EtClBzD,mBsCkB+E;AA4BrF;AC9CE;EACE;EACA;EACA,sBDgBgE;ECfhE,gBDemD;ECdnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD2DZ;AAlCE;EACE;EACA;EACA;AAoCJ;AC7DE;EACE;EACA;EACA,sBDuBgE;ECtBhE,gBDsBmD;ECrBnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD0EZ;AA1CE;EACE;AA4CJ;AAxCI;EACE;AA0CN;AAtCE;EACE;AAwCJ;AAtCI;EACE;AAwCN;AArCI;EACE;AAuCN;AApCI;EACE;AAsCN;AAnCI;EACE;AAqCN;AAjCE;EACE;AAmCJ;AAjCI;EACE;AAmCN;AAhCI;EAEE;EACA;EACA;EACA;EACA;EACA;AAiCN;AA7BE;EACE;EACA;AA+BJ;AA7BI;EACE;EACA;EACA;AA+BN;AA3BM;EACE;AA6BR;AnCvHE;EAcI,sBmCiF0B;EnC9E5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AmCgIZ;AnC9HE;EAcI,sBmCqF0B;EnClF5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AmCuIZ,C;;;;AzCjJA;EACE;EACA;EAIA;EACA;A2CFF;A3CKA;EACE;EACA;EAIA;EACA;A2CNF;A3CSA;EACE;EACA;EAIA;EACA;A2CVF;AAfA;EACE;EACA;EAEA;EACA;EACA;EACA;AAgBF,C;;;;A3CzBA;EACE;EACA;EAIA;EACA;A4CFF;A5CKA;EACE;EACA;EAIA;EACA;A4CNF;A5CSA;EACE;EACA;EAIA;EACA;A4CVF;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;AAiBF;AzCxBE;EACE;EAGE,sByCI6B;AAoBnC;AAlBE;EACE;EACA;EACA;EACA;AAoBJ;AzClCE;EACE;EAGE,mByCW+B;AAuBrC;AArBI;EACE;EACA;EACA;AAuBN;AF/BE;EACE;EACA;EACA,sBEMkE;EFLlE,gBEKqD;EFJrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AE4CZ;AA5BE;EACE;AA8BJ;AA5BI;EACE;EACA;EACA;AA8BN;AzC7DE;EACE;EAGE,mByC4BiC;AAiCvC;AFrDE;EACE;EACA;EACA,sBEoBoE;EFnBpE,gBEmBuD;EFlBvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEkEZ;AF/DE;EACE;EACA;EACA,sBEwBoE;EFvBpE,gBEuBuD;EFtBvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AE4EZ;AA1CI;EACE;EACA;EACA;AA4CN,C;;;;A5C3FA;EACE;EACA;EAIA;EACA;A6CFF;A7CKA;EACE;EACA;EAIA;EACA;A6CNF;A7CSA;EACE;EACA;EAIA;EACA;A6CVF;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAiBF;AAfE;EACE;AAiBJ;AAdE;EACE;AAgBJ;AAbE;EACE;AAeJ;AAZE;EACE;AAcJ;AAXE;EACE;AAaJ;;AATA;EACE;IACE;EAYF;EAVA;IACE;EAYF;AACF;AATA;EACE;IACE;EAWF;EATA;IACE;EAWF;AACF;AARA;EACE;IACE;EAUF;EARA;IACE;EAUF;AACF;AAPA;EACE;IACE;EASF;EAPA;IACE;EASF;AACF,C;;;;A7C3EA;EACE;EACA;EAIA;EACA;A8CFF;A9CKA;EACE;EACA;EAIA;EACA;A8CNF;A9CSA;EACE;EACA;EAIA;EACA;A8CVF;AAfA;EACE;EACA;EACA;AAiBF;A3CrBE;EACE;EAGE,mB2CC6B;AAoBnC;AAlBE;EACE;AAoBJ;AJhBE;EACE;EACA;EACA,sBINgE;EJOhE,gBIPmD;EJQnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AI6BZ;AA1BE;EACE;EACA;EACA;AA4BJ;A3C3CE;EACE;EAGE,mB2CY+B;AA+BrC;AA7BI;EACE;AA+BN,C;;;;A9CnDA;EACE;EACA;EAIA;EACA;A+CFF;A/CKA;EACE;EACA;EAIA;EACA;A+CNF;A/CSA;EACE;EACA;EAIA;EACA;A+CVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;AAgBJ,C;;;;A/C3BA;EACE;EACA;EAIA;EACA;AgDFF;AhDKA;EACE;EACA;EAIA;EACA;AgDNF;AhDSA;EACE;EACA;EAIA;EACA;AgDVF;ACdE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;ADgBJ;ACdI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADeN;AN9BE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM2CZ;ANxCE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMqDZ;AC1BI;EACE;ECrCJ;EACA;EACA;AFkEF;ArClEM;EAEI,uBsCmCyB;ADgCnC;ArCvDM;EsCwBE;EACA;EACA;ADkCR;ANhEE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM6EZ;ACpCI;EACE;EACA;EACA;EACA;ADsCN;ACnCI;EACE;EC1DJ;EACA;EACA;AFgGF;ArChGM;EAEI,uBsCwDyB;ADyCnC;ArCrFM;EsC6CE;EACA;EACA;AD2CR;ACvCI;EACE;EACA;ECrEJ;EACA;EACA;AF+GF;ArC/GM;EAEI,uBsCmEyB;AD6CnC;ArCpGM;EsCwDE;EACA;EACA;AD+CR;AC5CM;EACE;AD8CR;AC1CI;EACE;EACA;ECpFJ;EACA;EACA;AFiIF;ArCnHM;EsCuEE;EACA;EACA;AD+CR;ArCtIM;EAEI,wBsCyF2B;AD8CrC;ArCzIM;EAEI,wBsC4F6B;AD8CvC;ArC5IM;EAEI,uBsCiG2B;AD4CrC;ArC/IM;EAEI,uBsCoG6B;AD4CvC;ACvCI;EACE;ADyCN;ACtCI;EACE;ADwCN;ACrCI;EACE;ADuCN;ArC3JM;EAEI,wBsCqH2B;ADuCrC;ACpCM;EACE;ADsCR;AClCI;EACE;EACA;ADoCN;AClCM;EACE;ADoCR;AN9JE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM2KZ,C;;;;AhDrLA;EACE;EACA;EAIA;EACA;AmDFF;AnDKA;EACE;EACA;EAIA;EACA;AmDNF;AnDSA;EACE;EACA;EAIA;EACA;AmDVF;ACbE;EACE;EACA;ADeJ;AFlBE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;AEoBJ;AFlBI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AEmBN;ATlCE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AS+CZ;AT5CE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASyDZ;AF9BI;EACE;ECrCJ;EACA;EACA;ACsEF;AxCtEM;EAEI,uBsCmCyB;AEoCnC;AxC3DM;EsCwBE;EACA;EACA;AEsCR;ATpEE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASiFZ;AFxCI;EACE;EACA;EACA;EACA;AE0CN;AFvCI;EACE;EC1DJ;EACA;EACA;ACoGF;AxCpGM;EAEI,uBsCwDyB;AE6CnC;AxCzFM;EsC6CE;EACA;EACA;AE+CR;AF3CI;EACE;EACA;ECrEJ;EACA;EACA;ACmHF;AxCnHM;EAEI,uBsCmEyB;AEiDnC;AxCxGM;EsCwDE;EACA;EACA;AEmDR;AFhDM;EACE;AEkDR;AF9CI;EACE;EACA;ECpFJ;EACA;EACA;ACqIF;AxCvHM;EsCuEE;EACA;EACA;AEmDR;AxC1IM;EAEI,wBsCyF2B;AEkDrC;AxC7IM;EAEI,wBsC4F6B;AEkDvC;AxChJM;EAEI,uBsCiG2B;AEgDrC;AxCnJM;EAEI,uBsCoG6B;AEgDvC;AF3CI;EACE;AE6CN;AF1CI;EACE;AE4CN;AFzCI;EACE;AE2CN;AxC/JM;EAEI,wBsCqH2B;AE2CrC;AFxCM;EACE;AE0CR;AFtCI;EACE;EACA;AEwCN;AFtCM;EACE;AEwCR;ATlKE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AS+KZ;AC/KI;EACE;EACA;EACA;ADiLN;AC/KM;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;AD6KR;AC3KQ;EACE;EACA;EFjCR;EACA;EACA;EEmCQ;EACA;AD6KV;AC3KU;EACE;EACA;AD6KZ;AT3ME;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASwNZ;ACnLU;EACE;ADqLZ;AEnOI;EAEI;EAGA;EAIA,UDsCsF;ADyL9F;AE5NM;EAEI,4BDiCuD;AD4LjE,C;;;;AnD7OA;EACE;EACA;EAIA;EACA;AsDFF;AtDKA;EACE;EACA;EAIA;EACA;AsDNF;AtDSA;EACE;EACA;EAIA;EACA;AsDVF;ACdE;EACE;EACA;EACA;EAEA;ADeJ;ACbI;EACE;EACA;EACA;ADeN;AZfE;EACE;EACA;EACA,sBaDkE;EbElE,gBaFqD;EbGrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AY4BZ;AZzBE;EACE;EACA;EACA,uBaEoE;EbDpE,gBaCuD;EbAvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYsCZ;AC1BI;EACE;EACA;EACA;AD4BN;AZxCE;EACE;EACA;EACA,sBaWkE;EbVlE,gBaUqD;EbTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYqDZ;ACjCI;EACE;EACA;EACA;ADmCN;AZvDE;EACE;EACA;EACA,uBamBkE;EblBlE,gBakBqD;EbjBrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYoEZ;ACxCI;EACE;EACA;EACA;EACA;AD0CN;ADlFI;EAEI;EAGA;EAIA,UEgCgF;AD8CxF;AD3EM;EAEI,4BE2BiD;ADiD3D;AZ/EE;EACE;EACA;EACA,2Ba4BkE;Eb3BlE,gBa2BqD;Eb1BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AY4FZ,C;;;;AtDtGA;EACE;EACA;EAIA;EACA;AwDFF;AxDKA;EACE;EACA;EAIA;EACA;AwDNF;AxDSA;EACE;EACA;EAIA;EACA;AwDVF;ACyBE;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;ADzBJ;AC2BI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADzBN;AC4BI;EACE;AD1BN;AC6BI;EACE;AD3BN;AC8BI;EACE;EACA;AD5BN;AC8BM;EACE;AD5BR;ACgCI;EACE;EACA;AD9BN;ACgCM;EACE;AD9BR,C;;;;AxDvDA;EACE;EACA;EAIA;EACA;A0DFF;A1DKA;EACE;EACA;EAIA;EACA;A0DNF;A1DSA;EACE;EACA;EAIA;EACA;A0DVF;ACbE;EACE;EACA;EAEA;EACA;ADcJ;ACZI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AQ+BF;AhBrBE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgBkCZ;AChBM;EAUE;ADSR;AClBQ;EACE;EACA;EACA;EACA;EACA;EACA;ADoBV,C;;;;A1DvDA;EACE;EACA;EAIA;EACA;A4DFF;A5DKA;EACE;EACA;EAIA;EACA;A4DNF;A5DSA;EACE;EACA;EAIA;EACA;A4DVF;ACdE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ADcJ;AlBdE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkB2BZ;AlBxBE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqCZ;AC1BI;EACE;AD4BN;ACzBI;EACE;AD2BN;AlBxCE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqDZ;ACjCI;EACE;ADmCN;ACjCM;EACE;ADmCR,C;;;;A5DrEA;EACE;EACA;EAIA;EACA;A8DFF;A9DKA;EACE;EACA;EAIA;EACA;A8DNF;A9DSA;EACE;EACA;EAIA;EACA;A8DVF;AbdE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;AagBJ;AbdI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AaeN;ApB9BE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2CZ;ApBxCE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBqDZ;Ab1BI;EACE;ECrCJ;EACA;EACA;AYkEF;AnDlEM;EAEI,uBsCmCyB;AagCnC;AnDvDM;EsCwBE;EACA;EACA;AakCR;ApBhEE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB6EZ;AbpCI;EACE;EACA;EACA;EACA;AasCN;AbnCI;EACE;EC1DJ;EACA;EACA;AYgGF;AnDhGM;EAEI,uBsCwDyB;AayCnC;AnDrFM;EsC6CE;EACA;EACA;Aa2CR;AbvCI;EACE;EACA;ECrEJ;EACA;EACA;AY+GF;AnD/GM;EAEI,uBsCmEyB;Aa6CnC;AnDpGM;EsCwDE;EACA;EACA;Aa+CR;Ab5CM;EACE;Aa8CR;Ab1CI;EACE;EACA;ECpFJ;EACA;EACA;AYiIF;AnDnHM;EsCuEE;EACA;EACA;Aa+CR;AnDtIM;EAEI,wBsCyF2B;Aa8CrC;AnDzIM;EAEI,wBsC4F6B;Aa8CvC;AnD5IM;EAEI,uBsCiG2B;Aa4CrC;AnD/IM;EAEI,uBsCoG6B;Aa4CvC;AbvCI;EACE;AayCN;AbtCI;EACE;AawCN;AbrCI;EACE;AauCN;AnD3JM;EAEI,wBsCqH2B;AauCrC;AbpCM;EACE;AasCR;AblCI;EACE;EACA;AaoCN;AblCM;EACE;AaoCR;ApB9JE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2KZ;;APlLE;EACE;EACA;EACA;EAEA;AOoLJ;APlLI;EACE;EACA;EACA;AOoLN;ApBpLE;EACE;EACA;EACA,sBaDkE;EbElE,gBaFqD;EbGrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiMZ;ApB9LE;EACE;EACA;EACA,uBaEoE;EbDpE,gBaCuD;EbAvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2MZ;AP/LI;EACE;EACA;EACA;AOiMN;ApB7ME;EACE;EACA;EACA,sBaWkE;EbVlE,gBaUqD;EbTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB0NZ;APtMI;EACE;EACA;EACA;AOwMN;ApB5NE;EACE;EACA;EACA,uBamBkE;EblBlE,gBakBqD;EbjBrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoByOZ;AP7MI;EACE;EACA;EACA;EACA;AO+MN;ATvPI;EAEI;EAGA;EAIA,UEgCgF;AOmNxF;AThPM;EAEI,4BE2BiD;AOsN3D;ApBpPE;EACE;EACA;EACA,2Ba4BkE;Eb3BlE,gBa2BqD;Eb1BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiQZ;;AVvQE;EACE;EACA;AU0QJ;Ab7QE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;Aa+QJ;Ab7QI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Aa8QN;ApB7RE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB0SZ;ApBvSE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBoTZ;AbzRI;EACE;ECrCJ;EACA;EACA;AYiUF;AnDjUM;EAEI,uBsCmCyB;Aa+RnC;AnDtTM;EsCwBE;EACA;EACA;AaiSR;ApB/TE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB4UZ;AbnSI;EACE;EACA;EACA;EACA;AaqSN;AblSI;EACE;EC1DJ;EACA;EACA;AY+VF;AnD/VM;EAEI,uBsCwDyB;AawSnC;AnDpVM;EsC6CE;EACA;EACA;Aa0SR;AbtSI;EACE;EACA;ECrEJ;EACA;EACA;AY8WF;AnD9WM;EAEI,uBsCmEyB;Aa4SnC;AnDnWM;EsCwDE;EACA;EACA;Aa8SR;Ab3SM;EACE;Aa6SR;AbzSI;EACE;EACA;ECpFJ;EACA;EACA;AYgYF;AnDlXM;EsCuEE;EACA;EACA;Aa8SR;AnDrYM;EAEI,wBsCyF2B;Aa6SrC;AnDxYM;EAEI,wBsC4F6B;Aa6SvC;AnD3YM;EAEI,uBsCiG2B;Aa2SrC;AnD9YM;EAEI,uBsCoG6B;Aa2SvC;AbtSI;EACE;AawSN;AbrSI;EACE;AauSN;AbpSI;EACE;AasSN;AnD1ZM;EAEI,wBsCqH2B;AasSrC;AbnSM;EACE;AaqSR;AbjSI;EACE;EACA;AamSN;AbjSM;EACE;AamSR;ApB7ZE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB0aZ;AV1aI;EACE;EACA;EACA;AU4aN;AV1aM;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;AUwaR;AVtaQ;EACE;EACA;EFjCR;EACA;EACA;EEmCQ;EACA;AUwaV;AVtaU;EACE;EACA;AUwaZ;ApBtcE;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBmdZ;AV9aU;EACE;AUgbZ;AT9dI;EAEI;EAGA;EAIA,UDsCsF;AUob9F;ATvdM;EAEI,4BDiCuD;AUubjE;;AL9bE;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;AK+bJ;AL7bI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AK+bN;AL5bI;EACE;AK8bN;AL3bI;EACE;AK6bN;AL1bI;EACE;EACA;AK4bN;AL1bM;EACE;AK4bR;ALxbI;EACE;EACA;AK0bN;ALxbM;EACE;AK0bR;;AH3gBE;EACE;EACA;EAEA;EACA;AG6gBJ;AH3gBI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AY8hBF;ApBphBE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiiBZ;AH/gBM;EAUE;AGwgBR;AHjhBQ;EACE;EACA;EACA;EACA;EACA;EACA;AGmhBV;;ADnjBE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ACojBJ;ApBpjBE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBikBZ;ApB9jBE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2kBZ;ADhkBI;EACE;ACkkBN;AD/jBI;EACE;ACikBN;ApB9kBE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2lBZ;ADvkBI;EACE;ACykBN;ADvkBM;EACE;ACykBR,C;;;;A9D3mBA;EACE;EACA;EAIA;EACA;A+DFF;A/DKA;EACE;EACA;EAIA;EACA;A+DNF;A/DSA;EACE;EACA;EAIA;EACA;A+DVF;ACbE;EACE;ECGF;EACA;EAEA;EACA;EACA;EACA;EfbA;EACA;EACA;Aa0BF;ApD1BM;EAUI,esDI2B;AFerC;ApDfM;EsDCF;EACA;EACA;AFiBJ;AEfE;EAnBA;EACA;AFqCF;ACjCI;EEPF;AH2CF;AChCI;EGTF;AJ4CF;AI1CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ4CJ;ACxCI;EITF;EACA;ALoDF;ApDzDM;EAEI,4ByDKqB;ALqD/B;AKnDE;EACE;ALqDJ;AKlDE;EAbA;ALkEF;ACjDI;EKbF;EACA;ANiEF;ApDtEM;EAEI,4B0DKqB;ANkE/B;ArB/DE;EACE;EACA;EACA,2B2BL8D;E3BM9D,gB2BNiD;E3BOjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB4EZ;AMzEE;EAVA;ANsFF;ACjEI;EMhBF;EACA;APoFF;ApD1FM;EAEI,wB2DMqB;APqF/B;AzDpFE;EAcI,uBgEdsB;EhEiBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyD6FZ;AOzFE;EACE;AP2FJ;AOxFE;EAfA;EACA;AP0GF;AClFI;EOjBF;EAEA;EACA;ARqGF;AQnGE;EACE;ARqGJ;ApDnHM;EAEI,uB4DeqB;ARqG/B;AzD7GE;EAcI,sBiELsB;EjEQxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyDsHZ;AQzGE;EApBA;EACA;ARgIF;ApDjIM;EAEI,uB4DCqB;ARiI/B;AzD3HE;EAcI,sBiEnBsB;EjEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyDoIZ;AC7GM;EQpBJ;EACA;AToIF;ArBrIE;EACE;EACA;EACA,wB8BD8D;E9BE9D,gB8BFiD;E9BGjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqBkJZ;ApDzJM;EAEI,yB6DWqB;AT+I/B;AS7IE;EACE;AT+IJ;AS5IE;EAnBA;EACA;ATkKF;AClIQ;EQRN;EACA;AT6IF;ArB7JE;EACE;EACA;EACA,wB8Bc8D;E9Bb9D,gB8BaiD;E9BZjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB0KZ;ApDjLM;EAEI,yB6D0BqB;ATwJ/B;AStJE;EACE;ATwJJ;ASrJE;EA7BA;EACA;ATqLF;ACnJM;ES9BJ;EACA;AVoLF;ArBrLE;EACE;EACA;EACA,wB+BD8D;E/BE9D,gB+BFiD;E/BGjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqBkMZ;ApDzMM;EAEI,yB8DWqB;AV+L/B;AU7LE;EACE;AV+LJ;AU5LE;EAnBA;EACA;AVkNF;ACxKQ;ESlBN;EACA;AV6LF;ArB7ME;EACE;EACA;EACA,wB+Bc8D;E/Bb9D,gB+BaiD;E/BZjD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB0NZ;ApDjOM;EAEI,yB8D0BqB;AVwM/B;AUtME;EACE;AVwMJ;AUrME;EA7BA;EACA;AVqOF;AC1LI;ECjDF;EACA;AF8OF;AC3LM;EIpDJ;ALkPF;AC1LM;EKxDJ;ANqPF;ACzLM;EM5DJ;EACA;APwPF;ACzLM;EOhEJ;EACA;AR4PF;ApD7PM;EAEI,uB4DCqB;AR6P/B;AzDvPE;EAcI,sBiEnBsB;EjEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyDgQZ;AClMQ;EQrEN;EACA;AT0QF;ACnMU;EQnER;EACA;ATyQF;AChMQ;ES/EN;EACA;AVkRF;ACjMU;ES7ER;EACA;AViRF,C;;;;A/D1RA;EACE;EACA;EAIA;EACA;A0EFF;A1EKA;EACE;EACA;EAIA;EACA;A0ENF;A1ESA;EACE;EACA;EAIA;EACA;A0EVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;EACA;EACA;AAgBJ;AvE5BE;EACE;EAGE,sBuES+B;AAmBrC;AAjBI;EACE;AAmBN;AhCvBE;EACE;EACA;EACA,sBgCEkE;EhCDlE,gBgCCqD;EhCArD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgCoCZ;ApElCE;EAWI,gBoEF6B;EpEQ/B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoE2CZ;AA5BI;EACE;AA8BN;AhC3CE;EACE;EACA;EACA,sBgCWkE;EhCVlE,gBgCUqD;EhCTrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgCwDZ;AAnCE;EACE;AAqCJ;ApEzDE;EAcI,sBoEU4B;EpEP9B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoEkEZ;ApEhEE;EAcI,sBoEc4B;EpEX9B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoEyEZ;ApEvEE;EAcI,uBoEqB0B;EpElB5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoEgFZ;AAvCE;EACE;AAyCJ;AAtCE;EACE;AAwCJ;AArCE;EACE;AAuCJ;AApCE;EACE;AAsCJ,C;;;;A1EtGA;EACE;EACA;EAIA;EACA;A2EFF;A3EKA;EACE;EACA;EAIA;EACA;A2ENF;A3ESA;EACE;EACA;EAIA;EACA;A2EVF;AAfA;EACE;ECAA;EACA;EACA;ADkBF;AxEtBE;EACE;EAOE,sByEHmC;EzEOnC,mByEPwD;ADsB9D;AAvBE;EEFA;EACA;EACA;EACA;AF4BF;AAzBE;EGRA;EACA;AHoCF;AAzBE;EIZA;AJwCF;AAzBI;EIXF;AJuCF;AAvBE;EKpBA;EACA;AL8CF;AAxBI;EKlBF;EACA;AL6CF;AAvBE;EM5BA;EACA;ANsDF;AAxBI;EM1BF;EACA;ANqDF;AAvBE;EOpCA;AP8DF;AAvBI;EO/BF;APyDF;AAtBI;EOvCF;APgEF;AAtBM;EOlCJ;AP2DF;AAlBI;EQrDF;EACA;AR0EF;AAnBM;EQnDJ;ARyEF,C;;;;A3E/EA;EACE;EACA;EAIA;EACA;AoFFF;ApFKA;EACE;EACA;EAIA;EACA;AoFNF;ApFSA;EACE;EACA;EAIA;EACA;AoFVF;AAfA;EACE;EACA;EACA;AAiBF;AAfE;EACE;AAiBJ;AjFxBE;EACE;EAGE,sBiFI+B;EjFA/B;EAIA,kBiFJ8E;AAsBpF;A1ClBE;EACE;EACA;EACA,sB0CJkE;E1CKlE,gB0CLqD;E1CMrD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0C+BZ;A1C5BE;EACE;EACA;EACA;EACA,gB0CDqD;E1CErD,mC1CYO;E0CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0CyCZ;AA/BE;EACE;AAiCJ;A9E1CE;EAcI,sB8EF0B;E9EK5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A8EmDZ;AAjCE;EACE;AAmCJ;AAhCE;EACE;AAkCJ;AA/BE;EACE;AAiCJ;AA9BE;EACE;AAgCJ,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/fonts.scss","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/button.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/micro-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/CalendarDay.module.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerMain.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DateGrid.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerHeader.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerFooter.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/mixins/flexField.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/mixins/selectField.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/RadioField.module.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/mixins/radioField.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/mixin/textareaField.scss","webpack://indicator-ui/./src/ui/InputFields/InputField/styles/InputField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/CheckboxMark.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/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/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"],"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: #FCFAFF;\r\n    --primary-50: #F9F5FF;\r\n    --primary-100: #F4EBFF;\r\n    --primary-200: #E9D7FE;\r\n    --primary-300: #D6BBFB;\r\n    --primary-400: #B692F6;\r\n    --primary-500: #9E77ED;\r\n    --primary-600: #7F56D9;\r\n    --primary-700: #6941C6;\r\n    --primary-800: #53389E;\r\n    --primary-900: #42307D;\r\n    --primary-950: #2C1C5F;\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: #FEFDF0;\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",":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","@font-face {\r\n  font-family: \"Golos UI\";\r\n  src: local(\"Golos UI\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\r\n  font-weight: 400;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Golos UI\";\r\n  src: local(\"Golos UI\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Golos UI\";\r\n  src: local(\"Golos UI\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"),\r\n  url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\r\n  font-weight: 600;\r\n  font-style: normal;\r\n}\r\n\r\n$golos-ui: 'Golos UI', sans-serif;","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.button {\n  transition: all ease-out 0.2s;\n}\n.button {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.button .icon {\n  width: fit-content;\n  height: fit-content;\n}\n.button .icon {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.button.widthFill {\n  width: 100%;\n  flex: 1;\n}\n.button.widthHug {\n  width: fit-content;\n}\n.button.heightFill {\n  height: 100%;\n  flex: 1;\n}\n.button.heightHug {\n  height: fit-content;\n}\n.button.small {\n  padding: 10px;\n}\n.button.small .icon svg {\n  flex: none;\n  width: 16px;\n  height: 16px;\n}\n.button.small .text {\n  padding: 0 4px;\n}\n.button.small .text {\n  font-size: 14px;\n  line-height: 16px;\n  line-height: 16px;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.medium {\n  padding: 10px;\n}\n.button.medium .icon svg {\n  flex: none;\n  width: 16px;\n  height: 16px;\n}\n.button.medium .text {\n  padding: 0 8px;\n}\n.button.medium .text {\n  font-size: 14px;\n  line-height: 20px;\n  line-height: 20px;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.large {\n  padding: 12px;\n}\n.button.large .icon svg {\n  flex: none;\n  width: 20px;\n  height: 20px;\n}\n.button.large .text {\n  padding: 0 6px;\n}\n.button.large .text {\n  font-size: 14px;\n  line-height: 20px;\n  line-height: 20px;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.ultra {\n  padding: 18px;\n}\n.button.ultra .icon svg {\n  flex: none;\n  width: 24px;\n  height: 24px;\n}\n.button.ultra .text {\n  padding: 0 12px;\n}\n.button.ultra .text {\n  font-size: 18px;\n  line-height: 24px;\n  line-height: 24px;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.primary {\n  border-radius: 8px;\n  background-color: var(--blue-dark-500);\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 .text {\n  font-weight: 500;\n  color: var(--base-white);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.primary:hover {\n  background-color: var(--blue-dark-600);\n}\n.button.primary:focus {\n  background-color: var(--blue-dark-500);\n  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary:disabled {\n  opacity: 0.3;\n}\n.button.secondaryColor {\n  border-radius: 8px;\n  background-color: var(--base-white);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-200);\n}\n.button.secondaryColor .icon svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.secondaryColor .text {\n  font-weight: 500;\n  color: var(--blue-dark-500);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.secondaryColor:hover {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);\n}\n.button.secondaryColor:focus {\n  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);\n}\n.button.secondaryColor:disabled {\n  opacity: 0.5;\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), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray .icon svg * {\n  stroke: var(--gray-700);\n}\n.button.secondaryGray .text {\n  font-weight: 500;\n  color: var(--gray-700);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.secondaryGray:hover {\n  background-color: var(--gray-50);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray:hover .text {\n  color: var(--gray-800);\n}\n.button.secondaryGray:focus {\n  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray:disabled {\n  opacity: 0.5;\n}\n.button.tertiaryWhite .icon svg * {\n  stroke: var(--blue-dark-100);\n}\n.button.tertiaryWhite .text {\n  font-weight: 400;\n  color: var(--blue-dark-100);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tertiaryWhite:hover .text {\n  color: var(--base-white);\n}\n.button.tertiaryWhite:hover .icon svg * {\n  stroke: var(--base-white);\n}\n.button.tertiaryWhite:disabled {\n  opacity: 0.5;\n}\n.button.tertiaryColor .icon svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.tertiaryColor .text {\n  color: var(--blue-dark-500);\n}\n.button.tertiaryColor:hover .text {\n  font-weight: 400;\n  color: var(--blue-dark-700);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tertiaryColor:hover .icon svg * {\n  stroke: var(--blue-dark-700);\n}\n.button.tertiaryColor:disabled {\n  opacity: 0.5;\n}\n.button.tertiaryGray .icon svg * {\n  stroke: var(--gray-700);\n}\n.button.tertiaryGray .text {\n  color: var(--gray-700);\n}\n.button.tertiaryGray .text {\n  font-weight: 400;\n  color: var(--gray-400);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tertiaryGray:hover .text {\n  color: var(--gray-900);\n}\n.button.tertiaryGray:hover .icon svg * {\n  stroke: var(--gray-900);\n}\n.button.tertiaryGray:disabled {\n  opacity: 0.5;\n}\n.button.linkColor {\n  padding: 0 !important;\n  gap: 4px;\n}\n.button.linkColor .icon svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.linkColor .text {\n  padding: 0 !important;\n}\n.button.linkColor .text {\n  font-weight: 400;\n  color: var(--blue-dark-500);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.linkColor:hover .text {\n  color: var(--blue-dark-700);\n}\n.button.linkColor:hover .icon svg * {\n  stroke: var(--blue-dark-700);\n}\n.button.linkColor:disabled {\n  opacity: 0.5;\n}\n.button.linkBlack {\n  padding: 0 !important;\n  gap: 4px;\n}\n.button.linkBlack .icon svg * {\n  stroke: var(--gray-700);\n}\n.button.linkBlack .text {\n  padding: 0 !important;\n}\n.button.linkBlack .text {\n  font-weight: 400;\n  color: var(--gray-700);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.linkBlack:hover .text {\n  color: var(--gray-900);\n}\n.button.linkBlack:hover .icon svg * {\n  stroke: var(--gray-900);\n}\n.button.linkBlack:disabled {\n  opacity: 0.5;\n}\n.button.linkGray {\n  padding: 0 !important;\n  gap: 4px;\n}\n.button.linkGray .icon svg * {\n  stroke: var(--gray-400);\n}\n.button.linkGray .text {\n  padding: 0 !important;\n}\n.button.linkGray .text {\n  font-weight: 400;\n  color: var(--gray-400);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.linkGray:hover .text {\n  color: var(--gray-500);\n}\n.button.linkGray:hover .icon svg * {\n  stroke: var(--gray-500);\n}\n.button.linkGray:disabled {\n  opacity: 0.5;\n}\n.button.tabActive {\n  border-radius: 6px;\n  background-color: var(--base-white);\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 .text {\n  font-weight: 500;\n  color: var(--gray-700);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tabActive:hover .icon svg * {\n  stroke: var(--gray-900);\n}\n.button.tabActive:hover .text {\n  color: var(--gray-900);\n}\n.button.tabActive:disabled {\n  opacity: 0.5;\n}\n.button.tab {\n  border-radius: 6px;\n  background-color: var(--gray-100);\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 .text {\n  font-weight: 500;\n  color: var(--gray-500);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.button.tab:hover {\n  background-color: var(--gray-200);\n}\n.button.tab:hover .icon svg * {\n  stroke: var(--gray-800);\n}\n.button.tab:hover .text {\n  color: var(--gray-800);\n}\n.button.tab:disabled {\n  opacity: 0.5;\n}\n.button.warning.primary {\n  border-radius: 8px;\n  background-color: var(--error-500);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.primary:hover {\n  background-color: var(--error-600);\n}\n.button.warning.primary:focus {\n  background-color: var(--error-500);\n}\n.button.warning.primary:disabled {\n  opacity: 0.3;\n}\n.button.warning.secondaryColor {\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-200);\n}\n.button.warning.secondaryColor .icon svg * {\n  stroke: var(--error-500);\n}\n.button.warning.secondaryColor .text {\n  color: var(--error-500);\n}\n.button.warning.secondaryColor:hover {\n  background-color: var(--error-50);\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-400);\n}\n.button.warning.secondaryColor:focus {\n  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-200);\n}\n.button.warning.secondaryColor:disabled {\n  opacity: 0.5;\n}","@use 'baseButton';\r\n@use 'properties';\r\n\r\n@mixin insertButton() {\r\n  .button {\r\n    transition: all ease-out 0.2s;\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\r\n    &.secondaryColor {\r\n      @include properties.secondaryColorButton;\r\n    }\r\n\r\n    &.secondaryGray {\r\n      @include properties.secondaryGrayButton;\r\n    }\r\n\r\n    &.tertiaryWhite {\r\n      @include properties.tertiaryWhiteButton;\r\n    }\r\n\r\n    &.tertiaryColor {\r\n      @include properties.tertiaryColorButton;\r\n    }\r\n\r\n    &.tertiaryGray {\r\n      @include properties.tertiaryGrayButton;\r\n    }\r\n\r\n    &.linkColor {\r\n      @include properties.linkColorButton;\r\n    }\r\n\r\n    &.linkBlack {\r\n      @include properties.linkBlackButton;\r\n    }\r\n\r\n    &.linkGray {\r\n      @include properties.linkGrayButton;\r\n    }\r\n\r\n    &.tabActive {\r\n      @include properties.tabActiveButton;\r\n    }\r\n\r\n    &.tab {\r\n      @include properties.tabButton;\r\n    }\r\n\r\n    &.warning {\r\n      &.primary {\r\n        @include properties.warningPrimaryButton;\r\n      }\r\n    }\r\n\r\n    &.warning {\r\n      &.secondaryColor {\r\n        @include properties.warningSecondaryColorButton;\r\n      }\r\n    }\r\n  }\r\n}","@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 base-button() {\r\n  @include modify-flex(row, center, center);\r\n\r\n  .icon {\r\n    width: fit-content;\r\n    height: fit-content;\r\n    @include modify-flex(row, center, center);\r\n  }\r\n\r\n  &.widthFill {\r\n    width: 100%;\r\n    flex: 1;\r\n  }\r\n\r\n  &.widthHug {\r\n    width: fit-content;\r\n  }\r\n\r\n  &.heightFill {\r\n    height: 100%;\r\n    flex: 1;\r\n  }\r\n\r\n  &.heightHug {\r\n    height: fit-content;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n  padding: 10px;\r\n\r\n  .icon {\r\n    @include modify-svg() {\r\n      & {\r\n        flex: none;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .text {\r\n    padding: 0 4px;\r\n    @include fnt-flex($size: 14, $line-height: 16);\r\n  }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt-flex(\r\n  $size: null,\r\n  $line-height: null,\r\n  $color: null,\r\n  $weight: null,\r\n  $family: fonts.$golos-ui,\r\n  $stretch: normal,\r\n  $style: normal,\r\n  $variant: normal,\r\n) {\r\n  & {\r\n    @if ($size != null) {\r\n      font-size: #{$size}px;\r\n    }\r\n    @if ($line-height != null) {\r\n      line-height: #{$line-height}px;\r\n    }\r\n    @if ($line-height != null) {\r\n      line-height: #{$line-height}px;\r\n    }\r\n    @if ($weight != null) {\r\n      font-weight: $weight;\r\n    }\r\n    @if ($color != null) {\r\n      color: $color;\r\n    }\r\n\r\n    font-family: $family;\r\n    font-stretch: $stretch;\r\n    font-style: $style;\r\n    font-variant: $variant;\r\n  }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n  padding: 10px;\r\n\r\n  .icon {\r\n    @include modify-svg() {\r\n      & {\r\n        flex: none;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .text {\r\n    padding: 0 8px;\r\n    @include fnt-flex($size: 14, $line-height: 20);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n  padding: 12px;\r\n\r\n  .icon {\r\n    @include modify-svg() {\r\n      & {\r\n        flex: none;\r\n        width: 20px;\r\n        height: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .text {\r\n    padding: 0 6px;\r\n    @include fnt-flex($size: 14, $line-height: 20);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n  padding: 18px;\r\n\r\n  .icon {\r\n    @include modify-svg() {\r\n      & {\r\n        flex: none;\r\n        width: 24px;\r\n        height: 24px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .text {\r\n    padding: 0 12px;\r\n    @include fnt-flex($size: 18, $line-height: 24);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n  border-radius: 8px;\r\n  background-color: var(--blue-dark-500);\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  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--base-white));\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--blue-dark-600);\r\n  }\r\n\r\n  &:focus {\r\n    background-color: var(--blue-dark-500);\r\n    box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.3;\r\n  }\r\n}","@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {\r\n  & {\r\n    svg {\r\n      * {\r\n        @if ($stroke != null) {\r\n          stroke: $stroke;\r\n        }\r\n\r\n        @if ($fill != null) {\r\n          fill: $fill;\r\n        }\r\n\r\n        @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}","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-200);\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n\r\n  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--blue-dark-500));\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--blue-dark-50);\r\n    box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-300);\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(--blue-dark-300);\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-700));\r\n  }\r\n\r\n  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--gray-50);\r\n    box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n\r\n    .text {\r\n      color: var(--gray-800);\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 {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n  .icon {\r\n    @include modify-svg($stroke: var(--blue-dark-100));\r\n  }\r\n\r\n  .text {\r\n    @include fnt-flex($weight: 400, $color: var(--blue-dark-100));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      color: var(--base-white);\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--base-white));\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n  .icon {\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n\r\n  .text {\r\n    color: var(--blue-dark-500);\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      @include fnt-flex($weight: 400, $color: var(--blue-dark-700));\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--blue-dark-700));\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-700));\r\n  }\r\n\r\n  .text {\r\n    color: var(--gray-700);\r\n    @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      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  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton {\r\n  padding: 0 !important;\r\n  gap: 4px;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n\r\n  .text {\r\n    padding: 0 !important;\r\n    @include fnt-flex($weight: 400, $color: var(--blue-dark-500));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      color: var(--blue-dark-700);\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--blue-dark-700));\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton {\r\n  padding: 0 !important;\r\n  gap: 4px;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-700));\r\n  }\r\n\r\n  .text {\r\n    padding: 0 !important;\r\n    @include fnt-flex($weight: 400, $color: var(--gray-700));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      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  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton {\r\n  padding: 0 !important;\r\n  gap: 4px;\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--gray-400));\r\n  }\r\n\r\n  .text {\r\n    padding: 0 !important;\r\n    @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  &:hover {\r\n    .text {\r\n      color: var(--gray-500);\r\n    }\r\n\r\n    .icon {\r\n      @include modify-svg($stroke: var(--gray-500));\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabActiveButton {\r\n  border-radius: 6px;\r\n  background-color: var(--base-white);\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  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n  }\r\n\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  &: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  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  .text {\r\n    @include fnt-flex($weight: 500, $color: var(--gray-500));\r\n  }\r\n\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  &: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  box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n  &:hover {\r\n    background-color: var(--error-600);\r\n  }\r\n\r\n  &:focus {\r\n    background-color: var(--error-500);\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.3;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);\r\n\r\n  .icon {\r\n    @include modify-svg($stroke: var(--error-500));\r\n  }\r\n\r\n  .text {\r\n    color: var(--error-500);\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--error-50);\r\n    box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-400);\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 {\r\n    opacity: 0.5;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.button {\n  transition: all ease-out 0.2s;\n  width: fit-content;\n  height: fit-content;\n}\n.button {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.button svg {\n  flex: none;\n}\n.button.light {\n  background: none;\n}\n.button.light svg * {\n  stroke: var(--gray-400);\n}\n.button.light:hover {\n  background-color: var(--gray-200);\n}\n.button.light:hover svg * {\n  stroke: var(--gray-600);\n}\n.button.dark {\n  background-color: rgba(12, 17, 29, 0.5019607843);\n}\n.button.dark svg * {\n  stroke: var(--base-white);\n}\n.button.dark:hover {\n  background-color: rgba(12, 17, 29, 0.8);\n}\n.button.gray {\n  background: none;\n}\n.button.gray svg * {\n  stroke: var(--gray-500);\n}\n.button.gray:hover {\n  background-color: var(--base-white);\n}\n.button.gray:hover svg * {\n  stroke: var(--gray-600);\n}\n.button.color {\n  background: none;\n}\n.button.color svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.color:hover {\n  background-color: var(--base-white);\n}\n.button.color:hover svg * {\n  stroke: var(--blue-dark-600);\n}\n.button.colorHover {\n  background: none;\n}\n.button.colorHover svg * {\n  stroke: var(--blue-dark-400);\n}\n.button.colorHover:hover {\n  background-color: var(--blue-dark-100);\n}\n.button.colorHover:hover svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.redHover {\n  background: none;\n}\n.button.redHover svg * {\n  stroke: var(--error-400);\n}\n.button.redHover:hover {\n  background-color: var(--error-100);\n}\n.button.redHover:hover svg * {\n  stroke: var(--error-500);\n}\n.button.colorFill {\n  background: var(--base-white);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.button.colorFill svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.colorFill:hover {\n  background: var(--blue-dark-50);\n}\n.button.colorFill:hover svg * {\n  stroke: var(--blue-dark-500);\n}\n.button.grayFill {\n  background: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300);\n}\n.button.grayFill svg * {\n  stroke: var(--gray-700);\n}\n.button.grayFill:hover {\n  background: var(--gray-50);\n}\n.button.grayFill:hover svg * {\n  stroke: var(--gray-900);\n}\n.button.redFill {\n  background: var(--base-white);\n  box-shadow: 0 0 0 1px var(--error-300);\n}\n.button.redFill svg * {\n  stroke: var(--error-500);\n}\n.button.redFill:hover {\n  background: var(--error-50);\n}\n.button.redFill:hover svg * {\n  stroke: var(--error-600);\n}\n.button.size14 {\n  border-radius: 3px;\n  padding: 2px;\n}\n.button.size14 svg {\n  width: 10px;\n  height: 10px;\n}\n.button.size16 {\n  border-radius: 3px;\n  padding: 2px;\n}\n.button.size16 svg {\n  width: 12px;\n  height: 12px;\n}\n.button.size20 {\n  border-radius: 3px;\n  padding: 3px;\n}\n.button.size20 svg {\n  width: 14px;\n  height: 14px;\n}\n.button.size24 {\n  border-radius: 4px;\n  padding: 4px;\n}\n.button.size24 svg {\n  width: 16px;\n  height: 16px;\n}\n.button.size28 {\n  border-radius: 4px;\n  padding: 4px;\n}\n.button.size28 svg {\n  width: 20px;\n  height: 20px;\n}","@use 'base-button';\r\n@use 'properties';\r\n\r\n@mixin micro-button() {\r\n  .button {\r\n    transition: all ease-out 0.2s;\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    &.redHover {\r\n      @include properties.red-hover();\r\n    }\r\n\r\n    &.colorFill {\r\n      @include properties.color-fill();\r\n    }\r\n\r\n    &.grayFill {\r\n      @include properties.gray-fill();\r\n    }\r\n\r\n    &.redFill {\r\n      @include properties.red-fill();\r\n    }\r\n\r\n    &.size14 {\r\n      @include properties.size-14();\r\n    }\r\n\r\n    &.size16 {\r\n      @include properties.size-16();\r\n    }\r\n\r\n    &.size20 {\r\n      @include properties.size-20();\r\n    }\r\n\r\n    &.size24 {\r\n      @include properties.size-24();\r\n    }\r\n\r\n    &.size28 {\r\n      @include properties.size-28();\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-micro-button() {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  @include modify-flex(row, center, center);\r\n  @include modify-svg() {\r\n    flex: none;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--gray-400));\r\n\r\n  &:hover {\r\n    background-color: var(--gray-200);\r\n    @include modify-svg($stroke: var(--gray-600));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n  background-color: #0C111D80;\r\n  @include modify-svg($stroke: var(--base-white));\r\n\r\n  &:hover {\r\n    background-color: #0C111DCC;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--gray-500));\r\n\r\n  &:hover {\r\n    background-color: var(--base-white);\r\n    @include modify-svg($stroke: var(--gray-600));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n  &:hover {\r\n    background-color: var(--base-white);\r\n    @include modify-svg($stroke: var(--blue-dark-600));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--blue-dark-400));\r\n\r\n  &:hover {\r\n    background-color: var(--blue-dark-100);\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n  background: none;\r\n  @include modify-svg($stroke: var(--error-400));\r\n\r\n  &:hover {\r\n    background-color: var(--error-100);\r\n    @include modify-svg($stroke: var(--error-500));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n  background: var(--base-white);\r\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n  @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n  &:hover {\r\n    background: var(--blue-dark-50);\r\n    @include modify-svg($stroke: var(--blue-dark-500));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n  background: var(--base-white);\r\n  box-shadow: 0 0 0 1px var(--gray-300);\r\n  @include modify-svg($stroke: var(--gray-700));\r\n\r\n  &:hover {\r\n    background: var(--gray-50);\r\n    @include modify-svg($stroke: var(--gray-900));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n  background: var(--base-white);\r\n  box-shadow: 0 0 0 1px var(--error-300);\r\n  @include modify-svg($stroke: var(--error-500));\r\n\r\n  &:hover {\r\n    background: var(--error-50);\r\n    @include modify-svg($stroke: var(--error-600));\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n  border-radius: 3px;\r\n  padding: 2px;\r\n\r\n  @include modify-svg() {\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n  border-radius: 3px;\r\n  padding: 2px;\r\n\r\n  @include modify-svg() {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n  border-radius: 3px;\r\n  padding: 3px;\r\n\r\n  @include modify-svg() {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n  border-radius: 4px;\r\n  padding: 4px;\r\n\r\n  @include modify-svg() {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n  border-radius: 4px;\r\n  padding: 4px;\r\n\r\n  @include modify-svg() {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.calendarDay {\r\n  position: relative;\r\n  flex: none;\r\n  width: 40px;\r\n  height: 40px;\r\n\r\n  border-radius: 8px;\r\n  background-color: var(--base-white);\r\n\r\n  @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n  .mark {\r\n    width: 100%;\r\n    height: 12px;\r\n    padding: 4px 0 0 0;\r\n    @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n    &::after {\r\n      content: '';\r\n      width: 4px;\r\n      height: 4px;\r\n      border-radius: 50%;\r\n      background-color: var(--blue-dark-400);\r\n    }\r\n  }\r\n\r\n  .day {\r\n    flex: 1;\r\n    width: 100%;\r\n    @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n    @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n  }\r\n\r\n  .info {\r\n    width: 100%;\r\n    height: 12px;\r\n    padding: 0 0 2px 0;\r\n    @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-400));\r\n  }\r\n\r\n  &:hover {\r\n    background-color: var(--gray-100);\r\n  }\r\n\r\n  &.holiday {\r\n    .day {\r\n      color: var(--error-500);\r\n    }\r\n  }\r\n\r\n  &.active {\r\n    background-color: var(--blue-dark-500);\r\n\r\n    .mark::after {\r\n      background-color: var(--base-white);\r\n    }\r\n\r\n    .day {\r\n      color: var(--base-white);\r\n    }\r\n\r\n    .info {\r\n      color: var(--blue-dark-300);\r\n    }\r\n\r\n    &:hover {\r\n      background-color: var(--blue-dark-600);\r\n    }\r\n  }\r\n\r\n  &.filter {\r\n    background-color: var(--gray-100);\r\n\r\n    &:hover {\r\n      background-color: var(--gray-200);\r\n    }\r\n\r\n    &:before {\r\n      // Требует наличия у родителя relative с z-index: 1;\r\n      content: '';\r\n      width: 60px;\r\n      height: 40px;\r\n      position: absolute;\r\n      background-color: var(--gray-100);\r\n      z-index: -1;\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background-color: var(--base-white);\r\n    z-index: 1;\r\n\r\n    &:before {\r\n      background: var(--base-white);\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .mark {\r\n      &::after {\r\n        background-color: var(--gray-300);\r\n      }\r\n    }\r\n\r\n    .day {\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}","@use \"../fonts\";\r\n\r\n@mixin fnt(\r\n  $size: 16,\r\n  $line-height: 24,\r\n  $color: black,\r\n  $weight: 400,\r\n  $family: fonts.$golos-ui,\r\n  $stretch: normal,\r\n  $style: normal,\r\n  $variant: normal,\r\n) {\r\n\r\n  & {\r\n    font-size: #{$size}px;\r\n    line-height: #{$line-height}px;\r\n    color: $color;\r\n    font-weight: $weight;\r\n    font-family: $family;\r\n    font-stretch: $stretch;\r\n    font-style: $style;\r\n    font-variant: $variant;\r\n  }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n  width: fit-content;\r\n  height: fit-content;\r\n\r\n  border-radius: 16px;\r\n  border: 1px solid var(--gray-200);\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 16px;\r\n  gap: 8px;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  @include modify-flex($direction: column);\r\n\r\n  .header {\r\n    width: 100%;\r\n    gap: 2px;\r\n    z-index: 2;\r\n    backdrop-filter: blur(10px);\r\n    @include modify-flex($direction: row);\r\n\r\n    .item {\r\n      width: 40px;\r\n      height: 16px;\r\n      text-align: center;\r\n      @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-400));\r\n    }\r\n  }\r\n\r\n  .main {\r\n    z-index: 0;\r\n\r\n    .meta {\r\n      width: 100%;\r\n      gap: 6px;\r\n      z-index: 2;\r\n      @include modify-flex($direction: row);\r\n\r\n      .month {\r\n        @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n      }\r\n\r\n      .year {\r\n        @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n      }\r\n    }\r\n\r\n    .grid {\r\n      width: 100%;\r\n      height: 250px;\r\n      overflow-y: hidden;\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n  max-height: 250px;\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(7, 1fr);\r\n  grid-template-rows: repeat(5, 1fr);\r\n  gap: 2px;\r\n  overflow: hidden;\r\n\r\n  &.upEntrance {\r\n    animation: up-entrance 1s forwards;\r\n  }\r\n\r\n  &.downEntrance {\r\n    animation: down-entrance 1s forwards;\r\n  }\r\n\r\n  &.upExit {\r\n    animation: up-exit 1s forwards;\r\n  }\r\n\r\n  &.downExit {\r\n    animation: down-exit 1s forwards;\r\n  }\r\n\r\n  &.displayNone {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@keyframes up-entrance {\r\n  from {\r\n    transform: translateY(-100%);\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes down-entrance {\r\n  from {\r\n    transform: translateY(100%);\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes up-exit {\r\n  from {\r\n    transform: translateY(0);\r\n  }\r\n  to {\r\n    transform: translateY(-100%);\r\n  }\r\n}\r\n\r\n@keyframes down-exit {\r\n  from {\r\n    transform: translateY(0);\r\n  }\r\n  to {\r\n    transform: translateY(100%);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n  width: 100%;\r\n  height: fit-content;\r\n  padding: 16px 16px 0 16px;\r\n  @include modify-flex($direction: row);\r\n\r\n  .text {\r\n    flex: 1;\r\n    @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900));\r\n  }\r\n\r\n  .switchers {\r\n    width: fit-content;\r\n    height: fit-content;\r\n    gap: 2px;\r\n    @include modify-flex($direction: row);\r\n\r\n    .item {\r\n      flex: none;\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n  width: 100%;\r\n  display: flex;\r\n\r\n  border-top: 1px solid var(--gray-200);\r\n  padding: 16px;\r\n  gap: 8px;\r\n\r\n  .item {\r\n    flex: 1;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.flexField {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 12px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  box-sizing: border-box;\n}\n.flexField .inputField {\n  flex: 1;\n  min-width: 0;\n  min-height: 24px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.flexField .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .inputField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .icon {\n  padding: 2px 0;\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: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .userPic {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  object-fit: scale-down;\n}\n.flexField .help {\n  padding: 2px 0;\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  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  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  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n  box-shadow: 0 0 0 1px var(--error-300), 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  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n  background-color: var(--gray-100);\n  cursor: default;\n}\n.flexField.disabled * {\n  cursor: default;\n}\n.flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n  .flexField {\r\n    width: 100%;\r\n    height: fit-content;\r\n\r\n    @include centerInsideContent();\r\n\r\n    padding: 10px 12px;\r\n    border-radius: 8px;\r\n    gap: 12px;\r\n    background-color: var(--base-white);\r\n    box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\r\n    box-sizing: border-box;\r\n\r\n    .inputField {\r\n      flex: 1;\r\n      min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n      min-height: 24px;\r\n      outline: none;\r\n      padding: 0;\r\n      margin: 0;\r\n      border: none;\r\n      background: none;\r\n      text-wrap: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n\r\n      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: 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\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    .userPic {\r\n      width: 24px;\r\n      height: 24px;\r\n      border-radius: 50%;\r\n      object-fit: scale-down;\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      @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      box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n    }\r\n\r\n    &.isError {\r\n      box-shadow: 0 0 0 1px var(--error-300), 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        box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      background-color: var(--gray-100);\r\n      cursor: default;\r\n\r\n      * {\r\n        cursor: default;\r\n      }\r\n\r\n      .inputField {\r\n        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@mixin centerInsideContent {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.selectField {\n  width: 100%;\n  position: relative;\n}\n.selectField .flexField {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 12px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n  flex: 1;\n  min-width: 0;\n  min-height: 24px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .icon {\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .icon svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .textSupport {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .userPic {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  object-fit: scale-down;\n}\n.selectField .flexField .help {\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .help svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n  width: 16px;\n  height: 16px;\n  flex: none;\n}\n.selectField .flexField .dropdown {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n  stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n  transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .button svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .button.red svg * {\n  stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n  stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n  stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n  cursor: pointer;\n}\n.selectField .flexField.focus {\n  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n  box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n  stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n  background-color: var(--gray-100);\n  cursor: default;\n}\n.selectField .flexField.disabled * {\n  cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .modalWindow {\n  width: 100%;\n  position: absolute;\n  z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n  width: 100%;\n  height: fit-content;\n  max-height: 300px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 8px;\n  padding: 4px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n  overflow: scroll;\n  scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n  flex: 1;\n  text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n  background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n  stroke: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertSelectField() {\r\n  .selectField {\r\n    width: 100%;\r\n    position: relative;\r\n\r\n    @include FlexField.insertFlexField();\r\n\r\n    .modalWindow {\r\n      width: 100%;\r\n      position: absolute;\r\n      z-index: 5;\r\n\r\n      .selectModalWindow {\r\n        width: 100%;\r\n        height: fit-content;\r\n        max-height: 300px;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        border-radius: 8px;\r\n        padding: 4px;\r\n\r\n        background-color: var(--base-white);\r\n        box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n        overflow: scroll;\r\n        scrollbar-width: none;\r\n\r\n        .selectFieldOptionsItem {\r\n          width: 100%;\r\n          height: fit-content;\r\n\r\n          @include centerInsideContent();\r\n\r\n          gap: 8px;\r\n          padding: 10px 16px;\r\n\r\n          .label {\r\n            flex: 1;\r\n            text-align: left;\r\n            @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n          }\r\n\r\n          &.active {\r\n            background-color: var(--blue-dark-50);\r\n            @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n  & {\r\n    svg {\r\n      @if ($width != null) {\r\n        width: #{$width}px;\r\n      }\r\n      @if ($height != null) {\r\n        height: #{$height}px;\r\n      }\r\n\r\n      @if ($flex != null) {\r\n        flex: $flex;\r\n      }\r\n\r\n      * {\r\n        @if ($stroke != null) {\r\n          stroke: $stroke;\r\n        }\r\n\r\n        @if ($fill != null) {\r\n          fill: $fill;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.inputFieldWrapper {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.inputFieldWrapper .labelText {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-600);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .hintError {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n  cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n  stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--blue-dark-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertInputFieldWrapper() {\r\n  .inputFieldWrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 4px;\r\n\r\n    .labelText {\r\n      display: flex;\r\n      padding: 0 12px;\r\n      gap: 2px;\r\n\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: 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      padding: 0 12px;\r\n      gap: 2px;\r\n      cursor: pointer;\r\n      @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--blue-dark-500));\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.switcherField {\n  width: 36px;\n  height: 20px;\n  display: flex;\n  justify-content: left;\n  border-radius: 12px;\n  padding: 2px;\n  background-color: var(--gray-200);\n}\n.switcherField:after {\n  flex: none;\n  content: \"\";\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n  background-color: var(--base-white);\n}\n.switcherField:hover {\n  background-color: var(--gray-300);\n}\n.switcherField:focus {\n  box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n  justify-content: right;\n  background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n  background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n  cursor: default;\n  background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n  background-color: var(--gray-200);\n}","@use '@/styles' as *;\r\n@use \"sass:meta\";\r\n@use \"sass:string\";\r\n@use \"sass:map\";\r\n\r\n$medium-size: 'medium';\r\n$large-size: 'large';\r\n\r\n$light-tone: 'light';\r\n$dark-tone: 'dark';\r\n\r\n\r\n$size-config: (\r\n        medium: (\r\n                width: 36,\r\n                height: 20,\r\n                radius: 16,\r\n        ),\r\n        large: (\r\n                width: 44,\r\n                height: 24,\r\n                radius: 20,\r\n        ),\r\n);\r\n\r\n$tone-config: (\r\n        light: (\r\n                main: var(--gray-200),\r\n                hover: var(--gray-300),\r\n        ),\r\n        dark: (\r\n                main: var(--gray-300),\r\n                hover: var(--gray-400),\r\n        ),\r\n);\r\n\r\n@mixin insertSwitcherField($size: $medium-size, $tone: $light-tone) {\r\n  $size: if(meta.type-of($size) == 'string', string.unquote($size), $size);\r\n  $tone: if(meta.type-of($tone) == 'string', string.unquote($tone), $tone);\r\n  $size-settings: map.get($size-config, $size);\r\n  $tone-settings: map.get($tone-config, $tone);\r\n\r\n  .switcherField {\r\n    width: #{map.get($size-settings, width)}px;\r\n    height: #{map.get($size-settings, height)}px;\r\n\r\n    display: flex;\r\n    justify-content: left;\r\n\r\n    border-radius: 12px;\r\n    padding: 2px;\r\n    background-color: map.get($tone-settings, main);\r\n\r\n    &:after {\r\n      flex: none;\r\n      content: '';\r\n      width: #{map.get($size-settings, radius)}px;\r\n      height: #{map.get($size-settings, radius)}px;\r\n      border-radius: 50%;\r\n      box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n      background-color: var(--base-white);\r\n    }\r\n\r\n    &:hover {\r\n      background-color: map.get($tone-settings, hover);\r\n    }\r\n\r\n    &:focus {\r\n      box-shadow: 0 0 0 4px var(--gray-100);\r\n    }\r\n\r\n    &.active {\r\n      justify-content: right;\r\n      background-color: var(--blue-dark-500);\r\n\r\n      &:hover {\r\n        background-color: var(--blue-dark-600);\r\n      }\r\n    }\r\n\r\n    &:disabled {\r\n      cursor: default;\r\n      background-color: map.get($tone-settings, main);\r\n\r\n      &:hover {\r\n        background-color: map.get($tone-settings, main);\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.radioFieldItem {\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  gap: 8px;\n}\n.radioFieldItem .checkbox {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 1px solid var(--gray-300);\n  background-color: var(--base-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.radioFieldItem .label {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n  border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n  content: \"\";\n  flex: none;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertRadioField() {\r\n  .radioFieldItem {\r\n    width: fit-content;\r\n    height: fit-content;\r\n\r\n    display: flex;\r\n    gap: 8px;\r\n\r\n    .checkbox {\r\n      flex: none;\r\n      width: 16px;\r\n      height: 16px;\r\n\r\n      border-radius: 50%;\r\n      border: 1px solid var(--gray-300);\r\n      background-color: var(--base-white);\r\n\r\n      @include centerInsideContent();\r\n    }\r\n\r\n    .label {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n    }\r\n\r\n    &.active {\r\n      .checkbox {\r\n        &:after {\r\n          content: '';\r\n          flex: none;\r\n          width: 6px;\r\n          height: 6px;\r\n          border-radius: 50%;\r\n          background-color: var(--blue-dark-500);\r\n        }\r\n\r\n        border: 1px solid var(--blue-dark-500);\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.textareaField {\n  width: 100%;\n  height: fit-content;\n  min-height: 68px;\n  resize: none;\n  border-radius: 8px;\n  padding: 10px 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField:focus {\n  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n  background-color: var(--gray-100);\n}\n.textareaField:disabled {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.isError {\n  border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}","@use '@/styles' as *;\r\n\r\n@mixin insertTextareaField() {\r\n  .textareaField {\r\n    width: 100%;\r\n    height: fit-content;\r\n    min-height: 68px;\r\n\r\n    resize: none;\r\n    border-radius: 8px;\r\n    padding: 10px 12px;\r\n\r\n    background-color: var(--base-white);\r\n    box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\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      box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n    }\r\n\r\n    &:disabled {\r\n      background-color: var(--gray-100);\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        box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n      }\r\n    }\r\n\r\n    @content;\r\n  }\r\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.flexField {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 12px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  box-sizing: border-box;\n}\n.flexField .inputField {\n  flex: 1;\n  min-width: 0;\n  min-height: 24px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.flexField .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .inputField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .icon {\n  padding: 2px 0;\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: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.flexField .userPic {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  object-fit: scale-down;\n}\n.flexField .help {\n  padding: 2px 0;\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  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  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  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n  box-shadow: 0 0 0 1px var(--error-300), 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  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n  background-color: var(--gray-100);\n  cursor: default;\n}\n.flexField.disabled * {\n  cursor: default;\n}\n.flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n\n.inputFieldWrapper {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.inputFieldWrapper .labelText {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .labelText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .hintText {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-600);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n}\n.inputFieldWrapper .hintError {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--error-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n  display: flex;\n  padding: 0 12px;\n  gap: 2px;\n  cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n  stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--blue-dark-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n\n.selectField {\n  width: 100%;\n  position: relative;\n}\n.selectField .flexField {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 12px;\n  border-radius: 8px;\n  gap: 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n  box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n  flex: 1;\n  min-width: 0;\n  min-height: 24px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  text-wrap: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .icon {\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .icon svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .textSupport {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .flexField .userPic {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  object-fit: scale-down;\n}\n.selectField .flexField .help {\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .help svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n  width: 16px;\n  height: 16px;\n  flex: none;\n}\n.selectField .flexField .dropdown {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n  stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n  transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n  padding: 2px 0;\n  transition: all ease-in-out 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.selectField .flexField .button svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .flexField .button.red svg * {\n  stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n  stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n  stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n  stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n  cursor: pointer;\n}\n.selectField .flexField.focus {\n  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n  box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n  stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n  background-color: var(--gray-100);\n  cursor: default;\n}\n.selectField .flexField.disabled * {\n  cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .modalWindow {\n  width: 100%;\n  position: absolute;\n  z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n  width: 100%;\n  height: fit-content;\n  max-height: 300px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 8px;\n  padding: 4px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n  overflow: scroll;\n  scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n  width: 100%;\n  height: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n  flex: 1;\n  text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n  background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n  width: 20px;\n  height: 20px;\n  flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n  stroke: var(--blue-dark-500);\n}\n\n.switcherField {\n  width: 36px;\n  height: 20px;\n  display: flex;\n  justify-content: left;\n  border-radius: 12px;\n  padding: 2px;\n  background-color: var(--gray-200);\n}\n.switcherField:after {\n  flex: none;\n  content: \"\";\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n  background-color: var(--base-white);\n}\n.switcherField:hover {\n  background-color: var(--gray-300);\n}\n.switcherField:focus {\n  box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n  justify-content: right;\n  background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n  background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n  cursor: default;\n  background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n  background-color: var(--gray-200);\n}\n\n.radioFieldItem {\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  gap: 8px;\n}\n.radioFieldItem .checkbox {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 1px solid var(--gray-300);\n  background-color: var(--base-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.radioFieldItem .label {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--gray-700);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n  border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n  content: \"\";\n  flex: none;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: var(--blue-dark-500);\n}\n\n.textareaField {\n  width: 100%;\n  height: fit-content;\n  min-height: 68px;\n  resize: none;\n  border-radius: 8px;\n  padding: 10px 12px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-900);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField::placeholder {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-400);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField:focus {\n  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n  background-color: var(--gray-100);\n}\n.textareaField:disabled {\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--gray-500);\n  font-weight: 400;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.textareaField.isError {\n  border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}","@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Golos UI\";\n  src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n.checkboxMark {\n  transition: all ease-out 0.2s;\n  width: 20px;\n  height: 20px;\n  background-color: var(--base-white);\n  box-shadow: 0 0 0 1px var(--gray-300);\n  cursor: pointer;\n  overflow: hidden;\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.checkboxMark:hover {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\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(--blue-dark-500);\n}\n.checkboxMark.checked {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.checked svg * {\n  stroke: var(--blue-dark-500);\n}\n.checkboxMark.checked:after {\n  display: block;\n}\n.checkboxMark.checked:hover {\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.indeterminate {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.indeterminate svg * {\n  stroke: var(--blue-dark-500);\n}\n.checkboxMark.indeterminate {\n  font-size: 14px;\n  line-height: 14px;\n  color: var(--blue-dark-500);\n  font-weight: 500;\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.indeterminate:hover {\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.error {\n  background-color: var(--error-50);\n  box-shadow: 0 0 0 1px var(--error-200);\n}\n.checkboxMark.error svg * {\n  stroke: var(--error-500);\n}\n.checkboxMark.error {\n  color: var(--error-500);\n  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.error:after {\n  background-color: var(--error-500);\n}\n.checkboxMark.error:hover {\n  background-color: var(--error-50);\n  box-shadow: 0 0 0 1px var(--error-400);\n}\n.checkboxMark.disabled {\n  cursor: default;\n  background-color: var(--gray-100);\n  box-shadow: 0 0 0 1px 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  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.disabled:hover {\n  background-color: var(--gray-100);\n  box-shadow: 0 0 0 1px 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  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.correct.checked {\n  background-color: var(--blue-dark-500);\n  box-shadow: none;\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: \"Golos UI\", sans-serif;\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.checkboxMark.correct.checked:hover {\n  background-color: var(--blue-dark-600);\n  box-shadow: none;\n}\n.checkboxMark.correct.checked.disabled {\n  background-color: var(--gray-300);\n  box-shadow: none;\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: \"Golos UI\", sans-serif;\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.checkboxMark.correct.checked.disabled:hover {\n  background-color: var(--gray-300);\n  box-shadow: none;\n}\n.checkboxMark.incorrect.checked {\n  background-color: var(--error-500);\n  box-shadow: none;\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: \"Golos UI\", sans-serif;\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.checkboxMark.incorrect.checked:hover {\n  background-color: var(--error-600);\n  box-shadow: none;\n}\n.checkboxMark.incorrect.checked.disabled {\n  background-color: var(--gray-300);\n  box-shadow: none;\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: \"Golos UI\", sans-serif;\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.checkboxMark.incorrect.checked.disabled:hover {\n  background-color: var(--gray-300);\n  box-shadow: none;\n}\n.checkboxMark.hover {\n  background-color: var(--blue-dark-50);\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.hover.checked {\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.hover.indeterminate {\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.hover.error {\n  background-color: var(--error-50);\n  box-shadow: 0 0 0 1px var(--error-400);\n}\n.checkboxMark.hover.disabled {\n  background-color: var(--gray-100);\n  box-shadow: 0 0 0 1px 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  font-family: \"Golos UI\", sans-serif;\n  font-stretch: normal;\n  font-style: normal;\n  font-variant: normal;\n}\n.checkboxMark.hover.correct.checked {\n  background-color: var(--blue-dark-600);\n  box-shadow: none;\n}\n.checkboxMark.hover.correct.checked.disabled {\n  background-color: var(--gray-300);\n  box-shadow: none;\n}\n.checkboxMark.hover.incorrect.checked {\n  background-color: var(--error-600);\n  box-shadow: none;\n}\n.checkboxMark.hover.incorrect.checked.disabled {\n  background-color: var(--gray-300);\n  box-shadow: none;\n}","@use 'base';\r\n@use 'properties';\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    &.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}","@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark-base-hover() {\r\n  background-color: var(--blue-dark-50);\r\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n}\r\n\r\n@mixin checkbox-mark-base() {\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  background-color: var(--base-white);\r\n  box-shadow: 0 0 0 1px var(--gray-300);\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  &:hover {\r\n    @include checkbox-mark-base-hover();\r\n  }\r\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(--blue-dark-500);\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checked-hover() {\r\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\r\n}\r\n\r\n@mixin checked() {\r\n  background-color: var(--blue-dark-50);\r\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n\r\n  @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n  &:after {\r\n    display: block;\r\n  }\r\n\r\n  &:hover {\r\n    @include checked-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin indeterminate-hover() {\r\n  box-shadow: 0 0 0 1px var(--blue-dark-400);\r\n}\r\n\r\n@mixin indeterminate() {\r\n  background-color: var(--blue-dark-50);\r\n  box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n\r\n  @include modify-svg($stroke: var(--blue-dark-500));\r\n  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--blue-dark-500));\r\n\r\n  &:hover {\r\n    @include indeterminate-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin error-hover() {\r\n  background-color: var(--error-50);\r\n  box-shadow: 0 0 0 1px var(--error-400);\r\n}\r\n\r\n@mixin error() {\r\n  background-color: var(--error-50);\r\n  box-shadow: 0 0 0 1px 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  &:hover {\r\n    @include error-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin disabled-hover() {\r\n  background-color: var(--gray-100);\r\n  box-shadow: 0 0 0 1px 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  box-shadow: 0 0 0 1px 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  &:hover {\r\n    @include disabled-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin correct-checked-hover() {\r\n  background-color: var(--blue-dark-600);\r\n  box-shadow: none;\r\n}\r\n\r\n@mixin correct-disabled-hover() {\r\n  background-color: var(--gray-300);\r\n  box-shadow: none;\r\n}\r\n\r\n@mixin correct-checked() {\r\n  background-color: var(--blue-dark-500);\r\n  box-shadow: none;\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  &:hover {\r\n    @include correct-checked-hover();\r\n  }\r\n}\r\n\r\n@mixin correct-disabled() {\r\n  background-color: var(--gray-300);\r\n  box-shadow: none;\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  &:hover {\r\n    @include correct-disabled-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin incorrect-checked-hover() {\r\n  background-color: var(--error-600);\r\n  box-shadow: none;\r\n}\r\n\r\n@mixin incorrect-disabled-hover() {\r\n  background-color: var(--gray-300);\r\n  box-shadow: none;\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n  background-color: var(--error-500);\r\n  box-shadow: none;\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  &:hover {\r\n    @include incorrect-checked-hover();\r\n  }\r\n}\r\n\r\n@mixin incorrect-disabled() {\r\n  background-color: var(--gray-300);\r\n  box-shadow: none;\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  &:hover {\r\n    @include incorrect-disabled-hover();\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n.checkbox {\r\n  width: 100%;\r\n  height: fit-content;\r\n\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: start;\r\n\r\n  .textBlock {\r\n    flex: 1;\r\n    gap: 2px;\r\n    align-items: start;\r\n    @include modify-flex($direction: column);\r\n\r\n    .text {\r\n      text-align: start;\r\n      @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n\r\n      &.indeterminate {\r\n        @include fnt-flex($weight: 600);\r\n      }\r\n    }\r\n\r\n    .supportingText {\r\n      text-align: start;\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\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}","@use 'mixins';\r\n\r\n.toggleBase {\r\n  transition: all ease-out 0.2s;\r\n  @include mixins.base();\r\n  .button {\r\n    @include mixins.base-button();\r\n  }\r\n\r\n  &.active {\r\n    @include mixins.active();\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  &.hover, &: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  &.disabled {\r\n    &, &.hover, &:hover {\r\n      @include mixins.disabled-base();\r\n\r\n      .button {\r\n        @include mixins.disabled-button();\r\n      }\r\n    }\r\n  }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n  border-radius: 12px;\r\n  padding: 2px;\r\n  background-color: var(--gray-300);\r\n  @include modify-flex($justify-content: start, $align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n  flex: none;\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}","@mixin active() {\r\n  background-color: var(--blue-dark-500);\r\n  justify-content: end;\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() {\r\n  background-color: var(--gray-400);\r\n}\r\n\r\n@mixin hover-active() {\r\n  background-color: var(--blue-dark-600);\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  background-color: var(--gray-200);\r\n}\r\n\r\n@mixin disabled-button() {\r\n  background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n.toggle {\r\n  display: flex;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n\r\n  .textBlock {\r\n    flex: 1;\r\n    @include modify-flex($direction: column, $justify-content: start, $align-items: start);\r\n\r\n    .text {\r\n      @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n    }\r\n\r\n    .description {\r\n      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: default;\r\n\r\n    .text, .description {\r\n      @include fnt-flex($color: var(--gray-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}"],"names":[],"sourceRoot":""}

package/dist/scss/ui/Buttons/styles/mixins/button.scss

@@ -3,6 +3,7 @@
 
 @mixin insertButton() {
   .button {
+    transition: all ease-out 0.2s;
     @include baseButton.base-button();
 
     &.small {

package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss

@@ -3,6 +3,7 @@
 
 @mixin checkbox-mark() {
   .checkboxMark {
+    transition: all ease-out 0.2s;
     @include base.checkbox-mark-base();
 
     &.checkbox {

package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss

@@ -3,6 +3,7 @@
 
 @mixin micro-button() {
   .button {
+    transition: all ease-out 0.2s;
     @include base-button.base-micro-button();
 
     &.light {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",