indicator-ui 0.0.155 → 0.0.156

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.css +17 -2
  2. package/dist/index.css.map +1 -1
  3. package/dist/scss/styles/colors/primary.scss +1 -1
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -42,7 +42,7 @@
42
42
  --error-700: #B42318;
43
43
  --error-800: #912018;
44
44
  --error-900: #7A271A;
45
- --error-950: #FEFDF0;
45
+ --error-950: #55160C;
46
46
 
47
47
  --warning-25: #FFFCF5;
48
48
  --warning-50: #FFFAEB;
@@ -89,7 +89,20 @@
89
89
  --blue-dark-950: #002266;
90
90
  }
91
91
 
92
-
92
+ :root {
93
+ --orange-25: #FEFAF5;
94
+ --orange-50: #FEF6EE;
95
+ --orange-100: #FDEAD7;
96
+ --orange-200: #F9DBAF;
97
+ --orange-300: #F7B27A;
98
+ --orange-400: #F38744;
99
+ --orange-500: #EF6820;
100
+ --orange-600: #E04F16;
101
+ --orange-700: #B93815;
102
+ --orange-800: #932F19;
103
+ --orange-900: #772917;
104
+ --orange-950: #511C10;
105
+ }
93
106
  /*!*********************************************************************************************!*\
94
107
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/colors/css-variables/index.css ***!
95
108
  \*********************************************************************************************/
@@ -3184,6 +3197,7 @@
3184
3197
  stroke: var(--gray-700);
3185
3198
  }
3186
3199
  .TabButtons-module__tabButtons___vSLsZ .TabButtons-module__rightIcon___Vllb5 svg {
3200
+ display: block;
3187
3201
  flex: none;
3188
3202
  width: 16px;
3189
3203
  height: 16px;
@@ -3192,6 +3206,7 @@
3192
3206
  stroke: var(--gray-700);
3193
3207
  }
3194
3208
  .TabButtons-module__tabButtons___vSLsZ .TabButtons-module__leftIcon___yDOkS svg {
3209
+ display: block;
3195
3210
  flex: none;
3196
3211
  width: 16px;
3197
3212
  height: 16px;
package/dist/index.css.map CHANGED
@@ -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;;;;;;;;;;ACbA;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;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ACA;EAIA;EACA;A2DNF;A3DSA;EACE;EACA;EAIA;EACA;A2DVF;A3DaA;EACE;EACA;EAIA;EACA;A2DdF;A3DiBA;EACE;EACA;EAIA;EACA;A2DlBF;A3DqBA;EACE;EACA;EAIA;EACA;A2DtBF;AC/BE;EACE;ECGF;EACA;EAEA;EACA;EACA;EACA;EACA;AF8BF;AR5CE;EACE;EACA;EACA;AQ8CJ;A/C/CM;EAUI,eiDK2B;AFmCrC;A/CpCM;EiDEF;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;A/C9EM;EAEI,4BoDKqB;AL0E/B;AKxEE;EACE;AL0EJ;AKvEE;EAbA;ALuFF;ACtEI;EKbF;EACA;ANsFF;A/C3FM;EAEI,4BqDKqB;ANuF/B;ApDjFE;EACE;EACA;EACA,2B0DR8D;E1DS9D,gB0DTiD;E1DUjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoD8FZ;AM9FE;EAVA;AN2GF;ACtFI;EMhBF;EACA;APyGF;A/C/GM;EAEI,wBsDMqB;AP0G/B;ArDxGE;EAWI,uB4DZsB;AP4G5B;AO1GE;EACE;AP4GJ;AOzGE;EAfA;EACA;AP2HF;ACnGI;EOjBF;EAEA;EACA;ARsHF;AQpHE;EACE;ARsHJ;A/CpIM;EAEI,uBuDeqB;ARsH/B;ArD7HE;EAWI,sB6DHsB;ARwH5B;AQtHE;EApBA;EACA;AR6IF;A/C9IM;EAEI,uBuDCqB;AR8I/B;ArDvIE;EAWI,sB6DjBsB;ARgJ5B;ACtHM;EQlBJ;EAEA;AT0IF;ApD3IE;EACE;EACA;EACA,wB6DD8D;E7DE9D,gB6DFiD;E7DGjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoDwJZ;A/ClKM;EAEI,yBwDcqB;ATqJ/B;ASnJE;EACE;ATqJJ;ASlJE;EAtBA;EAEA;AT0KF;AC3IQ;EQLN;EAEA;ATkJF;ApDnKE;EACE;EACA;EACA,wB6De8D;E7Dd9D,gB6DciD;E7DbjD,mCAn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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/ui/InputFields/FlexField/styles/mixins/flexField.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/mixins/selectField.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/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"],"sourcesContent":[":root {\r\n --base-white: #FFFFFF;\r\n --base-black: #000000;\r\n\r\n --gray-25: #FCFCFD;\r\n --gray-50: #F9FAFB;\r\n --gray-100: #F2F4F7;\r\n --gray-200: #EAECF0;\r\n --gray-300: #D0D5DD;\r\n --gray-400: #98A2B3;\r\n --gray-500: #667085;\r\n --gray-600: #475467;\r\n --gray-700: #344054;\r\n --gray-800: #1D2939;\r\n --gray-900: #101828;\r\n --gray-950: #0C111D;\r\n\r\n --primary-25: #FCFAFF;\r\n --primary-50: #F9F5FF;\r\n --primary-100: #F4EBFF;\r\n --primary-200: #E9D7FE;\r\n --primary-300: #D6BBFB;\r\n --primary-400: #B692F6;\r\n --primary-500: #9E77ED;\r\n --primary-600: #7F56D9;\r\n --primary-700: #6941C6;\r\n --primary-800: #53389E;\r\n --primary-900: #42307D;\r\n --primary-950: #2C1C5F;\r\n\r\n --error-25: #FFFBFA;\r\n --error-50: #FEF3F2;\r\n --error-100: #FEE4E2;\r\n --error-200: #FECDCA;\r\n --error-300: #FDA29B;\r\n --error-400: #F97066;\r\n --error-500: #F04438;\r\n --error-600: #D92D20;\r\n --error-700: #B42318;\r\n --error-800: #912018;\r\n --error-900: #7A271A;\r\n --error-950: #FEFDF0;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n\r\n --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","@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}","@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.flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n padding: 9px 11px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n}\n.flexField .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n}\n.flexField .help {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n}\n.flexField .dropdown {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n}\n.flexField .button {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n border: 1px solid var(--gray-400);\n}\n.flexField.isError {\n border: 1px solid var(--error-300);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n border: 1px solid var(--error-400);\n}\n.flexField.disabled {\n background-color: var(--gray-50);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n .flexField {\r\n width: 100%;\r\n height: fit-content;\r\n 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 .userPic {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n object-fit: scale-down;\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.red {\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n 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 .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n & {\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.animateDrop {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n transform-origin: bottom;\r\n\r\n .main {\r\n position: relative;\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n z-index: 1;\r\n //will-change: transform;\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 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 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}"],"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;EA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AIA;EACA;A0DlBF;A1DqBA;EACE;EACA;EAIA;EACA;A0DtBF;AAjCA;EACE;EACA;EACA;AAmCF;AtDvCE;EACE;AsDyCJ;AAnCE;EACE;EACA;AAqCJ,C;;;;A1D/CA;EACE;EACA;EAIA;EACA;A2DFF;A3DKA;EACE;EACA;EAIA;EACA;A2DNF;A3DSA;EACE;EACA;EAIA;EACA;A2DVF;A3DaA;EACE;EACA;EAIA;EACA;A2DdF;A3DiBA;EACE;EACA;EAIA;EACA;A2DlBF;A3DqBA;EACE;EACA;EAIA;EACA;A2DtBF;AC/BE;EACE;ECGF;EACA;EAEA;EACA;EACA;EACA;EACA;AF8BF;AR5CE;EACE;EACA;EACA;AQ8CJ;A/C/CM;EAUI,eiDK2B;AFmCrC;A/CpCM;EiDEF;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;A/C9EM;EAEI,4BoDKqB;AL0E/B;AKxEE;EACE;AL0EJ;AKvEE;EAbA;ALuFF;ACtEI;EKbF;EACA;ANsFF;A/C3FM;EAEI,4BqDKqB;ANuF/B;ApDjFE;EACE;EACA;EACA,2B0DR8D;E1DS9D,gB0DTiD;E1DUjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoD8FZ;AM9FE;EAVA;AN2GF;ACtFI;EMhBF;EACA;APyGF;A/C/GM;EAEI,wBsDMqB;AP0G/B;ArDxGE;EAWI,uB4DZsB;AP4G5B;AO1GE;EACE;AP4GJ;AOzGE;EAfA;EACA;AP2HF;ACnGI;EOjBF;EAEA;EACA;ARsHF;AQpHE;EACE;ARsHJ;A/CpIM;EAEI,uBuDeqB;ARsH/B;ArD7HE;EAWI,sB6DHsB;ARwH5B;AQtHE;EApBA;EACA;AR6IF;A/C9IM;EAEI,uBuDCqB;AR8I/B;ArDvIE;EAWI,sB6DjBsB;ARgJ5B;ACtHM;EQlBJ;EAEA;AT0IF;ApD3IE;EACE;EACA;EACA,wB6DD8D;E7DE9D,gB6DFiD;E7DGjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoDwJZ;A/ClKM;EAEI,yBwDcqB;ATqJ/B;ASnJE;EACE;ATqJJ;ASlJE;EAtBA;EAEA;AT0KF;AC3IQ;EQLN;EAEA;ATkJF;ApDnKE;EACE;EACA;EACA,wB6De8D;E7Dd9D,gB6DciD;E7DbjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoDgLZ;A/C1LM;EAEI,yBwD8BqB;AT6J/B;AS3JE;EACE;AT6JJ;AS1JE;EAhCA;EAEA;AT4LF;AC5JM;ES5BJ;EAEA;AV0LF;ApD3LE;EACE;EACA;EACA,wB8DD8D;E9DE9D,gB8DFiD;E9DGjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoDwMZ;A/ClNM;EAEI,yByDcqB;AVqM/B;AUnME;EACE;AVqMJ;AUlME;EAtBA;EAEA;AV0NF;ACjLQ;ESfN;EAEA;AVkMF;ApDnNE;EACE;EACA;EACA,wB8De8D;E9Dd9D,gB8DciD;E9DbjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoDgOZ;A/C1OM;EAEI,yByD8BqB;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;A/CtQM;EAEI,uBuDCqB;ARsQ/B;ArD/PE;EAWI,sB6DjBsB;ARwQ5B;ACvMQ;EQrEN;EAEA;AT8QF;ACxMU;EQlER;EAEA;AT4QF;ACrMQ;ES/EN;EAEA;AVsRF;ACtMU;ES5ER;EAEA;AVoRF,C;;;;A3D/RA;EACE;EACA;EAIA;EACA;AsEFF;AtEKA;EACE;EACA;EAIA;EACA;AsENF;AtESA;EACE;EACA;EAIA;EACA;AsEVF;AtEaA;EACE;EACA;EAIA;EACA;AsEdF;AtEiBA;EACE;EACA;EAIA;EACA;AsElBF;AtEqBA;EACE;EACA;EAIA;EACA;AsEtBF;AAjCA;EACE;EACA;EAEA;EACA;EACA;AAkCF;AAhCE;EACE;EACA;EACA;AAkCJ;AlE9CE;EACE;EAGE,sBkES+B;AAqCrC;AAnCI;EACE;EACA;AAqCN;A/DvCE;EACE;EACA;EACA;EACA,gB+DDqD;E/DErD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+DoDZ;AhEpDE;EAQI,gBgEC6B;AA8CnC;AAzCI;EACE;EACA;AA2CN;A/DxDE;EACE;EACA;EACA,sB+DWkE;E/DVlE,gB+DUqD;E/DTrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A+DqEZ;AhErEE;EAWI,sBgEY4B;AAiDlC;AhExEE;EAWI,sBgEgB4B;AAgDlC;AA3CE;EACE;AA6CJ;AhE9EE;EAWI,sBgE0B4B;AA4ClC;AhEjFE;EAWI,sBgE8B4B;AA2ClC;AhEpFE;EAWI,uBgEqC0B;AAuChC;AAnCE;EACE;AAqCJ;AAlCE;EACE;AAoCJ;AAjCE;EACE;AAmCJ;AAhCE;EACE;AAkCJ,C;;;;AtEhHA;EACE;EACA;EAIA;EACA;AuEFF;AvEKA;EACE;EACA;EAIA;EACA;AuENF;AvESA;EACE;EACA;EAIA;EACA;AuEVF;AvEaA;EACE;EACA;EAIA;EACA;AuEdF;AvEiBA;EACE;EACA;EAIA;EACA;AuElBF;AvEqBA;EACE;EACA;EAIA;EACA;AuEtBF;AAjCA;EACE;ECAA;EACA;EACA;EACA;ADoCF;AnEzCE;EACE;EAWE,mBoEN+B;ADuCrC;AAxCE;EEHA;EACA;EACA;EACA;EACA;AF8CF;AA3CE;EACE;EGRF;AHsDF;AA1CE;EIdA;AJ2DF;AA1CI;EIbF;AJ0DF;AAxCE;EKtBA;ALiEF;AAxCI;EKrBF;ALgEF;AAtCE;EM9BA;EACA;ANuEF;AAvCI;EM5BF;EACA;ANsEF;AAtCE;EOtCA;EACA;AP+EF;AAvCI;EOpCF;EACA;AP8EF;AAtCE;EQ9CA;ARuFF;AAtCI;EQzCF;ARkFF;AArCI;EQjDF;ARyFF;AArCM;EQ5CJ;ARoFF;AAjCI;ES/DF;EACA;ATmGF;AAlCM;ES7DJ;ATkGF,C;;;;AvExGA;EACE;EACA;EAIA;EACA;AiFFF;AjFKA;EACE;EACA;EAIA;EACA;AiFNF;AjFSA;EACE;EACA;EAIA;EACA;AiFVF;AjFaA;EACE;EACA;EAIA;EACA;AiFdF;AjFiBA;EACE;EACA;EAIA;EACA;AiFlBF;AjFqBA;EACE;EACA;EAIA;EACA;AiFtBF;AAjCA;EACE;EACA;EACA;AAmCF;AAjCE;EACE;AAmCJ;A7E1CE;EACE;EAGE,sB6EI+B;E7EA/B;EAIA,kB6EJ8E;AAwCpF;AAtCI;EACE;EACA;AAwCN;A1ErCE;EACE;EACA;EACA,sB0ELkE;E1EMlE,gB0ENqD;E1EOrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0EkDZ;AA9CI;EACE;EACA;AAgDN;A1EnDE;EACE;EACA;EACA,sB0ECkE;E1EAlE;EACA,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0EgEZ;A3EhEE;EAWI,sB2EE4B;AAsDlC;A3EnEE;EAWI,sB2EM4B;AAqDlC;AAjDE;EAGE;AAiDJ;A3EzEE;EAWI,sB2EgB0B;AAiDhC;AA7CE;EACE;AA+CJ;AA5CE;EACE;AA8CJ;AA3CE;EACE;AA6CJ;AA1CE;EACE;AA4CJ,C;;;;AjFrGA;EACE;EACA;EAIA;EACA;AkFFF;AlFKA;EACE;EACA;EAIA;EACA;AkFNF;AlFSA;EACE;EACA;EAIA;EACA;AkFVF;AlFaA;EACE;EACA;EAIA;EACA;AkFdF;AlFiBA;EACE;EACA;EAIA;EACA;AkFlBF;AlFqBA;EACE;EACA;EAIA;EACA;AkFtBF;AAjCA;EACE;AAmCF;A9ErCE;EACE;A8EuCJ;AtEtCM;EAEI;AsEuCV;AtE3BM;EsEXF;EACA;EACA;EACA;AAyCJ;A3ElCE;EACE;EACA;EACA,sB2ENgE;E3EOhE,gB2EPmD;E3EQnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A2E+CZ;AtE3CM;EsECA;AA6CN;;AAxCA;EACE;EACA;EACA;EACA;AA2CF;AAzCE;EACE;EACA;AA2CJ;A9EzEE;EACE;EAGE,sB8E2B+B;AA8CrC;AA5CI;EACE;AA8CN,C;;;;AlFjFA;EACE;EACA;EAIA;EACA;AmFFF;AnFKA;EACE;EACA;EAIA;EACA;AmFNF;AnFSA;EACE;EACA;EAIA;EACA;AmFVF;AnFaA;EACE;EACA;EAIA;EACA;AmFdF;AnFiBA;EACE;EACA;EAIA;EACA;AmFlBF;AnFqBA;EACE;EACA;EAIA;EACA;AmFtBF;AAjCA;EACE;EACA;EACA;EACA;AAmCF;AhCxCE;EACE;EACA;EACA;AgC0CJ;AvE3CM;EAEI,yBuEGqB;EvEKrB,euELuD;AA0CjE;AvEjCM;EuERF;EACA;AA4CJ;AAzCE;EACE;EACA;AA2CJ;AAxCE;EACE;EACA;AA0CJ;AvE7CM;EuEKA;AA2CN;AAxCI;EACE;EACA;AA0CN;AAtCE;EACE;AAwCJ;AAtCI;EACE;EACA;AAwCN;AApCM;EACE;EACA;AAsCR;AAjCE;EACE;EACA;AAmCJ;AvEnEM;EuEkCA;EACA;AAoCN;AAhCE;EACE;EACA;AAkCJ;AvE3EM;EuE2CA;EACA;AAmCN;AA/BE;EACE;EACA;AAiCJ;AvEnFM;EuEoDA;EACA;AAkCN,C;;;;AnFxGA;EACE;EACA;EAIA;EACA;AoFFF;ApFKA;EACE;EACA;EAIA;EACA;AoFNF;ApFSA;EACE;EACA;EAIA;EACA;AoFVF;ApFaA;EACE;EACA;EAIA;EACA;AoFdF;ApFiBA;EACE;EACA;EAIA;EACA;AoFlBF;ApFqBA;EACE;EACA;EAIA;EACA;AoFtBF;AAjCA;EACE;EACA;EACA;AAmCF;A9E3BE;EAWI,sB8ElBsB;AAqC5B;AAnCE;EACE;AAqCJ;AAlCE;EACE;AAoCJ;AAjCE;EACE;AAmCJ;A9EvCE;EAEI;EAGA;EAGA,gB8EHsD;E9EStD,mCCzBK;A6EwDX;AArCE;EACE;AAuCJ;A9EhDE;EAEI;EAGA;EAGA,gB8EEsD;E9EItD,mCCzBK;A6EiEX;AAzCE;EACE;AA2CJ;A9EzDE;EAEI;EAGA;EAGA,gB8EOsD;E9EDtD,mCCzBK;A6E0EX,C;;;;ApF5EA;EACE;EACA;EAIA;EACA;AqFFF;ArFKA;EACE;EACA;EAIA;EACA;AqFNF;ArFSA;EACE;EACA;EAIA;EACA;AqFVF;ArFaA;EACE;EACA;EAIA;EACA;AqFdF;ArFiBA;EACE;EACA;EAIA;EACA;AqFlBF;ArFqBA;EACE;EACA;EAIA;EACA;AqFtBF;AAjCA;ECCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADmCF;AjF5CE;EACE;EAWE,mBkFF+B;ADsCrC;ACpCE;EACE;ADsCJ;AjFnDE;EACE;EAWE,mBkFEiC;ADyCvC;A/E3CE;EAWI,sBgFLwB;ADwC9B;ACrCE;EACE;EACA;EACA;EACA;EACA;ADuCJ;AA7DE;EEFA;AFkEF;AA5DE;EGNA;EACA;AHqEF;AGnEE;EACE;EACA;AHqEJ;AAjEI;EGCF;EACA;AHmEF;AAhEE;EIbA;AJgFF;A/EvEE;EAEI;EAGA;EAGA,gBmFhBoD;EnFsBpD,mCCzBK;A8EwFX;AInFE;EACE;AJqFJ;AIlFE;EACE;AJoFJ;AIjFE;EACE;AJmFJ;AA9EE;EKjBA;ALkGF;A/EzFE;EAEI;EAGA;EAGA,gBoFhBoD;EpFsBpD,mCCzBK;A8E0GX;AKrGE;EACE;ALuGJ;AKpGE;EACE;ALsGJ;AKnGE;EACE;ALqGJ;AA5FE;EMrBA;ANoHF;A/E3GE;EAEI;EAGA;EAGA,gBqFhBoD;ANwH1D;AMtHE;EACE;ANwHJ;AMrHE;EACE;ANuHJ;AMpHE;EACE;ANsHJ;AAzGE;EO5BA;APwIF,C;;;;ArFzIA;EACE;EACA;EAIA;EACA;A6FFF;A7FKA;EACE;EACA;EAIA;EACA;A6FNF;A7FSA;EACE;EACA;EAIA;EACA;A6FVF;A7FaA;EACE;EACA;EAIA;EACA;A6FdF;A7FiBA;EACE;EACA;EAIA;EACA;A6FlBF;A7FqBA;EACE;EACA;EAIA;EACA;A6FtBF;AAjCA;EACE;EACA;EACA;EACA;EACA;EACA;AAmCF;AAjCE;EACE;EACA;EACA;EACA;EACA;AAmCJ,C;;;;A7FlDA;EACE;EACA;EAIA;EACA;A8FFF;A9FKA;EACE;EACA;EAIA;EACA;A8FNF;A9FSA;EACE;EACA;EAIA;EACA;A8FVF;A9FaA;EACE;EACA;EAIA;EACA;A8FdF;A9FiBA;EACE;EACA;EAIA;EACA;A8FlBF;A9FqBA;EACE;EACA;EAIA;EACA;A8FtBF;AAjCA;EACE;EACA;EACA;EACA;AAmCF;A1FxCE;EACE;A0F0CJ;AAnCE;EACE;AAqCJ;AAlCE;EACE;AAoCJ,C;;;;A9FlDA;EACE;EACA;EAIA;EACA;A+FFF;A/FKA;EACE;EACA;EAIA;EACA;A+FNF;A/FSA;EACE;EACA;EAIA;EACA;A+FVF;A/FaA;EACE;EACA;EAIA;EACA;A+FdF;A/FiBA;EACE;EACA;EAIA;EACA;A+FlBF;A/FqBA;EACE;EACA;EAIA;EACA;A+FtBF;AAjCA;EACE;EAEA;EACA;EACA;EACA;EACA;AAkCF;A3F1CE;EACE;EAOE,uB2FCmC;E3FGnC,mB2FHyD;AAsC/D;AnF7CM;EAEI,uBmFQuB;AAsCjC;AnFlCM;EmFHA;EACA;EACA;EACA;AAwCN;AnFtDM;EAEI,uBmFiBuB;AAsCjC;AnF3CM;EmFMA;EACA;EACA;EACA;AAwCN;AApCE;EACE;EACA;AAsCJ;AxFtDE;EACE;EACA;EACA,sBwFcgE;ExFbhE,gBwFamD;ExFZnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AwFmEZ;AA5CE;EACE;AA8CJ;AzFtEE;EAWI,sByFgB0B;AA8ChC;AA1CE;EACE;EACA;EACA;AA4CJ;AnFxFM;EAEI,uBmF6CyB;AA4CnC;AnF3FM;EAEI,uBmFiDyB;AA2CnC;AAxCI;EACE;AA0CN;AzFvFE;EAWI,sByFmC0B;AA4ChC;AAxCI;EACE;AA0CN;AAtCE;EACE;EACA;EACA;EACA;AAwCJ;AnF7GM;EAEI,uBmFsEyB;AAwCnC;AnFhHM;EAEI,uBmF0EyB;AAuCnC;AzFzGE;EAWI,sByF2D0B;AAsChC;AAlCE;EACE;AAoCJ;AAjCE;EACE;AAmCJ;AAhCE;EACE;AAkCJ;AA/BE;EACE;AAiCJ,C;;;;A/FrIA;EACE;EACA;EAIA;EACA;AgGFF;AhGKA;EACE;EACA;EAIA;EACA;AgGNF;AhGSA;EACE;EACA;EAIA;EACA;AgGVF;AhGaA;EACE;EACA;EAIA;EACA;AgGdF;AhGiBA;EACE;EACA;EAIA;EACA;AgGlBF;AhGqBA;EACE;EACA;EAIA;EACA;AgGtBF;AAjCA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;AAkCF;AAhCE;EACE;EACA;EACA;EACA;EACA;AAkCJ;A1CjDI;EAEI;EAGA;EAIA,U0CQsB;AAqC9B;A1C1CM;EAEI,uB0CGmC;AAwC7C;AzF3CE;EACE;EACA;EACA,sByFCgE;EzFAhE;EACA,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyFwDZ;AA/CI;EACE;AAiDN;A1C1DM;EAEI,uB0CQwB;AAmDlC;AAhDI;EACE;AAkDN;A1ChEM;EAEI,uB0CawB;AAoDlC;AAjDI;EACE;AAmDN;A1CtEM;EAEI,uB0CkBwB;AAqDlC;AAjDE;EACE;EACA;EAEA;EACA;AAkDJ;AAhDI;EACE;EACA;EACA;AAkDN;AzFlFE;EACE;EACA;EACA,sByF8BkE;EzF7BlE,gByF6BqD;EzF5BrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyF+FZ;A7C3GE;EACE;EACA;EACA;A6C6GJ;AA5DI;EACE;EACA;EACA;EACA;AA8DN;AzFvGE;EACE;EACA;EACA,sByFuCkE;EzFtClE,gByFsCqD;EzFrCrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AyFoHZ;A7ChIE;EACE;EACA;EACA;A6CkIJ;AAzEM;EACE;EACA;AA2ER;AAxEM;EACE;EACA;AA0ER;AArEE;EACE;AAuEJ,C;;;;ACjJA;EACE;EACA;EACA;AACF,C","sources":["webpack://indicator-ui/./src/styles/colors/css-variables/primary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/secondary-var.css","webpack://indicator-ui/./src/styles/fonts.scss","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/button.scss","webpack://indicator-ui/./src/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/ui/InputFields/FlexField/styles/mixins/flexField.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/mixins/selectField.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/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"],"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}","@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.flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n padding: 9px 11px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n}\n.flexField .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n}\n.flexField .help {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n}\n.flexField .dropdown {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n}\n.flexField .button {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n border: 1px solid var(--gray-400);\n}\n.flexField.isError {\n border: 1px solid var(--error-300);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n border: 1px solid var(--error-400);\n}\n.flexField.disabled {\n background-color: var(--gray-50);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n .flexField {\r\n width: 100%;\r\n height: fit-content;\r\n 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 .userPic {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n object-fit: scale-down;\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.red {\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n 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 .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n & {\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.animateDrop {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n transform-origin: bottom;\r\n\r\n .main {\r\n position: relative;\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n z-index: 1;\r\n //will-change: transform;\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}"],"names":[],"sourceRoot":""}
package/dist/scss/styles/colors/primary.scss CHANGED
@@ -38,7 +38,7 @@ $error-600: #D92D20 !default;
38
38
  $error-700: #B42318 !default;
39
39
  $error-800: #912018 !default;
40
40
  $error-900: #7A271A !default;
41
- $error-950: #FEFDF0 !default;
41
+ $error-950: #55160C !default;
42
42
 
43
43
  $warning-25: #FFFCF5 !default;
44
44
  $warning-50: #FFFAEB !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.0.155",
3
+ "version": "0.0.156",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/src/index.d.ts",
6
6
  "style": "dist/index.css",