indicator-ui 0.0.158 → 0.0.159

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -3099,6 +3099,7 @@
3099
3099
  @keyframes SlideTransition-module__enterAnimation___WGsZW {
3100
3100
  from {
3101
3101
  transform: scaleY(0);
3102
+ display: none;
3102
3103
  }
3103
3104
  to {
3104
3105
  transform: scaleY(1);
@@ -3110,6 +3111,7 @@
3110
3111
  }
3111
3112
  to {
3112
3113
  transform: scaleY(0);
3114
+ display: none;
3113
3115
  }
3114
3116
  }
3115
3117
  /*!*********************************************************************************************************************************************************************************************************************************************************************!*\
@@ -1 +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;;IAEtB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;AAC1B;;;;;ACpEA;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;;AAEA;IACI,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;AACzB,C;;;;;;;;AC5BA;EACE;EACA;EAIA;EACA;ACFF;ADKA;EACE;EACA;EAIA;EACA;ACNF;ADSA;EACE;EACA;EAIA;EACA;ACVF;ADaA;EACE;EACA;EAIA;EACA;ACdF;ADiBA;EACE;EACA;EAIA;EACA;AClBF;ADqBA;EACE;EACA;EAIA;EACA;ACtBF;AC/BE;ECDA;EACA;AFmCF;AGtCE;EACE;EAGE;EAIA,uBDJsB;ECQtB,mBDR8B;AFwCpC;AEtCE;EACE;EACA;AFwCJ;AGhDE;EACE;EAGE,mBDKmB;ECDnB,uBDCwB;ECGxB,mBDHgC;AF6CtC;AE1CE;EACE;EACA;AF4CJ;AEzCE;EACE;AF2CJ;AExCE;EACE;AF0CJ;AEvCE;EACE;AFyCJ;AEtCE;EACE;AFwCJ;AChEI;EGHF;AJsEF;AIlEM;EACE;EACA;EACA;AJoER;AI/DE;EACE;AJiEJ;AKrEE;EAEI;EAGA;EASA,mCCzBK;ANqFX;AC5EI;EMPF;APsFF;AOlFM;EACE;EACA;EACA;APoFR;AO/EE;EACE;APiFJ;AKrFE;EAEI;EAGA;EASA,mCCzBK;ANqGX;ACxFI;EOXF;ARsGF;AQlGM;EACE;EACA;EACA;ARoGR;AQ/FE;EACE;ARiGJ;AKrGE;EAEI;EAGA;EASA,mCCzBK;ANqHX;ACpGI;EQfF;ATsHF;ASlHM;EACE;EACA;EACA;AToHR;AS/GE;EACE;ATiHJ;AKrHE;EAEI;EAGA;EASA,mCCzBK;ANqIX;AChHI;ESpBF;EACA;EACA;EACA;AVuIF;AW1IM;EAEI,yBDIuB;AVuIjC;AKnIE;EAQI,gBKRyB;ELWzB,wBKXsC;AVuI5C;AUpIE;EACE;AVsIJ;AU9HE;EACE;AVgIJ;AU9HI;EACE;AVgIN;AClII;EWxBF;EACA;EACA;EACA;AZ6JF;AWhKM;EAEI,4BCIuB;AZ6JjC;AKzJE;EAQI,gBORyB;EPWzB,2BOXsC;AZ6J5C;AY1JE;EACE;EACA;AZ4JJ;AYrJE;EACE;AZuJJ;AYpJI;EACE;EACA;AZsJN;ACtJI;EY5BF;EACA;EACA;EACA;AbqLF;AWxLM;EAEI,uBEIuB;AbqLjC;AKjLE;EAQI,gBQRyB;ERWzB,sBQXsC;AbqL5C;AalLE;EACE;EACA;AboLJ;AalLI;EACE;AboLN;Aa5KE;EACE;Ab8KJ;Aa5KI;EACE;EACA;Ab8KN;Aa5KM;EACE;Ab8KR;AChLI;EahCF;AdmNF;AWnNM;EAEI;AXoNV;AK5ME;EAQI,gBSZyB;ETezB,2BSfsC;AdoN5C;AchNI;EACE;AdkNN;AW7NM;EAEI,yBGayB;AdiNnC;Ac7ME;EACE;Ad+MJ;Ac5MM;EACE;Ad8MR;AWtOM;EAEI,4BG0B2B;Ad6MrC;ACrMI;EcpCF;Af4OF;AW5OM;EAEI;AX6OV;Ae1OE;EACE;Af4OJ;AKxOE;EAQI,gBUP2B;EVU3B,2BUVwC;Af2O9C;AWtPM;EAEI,4BIayB;Af0OnC;AetOE;EACE;AfwOJ;AKlPE;EAQI,gBUM6B;EVH7B,2BUG0C;AfwOhD;AWhQM;EAEI,4BI0B2B;AfuOrC;AC3NI;EexCF;AhBsQF;AWtQM;EAEI;AXuQV;AgBpQE;EACE;AhBsQJ;AKlQE;EAQI,gBWXyB;EXczB,sBWdsC;AhByQ5C;AgBrQI;EACE;AhBuQN;AWnRM;EAEI,uBKcyB;AhBsQnC;AgBlQE;EACE;AhBoQJ;AgBjQM;EACE;AhBmQR;AW5RM;EAEI,uBK2B2B;AhBkQrC;ACnPI;EgB5CF;EACA;AjBkSF;AWnSM;EAEI,4BMEuB;AjBkSjC;AiB/RE;EACE;AjBiSJ;AK/RE;EAQI,gBYTyB;EZYzB,2BYZsC;AjBoS5C;AiBhSI;EACE;AjBkSN;AWhTM;EAEI,4BMgByB;AjBiSnC;AiB7RE;EACE;AjB+RJ;AiB5RM;EACE;AjB8RR;AWzTM;EAEI,4BM6B2B;AjB6RrC;AC5QI;EiBhDF;EACA;AlB+TF;AWhUM;EAEI,uBOEuB;AlB+TjC;AkB5TE;EACE;AlB8TJ;AK5TE;EAQI,gBaTyB;EbYzB,sBaZsC;AlBiU5C;AkB7TI;EACE;AlB+TN;AW7UM;EAEI,uBOgByB;AlB8TnC;AkB1TE;EACE;AlB4TJ;AkBzTM;EACE;AlB2TR;AWtVM;EAEI,uBO6B2B;AlB0TrC;ACrSI;EkBpDF;EACA;AnB4VF;AW7VM;EAEI,uBQEuB;AnB4VjC;AmBzVE;EACE;AnB2VJ;AKzVE;EAQI,gBcTyB;EdYzB,sBcZsC;AnB8V5C;AmB1VI;EACE;AnB4VN;AW1WM;EAEI,uBQgByB;AnB2VnC;AmBvVE;EACE;AnByVJ;AmBtVM;EACE;AnBwVR;AWnXM;EAEI,uBQ6B2B;AnBuVrC;AC9TI;EmBxDF;EACA;EACA;EACA;ApByXF;AW5XM;EAEI,uBSIuB;ApByXjC;AKrXE;EAQI,gBeRyB;EfWzB,sBeXsC;ApByX5C;AWnYM;EAEI,uBSayB;ApBuXnC;AoBpXI;EACE;ApBsXN;AoBlXE;EACE;ApBoXJ;AW5YM;EAEI,uBS0B2B;ApBmXrC;AoBhXM;EACE;ApBkXR;ACtVI;EoB5DF;EACA;EACA;EACA;ArBqZF;AWxZM;EAEI,uBUIuB;ArBqZjC;AKjZE;EAQI,gBgBRyB;EhBWzB,sBgBXsC;ArBqZ5C;AqBlZE;EACE;ArBoZJ;AWlaM;EAEI,uBUeyB;ArBoZnC;AqBjZI;EACE;ArBmZN;AqB/YE;EACE;ArBiZJ;AqB/YI;EACE;ArBiZN;AW9aM;EAEI,uBU8B2B;ArBiZrC;AqB9YM;EACE;ArBgZR;ACnXM;EqBjEJ;EACA;EACA;EACA;AtBubF;AsBrbE;EACE;AtBubJ;AsBhbE;EACE;AtBkbJ;AsBhbI;EACE;AtBkbN;AC5XM;EsBvEJ;EACA;EACA;AvBscF;AWxcM;EAEI,wBYGuB;AvBscjC;AuBncE;EACE;AvBqcJ;AuBlcE;EACE;EACA;AvBocJ;AuB7bE;EACE;AvB+bJ;AuB7bI;EACE;EACA;AvB+bN;AC7YI;EACE;AD+YN,C;;;;AD/dA;EACE;EACA;EAIA;EACA;AyBFF;AzBKA;EACE;EACA;EAIA;EACA;AyBNF;AzBSA;EACE;EACA;EAIA;EACA;AyBVF;AzBaA;EACE;EACA;EAIA;EACA;AyBdF;AzBiBA;EACE;EACA;EAIA;EACA;AyBlBF;AzBqBA;EACE;EACA;EAIA;EACA;AyBtBF;AC/BE;ECDA;EACA;EACA;EACA;AFmCF;ArBxCE;EACE;EAGE,mBuBEiB;EvBEjB,uBuBFsB;EvBMtB,mBuBN8B;AFwCpC;Ab9BM;EeRF;AFyCJ;AC3CI;EEJF;EACA;AHkDF;AbnDM;EAEI;AaoDV;AGlDE;EACE;AHoDJ;AbzDM;EAEI,uBgBIuB;AHsDjC;ACpDI;EGRF;EACA;AJ+DF;AbhEM;EAEI;AaiEV;AI/DE;EACE;AJiEJ;AC1DI;EIZF;EACA;ALyEF;Ab1EM;EAEI;Aa2EV;AKzEE;EACE;AL2EJ;AbhFM;EAEI,uBkBIuB;AL6EjC;ACnEI;EKhBF;EACA;ANsFF;AbvFM;EAEI;AawFV;AMtFE;EACE;ANwFJ;Ab7FM;EAEI,4BmBIuB;AN0FjC;AC5EI;EMpBF;EACA;APmGF;AbpGM;EAEI;AaqGV;AOnGE;EACE;APqGJ;Ab1GM;EAEI,4BoBIuB;APuGjC;ACrFI;EOxBF;EACA;ARgHF;AbjHM;EAEI;AakHV;AQhHE;EACE;ARkHJ;AbvHM;EAEI,wBqBIuB;ARoHjC;AC9FI;EQ5BF;EACA;AT6HF;Ab9HM;EAEI;Aa+HV;AS7HE;EACE;AT+HJ;AbpIM;EAEI,4BsBIuB;ATiIjC;ACvGI;EShCF;EACA;AV0IF;Ab3IM;EAEI;Aa4IV;AU1IE;EACE;AV4IJ;AbjJM;EAEI,uBuBIuB;AV8IjC;AChHI;EUpCF;EACA;AXuJF;AbxJM;EAEI;AayJV;AWvJE;EACE;AXyJJ;Ab9JM;EAEI,wBwBIuB;AX2JjC;ACxHI;EWzCF;EACA;AZoKF;AbrKM;EAEI;AasKV;AbxKM;EAEI,4ByBGuB;AZsKjC;AC9HI;EY7CF;EAEA;Ab6KF;AbjKM;E0BTF;EACA;Ab6KJ;AClII;EajDF;EAEA;AdqLF;AbzKM;E2BTF;EACA;AdqLJ;ACtII;EcrDF;EAEA;Af6LF;AbjLM;E4BTF;EACA;Af6LJ;AC1II;EezDF;EAEA;AhBqMF;AbzLM;E6BTF;EACA;AhBqMJ;AC9II;EgB7DF;EAEA;AjB6MF;AbjMM;E8BTF;EACA;AjB6MJ,C;;;;AzBtNA;EACE;EACA;EAIA;EACA;A2CFF;A3CKA;EACE;EACA;EAIA;EACA;A2CNF;A3CSA;EACE;EACA;EAIA;EACA;A2CVF;A3CaA;EACE;EACA;EAIA;EACA;A2CdF;A3CiBA;EACE;EACA;EAIA;EACA;A2ClBF;A3CqBA;EACE;EACA;EAIA;EACA;A2CtBF;AAjCA;EACE;EACA;EACA;EACA;EAEA;EACA;AAkCF;AvC1CE;EACE;EAGE,sBuCM6B;EvCF7B,uBuCEuD;EvCEvD,mBuCF6E;AAsCnF;AApCE;EACE;EACA;EACA;AAsCJ;AvCrDE;EACE;EAGE,sBuCY+B;EvCR/B,uBuCQyD;EvCJzD,mBuCI+E;AA2CrF;AAzCI;EACE;EACA;EACA;EACA;EACA;AA2CN;AAvCE;EACE;EACA;AAyCJ;AvCtEE;EACE;EAGE,sBuC0B+B;EvCtB/B,uBuCsByD;EvClBzD,mBuCkB+E;AA8CrF;ApC7DE;EACE;EACA;EACA,sBoCagE;EpCZhE,gBoCYmD;EpCXnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoC0EZ;AApDE;EACE;EACA;EACA;AAsDJ;ApC5EE;EACE;EACA;EACA,sBoCoBgE;EpCnBhE,gBoCmBmD;EpClBnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoCyFZ;AA5DE;EACE;AA8DJ;AA1DI;EACE;AA4DN;AAxDE;EACE;AA0DJ;AAxDI;EACE;AA0DN;AAvDI;EACE;AAyDN;AAtDI;EACE;AAwDN;AArDI;EACE;AAuDN;AAnDE;EACE;AAqDJ;AAnDI;EACE;AAqDN;AAlDI;EAEE;EACA;EACA;EACA;EACA;EACA;AAmDN;AA/CE;EACE;EACA;AAiDJ;AA/CI;EACE;EACA;EACA;AAiDN;AA7CM;EACE;AA+CR;ArCxIE;EAWI,sBqCmF0B;AA6ChC;ArC3IE;EAWI,sBqCuF0B;AA4ChC,C;;;;A3C3JA;EACE;EACA;EAIA;EACA;A4CFF;A5CKA;EACE;EACA;EAIA;EACA;A4CNF;A5CSA;EACE;EACA;EAIA;EACA;A4CVF;A5CaA;EACE;EACA;EAIA;EACA;A4CdF;A5CiBA;EACE;EACA;EAIA;EACA;A4ClBF;A5CqBA;EACE;EACA;EAIA;EACA;A4CtBF;AAjCA;EACE;EACA;EAEA;EACA;EACA;EACA;AAkCF,C;;;;A5C3CA;EACE;EACA;EAIA;EACA;A6CFF;A7CKA;EACE;EACA;EAIA;EACA;A6CNF;A7CSA;EACE;EACA;EAIA;EACA;A6CVF;A7CaA;EACE;EACA;EAIA;EACA;A6CdF;A7CiBA;EACE;EACA;EAIA;EACA;A6ClBF;A7CqBA;EACE;EACA;EAIA;EACA;A6CtBF;AAjCA;EACE;EACA;EACA;EACA;EACA;EACA;AAmCF;AzC1CE;EACE;EAGE,sByCI6B;AAsCnC;AApCE;EACE;EACA;EACA;EACA;AAsCJ;AzCpDE;EACE;EAGE,mByCW+B;AAyCrC;AAvCI;EACE;EACA;EACA;AAyCN;AtC9CE;EACE;EACA;EACA,sBsCGoD;EtCFpD,gBAXO;EAYP,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsC2DZ;AA9CE;EACE;EACA;EACA;AAgDJ;AzC5EE;EACE;EAGE,mByCyB+B;AAmDrC;AAjDI;EACE;AAmDN;AtCpEE;EACE;EACA;EACA,sBsCekE;EtCdlE,gBsCcqD;EtCbrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsCiFZ;AtC9EE;EACE;EACA;EACA,sBsCmBkE;EtClBlE,gBsCkBqD;EtCjBrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsC2FZ;AA9DE;EACE;AAgEJ;AA9DI;EACE;EACA;EACA;AAgEN,C;;;;A7ChHA;EACE;EACA;EAIA;EACA;A8CFF;A9CKA;EACE;EACA;EAIA;EACA;A8CNF;A9CSA;EACE;EACA;EAIA;EACA;A8CVF;A9CaA;EACE;EACA;EAIA;EACA;A8CdF;A9CiBA;EACE;EACA;EAIA;EACA;A8ClBF;A9CqBA;EACE;EACA;EAIA;EACA;A8CtBF;AAjCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAmCF;AAjCE;EACE;AAmCJ;AAhCE;EACE;AAkCJ;AA/BE;EACE;AAiCJ;AA9BE;EACE;AAgCJ;AA7BE;EACE;AA+BJ;;AA3BA;EACE;IACE;EA8BF;EA5BA;IACE;EA8BF;AACF;AA3BA;EACE;IACE;EA6BF;EA3BA;IACE;EA6BF;AACF;AA1BA;EACE;IACE;EA4BF;EA1BA;IACE;EA4BF;AACF;AAzBA;EACE;IACE;EA2BF;EAzBA;IACE;EA2BF;AACF,C;;;;A9C7FA;EACE;EACA;EAIA;EACA;A+CFF;A/CKA;EACE;EACA;EAIA;EACA;A+CNF;A/CSA;EACE;EACA;EAIA;EACA;A+CVF;A/CaA;EACE;EACA;EAIA;EACA;A+CdF;A/CiBA;EACE;EACA;EAIA;EACA;A+ClBF;A/CqBA;EACE;EACA;EAIA;EACA;A+CtBF;AAjCA;EACE;EACA;EACA;AAmCF;A3CvCE;EACE;EAGE,mB2CC6B;AAsCnC;AApCE;EACE;AAsCJ;AxC/BE;EACE;EACA;EACA,sBwCTgE;ExCUhE,gBwCVmD;ExCWnD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AwC4CZ;AA5CE;EACE;EACA;EACA;AA8CJ;A3C7DE;EACE;EAGE,mB2CY+B;AAiDrC;AA/CI;EACE;AAiDN,C;;;;A/CrEA;EACE;EACA;EAIA;EACA;AgDFF;AhDKA;EACE;EACA;EAIA;EACA;AgDNF;AhDSA;EACE;EACA;EAIA;EACA;AgDVF;AhDaA;EACE;EACA;EAIA;EACA;AgDdF;AhDiBA;EACE;EACA;EAIA;EACA;AgDlBF;AhDqBA;EACE;EACA;EAIA;EACA;AgDtBF;AAjCA;EACE;EACA;EAEA;EACA;EACA;AAkCF;AAhCE;EACE;AAkCJ,C;;;;AhD7CA;EACE;EACA;EAIA;EACA;AiDFF;AjDKA;EACE;EACA;EAIA;EACA;AiDNF;AjDSA;EACE;EACA;EAIA;EACA;AiDVF;AjDaA;EACE;EACA;EAIA;EACA;AiDdF;AjDiBA;EACE;EACA;EAIA;EACA;AiDlBF;AjDqBA;EACE;EACA;EAIA;EACA;AiDtBF;AAjCA;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAiCF;AC9CE;EACE;EACA;EACA;ADgDJ;AAlCE;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAkCJ;A1CjDE;EACE;EACA;EACA,sB0CcgE;E1CbhE,gB0CamD;E1CZnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0C8DZ;A1C3DE;EACE;EACA;EACA,sB0CiBkE;E1ChBlE,gB0CgBqD;E1CfrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0CwEZ;AA7CE;EACE;AA+CJ;ACvFE;EACE;EACA;EACA;ADyFJ;ArC1FM;EAEI,uBqCsCuB;AAqDjC;ArC/EM;EqC2BA;EACA;EACA;AAuDN;A1CrFE;EACE;EACA;EACA,sB0CgCgE;E1C/BhE,gB0C+BmD;E1C9BnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0CkGZ;AAzDE;EACE;AA2DJ;ACjHE;EACE;EACA;EACA;ADmHJ;ArCpHM;EAEI,uBqCoDuB;AAiEjC;ArCzGM;EqCyCA;EACA;EACA;AAmEN;AA/DE;EACE;EACA;AAiEJ;AClIE;EACE;EACA;EACA;ADoIJ;ArCrIM;EAEI,uBqC+DuB;AAuEjC;ArC1HM;EqCoDA;EACA;EACA;AAyEN;AAtEI;EACE;AAwEN;AApEE;EACE;EACA;AAsEJ;ACtJE;EACE;EACA;EACA;ADwJJ;ArC3IM;EqCmEA;EACA;EACA;AA2EN;ArC9JM;EAEI,wBqCqFyB;AA0EnC;ArCjKM;EAEI,wBqCwF2B;AA0ErC;ArCpKM;EAEI,uBqC6FyB;AAwEnC;ArCvKM;EAEI,uBqCgG2B;AAwErC;AAnEE;EACE;AAqEJ;AAlEE;EACE;AAoEJ;AAjEE;EACE;EACA;AAmEJ;ArCpLM;EAEI,wBqCkHyB;AAmEnC;AAhEI;EACE;AAkEN;AA9DE;EACE;EACA;AAgEJ;AA9DI;EACE;AAgEN;AA7DI;EACE;AA+DN;A1CvLE;EACE;EACA;EACA,sB0CyHkE;E1CxHlE,gB0CwHqD;E1CvHrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0CoMZ,C;;;;AjDjNA;EACE;EACA;EAIA;EACA;AmDFF;AnDKA;EACE;EACA;EAIA;EACA;AmDNF;AnDSA;EACE;EACA;EAIA;EACA;AmDVF;AnDaA;EACE;EACA;EAIA;EACA;AmDdF;AnDiBA;EACE;EACA;EAIA;EACA;AmDlBF;AnDqBA;EACE;EACA;EAIA;EACA;AmDtBF;ACqBA;EACE;IACE;EDnBF;ECqBA;IACE;EDnBF;AACF;ACvCE;EACE;EACA;ADyCJ;ACvCI;EACE;EACA;EACA;ADyCN;ACvCM;EACE;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;ADoCR;AClCQ;EACE;EACA;EACA;EACA;ADoCV;ADvEE;EACE;EACA;EACA;ACyEJ;ACrCU;EACE;EACA;ADuCZ;A5CjEE;EACE;EACA;EACA,sB6CwBwE;E7CvBxE,gB6CuB2D;E7CtB3D,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4C8EZ;AC7CU;EACE;AD+CZ;AE5FI;EAEI;EAGA;EAIA,UDqCsF;ADmD9F;AErFM;EAEI,4BDgCuD;ADsDjE,C;;;;AnDtGA;EACE;EACA;EAIA;EACA;AsDFF;AtDKA;EACE;EACA;EAIA;EACA;AsDNF;AtDSA;EACE;EACA;EAIA;EACA;AsDVF;AtDaA;EACE;EACA;EAIA;EACA;AsDdF;AtDiBA;EACE;EACA;EAIA;EACA;AsDlBF;AtDqBA;EACE;EACA;EAIA;EACA;AsDtBF;AAjCA;EACE;EACA;EACA;EACA;EACA;AAmCF;AAjCE;EACE;EACA;EACA;AAmCJ;A/C/BE;EACE;EACA;EACA,sB+CLgE;E/CMhE,gB+CNmD;E/COnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+C4CZ;A/CzCE;EACE;EACA;EACA,uB+CFkE;E/CGlE,gB+CHqD;E/CIrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+CsDZ;AA9CE;EACE;EACA;EACA;AAgDJ;A/CxDE;EACE;EACA;EACA,sB+COgE;E/CNhE,gB+CMmD;E/CLnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+CqEZ;AArDE;EACE;EACA;EACA;AAuDJ;A/CvEE;EACE;EACA;EACA,uB+CegE;E/CdhE,gB+CcmD;E/CbnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+CoFZ;AA5DE;EACE;EACA;EACA;EACA;AA8DJ;ADrGI;EAEI;EAGA;EAIA,UC+B8E;AAkEtF;AD9FM;EAEI,4BC0B+C;AAqEzD;A/C/FE;EACE;EACA;EACA,2B+CwBgE;E/CvBhE,gB+CuBmD;E/CtBnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+C4GZ,C;;;;AtDzHA;EACE;EACA;EAIA;EACA;AuDFF;AvDKA;EACE;EACA;EAIA;EACA;AuDNF;AvDSA;EACE;EACA;EAIA;EACA;AuDVF;AvDaA;EACE;EACA;EAIA;EACA;AuDdF;AvDiBA;EACE;EACA;EAIA;EACA;AuDlBF;AvDqBA;EACE;EACA;EAIA;EACA;AuDtBF;AAjCA;EACE;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EAEA;AA+BF;AhD/BE;EACE;EACA;EACA,sBgDD8D;EhDE9D,gBgDFiD;EhDGjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgD4CZ;AhDzCE;EACE;EACA;EACA,sBgDEgE;EhDDhE,gBgDCmD;EhDAnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgDsDZ;AA3CE;EACE;AA6CJ;AA1CE;EACE;AA4CJ;AhDzDE;EACE;EACA;EACA,sBgDWgE;EhDVhE,gBgDUmD;EhDTnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgDsEZ;AAlDE;EACE;AAoDJ;AAlDI;EACE;AAoDN,C;;;;AvDzFA;EACE;EACA;EAIA;EACA;AwDFF;AxDKA;EACE;EACA;EAIA;EACA;AwDNF;AxDSA;EACE;EACA;EAIA;EACA;AwDVF;AxDaA;EACE;EACA;EAIA;EACA;AwDdF;AxDiBA;EACE;EACA;EAIA;EACA;AwDlBF;AxDqBA;EACE;EACA;EAIA;EACA;AwDtBF;AAjCA;EACE;EACA;AAmCF;ApDtCE;EACE;EAWE,mBoDR+B;AAsCrC;A5CxCM;EAEI,uB4CGuB;AAsCjC;A5C7BM;E4CRA;EACA;EACA;AAwCN;AApCE;EACE;EACA;AAsCJ,C;;;;AxDvDA;EACE;EACA;EAIA;EACA;AyDFF;AzDKA;EACE;EACA;EAIA;EACA;AyDNF;AzDSA;EACE;EACA;EAIA;EACA;AyDVF;AzDaA;EACE;EACA;EAIA;EACA;AyDdF;AzDiBA;EACE;EACA;EAIA;EACA;AyDlBF;AzDqBA;EACE;EACA;EAIA;EACA;AyDtBF;AAjCA;EACE;EACA;EACA;AAmCF;ArDvCE;EACE;AqDyCJ;AAnCE;EACE;EACA;AAqCJ,C;;;;AzD/CA;EACE;EACA;EAIA;EACA;A0DFF;A1DKA;EACE;EACA;EAIA;EACA;A0DNF;A1DSA;EACE;EACA;EAIA;EACA;A0DVF;A1DaA;EACE;EACA;EAIA;EACA;A0DdF;A1DiBA;EACE;EACA;EAIA;EACA;A0DlBF;A1DqBA;EACE;EACA;EAIA;EACA;A0DtBF;AC/BE;EACE;ECGF;EACA;EAEA;EACA;EACA;EACA;EACA;AF8BF;AR5CE;EACE;EACA;EACA;AQ8CJ;A9C/CM;EAUI,egDK2B;AFmCrC;A9CpCM;EgDEF;EACA;EACA;AFqCJ;AEnCE;EApBA;EACA;AF0DF;ACtDI;EEPF;AHgEF;ACrDI;EGTF;AJiEF;AI/DE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJiEJ;AC7DI;EITF;EACA;ALyEF;A9C9EM;EAEI,4BmDKqB;AL0E/B;AKxEE;EACE;AL0EJ;AKvEE;EAbA;ALuFF;ACtEI;EKbF;EACA;ANsFF;A9C3FM;EAEI,4BoDKqB;ANuF/B;AnDjFE;EACE;EACA;EACA,2ByDR8D;EzDS9D,gByDTiD;EzDUjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmD8FZ;AM9FE;EAVA;AN2GF;ACtFI;EMhBF;EACA;APyGF;A9C/GM;EAEI,wBqDMqB;AP0G/B;ApDxGE;EAWI,uB2DZsB;AP4G5B;AO1GE;EACE;AP4GJ;AOzGE;EAfA;EACA;AP2HF;ACnGI;EOjBF;EAEA;EACA;ARsHF;AQpHE;EACE;ARsHJ;A9CpIM;EAEI,uBsDeqB;ARsH/B;ApD7HE;EAWI,sB4DHsB;ARwH5B;AQtHE;EApBA;EACA;AR6IF;A9C9IM;EAEI,uBsDCqB;AR8I/B;ApDvIE;EAWI,sB4DjBsB;ARgJ5B;ACtHM;EQlBJ;EAEA;AT0IF;AnD3IE;EACE;EACA;EACA,wB4DD8D;E5DE9D,gB4DFiD;E5DGjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmDwJZ;A9ClKM;EAEI,yBuDcqB;ATqJ/B;ASnJE;EACE;ATqJJ;ASlJE;EAtBA;EAEA;AT0KF;AC3IQ;EQLN;EAEA;ATkJF;AnDnKE;EACE;EACA;EACA,wB4De8D;E5Dd9D,gB4DciD;E5DbjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmDgLZ;A9C1LM;EAEI,yBuD8BqB;AT6J/B;AS3JE;EACE;AT6JJ;AS1JE;EAhCA;EAEA;AT4LF;AC5JM;ES5BJ;EAEA;AV0LF;AnD3LE;EACE;EACA;EACA,wB6DD8D;E7DE9D,gB6DFiD;E7DGjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmDwMZ;A9ClNM;EAEI,yBwDcqB;AVqM/B;AUnME;EACE;AVqMJ;AUlME;EAtBA;EAEA;AV0NF;ACjLQ;ESfN;EAEA;AVkMF;AnDnNE;EACE;EACA;EACA,wB6De8D;E7Dd9D,gB6DciD;E7DbjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmDgOZ;A9C1OM;EAEI,yBwD8BqB;AV6M/B;AU3ME;EACE;AV6MJ;AU1ME;EAhCA;EAEA;AV4OF;ACnMI;ECjDF;EACA;AFuPF;ACpMM;EIpDJ;AL2PF;ACnMM;EKxDJ;AN8PF;AClMM;EM5DJ;EACA;APiQF;AClMM;EOhEJ;EACA;ARqQF;A9CtQM;EAEI,uBsDCqB;ARsQ/B;ApD/PE;EAWI,sB4DjBsB;ARwQ5B;ACvMQ;EQrEN;EAEA;AT8QF;ACxMU;EQlER;EAEA;AT4QF;ACrMQ;ES/EN;EAEA;AVsRF;ACtMU;ES5ER;EAEA;AVoRF,C;;;;A1D/RA;EACE;EACA;EAIA;EACA;AqEFF;ArEKA;EACE;EACA;EAIA;EACA;AqENF;ArESA;EACE;EACA;EAIA;EACA;AqEVF;ArEaA;EACE;EACA;EAIA;EACA;AqEdF;ArEiBA;EACE;EACA;EAIA;EACA;AqElBF;ArEqBA;EACE;EACA;EAIA;EACA;AqEtBF;AAjCA;EACE;EACA;EAEA;EACA;EACA;AAkCF;AAhCE;EACE;EACA;EACA;AAkCJ;AjE9CE;EACE;EAGE,sBiES+B;AAqCrC;AAnCI;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","sources":["webpack://indicator-ui/./src/styles/colors/css-variables/primary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/secondary-var.css","webpack://indicator-ui/./src/styles/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/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/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/blue-light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/CalendarDay.module.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/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/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateTimeField.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/spacer.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/active.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/error.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/medium.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/large.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/hover.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/disabled.scss","webpack://indicator-ui/./src/ui/Toggle/styles/Toggle.module.scss","webpack://indicator-ui/./src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCount.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/Tag.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/base.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/hover.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/active.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/small.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/medium.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/large.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/clicked.scss","webpack://indicator-ui/./src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/./src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/./src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PaginationBar.module.scss","webpack://indicator-ui/./src/ui/UserPick/styles/UserPick.module.scss","webpack://indicator-ui/./src/ui/DropdownItem/styles/DropdownItem.module.scss"],"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: #55160C;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n\r\n --success-25: #F6FEF9;\r\n --success-50: #ECFDF3;\r\n --success-100: #DCFAE6;\r\n --success-200: #ABEFC6;\r\n --success-300: #75E0A7;\r\n --success-400: #47CD89;\r\n --success-500: #17B26A;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085D3A;\r\n --success-900: #074D31;\r\n --success-950: #053321;\r\n}\r\n",":root {\r\n --blue-dark-25: #F5F8FF;\r\n --blue-dark-50: #EFF4FF;\r\n --blue-dark-100: #D1E0FF;\r\n --blue-dark-200: #B2CCFF;\r\n --blue-dark-300: #84ADFF;\r\n --blue-dark-400: #528BFF;\r\n --blue-dark-500: #2970FF;\r\n --blue-dark-600: #155EEF;\r\n --blue-dark-700: #004EEB;\r\n --blue-dark-800: #0040C1;\r\n --blue-dark-900: #00359E;\r\n --blue-dark-950: #002266;\r\n}\r\n\r\n:root {\r\n --orange-25: #FEFAF5;\r\n --orange-50: #FEF6EE;\r\n --orange-100: #FDEAD7;\r\n --orange-200: #F9DBAF;\r\n --orange-300: #F7B27A;\r\n --orange-400: #F38744;\r\n --orange-500: #EF6820;\r\n --orange-600: #E04F16;\r\n --orange-700: #B93815;\r\n --orange-800: #932F19;\r\n --orange-900: #772917;\r\n --orange-950: #511C10;\r\n}","@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@font-face {\r\n font-family: \"Golos Text\";\r\n src: local(\"Golos Text\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_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 Text\";\r\n src: local(\"Golos Text\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_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 Text\";\r\n src: local(\"Golos Text\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff\") format(\"woff\");\r\n font-weight: 600;\r\n font-style: normal;\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@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n cursor: pointer;\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 .text {\n text-align: center;\n flex: none;\n}\n.button.widthFill {\n width: 100%;\n}\n.button.widthHug {\n width: fit-content;\n}\n.button.heightFill {\n height: 100%;\n}\n.button.heightHug {\n height: fit-content;\n}\n.button.small {\n padding: 9px;\n}\n.button.small .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.small .text {\n padding: 0 4px;\n}\n.button.small .text {\n font-size: 14px;\n line-height: 16px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.medium {\n padding: 9px;\n}\n.button.medium .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.medium .text {\n padding: 0 8px;\n}\n.button.medium .text {\n font-size: 14px;\n line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.large {\n padding: 11px;\n}\n.button.large .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.large .text {\n padding: 0 6px;\n}\n.button.large .text {\n font-size: 16px;\n line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.ultra {\n padding: 17px;\n}\n.button.ultra .icon svg {\n flex: none;\n width: 24px;\n height: 24px;\n}\n.button.ultra .text {\n padding: 0 12px;\n}\n.button.ultra .text {\n font-size: 18px;\n line-height: 24px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.primary {\n border-radius: 8px;\n background-color: var(--blue-dark-500);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary .icon svg * {\n stroke: var(--base-white);\n}\n.button.primary .text {\n font-weight: 500;\n color: var(--base-white);\n}\n.button.primary:hover {\n background-color: var(--blue-dark-600);\n}\n.button.primary:disabled, .button.primary.disabled {\n opacity: 0.3;\n}\n.button.primary:disabled:hover, .button.primary.disabled:hover {\n background-color: var(--blue-dark-500);\n}\n.button.secondaryColor {\n border-radius: 8px;\n background-color: var(--base-white);\n border: 1px solid var(--blue-dark-200);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\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}\n.button.secondaryColor:hover {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-300);\n}\n.button.secondaryColor:disabled, .button.secondaryColor.disabled {\n opacity: 0.5;\n}\n.button.secondaryColor:disabled:hover, .button.secondaryColor.disabled:hover {\n background-color: var(--base-white);\n border: 1px solid var(--blue-dark-200);\n}\n.button.secondaryGray {\n border-radius: 8px;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n border: 1px solid var(--gray-300);\n}\n.button.secondaryGray .icon svg * {\n stroke: var(--gray-700);\n}\n.button.secondaryGray .text {\n font-weight: 500;\n color: var(--gray-700);\n}\n.button.secondaryGray:hover {\n background-color: var(--gray-50);\n border: 1px solid var(--gray-300);\n}\n.button.secondaryGray:hover .text {\n color: var(--gray-800);\n}\n.button.secondaryGray:disabled, .button.secondaryGray.disabled {\n opacity: 0.5;\n}\n.button.secondaryGray:disabled:hover, .button.secondaryGray.disabled:hover {\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n}\n.button.secondaryGray:disabled:hover .text, .button.secondaryGray.disabled:hover .text {\n color: var(--gray-700);\n}\n.button.tertiaryWhite {\n border: 1px solid transparent;\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}\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, .button.tertiaryWhite.disabled {\n opacity: 0.5;\n}\n.button.tertiaryWhite:disabled:hover .text, .button.tertiaryWhite.disabled:hover .text {\n color: var(--blue-dark-100);\n}\n.button.tertiaryWhite:disabled:hover .icon svg *, .button.tertiaryWhite.disabled:hover .icon svg * {\n stroke: var(--blue-dark-100);\n}\n.button.tertiaryColor {\n border: 1px solid transparent;\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}\n.button.tertiaryColor:hover .icon svg * {\n stroke: var(--blue-dark-700);\n}\n.button.tertiaryColor:disabled, .button.tertiaryColor.disabled {\n opacity: 0.5;\n}\n.button.tertiaryColor:disabled:hover .text, .button.tertiaryColor.disabled:hover .text {\n font-weight: 400;\n color: var(--blue-dark-500);\n}\n.button.tertiaryColor:disabled:hover .icon svg *, .button.tertiaryColor.disabled:hover .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.tertiaryGray {\n border: 1px solid transparent;\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}\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, .button.tertiaryGray.disabled {\n opacity: 0.5;\n}\n.button.tertiaryGray:disabled:hover .text, .button.tertiaryGray.disabled:hover .text {\n color: var(--gray-700);\n}\n.button.tertiaryGray:disabled:hover .icon svg *, .button.tertiaryGray.disabled:hover .icon svg * {\n stroke: var(--gray-700);\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}\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, .button.linkColor.disabled {\n opacity: 0.5;\n}\n.button.linkColor:disabled:hover .text, .button.linkColor.disabled:hover .text {\n color: var(--blue-dark-500);\n}\n.button.linkColor:disabled:hover .icon svg *, .button.linkColor.disabled:hover .icon svg * {\n stroke: var(--blue-dark-500);\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}\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, .button.linkBlack.disabled {\n opacity: 0.5;\n}\n.button.linkBlack:disabled:hover .text, .button.linkBlack.disabled:hover .text {\n color: var(--gray-700);\n}\n.button.linkBlack:disabled:hover .icon svg *, .button.linkBlack.disabled:hover .icon svg * {\n stroke: var(--gray-700);\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}\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, .button.linkGray.disabled {\n opacity: 0.5;\n}\n.button.linkGray:disabled:hover .text, .button.linkGray.disabled:hover .text {\n color: var(--gray-400);\n}\n.button.linkGray:disabled:hover .icon svg *, .button.linkGray.disabled:hover .icon svg * {\n stroke: var(--gray-400);\n}\n.button.tabActive {\n border-radius: 6px;\n background-color: var(--base-white);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tabActive .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tabActive .text {\n font-weight: 500;\n color: var(--gray-700);\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, .button.tabActive.disabled {\n opacity: 0.5;\n}\n.button.tabActive:disabled:hover .icon svg *, .button.tabActive.disabled:hover .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tabActive:disabled:hover .text, .button.tabActive.disabled:hover .text {\n color: var(--gray-700);\n}\n.button.tab {\n border-radius: 6px;\n background-color: var(--gray-100);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tab .icon svg * {\n stroke: var(--gray-500);\n}\n.button.tab .text {\n font-weight: 500;\n color: var(--gray-500);\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, .button.tab.disabled {\n opacity: 0.5;\n}\n.button.tab:disabled:hover, .button.tab.disabled:hover {\n background-color: var(--gray-100);\n}\n.button.tab:disabled:hover .icon svg *, .button.tab.disabled:hover .icon svg * {\n stroke: var(--gray-500);\n}\n.button.tab:disabled:hover .text, .button.tab.disabled:hover .text {\n color: var(--gray-500);\n}\n.button.warning.primary {\n border-radius: 8px;\n background-color: var(--error-500);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.primary:hover {\n border: 1px solid var(--error-600);\n}\n.button.warning.primary:disabled, .button.warning.primary.disabled {\n opacity: 0.3;\n}\n.button.warning.primary:disabled:hover, .button.warning.primary.disabled:hover {\n border: 1px solid var(--error-500);\n}\n.button.warning.secondaryColor {\n border: 1px solid var(--error-200);\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.secondaryColor .icon svg * {\n stroke: var(--error-500);\n}\n.button.warning.secondaryColor .text {\n color: var(--error-500);\n}\n.button.warning.secondaryColor:hover {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n}\n.button.warning.secondaryColor:disabled, .button.warning.secondaryColor.disabled {\n opacity: 0.5;\n}\n.button.warning.secondaryColor:disabled:hover, .button.warning.secondaryColor.disabled:hover {\n background-color: var(--base-white);\n border: 1px solid var(--error-200f);\n}\n.button:disabled, .button.disabled {\n cursor: default;\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 &:disabled, &.disabled {\r\n cursor: default;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n cursor: pointer;\r\n transition: all ease-out 0.2s;\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 .text {\r\n text-align: center;\r\n flex: none;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\r\n & {\r\n display: flex;\r\n\r\n @if ($direction != null) {\r\n flex-direction: $direction;\r\n }\r\n\r\n @if ($justify-content != null) {\r\n justify-content: $justify-content;\r\n }\r\n\r\n @if ($align-items != null) {\r\n align-items: $align-items;\r\n }\r\n @content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16, $family: $golos-ui);\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: null,\r\n $stretch: null,\r\n $style: null,\r\n $variant: null,\r\n $units: px,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}#{$units};\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}#{$units};\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n @if ($family != null) {\r\n font-family: $family;\r\n }\r\n @if ($stretch != null) {\r\n font-stretch: $stretch;\r\n }\r\n @if ($style != null) {\r\n font-style: $style;\r\n }\r\n @if ($variant != null) {\r\n font-variant: $variant;\r\n }\r\n }\r\n}\r\n","@use \"../fonts\";\r\n\r\n$golos-ui: 'Golos UI', sans-serif;\r\n$golos-text: 'Golos Text', sans-serif;\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: $golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n $units: px,\r\n) {\r\n & {\r\n font-size: #{$size}#{$units};\r\n line-height: #{$line-height}#{$units};\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n // С учетом border\r\n padding: 11px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 6px;\r\n @include fnt-flex($size: 16, $line-height: 20, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n // С учетом border\r\n padding: 17px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 12px;\r\n @include fnt-flex($size: 18, $line-height: 24, $family: $golos-ui);\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 border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n\r\n .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, &.disabled {\r\n opacity: 0.3;\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-500);\r\n }\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 border: 1px solid var(--blue-dark-200);\r\n box-shadow: 0 1px 2px 0 #1018280D;\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 border: 1px solid 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, &.disabled {\r\n opacity: 0.5;\r\n\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n border: 1px solid var(--blue-dark-200);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n border: 1px solid var(--gray-300);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .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 border: 1px solid var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n\r\n //&:focus {\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-700);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n border: 1px solid transparent;\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--blue-dark-100);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-100));\r\n }\r\n }\r\n\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n border: 1px solid transparent;\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n }\r\n\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n }\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--blue-dark-500);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n }\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n }\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-400);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabActiveButton {\r\n border-radius: 6px;\r\n background-color: var(--base-white);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\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 }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabButton {\r\n border-radius: 6px;\r\n background-color: var(--gray-100);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .text {\r\n color: var(--gray-500);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningPrimaryButton {\r\n border-radius: 8px;\r\n background-color: var(--error-500);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &:hover {\r\n border: 1px solid var(--error-600);\r\n }\r\n\r\n //&:focus {\r\n // background-color: var(--error-500);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n\r\n &:hover {\r\n border: 1px solid var(--error-500);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n border: 1px solid var(--error-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .text {\r\n color: var(--error-500);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--error-50);\r\n border: 1px solid 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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n border: 1px solid var(--error-200f);\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@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n width: fit-content;\n height: fit-content;\n cursor: pointer;\n transition: all ease-out 200ms;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button svg {\n flex: none;\n}\n.button.light {\n background: none;\n border: 1px solid transparent;\n}\n.button.light svg * {\n stroke: var(--gray-400);\n}\n.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 border: 1px solid transparent;\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-color: transparent;\n border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid 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 border: 1px solid 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 border: 1px solid 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.blueLight {\n background: none;\n border: 1px solid transparent;\n}\n.button.blueLight svg * {\n stroke: var(--blue-dark-50);\n}\n.button.blueLight:hover svg * {\n stroke: var(--blue-dark-200);\n}\n.button.size14 {\n border-radius: 3px;\n padding: 1px;\n}\n.button.size14 svg {\n width: 10px;\n height: 10px;\n}\n.button.size16 {\n border-radius: 3px;\n padding: 1px;\n}\n.button.size16 svg {\n width: 12px;\n height: 12px;\n}\n.button.size20 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size20 svg {\n width: 14px;\n height: 14px;\n}\n.button.size24 {\n border-radius: 4px;\n padding: 3px;\n}\n.button.size24 svg {\n width: 16px;\n height: 16px;\n}\n.button.size28 {\n border-radius: 4px;\n padding: 3px;\n}\n.button.size28 svg {\n width: 20px;\n height: 20px;\n}","@use '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\r\n &.blueLight {\r\n @include properties.blue-light();\r\n }\r\n\r\n &.size14 {\r\n @include properties.size-14();\r\n }\r\n\r\n &.size16 {\r\n @include properties.size-16();\r\n }\r\n\r\n &.size20 {\r\n @include properties.size-20();\r\n }\r\n\r\n &.size24 {\r\n @include properties.size-24();\r\n }\r\n\r\n &.size28 {\r\n @include properties.size-28();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-micro-button() {\r\n width: fit-content;\r\n height: fit-content;\r\n cursor: pointer;\r\n transition: all ease-out 200ms;\r\n @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 border: 1px solid transparent;\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 border: 1px solid transparent;\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-color: transparent;\r\n border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid 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 border: 1px solid 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 border: 1px solid 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 blue-light() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--blue-dark-50));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--blue-dark-200));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n // 3 - 1 для учета border\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.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 '@/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, $color: var(--gray-500));\r\n }\r\n }\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 text-transform: capitalize;\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-900), $family: $golos-text);\r\n }\r\n\r\n .year {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\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), $family: $golos-text);\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}","@use '@/styles' as *;\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n @include centerInsideContent();\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.red {\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &.focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-50);\r\n cursor: default;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .userPick {\r\n opacity: 50%;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n}","@mixin centerInsideContent {\r\n & {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\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@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n@keyframes show-animation {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 1;\n}\n.selectField .modalWindow .selectModalWindow {\n animation: show-animation ease-out forwards 200ms;\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 gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n display: flex;\n align-items: center;\n justify-content: center;\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 .modalWindow {\r\n width: 100%;\r\n position: absolute;\r\n z-index: 1;\r\n\r\n .selectModalWindow {\r\n animation: show-animation ease-out forwards 200ms;\r\n\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 gap: 8px;\r\n padding: 10px 16px;\r\n\r\n @include centerInsideContent();\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}\r\n\r\n@keyframes show-animation {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\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}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n }\r\n }\r\n\r\n .hintText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .hintError {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n 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}","@use '@/styles' as *;\r\n\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 // С учетом border\r\n padding: 9px 11px;\r\n\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n transition: all ease-out 200ms;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:focus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--gray-50);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeRangeField {\r\n width: 100%;\r\n gap: 8px;\r\n @include modify-flex($align-items: center);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .item {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeField {\r\n flex: 1;\r\n width: 100%;\r\n gap: 8px;\r\n @include modify-flex();\r\n\r\n .item {\r\n flex: 1;\r\n min-width: 0;\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@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.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 border: 1px solid var(--gray-300);\n box-sizing: border-box;\n cursor: pointer;\n overflow: hidden;\n}\n.checkboxMark {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.checkboxMark svg * {\n stroke-width: 4;\n}\n.checkboxMark svg {\n width: 14px;\n height: 14px;\n flex: none;\n}\n.checkboxMark:hover {\n background-color: var(--blue-dark-50);\n border: 1px solid 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 border: 1px solid 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 border: 1px solid var(--blue-dark-400);\n}\n.checkboxMark.indeterminate {\n background-color: var(--blue-dark-50);\n border: 1px solid 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 border: 1px solid var(--blue-dark-400);\n}\n.checkboxMark.error {\n background-color: var(--error-50);\n border: 1px solid var(--error-200);\n}\n.checkboxMark.error svg * {\n stroke: var(--error-500);\n}\n.checkboxMark.error {\n color: var(--error-500);\n}\n.checkboxMark.error:after {\n background-color: var(--error-500);\n}\n.checkboxMark.error:hover {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n}\n.checkboxMark.disabled {\n cursor: default;\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n}\n.checkboxMark.disabled:after {\n background-color: var(--gray-300);\n}\n.checkboxMark.disabled svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.disabled {\n color: var(--gray-300);\n}\n.checkboxMark.disabled:hover {\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n}\n.checkboxMark.disabled:hover svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.disabled:hover {\n color: var(--gray-300);\n}\n.checkboxMark.correct.checked {\n background-color: var(--blue-dark-500);\n border: transparent;\n}\n.checkboxMark.correct.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"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 border: transparent;\n}\n.checkboxMark.correct.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"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 border: transparent;\n}\n.checkboxMark.incorrect.checked {\n background-color: var(--error-500);\n border: transparent;\n}\n.checkboxMark.incorrect.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"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 border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"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 border: transparent;\n}\n.checkboxMark.hover {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n}\n.checkboxMark.hover.checked {\n border: 1px solid var(--blue-dark-400);\n}\n.checkboxMark.hover.indeterminate {\n border: 1px solid var(--blue-dark-400);\n}\n.checkboxMark.hover.error {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n}\n.checkboxMark.hover.disabled {\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n}\n.checkboxMark.hover.disabled svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.hover.disabled {\n color: var(--gray-300);\n}\n.checkboxMark.hover.correct.checked {\n background-color: var(--blue-dark-600);\n border: transparent;\n}\n.checkboxMark.hover.correct.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.hover.incorrect.checked {\n background-color: var(--error-600);\n border: transparent;\n}\n.checkboxMark.hover.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}","@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 border: 1px solid 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 border: 1px solid var(--gray-300);\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n overflow: hidden;\r\n\r\n @include centerInsideContent();\r\n @include modify-svg($stroke-width: 4) {\r\n width: 14px;\r\n height: 14px;\r\n flex: none;\r\n }\r\n &: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 border: 1px solid var(--blue-dark-400);\r\n}\r\n\r\n@mixin checked() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid 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 border: 1px solid var(--blue-dark-400);\r\n}\r\n\r\n@mixin indeterminate() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid 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 border: 1px solid var(--error-400);\r\n}\r\n\r\n@mixin error() {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-200);\r\n\r\n @include modify-svg($stroke: var(--error-500));\r\n @include fnt-flex($color: var(--error-500));\r\n\r\n &:after {\r\n background-color: var(--error-500);\r\n }\r\n\r\n &: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 border: 1px solid var(--gray-300);\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n}\r\n\r\n@mixin disabled() {\r\n cursor: default;\r\n\r\n background-color: var(--gray-100);\r\n border: 1px solid var(--gray-300);\r\n\r\n &:after {\r\n background-color: var(--gray-300);\r\n }\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n\r\n &: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\r\n border: transparent;\r\n}\r\n\r\n@mixin correct-disabled-hover() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin correct-checked() {\r\n background-color: var(--blue-dark-500);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &: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\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &: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\r\n border: transparent;\r\n}\r\n\r\n@mixin incorrect-disabled-hover() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n background-color: var(--error-500);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &: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\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &: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 transition: color ease-in-out 200ms;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &.textBold {\r\n @include fnt-flex($weight: 600);\r\n\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n\r\n &.hover,\r\n &.focus {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.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\r\n .button {\r\n @include mixins.base-button();\r\n }\r\n\r\n .spacer {\r\n transition: flex-grow ease-in-out 0.2s;\r\n @include mixins.spacer();\r\n }\r\n\r\n &.active {\r\n @include mixins.active();\r\n\r\n .spacer {\r\n @include mixins.active-spacer();\r\n }\r\n }\r\n\r\n &.error {\r\n @include mixins.error-base();\r\n\r\n &.active {\r\n @include mixins.error-active();\r\n }\r\n }\r\n\r\n &.medium {\r\n @include mixins.medium-base();\r\n\r\n .button {\r\n @include mixins.medium-button();\r\n }\r\n }\r\n\r\n &.large {\r\n @include mixins.large-base();\r\n\r\n .button {\r\n @include mixins.large-button();\r\n }\r\n }\r\n\r\n &.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: 1px;\r\n border: 1px solid transparent;\r\n background-color: var(--gray-300);\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n flex: none;\r\n border: 1px solid transparent;\r\n border-radius: 50%;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin spacer() {\r\n flex-grow: 0;\r\n}","@mixin active() {\r\n background-color: var(--blue-dark-500);\r\n}\r\n\r\n@mixin active-spacer() {\r\n flex-grow: 1;\r\n}\r\n\r\n","@mixin error-base() {\r\n background-color: var(--error-200);\r\n}\r\n\r\n@mixin error-active() {\r\n background-color: var(--error-500);\r\n}","@mixin medium-base() {\r\n width: 36px;\r\n height: 20px;\r\n}\r\n\r\n@mixin medium-button() {\r\n width: 16px;\r\n height: 16px;\r\n}","@mixin large-base() {\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n@mixin large-button() {\r\n width: 20px;\r\n height: 20px;\r\n}","@mixin hover() {\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 text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n }\r\n\r\n .description {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n\r\n &.hover,\r\n &.active {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .description {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n }\r\n &.disabled .hover,\r\n &.disabled .active,\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}","@use \"@/styles\" as *;\r\n\r\n.cascadeBlockLabel {\r\n gap: 2px;\r\n @include modify-flex();\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n width: 20px;\r\n height: 20px;\r\n transform: rotateX(180deg);\r\n transition: transform ease-out 200ms;\r\n }\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 20, $weight: 600, $color: var(--gray-700));\r\n }\r\n\r\n &.open {\r\n @include modify-svg() {\r\n transform: rotateX(0);\r\n }\r\n }\r\n}\r\n\r\n.cascadeBlock {\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n position: relative;\r\n\r\n .list {\r\n padding: 8px 0 8px 16px;\r\n gap: 8px;\r\n @include modify-flex($direction: column);\r\n\r\n &.hide {\r\n display: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tagCheckbox {\r\n border-radius: 4px;\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--base-white), $stroke-width: 3) {\r\n opacity: 0;\r\n transition: opacity ease-in-out 200ms;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n background-color: var(--blue-dark-50);\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--blue-dark-500);\r\n background-color: var(--blue-dark-500);\r\n @include modify-svg() {\r\n opacity: 1;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--blue-dark-600);\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n &, &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.checked {\r\n &, &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n }\r\n\r\n &.small {\r\n width: 14px;\r\n height: 14px;\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n }\r\n\r\n &.medium {\r\n width: 16px;\r\n height: 16px;\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n &.large {\r\n width: 18px;\r\n height: 18px;\r\n @include modify-svg() {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tagCount {\r\n width: fit-content;\r\n height: fit-content;\r\n border-radius: 3px;\r\n @include fnt-flex($color: var(--gray-700));\r\n\r\n &.gray {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.color {\r\n background-color: var(--blue-dark-100);\r\n }\r\n\r\n &.small {\r\n padding: 2px 4px 2px 4px;\r\n @include fnt-flex($size: 12, $line-height: 14, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n &.medium {\r\n padding: 2px 5px 2px 5px;\r\n @include fnt-flex($size: 12, $line-height: 16, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n &.large {\r\n padding: 0 6px 0 6px;\r\n @include fnt-flex($size: 12, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n }\r\n}","@use 'properties';\r\n\r\n.tag {\r\n @include properties.base();\r\n\r\n &:hover {\r\n @include properties.hover();\r\n }\r\n\r\n &.active {\r\n @include properties.active();\r\n\r\n &:hover {\r\n @include properties.active-hover();\r\n }\r\n }\r\n\r\n &.small {\r\n @include properties.small();\r\n }\r\n\r\n &.medium {\r\n @include properties.medium();\r\n }\r\n\r\n &.large {\r\n @include properties.large();\r\n }\r\n\r\n &.clicked {\r\n @include properties.clicked();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 3px;\r\n border-radius: 6px;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n transition: background-color ease-out 300ms;\r\n cursor: default;\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .label {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n\r\n .dotIcon {\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--success-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin hover() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin active() {\r\n border: 1px solid var(--blue-dark-200);\r\n background-color: var(--blue-dark-50);\r\n\r\n &:hover {\r\n border: 1px solid var(--blue-dark-300);\r\n background-color: var(--blue-dark-100);\r\n }\r\n}\r\n\r\n@mixin active-hover() {\r\n border: 1px solid var(--blue-dark-300);\r\n background-color: var(--blue-dark-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n // С учетом border\r\n padding: 2px 7px;\r\n @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);\r\n\r\n .main {\r\n gap: 4px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin medium() {\r\n // С учетом border\r\n padding: 1px 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n\r\n .main {\r\n gap: 5px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 4px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin large() {\r\n // С учетом border\r\n padding: 3px 9px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n\r\n .main {\r\n gap: 6px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@mixin clicked() {\r\n cursor: pointer;\r\n}","@use '@/styles' as *;\r\n\r\n.slideTransition {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n &.hide {\r\n transform: scaleY(0);\r\n }\r\n\r\n &.show {\r\n transform: scaleY(1);\r\n }\r\n\r\n &.enterUp {\r\n transform-origin: top;\r\n animation: enterAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.exitUp {\r\n transform-origin: top;\r\n animation: exitAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.enterDown {\r\n transform-origin: bottom;\r\n animation: enterAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.exitDown {\r\n transform-origin: bottom;\r\n animation: exitAnimation forwards ease-out 300ms;\r\n }\r\n}\r\n\r\n@keyframes enterAnimation {\r\n from {\r\n transform: scaleY(0);\r\n\r\n }\r\n to {\r\n transform: scaleY(1);\r\n }\r\n}\r\n\r\n@keyframes exitAnimation {\r\n from {\r\n transform: scaleY(1);\r\n }\r\n to {\r\n transform: scaleY(0);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tabFrame {\r\n border-radius: 8px;\r\n padding: 4px;\r\n gap: 4px;\r\n background-color: var(--gray-100);\r\n @include modify-flex();\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tabButtons {\r\n border-radius: 6px;\r\n // С учетом border\r\n padding: 9px;\r\n background-color: var(--gray-100);\r\n cursor: pointer;\r\n transition: all 200ms ease-out;\r\n border: 1px solid transparent;\r\n @include modify-flex($justify-content: center, $align-items: center);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .text {\r\n width: fit-content;\r\n padding: 0 4px;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-600));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &.active {\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n flex: none;\r\n @include fnt-flex($color: var(--gray-800));\r\n }\r\n\r\n\r\n &:hover {\r\n background-color: var(--gray-50);\r\n }\r\n }\r\n\r\n &.disabled, &:disabled {\r\n border: transparent 1px solid;\r\n box-shadow: none;\r\n background-color: var(--gray-100);\r\n cursor: default;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.pageSwitcher {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 16px 0 0 0;\r\n\r\n .arrowButtons {\r\n width: fit-content;\r\n height: fit-content;\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n\r\n @include changeSvg($flex: none, $stroke: var(--gray-600), $width: 20, $height: 20);\r\n @include fnt($size: 14, $line-height: 20, $weight: 600, $color: var(--gray-600));\r\n\r\n &:hover {\r\n color: var(--gray-700);\r\n @include changeSvg($stroke: var(--gray-700));\r\n }\r\n\r\n &:focus {\r\n color: var(--gray-600);\r\n @include changeSvg($stroke: var(--gray-600));\r\n }\r\n\r\n &:disabled {\r\n color: var(--gray-300);\r\n @include changeSvg($stroke: var(--gray-300));\r\n }\r\n }\r\n\r\n .buttonsList {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 2px;\r\n\r\n .plug {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n @include centerInsideContent();\r\n }\r\n\r\n .numberButton {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n transition: all linear 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n @include centerInsideContent();\r\n\r\n &:hover {\r\n color: var(--gray-800);\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.active {\r\n color: var(--gray-800);\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.smallVersion {\r\n justify-content: space-between;\r\n }\r\n}",".paginationBar {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}","@use '@/styles' as *;\r\n\r\n.userPick, .userPickPlaceholder {\r\n border-radius: 50%;\r\n object-fit: scale-down;\r\n overflow: hidden;\r\n}\r\n\r\n.userPickPlaceholder {\r\n background-color: var(--gray-300);\r\n @include modify-svg($fill: var(--gray-400)) {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dropdownItem {\r\n height: fit-content;\r\n gap: 6px;\r\n transition: background-color ease-out 300ms;\r\n @include modify-flex($align-items: center);\r\n\r\n .showIcon {\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .main {\r\n flex: 1;\r\n gap: 6px;\r\n @include modify-flex($align-items: center);\r\n\r\n .text, .supportText {\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n .check {\r\n opacity: 0;\r\n transition: opacity ease-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--blue-dark-500)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.selected {\r\n background-color: var(--blue-dark-50);\r\n\r\n .check {\r\n opacity: 1;\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n\r\n .showIcon {\r\n @include modify-svg($stroke: var(--gray-300));\r\n }\r\n\r\n .main .supportText, .main .text {\r\n @include fnt-flex($color: var(--gray-300));\r\n }\r\n\r\n .userIcon {\r\n opacity: 45%;\r\n }\r\n\r\n .check {\r\n @include modify-svg($stroke: var(--gray-300));\r\n }\r\n\r\n &.selected {\r\n background-color: var(--gray-25);\r\n }\r\n }\r\n\r\n &.small {\r\n padding: 8px 8px 8px 16px;\r\n\r\n .text {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.medium {\r\n padding: 10px 10px 10px 16px;\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n}"],"names":[],"sourceRoot":""}
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;;IAEtB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;AAC1B;;;;;ACpEA;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;;AAEA;IACI,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;AACzB,C;;;;;;;;AC5BA;EACE;EACA;EAIA;EACA;ACFF;ADKA;EACE;EACA;EAIA;EACA;ACNF;ADSA;EACE;EACA;EAIA;EACA;ACVF;ADaA;EACE;EACA;EAIA;EACA;ACdF;ADiBA;EACE;EACA;EAIA;EACA;AClBF;ADqBA;EACE;EACA;EAIA;EACA;ACtBF;AC/BE;ECDA;EACA;AFmCF;AGtCE;EACE;EAGE;EAIA,uBDJsB;ECQtB,mBDR8B;AFwCpC;AEtCE;EACE;EACA;AFwCJ;AGhDE;EACE;EAGE,mBDKmB;ECDnB,uBDCwB;ECGxB,mBDHgC;AF6CtC;AE1CE;EACE;EACA;AF4CJ;AEzCE;EACE;AF2CJ;AExCE;EACE;AF0CJ;AEvCE;EACE;AFyCJ;AEtCE;EACE;AFwCJ;AChEI;EGHF;AJsEF;AIlEM;EACE;EACA;EACA;AJoER;AI/DE;EACE;AJiEJ;AKrEE;EAEI;EAGA;EASA,mCCzBK;ANqFX;AC5EI;EMPF;APsFF;AOlFM;EACE;EACA;EACA;APoFR;AO/EE;EACE;APiFJ;AKrFE;EAEI;EAGA;EASA,mCCzBK;ANqGX;ACxFI;EOXF;ARsGF;AQlGM;EACE;EACA;EACA;ARoGR;AQ/FE;EACE;ARiGJ;AKrGE;EAEI;EAGA;EASA,mCCzBK;ANqHX;ACpGI;EQfF;ATsHF;ASlHM;EACE;EACA;EACA;AToHR;AS/GE;EACE;ATiHJ;AKrHE;EAEI;EAGA;EASA,mCCzBK;ANqIX;AChHI;ESpBF;EACA;EACA;EACA;AVuIF;AW1IM;EAEI,yBDIuB;AVuIjC;AKnIE;EAQI,gBKRyB;ELWzB,wBKXsC;AVuI5C;AUpIE;EACE;AVsIJ;AU9HE;EACE;AVgIJ;AU9HI;EACE;AVgIN;AClII;EWxBF;EACA;EACA;EACA;AZ6JF;AWhKM;EAEI,4BCIuB;AZ6JjC;AKzJE;EAQI,gBORyB;EPWzB,2BOXsC;AZ6J5C;AY1JE;EACE;EACA;AZ4JJ;AYrJE;EACE;AZuJJ;AYpJI;EACE;EACA;AZsJN;ACtJI;EY5BF;EACA;EACA;EACA;AbqLF;AWxLM;EAEI,uBEIuB;AbqLjC;AKjLE;EAQI,gBQRyB;ERWzB,sBQXsC;AbqL5C;AalLE;EACE;EACA;AboLJ;AalLI;EACE;AboLN;Aa5KE;EACE;Ab8KJ;Aa5KI;EACE;EACA;Ab8KN;Aa5KM;EACE;Ab8KR;AChLI;EahCF;AdmNF;AWnNM;EAEI;AXoNV;AK5ME;EAQI,gBSZyB;ETezB,2BSfsC;AdoN5C;AchNI;EACE;AdkNN;AW7NM;EAEI,yBGayB;AdiNnC;Ac7ME;EACE;Ad+MJ;Ac5MM;EACE;Ad8MR;AWtOM;EAEI,4BG0B2B;Ad6MrC;ACrMI;EcpCF;Af4OF;AW5OM;EAEI;AX6OV;Ae1OE;EACE;Af4OJ;AKxOE;EAQI,gBUP2B;EVU3B,2BUVwC;Af2O9C;AWtPM;EAEI,4BIayB;Af0OnC;AetOE;EACE;AfwOJ;AKlPE;EAQI,gBUM6B;EVH7B,2BUG0C;AfwOhD;AWhQM;EAEI,4BI0B2B;AfuOrC;AC3NI;EexCF;AhBsQF;AWtQM;EAEI;AXuQV;AgBpQE;EACE;AhBsQJ;AKlQE;EAQI,gBWXyB;EXczB,sBWdsC;AhByQ5C;AgBrQI;EACE;AhBuQN;AWnRM;EAEI,uBKcyB;AhBsQnC;AgBlQE;EACE;AhBoQJ;AgBjQM;EACE;AhBmQR;AW5RM;EAEI,uBK2B2B;AhBkQrC;ACnPI;EgB5CF;EACA;AjBkSF;AWnSM;EAEI,4BMEuB;AjBkSjC;AiB/RE;EACE;AjBiSJ;AK/RE;EAQI,gBYTyB;EZYzB,2BYZsC;AjBoS5C;AiBhSI;EACE;AjBkSN;AWhTM;EAEI,4BMgByB;AjBiSnC;AiB7RE;EACE;AjB+RJ;AiB5RM;EACE;AjB8RR;AWzTM;EAEI,4BM6B2B;AjB6RrC;AC5QI;EiBhDF;EACA;AlB+TF;AWhUM;EAEI,uBOEuB;AlB+TjC;AkB5TE;EACE;AlB8TJ;AK5TE;EAQI,gBaTyB;EbYzB,sBaZsC;AlBiU5C;AkB7TI;EACE;AlB+TN;AW7UM;EAEI,uBOgByB;AlB8TnC;AkB1TE;EACE;AlB4TJ;AkBzTM;EACE;AlB2TR;AWtVM;EAEI,uBO6B2B;AlB0TrC;ACrSI;EkBpDF;EACA;AnB4VF;AW7VM;EAEI,uBQEuB;AnB4VjC;AmBzVE;EACE;AnB2VJ;AKzVE;EAQI,gBcTyB;EdYzB,sBcZsC;AnB8V5C;AmB1VI;EACE;AnB4VN;AW1WM;EAEI,uBQgByB;AnB2VnC;AmBvVE;EACE;AnByVJ;AmBtVM;EACE;AnBwVR;AWnXM;EAEI,uBQ6B2B;AnBuVrC;AC9TI;EmBxDF;EACA;EACA;EACA;ApByXF;AW5XM;EAEI,uBSIuB;ApByXjC;AKrXE;EAQI,gBeRyB;EfWzB,sBeXsC;ApByX5C;AWnYM;EAEI,uBSayB;ApBuXnC;AoBpXI;EACE;ApBsXN;AoBlXE;EACE;ApBoXJ;AW5YM;EAEI,uBS0B2B;ApBmXrC;AoBhXM;EACE;ApBkXR;ACtVI;EoB5DF;EACA;EACA;EACA;ArBqZF;AWxZM;EAEI,uBUIuB;ArBqZjC;AKjZE;EAQI,gBgBRyB;EhBWzB,sBgBXsC;ArBqZ5C;AqBlZE;EACE;ArBoZJ;AWlaM;EAEI,uBUeyB;ArBoZnC;AqBjZI;EACE;ArBmZN;AqB/YE;EACE;ArBiZJ;AqB/YI;EACE;ArBiZN;AW9aM;EAEI,uBU8B2B;ArBiZrC;AqB9YM;EACE;ArBgZR;ACnXM;EqBjEJ;EACA;EACA;EACA;AtBubF;AsBrbE;EACE;AtBubJ;AsBhbE;EACE;AtBkbJ;AsBhbI;EACE;AtBkbN;AC5XM;EsBvEJ;EACA;EACA;AvBscF;AWxcM;EAEI,wBYGuB;AvBscjC;AuBncE;EACE;AvBqcJ;AuBlcE;EACE;EACA;AvBocJ;AuB7bE;EACE;AvB+bJ;AuB7bI;EACE;EACA;AvB+bN;AC7YI;EACE;AD+YN,C;;;;AD/dA;EACE;EACA;EAIA;EACA;AyBFF;AzBKA;EACE;EACA;EAIA;EACA;AyBNF;AzBSA;EACE;EACA;EAIA;EACA;AyBVF;AzBaA;EACE;EACA;EAIA;EACA;AyBdF;AzBiBA;EACE;EACA;EAIA;EACA;AyBlBF;AzBqBA;EACE;EACA;EAIA;EACA;AyBtBF;AC/BE;ECDA;EACA;EACA;EACA;AFmCF;ArBxCE;EACE;EAGE,mBuBEiB;EvBEjB,uBuBFsB;EvBMtB,mBuBN8B;AFwCpC;Ab9BM;EeRF;AFyCJ;AC3CI;EEJF;EACA;AHkDF;AbnDM;EAEI;AaoDV;AGlDE;EACE;AHoDJ;AbzDM;EAEI,uBgBIuB;AHsDjC;ACpDI;EGRF;EACA;AJ+DF;AbhEM;EAEI;AaiEV;AI/DE;EACE;AJiEJ;AC1DI;EIZF;EACA;ALyEF;Ab1EM;EAEI;Aa2EV;AKzEE;EACE;AL2EJ;AbhFM;EAEI,uBkBIuB;AL6EjC;ACnEI;EKhBF;EACA;ANsFF;AbvFM;EAEI;AawFV;AMtFE;EACE;ANwFJ;Ab7FM;EAEI,4BmBIuB;AN0FjC;AC5EI;EMpBF;EACA;APmGF;AbpGM;EAEI;AaqGV;AOnGE;EACE;APqGJ;Ab1GM;EAEI,4BoBIuB;APuGjC;ACrFI;EOxBF;EACA;ARgHF;AbjHM;EAEI;AakHV;AQhHE;EACE;ARkHJ;AbvHM;EAEI,wBqBIuB;ARoHjC;AC9FI;EQ5BF;EACA;AT6HF;Ab9HM;EAEI;Aa+HV;AS7HE;EACE;AT+HJ;AbpIM;EAEI,4BsBIuB;ATiIjC;ACvGI;EShCF;EACA;AV0IF;Ab3IM;EAEI;Aa4IV;AU1IE;EACE;AV4IJ;AbjJM;EAEI,uBuBIuB;AV8IjC;AChHI;EUpCF;EACA;AXuJF;AbxJM;EAEI;AayJV;AWvJE;EACE;AXyJJ;Ab9JM;EAEI,wBwBIuB;AX2JjC;ACxHI;EWzCF;EACA;AZoKF;AbrKM;EAEI;AasKV;AbxKM;EAEI,4ByBGuB;AZsKjC;AC9HI;EY7CF;EAEA;Ab6KF;AbjKM;E0BTF;EACA;Ab6KJ;AClII;EajDF;EAEA;AdqLF;AbzKM;E2BTF;EACA;AdqLJ;ACtII;EcrDF;EAEA;Af6LF;AbjLM;E4BTF;EACA;Af6LJ;AC1II;EezDF;EAEA;AhBqMF;AbzLM;E6BTF;EACA;AhBqMJ;AC9II;EgB7DF;EAEA;AjB6MF;AbjMM;E8BTF;EACA;AjB6MJ,C;;;;AzBtNA;EACE;EACA;EAIA;EACA;A2CFF;A3CKA;EACE;EACA;EAIA;EACA;A2CNF;A3CSA;EACE;EACA;EAIA;EACA;A2CVF;A3CaA;EACE;EACA;EAIA;EACA;A2CdF;A3CiBA;EACE;EACA;EAIA;EACA;A2ClBF;A3CqBA;EACE;EACA;EAIA;EACA;A2CtBF;AAjCA;EACE;EACA;EACA;EACA;EAEA;EACA;AAkCF;AvC1CE;EACE;EAGE,sBuCM6B;EvCF7B,uBuCEuD;EvCEvD,mBuCF6E;AAsCnF;AApCE;EACE;EACA;EACA;AAsCJ;AvCrDE;EACE;EAGE,sBuCY+B;EvCR/B,uBuCQyD;EvCJzD,mBuCI+E;AA2CrF;AAzCI;EACE;EACA;EACA;EACA;EACA;AA2CN;AAvCE;EACE;EACA;AAyCJ;AvCtEE;EACE;EAGE,sBuC0B+B;EvCtB/B,uBuCsByD;EvClBzD,mBuCkB+E;AA8CrF;ApC7DE;EACE;EACA;EACA,sBoCagE;EpCZhE,gBoCYmD;EpCXnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoC0EZ;AApDE;EACE;EACA;EACA;AAsDJ;ApC5EE;EACE;EACA;EACA,sBoCoBgE;EpCnBhE,gBoCmBmD;EpClBnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoCyFZ;AA5DE;EACE;AA8DJ;AA1DI;EACE;AA4DN;AAxDE;EACE;AA0DJ;AAxDI;EACE;AA0DN;AAvDI;EACE;AAyDN;AAtDI;EACE;AAwDN;AArDI;EACE;AAuDN;AAnDE;EACE;AAqDJ;AAnDI;EACE;AAqDN;AAlDI;EAEE;EACA;EACA;EACA;EACA;EACA;AAmDN;AA/CE;EACE;EACA;AAiDJ;AA/CI;EACE;EACA;EACA;AAiDN;AA7CM;EACE;AA+CR;ArCxIE;EAWI,sBqCmF0B;AA6ChC;ArC3IE;EAWI,sBqCuF0B;AA4ChC,C;;;;A3C3JA;EACE;EACA;EAIA;EACA;A4CFF;A5CKA;EACE;EACA;EAIA;EACA;A4CNF;A5CSA;EACE;EACA;EAIA;EACA;A4CVF;A5CaA;EACE;EACA;EAIA;EACA;A4CdF;A5CiBA;EACE;EACA;EAIA;EACA;A4ClBF;A5CqBA;EACE;EACA;EAIA;EACA;A4CtBF;AAjCA;EACE;EACA;EAEA;EACA;EACA;EACA;AAkCF,C;;;;A5C3CA;EACE;EACA;EAIA;EACA;A6CFF;A7CKA;EACE;EACA;EAIA;EACA;A6CNF;A7CSA;EACE;EACA;EAIA;EACA;A6CVF;A7CaA;EACE;EACA;EAIA;EACA;A6CdF;A7CiBA;EACE;EACA;EAIA;EACA;A6ClBF;A7CqBA;EACE;EACA;EAIA;EACA;A6CtBF;AAjCA;EACE;EACA;EACA;EACA;EACA;EACA;AAmCF;AzC1CE;EACE;EAGE,sByCI6B;AAsCnC;AApCE;EACE;EACA;EACA;EACA;AAsCJ;AzCpDE;EACE;EAGE,mByCW+B;AAyCrC;AAvCI;EACE;EACA;EACA;AAyCN;AtC9CE;EACE;EACA;EACA,sBsCGoD;EtCFpD,gBAXO;EAYP,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsC2DZ;AA9CE;EACE;EACA;EACA;AAgDJ;AzC5EE;EACE;EAGE,mByCyB+B;AAmDrC;AAjDI;EACE;AAmDN;AtCpEE;EACE;EACA;EACA,sBsCekE;EtCdlE,gBsCcqD;EtCbrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsCiFZ;AtC9EE;EACE;EACA;EACA,sBsCmBkE;EtClBlE,gBsCkBqD;EtCjBrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsC2FZ;AA9DE;EACE;AAgEJ;AA9DI;EACE;EACA;EACA;AAgEN,C;;;;A7ChHA;EACE;EACA;EAIA;EACA;A8CFF;A9CKA;EACE;EACA;EAIA;EACA;A8CNF;A9CSA;EACE;EACA;EAIA;EACA;A8CVF;A9CaA;EACE;EACA;EAIA;EACA;A8CdF;A9CiBA;EACE;EACA;EAIA;EACA;A8ClBF;A9CqBA;EACE;EACA;EAIA;EACA;A8CtBF;AAjCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAmCF;AAjCE;EACE;AAmCJ;AAhCE;EACE;AAkCJ;AA/BE;EACE;AAiCJ;AA9BE;EACE;AAgCJ;AA7BE;EACE;AA+BJ;;AA3BA;EACE;IACE;EA8BF;EA5BA;IACE;EA8BF;AACF;AA3BA;EACE;IACE;EA6BF;EA3BA;IACE;EA6BF;AACF;AA1BA;EACE;IACE;EA4BF;EA1BA;IACE;EA4BF;AACF;AAzBA;EACE;IACE;EA2BF;EAzBA;IACE;EA2BF;AACF,C;;;;A9C7FA;EACE;EACA;EAIA;EACA;A+CFF;A/CKA;EACE;EACA;EAIA;EACA;A+CNF;A/CSA;EACE;EACA;EAIA;EACA;A+CVF;A/CaA;EACE;EACA;EAIA;EACA;A+CdF;A/CiBA;EACE;EACA;EAIA;EACA;A+ClBF;A/CqBA;EACE;EACA;EAIA;EACA;A+CtBF;AAjCA;EACE;EACA;EACA;AAmCF;A3CvCE;EACE;EAGE,mB2CC6B;AAsCnC;AApCE;EACE;AAsCJ;AxC/BE;EACE;EACA;EACA,sBwCTgE;ExCUhE,gBwCVmD;ExCWnD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AwC4CZ;AA5CE;EACE;EACA;EACA;AA8CJ;A3C7DE;EACE;EAGE,mB2CY+B;AAiDrC;AA/CI;EACE;AAiDN,C;;;;A/CrEA;EACE;EACA;EAIA;EACA;AgDFF;AhDKA;EACE;EACA;EAIA;EACA;AgDNF;AhDSA;EACE;EACA;EAIA;EACA;AgDVF;AhDaA;EACE;EACA;EAIA;EACA;AgDdF;AhDiBA;EACE;EACA;EAIA;EACA;AgDlBF;AhDqBA;EACE;EACA;EAIA;EACA;AgDtBF;AAjCA;EACE;EACA;EAEA;EACA;EACA;AAkCF;AAhCE;EACE;AAkCJ,C;;;;AhD7CA;EACE;EACA;EAIA;EACA;AiDFF;AjDKA;EACE;EACA;EAIA;EACA;AiDNF;AjDSA;EACE;EACA;EAIA;EACA;AiDVF;AjDaA;EACE;EACA;EAIA;EACA;AiDdF;AjDiBA;EACE;EACA;EAIA;EACA;AiDlBF;AjDqBA;EACE;EACA;EAIA;EACA;AiDtBF;AAjCA;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAiCF;AC9CE;EACE;EACA;EACA;ADgDJ;AAlCE;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAkCJ;A1CjDE;EACE;EACA;EACA,sB0CcgE;E1CbhE,gB0CamD;E1CZnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0C8DZ;A1C3DE;EACE;EACA;EACA,sB0CiBkE;E1ChBlE,gB0CgBqD;E1CfrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0CwEZ;AA7CE;EACE;AA+CJ;ACvFE;EACE;EACA;EACA;ADyFJ;ArC1FM;EAEI,uBqCsCuB;AAqDjC;ArC/EM;EqC2BA;EACA;EACA;AAuDN;A1CrFE;EACE;EACA;EACA,sB0CgCgE;E1C/BhE,gB0C+BmD;E1C9BnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0CkGZ;AAzDE;EACE;AA2DJ;ACjHE;EACE;EACA;EACA;ADmHJ;ArCpHM;EAEI,uBqCoDuB;AAiEjC;ArCzGM;EqCyCA;EACA;EACA;AAmEN;AA/DE;EACE;EACA;AAiEJ;AClIE;EACE;EACA;EACA;ADoIJ;ArCrIM;EAEI,uBqC+DuB;AAuEjC;ArC1HM;EqCoDA;EACA;EACA;AAyEN;AAtEI;EACE;AAwEN;AApEE;EACE;EACA;AAsEJ;ACtJE;EACE;EACA;EACA;ADwJJ;ArC3IM;EqCmEA;EACA;EACA;AA2EN;ArC9JM;EAEI,wBqCqFyB;AA0EnC;ArCjKM;EAEI,wBqCwF2B;AA0ErC;ArCpKM;EAEI,uBqC6FyB;AAwEnC;ArCvKM;EAEI,uBqCgG2B;AAwErC;AAnEE;EACE;AAqEJ;AAlEE;EACE;AAoEJ;AAjEE;EACE;EACA;AAmEJ;ArCpLM;EAEI,wBqCkHyB;AAmEnC;AAhEI;EACE;AAkEN;AA9DE;EACE;EACA;AAgEJ;AA9DI;EACE;AAgEN;AA7DI;EACE;AA+DN;A1CvLE;EACE;EACA;EACA,sB0CyHkE;E1CxHlE,gB0CwHqD;E1CvHrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0CoMZ,C;;;;AjDjNA;EACE;EACA;EAIA;EACA;AmDFF;AnDKA;EACE;EACA;EAIA;EACA;AmDNF;AnDSA;EACE;EACA;EAIA;EACA;AmDVF;AnDaA;EACE;EACA;EAIA;EACA;AmDdF;AnDiBA;EACE;EACA;EAIA;EACA;AmDlBF;AnDqBA;EACE;EACA;EAIA;EACA;AmDtBF;ACqBA;EACE;IACE;EDnBF;ECqBA;IACE;EDnBF;AACF;ACvCE;EACE;EACA;ADyCJ;ACvCI;EACE;EACA;EACA;ADyCN;ACvCM;EACE;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;ADoCR;AClCQ;EACE;EACA;EACA;EACA;ADoCV;ADvEE;EACE;EACA;EACA;ACyEJ;ACrCU;EACE;EACA;ADuCZ;A5CjEE;EACE;EACA;EACA,sB6CwBwE;E7CvBxE,gB6CuB2D;E7CtB3D,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4C8EZ;AC7CU;EACE;AD+CZ;AE5FI;EAEI;EAGA;EAIA,UDqCsF;ADmD9F;AErFM;EAEI,4BDgCuD;ADsDjE,C;;;;AnDtGA;EACE;EACA;EAIA;EACA;AsDFF;AtDKA;EACE;EACA;EAIA;EACA;AsDNF;AtDSA;EACE;EACA;EAIA;EACA;AsDVF;AtDaA;EACE;EACA;EAIA;EACA;AsDdF;AtDiBA;EACE;EACA;EAIA;EACA;AsDlBF;AtDqBA;EACE;EACA;EAIA;EACA;AsDtBF;AAjCA;EACE;EACA;EACA;EACA;EACA;AAmCF;AAjCE;EACE;EACA;EACA;AAmCJ;A/C/BE;EACE;EACA;EACA,sB+CLgE;E/CMhE,gB+CNmD;E/COnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+C4CZ;A/CzCE;EACE;EACA;EACA,uB+CFkE;E/CGlE,gB+CHqD;E/CIrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+CsDZ;AA9CE;EACE;EACA;EACA;AAgDJ;A/CxDE;EACE;EACA;EACA,sB+COgE;E/CNhE,gB+CMmD;E/CLnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+CqEZ;AArDE;EACE;EACA;EACA;AAuDJ;A/CvEE;EACE;EACA;EACA,uB+CegE;E/CdhE,gB+CcmD;E/CbnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+CoFZ;AA5DE;EACE;EACA;EACA;EACA;AA8DJ;ADrGI;EAEI;EAGA;EAIA,UC+B8E;AAkEtF;AD9FM;EAEI,4BC0B+C;AAqEzD;A/C/FE;EACE;EACA;EACA,2B+CwBgE;E/CvBhE,gB+CuBmD;E/CtBnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+C4GZ,C;;;;AtDzHA;EACE;EACA;EAIA;EACA;AuDFF;AvDKA;EACE;EACA;EAIA;EACA;AuDNF;AvDSA;EACE;EACA;EAIA;EACA;AuDVF;AvDaA;EACE;EACA;EAIA;EACA;AuDdF;AvDiBA;EACE;EACA;EAIA;EACA;AuDlBF;AvDqBA;EACE;EACA;EAIA;EACA;AuDtBF;AAjCA;EACE;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EAEA;AA+BF;AhD/BE;EACE;EACA;EACA,sBgDD8D;EhDE9D,gBgDFiD;EhDGjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgD4CZ;AhDzCE;EACE;EACA;EACA,sBgDEgE;EhDDhE,gBgDCmD;EhDAnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgDsDZ;AA3CE;EACE;AA6CJ;AA1CE;EACE;AA4CJ;AhDzDE;EACE;EACA;EACA,sBgDWgE;EhDVhE,gBgDUmD;EhDTnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgDsEZ;AAlDE;EACE;AAoDJ;AAlDI;EACE;AAoDN,C;;;;AvDzFA;EACE;EACA;EAIA;EACA;AwDFF;AxDKA;EACE;EACA;EAIA;EACA;AwDNF;AxDSA;EACE;EACA;EAIA;EACA;AwDVF;AxDaA;EACE;EACA;EAIA;EACA;AwDdF;AxDiBA;EACE;EACA;EAIA;EACA;AwDlBF;AxDqBA;EACE;EACA;EAIA;EACA;AwDtBF;AAjCA;EACE;EACA;AAmCF;ApDtCE;EACE;EAWE,mBoDR+B;AAsCrC;A5CxCM;EAEI,uB4CGuB;AAsCjC;A5C7BM;E4CRA;EACA;EACA;AAwCN;AApCE;EACE;EACA;AAsCJ,C;;;;AxDvDA;EACE;EACA;EAIA;EACA;AyDFF;AzDKA;EACE;EACA;EAIA;EACA;AyDNF;AzDSA;EACE;EACA;EAIA;EACA;AyDVF;AzDaA;EACE;EACA;EAIA;EACA;AyDdF;AzDiBA;EACE;EACA;EAIA;EACA;AyDlBF;AzDqBA;EACE;EACA;EAIA;EACA;AyDtBF;AAjCA;EACE;EACA;EACA;AAmCF;ArDvCE;EACE;AqDyCJ;AAnCE;EACE;EACA;AAqCJ,C;;;;AzD/CA;EACE;EACA;EAIA;EACA;A0DFF;A1DKA;EACE;EACA;EAIA;EACA;A0DNF;A1DSA;EACE;EACA;EAIA;EACA;A0DVF;A1DaA;EACE;EACA;EAIA;EACA;A0DdF;A1DiBA;EACE;EACA;EAIA;EACA;A0DlBF;A1DqBA;EACE;EACA;EAIA;EACA;A0DtBF;AC/BE;EACE;ECGF;EACA;EAEA;EACA;EACA;EACA;EACA;AF8BF;AR5CE;EACE;EACA;EACA;AQ8CJ;A9C/CM;EAUI,egDK2B;AFmCrC;A9CpCM;EgDEF;EACA;EACA;AFqCJ;AEnCE;EApBA;EACA;AF0DF;ACtDI;EEPF;AHgEF;ACrDI;EGTF;AJiEF;AI/DE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJiEJ;AC7DI;EITF;EACA;ALyEF;A9C9EM;EAEI,4BmDKqB;AL0E/B;AKxEE;EACE;AL0EJ;AKvEE;EAbA;ALuFF;ACtEI;EKbF;EACA;ANsFF;A9C3FM;EAEI,4BoDKqB;ANuF/B;AnDjFE;EACE;EACA;EACA,2ByDR8D;EzDS9D,gByDTiD;EzDUjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmD8FZ;AM9FE;EAVA;AN2GF;ACtFI;EMhBF;EACA;APyGF;A9C/GM;EAEI,wBqDMqB;AP0G/B;ApDxGE;EAWI,uB2DZsB;AP4G5B;AO1GE;EACE;AP4GJ;AOzGE;EAfA;EACA;AP2HF;ACnGI;EOjBF;EAEA;EACA;ARsHF;AQpHE;EACE;ARsHJ;A9CpIM;EAEI,uBsDeqB;ARsH/B;ApD7HE;EAWI,sB4DHsB;ARwH5B;AQtHE;EApBA;EACA;AR6IF;A9C9IM;EAEI,uBsDCqB;AR8I/B;ApDvIE;EAWI,sB4DjBsB;ARgJ5B;ACtHM;EQlBJ;EAEA;AT0IF;AnD3IE;EACE;EACA;EACA,wB4DD8D;E5DE9D,gB4DFiD;E5DGjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmDwJZ;A9ClKM;EAEI,yBuDcqB;ATqJ/B;ASnJE;EACE;ATqJJ;ASlJE;EAtBA;EAEA;AT0KF;AC3IQ;EQLN;EAEA;ATkJF;AnDnKE;EACE;EACA;EACA,wB4De8D;E5Dd9D,gB4DciD;E5DbjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmDgLZ;A9C1LM;EAEI,yBuD8BqB;AT6J/B;AS3JE;EACE;AT6JJ;AS1JE;EAhCA;EAEA;AT4LF;AC5JM;ES5BJ;EAEA;AV0LF;AnD3LE;EACE;EACA;EACA,wB6DD8D;E7DE9D,gB6DFiD;E7DGjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmDwMZ;A9ClNM;EAEI,yBwDcqB;AVqM/B;AUnME;EACE;AVqMJ;AUlME;EAtBA;EAEA;AV0NF;ACjLQ;ESfN;EAEA;AVkMF;AnDnNE;EACE;EACA;EACA,wB6De8D;E7Dd9D,gB6DciD;E7DbjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmDgOZ;A9C1OM;EAEI,yBwD8BqB;AV6M/B;AU3ME;EACE;AV6MJ;AU1ME;EAhCA;EAEA;AV4OF;ACnMI;ECjDF;EACA;AFuPF;ACpMM;EIpDJ;AL2PF;ACnMM;EKxDJ;AN8PF;AClMM;EM5DJ;EACA;APiQF;AClMM;EOhEJ;EACA;ARqQF;A9CtQM;EAEI,uBsDCqB;ARsQ/B;ApD/PE;EAWI,sB4DjBsB;ARwQ5B;ACvMQ;EQrEN;EAEA;AT8QF;ACxMU;EQlER;EAEA;AT4QF;ACrMQ;ES/EN;EAEA;AVsRF;ACtMU;ES5ER;EAEA;AVoRF,C;;;;A1D/RA;EACE;EACA;EAIA;EACA;AqEFF;ArEKA;EACE;EACA;EAIA;EACA;AqENF;ArESA;EACE;EACA;EAIA;EACA;AqEVF;ArEaA;EACE;EACA;EAIA;EACA;AqEdF;ArEiBA;EACE;EACA;EAIA;EACA;AqElBF;ArEqBA;EACE;EACA;EAIA;EACA;AqEtBF;AAjCA;EACE;EACA;EAEA;EACA;EACA;AAkCF;AAhCE;EACE;EACA;EACA;AAkCJ;AjE9CE;EACE;EAGE,sBiES+B;AAqCrC;AAnCI;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","sources":["webpack://indicator-ui/./src/styles/colors/css-variables/primary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/secondary-var.css","webpack://indicator-ui/./src/styles/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/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/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/blue-light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/CalendarDay.module.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/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/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateTimeField.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/spacer.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/active.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/error.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/medium.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/large.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/hover.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/disabled.scss","webpack://indicator-ui/./src/ui/Toggle/styles/Toggle.module.scss","webpack://indicator-ui/./src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCount.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/Tag.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/base.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/hover.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/active.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/small.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/medium.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/large.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/clicked.scss","webpack://indicator-ui/./src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/./src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/./src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PaginationBar.module.scss","webpack://indicator-ui/./src/ui/UserPick/styles/UserPick.module.scss","webpack://indicator-ui/./src/ui/DropdownItem/styles/DropdownItem.module.scss"],"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: #55160C;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n\r\n --success-25: #F6FEF9;\r\n --success-50: #ECFDF3;\r\n --success-100: #DCFAE6;\r\n --success-200: #ABEFC6;\r\n --success-300: #75E0A7;\r\n --success-400: #47CD89;\r\n --success-500: #17B26A;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085D3A;\r\n --success-900: #074D31;\r\n --success-950: #053321;\r\n}\r\n",":root {\r\n --blue-dark-25: #F5F8FF;\r\n --blue-dark-50: #EFF4FF;\r\n --blue-dark-100: #D1E0FF;\r\n --blue-dark-200: #B2CCFF;\r\n --blue-dark-300: #84ADFF;\r\n --blue-dark-400: #528BFF;\r\n --blue-dark-500: #2970FF;\r\n --blue-dark-600: #155EEF;\r\n --blue-dark-700: #004EEB;\r\n --blue-dark-800: #0040C1;\r\n --blue-dark-900: #00359E;\r\n --blue-dark-950: #002266;\r\n}\r\n\r\n:root {\r\n --orange-25: #FEFAF5;\r\n --orange-50: #FEF6EE;\r\n --orange-100: #FDEAD7;\r\n --orange-200: #F9DBAF;\r\n --orange-300: #F7B27A;\r\n --orange-400: #F38744;\r\n --orange-500: #EF6820;\r\n --orange-600: #E04F16;\r\n --orange-700: #B93815;\r\n --orange-800: #932F19;\r\n --orange-900: #772917;\r\n --orange-950: #511C10;\r\n}","@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@font-face {\r\n font-family: \"Golos Text\";\r\n src: local(\"Golos Text\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_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 Text\";\r\n src: local(\"Golos Text\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_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 Text\";\r\n src: local(\"Golos Text\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"),\r\n url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff\") format(\"woff\");\r\n font-weight: 600;\r\n font-style: normal;\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@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n cursor: pointer;\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 .text {\n text-align: center;\n flex: none;\n}\n.button.widthFill {\n width: 100%;\n}\n.button.widthHug {\n width: fit-content;\n}\n.button.heightFill {\n height: 100%;\n}\n.button.heightHug {\n height: fit-content;\n}\n.button.small {\n padding: 9px;\n}\n.button.small .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.small .text {\n padding: 0 4px;\n}\n.button.small .text {\n font-size: 14px;\n line-height: 16px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.medium {\n padding: 9px;\n}\n.button.medium .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.medium .text {\n padding: 0 8px;\n}\n.button.medium .text {\n font-size: 14px;\n line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.large {\n padding: 11px;\n}\n.button.large .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.large .text {\n padding: 0 6px;\n}\n.button.large .text {\n font-size: 16px;\n line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.ultra {\n padding: 17px;\n}\n.button.ultra .icon svg {\n flex: none;\n width: 24px;\n height: 24px;\n}\n.button.ultra .text {\n padding: 0 12px;\n}\n.button.ultra .text {\n font-size: 18px;\n line-height: 24px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.primary {\n border-radius: 8px;\n background-color: var(--blue-dark-500);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary .icon svg * {\n stroke: var(--base-white);\n}\n.button.primary .text {\n font-weight: 500;\n color: var(--base-white);\n}\n.button.primary:hover {\n background-color: var(--blue-dark-600);\n}\n.button.primary:disabled, .button.primary.disabled {\n opacity: 0.3;\n}\n.button.primary:disabled:hover, .button.primary.disabled:hover {\n background-color: var(--blue-dark-500);\n}\n.button.secondaryColor {\n border-radius: 8px;\n background-color: var(--base-white);\n border: 1px solid var(--blue-dark-200);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\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}\n.button.secondaryColor:hover {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-300);\n}\n.button.secondaryColor:disabled, .button.secondaryColor.disabled {\n opacity: 0.5;\n}\n.button.secondaryColor:disabled:hover, .button.secondaryColor.disabled:hover {\n background-color: var(--base-white);\n border: 1px solid var(--blue-dark-200);\n}\n.button.secondaryGray {\n border-radius: 8px;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n border: 1px solid var(--gray-300);\n}\n.button.secondaryGray .icon svg * {\n stroke: var(--gray-700);\n}\n.button.secondaryGray .text {\n font-weight: 500;\n color: var(--gray-700);\n}\n.button.secondaryGray:hover {\n background-color: var(--gray-50);\n border: 1px solid var(--gray-300);\n}\n.button.secondaryGray:hover .text {\n color: var(--gray-800);\n}\n.button.secondaryGray:disabled, .button.secondaryGray.disabled {\n opacity: 0.5;\n}\n.button.secondaryGray:disabled:hover, .button.secondaryGray.disabled:hover {\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n}\n.button.secondaryGray:disabled:hover .text, .button.secondaryGray.disabled:hover .text {\n color: var(--gray-700);\n}\n.button.tertiaryWhite {\n border: 1px solid transparent;\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}\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, .button.tertiaryWhite.disabled {\n opacity: 0.5;\n}\n.button.tertiaryWhite:disabled:hover .text, .button.tertiaryWhite.disabled:hover .text {\n color: var(--blue-dark-100);\n}\n.button.tertiaryWhite:disabled:hover .icon svg *, .button.tertiaryWhite.disabled:hover .icon svg * {\n stroke: var(--blue-dark-100);\n}\n.button.tertiaryColor {\n border: 1px solid transparent;\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}\n.button.tertiaryColor:hover .icon svg * {\n stroke: var(--blue-dark-700);\n}\n.button.tertiaryColor:disabled, .button.tertiaryColor.disabled {\n opacity: 0.5;\n}\n.button.tertiaryColor:disabled:hover .text, .button.tertiaryColor.disabled:hover .text {\n font-weight: 400;\n color: var(--blue-dark-500);\n}\n.button.tertiaryColor:disabled:hover .icon svg *, .button.tertiaryColor.disabled:hover .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.tertiaryGray {\n border: 1px solid transparent;\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}\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, .button.tertiaryGray.disabled {\n opacity: 0.5;\n}\n.button.tertiaryGray:disabled:hover .text, .button.tertiaryGray.disabled:hover .text {\n color: var(--gray-700);\n}\n.button.tertiaryGray:disabled:hover .icon svg *, .button.tertiaryGray.disabled:hover .icon svg * {\n stroke: var(--gray-700);\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}\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, .button.linkColor.disabled {\n opacity: 0.5;\n}\n.button.linkColor:disabled:hover .text, .button.linkColor.disabled:hover .text {\n color: var(--blue-dark-500);\n}\n.button.linkColor:disabled:hover .icon svg *, .button.linkColor.disabled:hover .icon svg * {\n stroke: var(--blue-dark-500);\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}\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, .button.linkBlack.disabled {\n opacity: 0.5;\n}\n.button.linkBlack:disabled:hover .text, .button.linkBlack.disabled:hover .text {\n color: var(--gray-700);\n}\n.button.linkBlack:disabled:hover .icon svg *, .button.linkBlack.disabled:hover .icon svg * {\n stroke: var(--gray-700);\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}\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, .button.linkGray.disabled {\n opacity: 0.5;\n}\n.button.linkGray:disabled:hover .text, .button.linkGray.disabled:hover .text {\n color: var(--gray-400);\n}\n.button.linkGray:disabled:hover .icon svg *, .button.linkGray.disabled:hover .icon svg * {\n stroke: var(--gray-400);\n}\n.button.tabActive {\n border-radius: 6px;\n background-color: var(--base-white);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tabActive .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tabActive .text {\n font-weight: 500;\n color: var(--gray-700);\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, .button.tabActive.disabled {\n opacity: 0.5;\n}\n.button.tabActive:disabled:hover .icon svg *, .button.tabActive.disabled:hover .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tabActive:disabled:hover .text, .button.tabActive.disabled:hover .text {\n color: var(--gray-700);\n}\n.button.tab {\n border-radius: 6px;\n background-color: var(--gray-100);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tab .icon svg * {\n stroke: var(--gray-500);\n}\n.button.tab .text {\n font-weight: 500;\n color: var(--gray-500);\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, .button.tab.disabled {\n opacity: 0.5;\n}\n.button.tab:disabled:hover, .button.tab.disabled:hover {\n background-color: var(--gray-100);\n}\n.button.tab:disabled:hover .icon svg *, .button.tab.disabled:hover .icon svg * {\n stroke: var(--gray-500);\n}\n.button.tab:disabled:hover .text, .button.tab.disabled:hover .text {\n color: var(--gray-500);\n}\n.button.warning.primary {\n border-radius: 8px;\n background-color: var(--error-500);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.primary:hover {\n border: 1px solid var(--error-600);\n}\n.button.warning.primary:disabled, .button.warning.primary.disabled {\n opacity: 0.3;\n}\n.button.warning.primary:disabled:hover, .button.warning.primary.disabled:hover {\n border: 1px solid var(--error-500);\n}\n.button.warning.secondaryColor {\n border: 1px solid var(--error-200);\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.secondaryColor .icon svg * {\n stroke: var(--error-500);\n}\n.button.warning.secondaryColor .text {\n color: var(--error-500);\n}\n.button.warning.secondaryColor:hover {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n}\n.button.warning.secondaryColor:disabled, .button.warning.secondaryColor.disabled {\n opacity: 0.5;\n}\n.button.warning.secondaryColor:disabled:hover, .button.warning.secondaryColor.disabled:hover {\n background-color: var(--base-white);\n border: 1px solid var(--error-200f);\n}\n.button:disabled, .button.disabled {\n cursor: default;\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 &:disabled, &.disabled {\r\n cursor: default;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n cursor: pointer;\r\n transition: all ease-out 0.2s;\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 .text {\r\n text-align: center;\r\n flex: none;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\r\n & {\r\n display: flex;\r\n\r\n @if ($direction != null) {\r\n flex-direction: $direction;\r\n }\r\n\r\n @if ($justify-content != null) {\r\n justify-content: $justify-content;\r\n }\r\n\r\n @if ($align-items != null) {\r\n align-items: $align-items;\r\n }\r\n @content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16, $family: $golos-ui);\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: null,\r\n $stretch: null,\r\n $style: null,\r\n $variant: null,\r\n $units: px,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}#{$units};\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}#{$units};\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n @if ($family != null) {\r\n font-family: $family;\r\n }\r\n @if ($stretch != null) {\r\n font-stretch: $stretch;\r\n }\r\n @if ($style != null) {\r\n font-style: $style;\r\n }\r\n @if ($variant != null) {\r\n font-variant: $variant;\r\n }\r\n }\r\n}\r\n","@use \"../fonts\";\r\n\r\n$golos-ui: 'Golos UI', sans-serif;\r\n$golos-text: 'Golos Text', sans-serif;\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: $golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n $units: px,\r\n) {\r\n & {\r\n font-size: #{$size}#{$units};\r\n line-height: #{$line-height}#{$units};\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n // С учетом border\r\n padding: 11px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 6px;\r\n @include fnt-flex($size: 16, $line-height: 20, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n // С учетом border\r\n padding: 17px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 12px;\r\n @include fnt-flex($size: 18, $line-height: 24, $family: $golos-ui);\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 border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n\r\n .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, &.disabled {\r\n opacity: 0.3;\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-500);\r\n }\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 border: 1px solid var(--blue-dark-200);\r\n box-shadow: 0 1px 2px 0 #1018280D;\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 border: 1px solid 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, &.disabled {\r\n opacity: 0.5;\r\n\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n border: 1px solid var(--blue-dark-200);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n border: 1px solid var(--gray-300);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .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 border: 1px solid var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n\r\n //&:focus {\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-700);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n border: 1px solid transparent;\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--blue-dark-100);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-100));\r\n }\r\n }\r\n\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n border: 1px solid transparent;\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n }\r\n\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n }\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--blue-dark-500);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n }\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n }\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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-400);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabActiveButton {\r\n border-radius: 6px;\r\n background-color: var(--base-white);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\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 }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabButton {\r\n border-radius: 6px;\r\n background-color: var(--gray-100);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .text {\r\n color: var(--gray-500);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningPrimaryButton {\r\n border-radius: 8px;\r\n background-color: var(--error-500);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &:hover {\r\n border: 1px solid var(--error-600);\r\n }\r\n\r\n //&:focus {\r\n // background-color: var(--error-500);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n\r\n &:hover {\r\n border: 1px solid var(--error-500);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n border: 1px solid var(--error-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .text {\r\n color: var(--error-500);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--error-50);\r\n border: 1px solid 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, &.disabled {\r\n opacity: 0.5;\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n border: 1px solid var(--error-200f);\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@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n width: fit-content;\n height: fit-content;\n cursor: pointer;\n transition: all ease-out 200ms;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button svg {\n flex: none;\n}\n.button.light {\n background: none;\n border: 1px solid transparent;\n}\n.button.light svg * {\n stroke: var(--gray-400);\n}\n.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 border: 1px solid transparent;\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-color: transparent;\n border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid 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 border: 1px solid 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 border: 1px solid 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.blueLight {\n background: none;\n border: 1px solid transparent;\n}\n.button.blueLight svg * {\n stroke: var(--blue-dark-50);\n}\n.button.blueLight:hover svg * {\n stroke: var(--blue-dark-200);\n}\n.button.size14 {\n border-radius: 3px;\n padding: 1px;\n}\n.button.size14 svg {\n width: 10px;\n height: 10px;\n}\n.button.size16 {\n border-radius: 3px;\n padding: 1px;\n}\n.button.size16 svg {\n width: 12px;\n height: 12px;\n}\n.button.size20 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size20 svg {\n width: 14px;\n height: 14px;\n}\n.button.size24 {\n border-radius: 4px;\n padding: 3px;\n}\n.button.size24 svg {\n width: 16px;\n height: 16px;\n}\n.button.size28 {\n border-radius: 4px;\n padding: 3px;\n}\n.button.size28 svg {\n width: 20px;\n height: 20px;\n}","@use '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\r\n &.blueLight {\r\n @include properties.blue-light();\r\n }\r\n\r\n &.size14 {\r\n @include properties.size-14();\r\n }\r\n\r\n &.size16 {\r\n @include properties.size-16();\r\n }\r\n\r\n &.size20 {\r\n @include properties.size-20();\r\n }\r\n\r\n &.size24 {\r\n @include properties.size-24();\r\n }\r\n\r\n &.size28 {\r\n @include properties.size-28();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-micro-button() {\r\n width: fit-content;\r\n height: fit-content;\r\n cursor: pointer;\r\n transition: all ease-out 200ms;\r\n @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 border: 1px solid transparent;\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 border: 1px solid transparent;\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-color: transparent;\r\n border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid transparent;\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 border: 1px solid 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 border: 1px solid 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 border: 1px solid 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 blue-light() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--blue-dark-50));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--blue-dark-200));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n // 3 - 1 для учета border\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.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 '@/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, $color: var(--gray-500));\r\n }\r\n }\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 text-transform: capitalize;\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-900), $family: $golos-text);\r\n }\r\n\r\n .year {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\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), $family: $golos-text);\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}","@use '@/styles' as *;\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n @include centerInsideContent();\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.red {\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &.focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-50);\r\n cursor: default;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .userPick {\r\n opacity: 50%;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n}","@mixin centerInsideContent {\r\n & {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\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@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n@keyframes show-animation {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 1;\n}\n.selectField .modalWindow .selectModalWindow {\n animation: show-animation ease-out forwards 200ms;\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 gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n display: flex;\n align-items: center;\n justify-content: center;\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 .modalWindow {\r\n width: 100%;\r\n position: absolute;\r\n z-index: 1;\r\n\r\n .selectModalWindow {\r\n animation: show-animation ease-out forwards 200ms;\r\n\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 gap: 8px;\r\n padding: 10px 16px;\r\n\r\n @include centerInsideContent();\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}\r\n\r\n@keyframes show-animation {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\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}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n }\r\n }\r\n\r\n .hintText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .hintError {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n 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}","@use '@/styles' as *;\r\n\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 // С учетом border\r\n padding: 9px 11px;\r\n\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n transition: all ease-out 200ms;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:focus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--gray-50);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeRangeField {\r\n width: 100%;\r\n gap: 8px;\r\n @include modify-flex($align-items: center);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .item {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeField {\r\n flex: 1;\r\n width: 100%;\r\n gap: 8px;\r\n @include modify-flex();\r\n\r\n .item {\r\n flex: 1;\r\n min-width: 0;\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@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos Text\";\n src: local(\"Golos Text\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-Text/golos-text_demibold.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 border: 1px solid var(--gray-300);\n box-sizing: border-box;\n cursor: pointer;\n overflow: hidden;\n}\n.checkboxMark {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.checkboxMark svg * {\n stroke-width: 4;\n}\n.checkboxMark svg {\n width: 14px;\n height: 14px;\n flex: none;\n}\n.checkboxMark:hover {\n background-color: var(--blue-dark-50);\n border: 1px solid 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 border: 1px solid 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 border: 1px solid var(--blue-dark-400);\n}\n.checkboxMark.indeterminate {\n background-color: var(--blue-dark-50);\n border: 1px solid 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 border: 1px solid var(--blue-dark-400);\n}\n.checkboxMark.error {\n background-color: var(--error-50);\n border: 1px solid var(--error-200);\n}\n.checkboxMark.error svg * {\n stroke: var(--error-500);\n}\n.checkboxMark.error {\n color: var(--error-500);\n}\n.checkboxMark.error:after {\n background-color: var(--error-500);\n}\n.checkboxMark.error:hover {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n}\n.checkboxMark.disabled {\n cursor: default;\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n}\n.checkboxMark.disabled:after {\n background-color: var(--gray-300);\n}\n.checkboxMark.disabled svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.disabled {\n color: var(--gray-300);\n}\n.checkboxMark.disabled:hover {\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n}\n.checkboxMark.disabled:hover svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.disabled:hover {\n color: var(--gray-300);\n}\n.checkboxMark.correct.checked {\n background-color: var(--blue-dark-500);\n border: transparent;\n}\n.checkboxMark.correct.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"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 border: transparent;\n}\n.checkboxMark.correct.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"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 border: transparent;\n}\n.checkboxMark.incorrect.checked {\n background-color: var(--error-500);\n border: transparent;\n}\n.checkboxMark.incorrect.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"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 border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"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 border: transparent;\n}\n.checkboxMark.hover {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n}\n.checkboxMark.hover.checked {\n border: 1px solid var(--blue-dark-400);\n}\n.checkboxMark.hover.indeterminate {\n border: 1px solid var(--blue-dark-400);\n}\n.checkboxMark.hover.error {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n}\n.checkboxMark.hover.disabled {\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n}\n.checkboxMark.hover.disabled svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.hover.disabled {\n color: var(--gray-300);\n}\n.checkboxMark.hover.correct.checked {\n background-color: var(--blue-dark-600);\n border: transparent;\n}\n.checkboxMark.hover.correct.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.hover.incorrect.checked {\n background-color: var(--error-600);\n border: transparent;\n}\n.checkboxMark.hover.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}","@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 border: 1px solid 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 border: 1px solid var(--gray-300);\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n overflow: hidden;\r\n\r\n @include centerInsideContent();\r\n @include modify-svg($stroke-width: 4) {\r\n width: 14px;\r\n height: 14px;\r\n flex: none;\r\n }\r\n &: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 border: 1px solid var(--blue-dark-400);\r\n}\r\n\r\n@mixin checked() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid 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 border: 1px solid var(--blue-dark-400);\r\n}\r\n\r\n@mixin indeterminate() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid 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 border: 1px solid var(--error-400);\r\n}\r\n\r\n@mixin error() {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-200);\r\n\r\n @include modify-svg($stroke: var(--error-500));\r\n @include fnt-flex($color: var(--error-500));\r\n\r\n &:after {\r\n background-color: var(--error-500);\r\n }\r\n\r\n &: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 border: 1px solid var(--gray-300);\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n}\r\n\r\n@mixin disabled() {\r\n cursor: default;\r\n\r\n background-color: var(--gray-100);\r\n border: 1px solid var(--gray-300);\r\n\r\n &:after {\r\n background-color: var(--gray-300);\r\n }\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n\r\n &: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\r\n border: transparent;\r\n}\r\n\r\n@mixin correct-disabled-hover() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin correct-checked() {\r\n background-color: var(--blue-dark-500);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &: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\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &: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\r\n border: transparent;\r\n}\r\n\r\n@mixin incorrect-disabled-hover() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n background-color: var(--error-500);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &: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\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &: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 transition: color ease-in-out 200ms;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &.textBold {\r\n @include fnt-flex($weight: 600);\r\n\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n\r\n &.hover,\r\n &.focus {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.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\r\n .button {\r\n @include mixins.base-button();\r\n }\r\n\r\n .spacer {\r\n transition: flex-grow ease-in-out 0.2s;\r\n @include mixins.spacer();\r\n }\r\n\r\n &.active {\r\n @include mixins.active();\r\n\r\n .spacer {\r\n @include mixins.active-spacer();\r\n }\r\n }\r\n\r\n &.error {\r\n @include mixins.error-base();\r\n\r\n &.active {\r\n @include mixins.error-active();\r\n }\r\n }\r\n\r\n &.medium {\r\n @include mixins.medium-base();\r\n\r\n .button {\r\n @include mixins.medium-button();\r\n }\r\n }\r\n\r\n &.large {\r\n @include mixins.large-base();\r\n\r\n .button {\r\n @include mixins.large-button();\r\n }\r\n }\r\n\r\n &.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: 1px;\r\n border: 1px solid transparent;\r\n background-color: var(--gray-300);\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n flex: none;\r\n border: 1px solid transparent;\r\n border-radius: 50%;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin spacer() {\r\n flex-grow: 0;\r\n}","@mixin active() {\r\n background-color: var(--blue-dark-500);\r\n}\r\n\r\n@mixin active-spacer() {\r\n flex-grow: 1;\r\n}\r\n\r\n","@mixin error-base() {\r\n background-color: var(--error-200);\r\n}\r\n\r\n@mixin error-active() {\r\n background-color: var(--error-500);\r\n}","@mixin medium-base() {\r\n width: 36px;\r\n height: 20px;\r\n}\r\n\r\n@mixin medium-button() {\r\n width: 16px;\r\n height: 16px;\r\n}","@mixin large-base() {\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n@mixin large-button() {\r\n width: 20px;\r\n height: 20px;\r\n}","@mixin hover() {\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 text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n }\r\n\r\n .description {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n\r\n &.hover,\r\n &.active {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .description {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n }\r\n &.disabled .hover,\r\n &.disabled .active,\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}","@use \"@/styles\" as *;\r\n\r\n.cascadeBlockLabel {\r\n gap: 2px;\r\n @include modify-flex();\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n width: 20px;\r\n height: 20px;\r\n transform: rotateX(180deg);\r\n transition: transform ease-out 200ms;\r\n }\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 20, $weight: 600, $color: var(--gray-700));\r\n }\r\n\r\n &.open {\r\n @include modify-svg() {\r\n transform: rotateX(0);\r\n }\r\n }\r\n}\r\n\r\n.cascadeBlock {\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n position: relative;\r\n\r\n .list {\r\n padding: 8px 0 8px 16px;\r\n gap: 8px;\r\n @include modify-flex($direction: column);\r\n\r\n &.hide {\r\n display: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tagCheckbox {\r\n border-radius: 4px;\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--base-white), $stroke-width: 3) {\r\n opacity: 0;\r\n transition: opacity ease-in-out 200ms;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n background-color: var(--blue-dark-50);\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--blue-dark-500);\r\n background-color: var(--blue-dark-500);\r\n @include modify-svg() {\r\n opacity: 1;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--blue-dark-600);\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n &, &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.checked {\r\n &, &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n }\r\n\r\n &.small {\r\n width: 14px;\r\n height: 14px;\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n }\r\n\r\n &.medium {\r\n width: 16px;\r\n height: 16px;\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n &.large {\r\n width: 18px;\r\n height: 18px;\r\n @include modify-svg() {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tagCount {\r\n width: fit-content;\r\n height: fit-content;\r\n border-radius: 3px;\r\n @include fnt-flex($color: var(--gray-700));\r\n\r\n &.gray {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.color {\r\n background-color: var(--blue-dark-100);\r\n }\r\n\r\n &.small {\r\n padding: 2px 4px 2px 4px;\r\n @include fnt-flex($size: 12, $line-height: 14, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n &.medium {\r\n padding: 2px 5px 2px 5px;\r\n @include fnt-flex($size: 12, $line-height: 16, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n &.large {\r\n padding: 0 6px 0 6px;\r\n @include fnt-flex($size: 12, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n }\r\n}","@use 'properties';\r\n\r\n.tag {\r\n @include properties.base();\r\n\r\n &:hover {\r\n @include properties.hover();\r\n }\r\n\r\n &.active {\r\n @include properties.active();\r\n\r\n &:hover {\r\n @include properties.active-hover();\r\n }\r\n }\r\n\r\n &.small {\r\n @include properties.small();\r\n }\r\n\r\n &.medium {\r\n @include properties.medium();\r\n }\r\n\r\n &.large {\r\n @include properties.large();\r\n }\r\n\r\n &.clicked {\r\n @include properties.clicked();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 3px;\r\n border-radius: 6px;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n transition: background-color ease-out 300ms;\r\n cursor: default;\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .label {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n\r\n .dotIcon {\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--success-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin hover() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin active() {\r\n border: 1px solid var(--blue-dark-200);\r\n background-color: var(--blue-dark-50);\r\n\r\n &:hover {\r\n border: 1px solid var(--blue-dark-300);\r\n background-color: var(--blue-dark-100);\r\n }\r\n}\r\n\r\n@mixin active-hover() {\r\n border: 1px solid var(--blue-dark-300);\r\n background-color: var(--blue-dark-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n // С учетом border\r\n padding: 2px 7px;\r\n @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);\r\n\r\n .main {\r\n gap: 4px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin medium() {\r\n // С учетом border\r\n padding: 1px 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n\r\n .main {\r\n gap: 5px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 4px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin large() {\r\n // С учетом border\r\n padding: 3px 9px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n\r\n .main {\r\n gap: 6px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@mixin clicked() {\r\n cursor: pointer;\r\n}","@use '@/styles' as *;\r\n\r\n.slideTransition {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n &.hide {\r\n transform: scaleY(0);\r\n }\r\n\r\n &.show {\r\n transform: scaleY(1);\r\n }\r\n\r\n &.enterUp {\r\n transform-origin: top;\r\n animation: enterAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.exitUp {\r\n transform-origin: top;\r\n animation: exitAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.enterDown {\r\n transform-origin: bottom;\r\n animation: enterAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.exitDown {\r\n transform-origin: bottom;\r\n animation: exitAnimation forwards ease-out 300ms;\r\n }\r\n}\r\n\r\n@keyframes enterAnimation {\r\n from {\r\n transform: scaleY(0);\r\n display: none;\r\n }\r\n to {\r\n transform: scaleY(1);\r\n }\r\n}\r\n\r\n@keyframes exitAnimation {\r\n from {\r\n transform: scaleY(1);\r\n }\r\n to {\r\n transform: scaleY(0);\r\n display: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tabFrame {\r\n border-radius: 8px;\r\n padding: 4px;\r\n gap: 4px;\r\n background-color: var(--gray-100);\r\n @include modify-flex();\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tabButtons {\r\n border-radius: 6px;\r\n // С учетом border\r\n padding: 9px;\r\n background-color: var(--gray-100);\r\n cursor: pointer;\r\n transition: all 200ms ease-out;\r\n border: 1px solid transparent;\r\n @include modify-flex($justify-content: center, $align-items: center);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .text {\r\n width: fit-content;\r\n padding: 0 4px;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-600));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &.active {\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n flex: none;\r\n @include fnt-flex($color: var(--gray-800));\r\n }\r\n\r\n\r\n &:hover {\r\n background-color: var(--gray-50);\r\n }\r\n }\r\n\r\n &.disabled, &:disabled {\r\n border: transparent 1px solid;\r\n box-shadow: none;\r\n background-color: var(--gray-100);\r\n cursor: default;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.pageSwitcher {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 16px 0 0 0;\r\n\r\n .arrowButtons {\r\n width: fit-content;\r\n height: fit-content;\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n\r\n @include changeSvg($flex: none, $stroke: var(--gray-600), $width: 20, $height: 20);\r\n @include fnt($size: 14, $line-height: 20, $weight: 600, $color: var(--gray-600));\r\n\r\n &:hover {\r\n color: var(--gray-700);\r\n @include changeSvg($stroke: var(--gray-700));\r\n }\r\n\r\n &:focus {\r\n color: var(--gray-600);\r\n @include changeSvg($stroke: var(--gray-600));\r\n }\r\n\r\n &:disabled {\r\n color: var(--gray-300);\r\n @include changeSvg($stroke: var(--gray-300));\r\n }\r\n }\r\n\r\n .buttonsList {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 2px;\r\n\r\n .plug {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n @include centerInsideContent();\r\n }\r\n\r\n .numberButton {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n transition: all linear 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n @include centerInsideContent();\r\n\r\n &:hover {\r\n color: var(--gray-800);\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.active {\r\n color: var(--gray-800);\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.smallVersion {\r\n justify-content: space-between;\r\n }\r\n}",".paginationBar {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}","@use '@/styles' as *;\r\n\r\n.userPick, .userPickPlaceholder {\r\n border-radius: 50%;\r\n object-fit: scale-down;\r\n overflow: hidden;\r\n}\r\n\r\n.userPickPlaceholder {\r\n background-color: var(--gray-300);\r\n @include modify-svg($fill: var(--gray-400)) {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dropdownItem {\r\n height: fit-content;\r\n gap: 6px;\r\n transition: background-color ease-out 300ms;\r\n @include modify-flex($align-items: center);\r\n\r\n .showIcon {\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .main {\r\n flex: 1;\r\n gap: 6px;\r\n @include modify-flex($align-items: center);\r\n\r\n .text, .supportText {\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n .check {\r\n opacity: 0;\r\n transition: opacity ease-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--blue-dark-500)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.selected {\r\n background-color: var(--blue-dark-50);\r\n\r\n .check {\r\n opacity: 1;\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n\r\n .showIcon {\r\n @include modify-svg($stroke: var(--gray-300));\r\n }\r\n\r\n .main .supportText, .main .text {\r\n @include fnt-flex($color: var(--gray-300));\r\n }\r\n\r\n .userIcon {\r\n opacity: 45%;\r\n }\r\n\r\n .check {\r\n @include modify-svg($stroke: var(--gray-300));\r\n }\r\n\r\n &.selected {\r\n background-color: var(--gray-25);\r\n }\r\n }\r\n\r\n &.small {\r\n padding: 8px 8px 8px 16px;\r\n\r\n .text {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.medium {\r\n padding: 10px 10px 10px 16px;\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n}"],"names":[],"sourceRoot":""}
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import { CheckboxMarkPropsType } from "../types";
3
- export declare const CheckboxMark: React.ForwardRefExoticComponent<CheckboxMarkPropsType & React.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
3
+ export declare const CheckboxMark: React.ForwardRefExoticComponent<CheckboxMarkPropsType & React.RefAttributes<HTMLSpanElement | HTMLButtonElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.0.158",
3
+ "version": "0.0.159",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/src/index.d.ts",
6
6
  "style": "dist/index.css",