indicator-ui 0.0.143 → 0.0.145

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 (12) hide show
  1. package/dist/index.css +0 -153
  2. package/dist/index.css.map +1 -1
  3. package/dist/scss/styles/mixins/fnt-flex.scss +19 -14
  4. package/dist/scss/styles/mixins/fnt.scss +3 -2
  5. package/dist/scss/ui/Buttons/styles/mixins/properties/large.scss +1 -1
  6. package/dist/scss/ui/Buttons/styles/mixins/properties/medium.scss +1 -1
  7. package/dist/scss/ui/Buttons/styles/mixins/properties/small.scss +1 -1
  8. package/dist/scss/ui/Buttons/styles/mixins/properties/ultra.scss +1 -1
  9. package/dist/scss/ui/Tag/styles/properties/medium.scss +1 -1
  10. package/dist/scss/ui/Tag/styles/properties/small.scss +1 -1
  11. package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts +1 -1
  12. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -165,11 +165,7 @@
165
165
  .Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__text___htxqX {
166
166
  font-size: 14px;
167
167
  line-height: 16px;
168
- line-height: 16px;
169
168
  font-family: "Golos UI", sans-serif;
170
- font-stretch: normal;
171
- font-style: normal;
172
- font-variant: normal;
173
169
  }
174
170
  .Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd {
175
171
  padding: 9px;
@@ -185,11 +181,7 @@
185
181
  .Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd .Buttons-module__text___htxqX {
186
182
  font-size: 14px;
187
183
  line-height: 20px;
188
- line-height: 20px;
189
184
  font-family: "Golos UI", sans-serif;
190
- font-stretch: normal;
191
- font-style: normal;
192
- font-variant: normal;
193
185
  }
194
186
  .Buttons-module__button___I3yLe.Buttons-module__large____KUDT {
195
187
  padding: 11px;
@@ -205,11 +197,7 @@
205
197
  .Buttons-module__button___I3yLe.Buttons-module__large____KUDT .Buttons-module__text___htxqX {
206
198
  font-size: 16px;
207
199
  line-height: 20px;
208
- line-height: 20px;
209
200
  font-family: "Golos UI", sans-serif;
210
- font-stretch: normal;
211
- font-style: normal;
212
- font-variant: normal;
213
201
  }
214
202
  .Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN {
215
203
  padding: 17px;
@@ -225,11 +213,7 @@
225
213
  .Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN .Buttons-module__text___htxqX {
226
214
  font-size: 18px;
227
215
  line-height: 24px;
228
- line-height: 24px;
229
216
  font-family: "Golos UI", sans-serif;
230
- font-stretch: normal;
231
- font-style: normal;
232
- font-variant: normal;
233
217
  }
234
218
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN {
235
219
  border-radius: 8px;
@@ -243,10 +227,6 @@
243
227
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__text___htxqX {
244
228
  font-weight: 500;
245
229
  color: var(--base-white);
246
- font-family: "Golos UI", sans-serif;
247
- font-stretch: normal;
248
- font-style: normal;
249
- font-variant: normal;
250
230
  }
251
231
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:hover {
252
232
  background-color: var(--blue-dark-600);
@@ -269,10 +249,6 @@
269
249
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__text___htxqX {
270
250
  font-weight: 500;
271
251
  color: var(--blue-dark-500);
272
- font-family: "Golos UI", sans-serif;
273
- font-stretch: normal;
274
- font-style: normal;
275
- font-variant: normal;
276
252
  }
277
253
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:hover {
278
254
  background-color: var(--blue-dark-50);
@@ -297,10 +273,6 @@
297
273
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__text___htxqX {
298
274
  font-weight: 500;
299
275
  color: var(--gray-700);
300
- font-family: "Golos UI", sans-serif;
301
- font-stretch: normal;
302
- font-style: normal;
303
- font-variant: normal;
304
276
  }
305
277
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:hover {
306
278
  background-color: var(--gray-50);
@@ -328,10 +300,6 @@
328
300
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__text___htxqX {
329
301
  font-weight: 400;
330
302
  color: var(--blue-dark-100);
331
- font-family: "Golos UI", sans-serif;
332
- font-stretch: normal;
333
- font-style: normal;
334
- font-variant: normal;
335
303
  }
336
304
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:hover .Buttons-module__text___htxqX {
337
305
  color: var(--base-white);
@@ -360,10 +328,6 @@
360
328
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover .Buttons-module__text___htxqX {
361
329
  font-weight: 400;
362
330
  color: var(--blue-dark-700);
363
- font-family: "Golos UI", sans-serif;
364
- font-stretch: normal;
365
- font-style: normal;
366
- font-variant: normal;
367
331
  }
368
332
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover .Buttons-module__icon___U2AOU svg * {
369
333
  stroke: var(--blue-dark-700);
@@ -374,10 +338,6 @@
374
338
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:disabled:hover .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw.Buttons-module__disabled___INiFx:hover .Buttons-module__text___htxqX {
375
339
  font-weight: 400;
376
340
  color: var(--blue-dark-500);
377
- font-family: "Golos UI", sans-serif;
378
- font-stretch: normal;
379
- font-style: normal;
380
- font-variant: normal;
381
341
  }
382
342
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:disabled:hover .Buttons-module__icon___U2AOU svg *, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw.Buttons-module__disabled___INiFx:hover .Buttons-module__icon___U2AOU svg * {
383
343
  stroke: var(--blue-dark-500);
@@ -394,10 +354,6 @@
394
354
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__text___htxqX {
395
355
  font-weight: 400;
396
356
  color: var(--gray-400);
397
- font-family: "Golos UI", sans-serif;
398
- font-stretch: normal;
399
- font-style: normal;
400
- font-variant: normal;
401
357
  }
402
358
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:hover .Buttons-module__text___htxqX {
403
359
  color: var(--gray-900);
@@ -427,10 +383,6 @@
427
383
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__text___htxqX {
428
384
  font-weight: 400;
429
385
  color: var(--blue-dark-500);
430
- font-family: "Golos UI", sans-serif;
431
- font-stretch: normal;
432
- font-style: normal;
433
- font-variant: normal;
434
386
  }
435
387
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:hover .Buttons-module__text___htxqX {
436
388
  color: var(--blue-dark-700);
@@ -460,10 +412,6 @@
460
412
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__text___htxqX {
461
413
  font-weight: 400;
462
414
  color: var(--gray-700);
463
- font-family: "Golos UI", sans-serif;
464
- font-stretch: normal;
465
- font-style: normal;
466
- font-variant: normal;
467
415
  }
468
416
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:hover .Buttons-module__text___htxqX {
469
417
  color: var(--gray-900);
@@ -493,10 +441,6 @@
493
441
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__text___htxqX {
494
442
  font-weight: 400;
495
443
  color: var(--gray-400);
496
- font-family: "Golos UI", sans-serif;
497
- font-stretch: normal;
498
- font-style: normal;
499
- font-variant: normal;
500
444
  }
501
445
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:hover .Buttons-module__text___htxqX {
502
446
  color: var(--gray-500);
@@ -525,10 +469,6 @@
525
469
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__text___htxqX {
526
470
  font-weight: 500;
527
471
  color: var(--gray-700);
528
- font-family: "Golos UI", sans-serif;
529
- font-stretch: normal;
530
- font-style: normal;
531
- font-variant: normal;
532
472
  }
533
473
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:hover .Buttons-module__icon___U2AOU svg * {
534
474
  stroke: var(--gray-900);
@@ -557,10 +497,6 @@
557
497
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__text___htxqX {
558
498
  font-weight: 500;
559
499
  color: var(--gray-500);
560
- font-family: "Golos UI", sans-serif;
561
- font-stretch: normal;
562
- font-style: normal;
563
- font-variant: normal;
564
500
  }
565
501
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover {
566
502
  background-color: var(--gray-200);
@@ -960,17 +896,9 @@
960
896
  }
961
897
  .CalendarDay-module__calendarDay___SMwl6:disabled .CalendarDay-module__day___ZPsML {
962
898
  color: var(--gray-400);
963
- font-family: "Golos UI", sans-serif;
964
- font-stretch: normal;
965
- font-style: normal;
966
- font-variant: normal;
967
899
  }
968
900
  .CalendarDay-module__calendarDay___SMwl6:disabled .CalendarDay-module__info___pRAf0 {
969
901
  color: var(--gray-300);
970
- font-family: "Golos UI", sans-serif;
971
- font-stretch: normal;
972
- font-style: normal;
973
- font-variant: normal;
974
902
  }
975
903
  /*!*************************************************************************************************************************************************************************************************************************************************************************!*\
976
904
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/DatePicker/styles/DatePicker.module.scss ***!
@@ -2028,10 +1956,6 @@
2028
1956
  }
2029
1957
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd {
2030
1958
  color: var(--error-500);
2031
- font-family: "Golos UI", sans-serif;
2032
- font-stretch: normal;
2033
- font-style: normal;
2034
- font-variant: normal;
2035
1959
  }
2036
1960
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd:after {
2037
1961
  background-color: var(--error-500);
@@ -2053,10 +1977,6 @@
2053
1977
  }
2054
1978
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
2055
1979
  color: var(--gray-300);
2056
- font-family: "Golos UI", sans-serif;
2057
- font-stretch: normal;
2058
- font-style: normal;
2059
- font-variant: normal;
2060
1980
  }
2061
1981
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover {
2062
1982
  background-color: var(--gray-100);
@@ -2067,10 +1987,6 @@
2067
1987
  }
2068
1988
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover {
2069
1989
  color: var(--gray-300);
2070
- font-family: "Golos UI", sans-serif;
2071
- font-stretch: normal;
2072
- font-style: normal;
2073
- font-variant: normal;
2074
1990
  }
2075
1991
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2076
1992
  background-color: var(--blue-dark-500);
@@ -2191,10 +2107,6 @@
2191
2107
  }
2192
2108
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2193
2109
  color: var(--gray-300);
2194
- font-family: "Golos UI", sans-serif;
2195
- font-stretch: normal;
2196
- font-style: normal;
2197
- font-variant: normal;
2198
2110
  }
2199
2111
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2200
2112
  background-color: var(--blue-dark-600);
@@ -2264,10 +2176,6 @@
2264
2176
  }
2265
2177
  .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk.Checkbox-module__indeterminate___rVkUe {
2266
2178
  font-weight: 600;
2267
- font-family: "Golos UI", sans-serif;
2268
- font-stretch: normal;
2269
- font-style: normal;
2270
- font-variant: normal;
2271
2179
  }
2272
2180
  .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2273
2181
  text-align: start;
@@ -2287,24 +2195,12 @@
2287
2195
  }
2288
2196
  .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2289
2197
  color: var(--gray-500);
2290
- font-family: "Golos UI", sans-serif;
2291
- font-stretch: normal;
2292
- font-style: normal;
2293
- font-variant: normal;
2294
2198
  }
2295
2199
  .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2296
2200
  color: var(--gray-400);
2297
- font-family: "Golos UI", sans-serif;
2298
- font-stretch: normal;
2299
- font-style: normal;
2300
- font-variant: normal;
2301
2201
  }
2302
2202
  .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2303
2203
  color: var(--error-400);
2304
- font-family: "Golos UI", sans-serif;
2305
- font-stretch: normal;
2306
- font-style: normal;
2307
- font-variant: normal;
2308
2204
  }
2309
2205
  .Checkbox-module__checkbox___GSei6.Checkbox-module__widthFill___EHcfi {
2310
2206
  width: 100%;
@@ -2474,10 +2370,6 @@
2474
2370
  }
2475
2371
  .Toggle-module__toggle___v6vwY.Toggle-module__disabled___ME0Wv .Toggle-module__text___i2f7B, .Toggle-module__toggle___v6vwY.Toggle-module__disabled___ME0Wv .Toggle-module__description___hvDOL {
2476
2372
  color: var(--gray-400);
2477
- font-family: "Golos UI", sans-serif;
2478
- font-stretch: normal;
2479
- font-style: normal;
2480
- font-variant: normal;
2481
2373
  }
2482
2374
  .Toggle-module__toggle___v6vwY.Toggle-module__widthFill___JEbCX {
2483
2375
  width: 100%;
@@ -2676,10 +2568,6 @@
2676
2568
  }
2677
2569
  .TagCount-module__tagCount___tT9Gy {
2678
2570
  color: var(--gray-700);
2679
- font-family: "Golos UI", sans-serif;
2680
- font-stretch: normal;
2681
- font-style: normal;
2682
- font-variant: normal;
2683
2571
  }
2684
2572
  .TagCount-module__tagCount___tT9Gy.TagCount-module__gray___kkSxy {
2685
2573
  background-color: var(--gray-100);
@@ -2693,12 +2581,8 @@
2693
2581
  .TagCount-module__tagCount___tT9Gy.TagCount-module__small___ejCLc {
2694
2582
  font-size: 12px;
2695
2583
  line-height: 14px;
2696
- line-height: 14px;
2697
2584
  font-weight: 500;
2698
2585
  font-family: "Golos UI", sans-serif;
2699
- font-stretch: normal;
2700
- font-style: normal;
2701
- font-variant: normal;
2702
2586
  }
2703
2587
  .TagCount-module__tagCount___tT9Gy.TagCount-module__medium___M9VAd {
2704
2588
  padding: 2px 5px 2px 5px;
@@ -2706,12 +2590,8 @@
2706
2590
  .TagCount-module__tagCount___tT9Gy.TagCount-module__medium___M9VAd {
2707
2591
  font-size: 12px;
2708
2592
  line-height: 16px;
2709
- line-height: 16px;
2710
2593
  font-weight: 500;
2711
2594
  font-family: "Golos UI", sans-serif;
2712
- font-stretch: normal;
2713
- font-style: normal;
2714
- font-variant: normal;
2715
2595
  }
2716
2596
  .TagCount-module__tagCount___tT9Gy.TagCount-module__large___mhO1d {
2717
2597
  padding: 0 6px 0 6px;
@@ -2719,12 +2599,8 @@
2719
2599
  .TagCount-module__tagCount___tT9Gy.TagCount-module__large___mhO1d {
2720
2600
  font-size: 12px;
2721
2601
  line-height: 20px;
2722
- line-height: 20px;
2723
2602
  font-weight: 500;
2724
2603
  font-family: "Golos UI", sans-serif;
2725
- font-stretch: normal;
2726
- font-style: normal;
2727
- font-variant: normal;
2728
2604
  }
2729
2605
  /*!***********************************************************************************************************************************************************************************************************************************************************!*\
2730
2606
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/Tag/styles/Tag.module.scss ***!
@@ -2770,10 +2646,6 @@
2770
2646
  }
2771
2647
  .Tag-module__tag___z87CD .Tag-module__label___SRW7b {
2772
2648
  color: var(--gray-700);
2773
- font-family: "Golos UI", sans-serif;
2774
- font-stretch: normal;
2775
- font-style: normal;
2776
- font-variant: normal;
2777
2649
  }
2778
2650
  .Tag-module__tag___z87CD .Tag-module__dotIcon___GkMuO {
2779
2651
  flex: none;
@@ -2803,12 +2675,8 @@
2803
2675
  .Tag-module__tag___z87CD.Tag-module__small___ob2Q8 {
2804
2676
  font-size: 12px;
2805
2677
  line-height: 18px;
2806
- line-height: 18px;
2807
2678
  font-weight: 500;
2808
2679
  font-family: "Golos UI", sans-serif;
2809
- font-stretch: normal;
2810
- font-style: normal;
2811
- font-variant: normal;
2812
2680
  }
2813
2681
  .Tag-module__tag___z87CD.Tag-module__small___ob2Q8 .Tag-module__main___M5V6V {
2814
2682
  gap: 4px;
@@ -2825,12 +2693,8 @@
2825
2693
  .Tag-module__tag___z87CD.Tag-module__medium___TjmGK {
2826
2694
  font-size: 14px;
2827
2695
  line-height: 20px;
2828
- line-height: 20px;
2829
2696
  font-weight: 500;
2830
2697
  font-family: "Golos UI", sans-serif;
2831
- font-stretch: normal;
2832
- font-style: normal;
2833
- font-variant: normal;
2834
2698
  }
2835
2699
  .Tag-module__tag___z87CD.Tag-module__medium___TjmGK .Tag-module__main___M5V6V {
2836
2700
  gap: 5px;
@@ -2847,12 +2711,7 @@
2847
2711
  .Tag-module__tag___z87CD.Tag-module__large___rpGp5 {
2848
2712
  font-size: 14px;
2849
2713
  line-height: 20px;
2850
- line-height: 20px;
2851
2714
  font-weight: 500;
2852
- font-family: "Golos UI", sans-serif;
2853
- font-stretch: normal;
2854
- font-style: normal;
2855
- font-variant: normal;
2856
2715
  }
2857
2716
  .Tag-module__tag___z87CD.Tag-module__large___rpGp5 .Tag-module__main___M5V6V {
2858
2717
  gap: 6px;
@@ -3007,10 +2866,6 @@
3007
2866
  }
3008
2867
  .TabButtons-module__tabButtons___vSLsZ:hover .TabButtons-module__text___EbNMB {
3009
2868
  color: var(--gray-700);
3010
- font-family: "Golos UI", sans-serif;
3011
- font-stretch: normal;
3012
- font-style: normal;
3013
- font-variant: normal;
3014
2869
  }
3015
2870
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__active___ShP43 {
3016
2871
  border: 1px solid var(--gray-300);
@@ -3028,10 +2883,6 @@
3028
2883
  }
3029
2884
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__active___ShP43 .TabButtons-module__text___EbNMB {
3030
2885
  color: var(--gray-800);
3031
- font-family: "Golos UI", sans-serif;
3032
- font-stretch: normal;
3033
- font-style: normal;
3034
- font-variant: normal;
3035
2886
  }
3036
2887
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__active___ShP43:hover {
3037
2888
  background-color: var(--gray-50);
@@ -3050,10 +2901,6 @@
3050
2901
  }
3051
2902
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__disabled___MlvE9 .TabButtons-module__text___EbNMB, .TabButtons-module__tabButtons___vSLsZ:disabled .TabButtons-module__text___EbNMB {
3052
2903
  color: var(--gray-400);
3053
- font-family: "Golos UI", sans-serif;
3054
- font-stretch: normal;
3055
- font-style: normal;
3056
- font-variant: normal;
3057
2904
  }
3058
2905
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__widthHug___Choqd {
3059
2906
  width: fit-content;
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;ACbE;ECDA;EACA;AFiBF;AGpBE;EACE;EAGE;EAIA,uBDJsB;ECQtB,mBDR8B;AFsBpC;AEpBE;EACE;EACA;AFsBJ;AG9BE;EACE;EAGE,mBDKmB;ECDnB,uBDCwB;ECGxB,mBDHgC;AF2BtC;AExBE;EACE;EACA;AF0BJ;AEvBE;EACE;AFyBJ;AEtBE;EACE;AFwBJ;AErBE;EACE;AFuBJ;AEpBE;EACE;AFsBJ;AC9CI;EGHF;AJoDF;AIhDM;EACE;EACA;EACA;AJkDR;AI7CE;EACE;AJ+CJ;AKpDE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL+DZ;AC9DI;EKPF;ANwEF;AMpEM;EACE;EACA;EACA;ANsER;AMjEE;EACE;ANmEJ;AKxEE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALmFZ;AC9EI;EMXF;AP4FF;AOxFM;EACE;EACA;EACA;AP0FR;AOrFE;EACE;APuFJ;AK5FE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALuGZ;AC9FI;EOfF;ARgHF;AQ5GM;EACE;EACA;EACA;AR8GR;AQzGE;EACE;AR2GJ;AKhHE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL2HZ;AC9GI;EQpBF;EACA;EACA;EACA;ATqIF;AUxIM;EAEI,yBDIuB;ATqIjC;AKlIE;EAWI,gBIVyB;EJazB,wBIbsC;EJgBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL4IZ;AStIE;EACE;ATwIJ;AShIE;EACE;ATkIJ;AShII;EACE;ATkIN;ACpII;EUxBF;EACA;EACA;EACA;AX+JF;AUlKM;EAEI,4BCIuB;AX+JjC;AK5JE;EAWI,gBMVyB;ENazB,2BMbsC;ENgBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALsKZ;AWhKE;EACE;EACA;AXkKJ;AW3JE;EACE;AX6JJ;AW1JI;EACE;EACA;AX4JN;AC5JI;EW5BF;EACA;EACA;EACA;AZ2LF;AU9LM;EAEI,uBEIuB;AZ2LjC;AKxLE;EAWI,gBOVyB;EPazB,sBObsC;EPgBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALkMZ;AY5LE;EACE;EACA;AZ8LJ;AY5LI;EACE;AZ8LN;AYtLE;EACE;AZwLJ;AYtLI;EACE;EACA;AZwLN;AYtLM;EACE;AZwLR;AC1LI;EYhCF;Ab6NF;AU7NM;EAEI;AV8NV;AKvNE;EAWI,gBQdyB;ERiBzB,2BQjBsC;ERoBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALiOZ;Aa9NI;EACE;AbgON;AU3OM;EAEI,yBGayB;Ab+NnC;Aa3NE;EACE;Ab6NJ;Aa1NM;EACE;Ab4NR;AUpPM;EAEI,4BG0B2B;Ab2NrC;ACnNI;EapCF;Ad0PF;AU1PM;EAEI;AV2PV;AcxPE;EACE;Ad0PJ;AKvPE;EAWI,gBST2B;ETY3B,2BSZwC;ETe1C,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALiQZ;AUxQM;EAEI,4BIayB;Ad4PnC;AcxPE;EACE;Ad0PJ;AKrQE;EAWI,gBSI6B;ETD7B,2BSC0C;ETE5C,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL+QZ;AUtRM;EAEI,4BI0B2B;Ad6PrC;ACjPI;EcxCF;Af4RF;AU5RM;EAEI;AV6RV;Ae1RE;EACE;Af4RJ;AKzRE;EAWI,gBUbyB;EVgBzB,sBUhBsC;EVmBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALmSZ;Ae/RI;EACE;AfiSN;AU7SM;EAEI,uBKcyB;AfgSnC;Ae5RE;EACE;Af8RJ;Ae3RM;EACE;Af6RR;AUtTM;EAEI,uBK2B2B;Af4RrC;AC7QI;Ee5CF;EACA;AhB4TF;AU7TM;EAEI,4BMEuB;AhB4TjC;AgBzTE;EACE;AhB2TJ;AK1TE;EAWI,gBWXyB;EXczB,2BWdsC;EXiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALoUZ;AgB9TI;EACE;AhBgUN;AU9UM;EAEI,4BMgByB;AhB+TnC;AgB3TE;EACE;AhB6TJ;AgB1TM;EACE;AhB4TR;AUvVM;EAEI,4BM6B2B;AhB2TrC;AC1SI;EgBhDF;EACA;AjB6VF;AU9VM;EAEI,uBOEuB;AjB6VjC;AiB1VE;EACE;AjB4VJ;AK3VE;EAWI,gBYXyB;EZczB,sBYdsC;EZiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALqWZ;AiB/VI;EACE;AjBiWN;AU/WM;EAEI,uBOgByB;AjBgWnC;AiB5VE;EACE;AjB8VJ;AiB3VM;EACE;AjB6VR;AUxXM;EAEI,uBO6B2B;AjB4VrC;ACvUI;EiBpDF;EACA;AlB8XF;AU/XM;EAEI,uBQEuB;AlB8XjC;AkB3XE;EACE;AlB6XJ;AK5XE;EAWI,gBaXyB;EbczB,sBadsC;EbiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALsYZ;AkBhYI;EACE;AlBkYN;AUhZM;EAEI,uBQgByB;AlBiYnC;AkB7XE;EACE;AlB+XJ;AkB5XM;EACE;AlB8XR;AUzZM;EAEI,uBQ6B2B;AlB6XrC;ACpWI;EkBxDF;EACA;EACA;EACA;AnB+ZF;AUlaM;EAEI,uBSIuB;AnB+ZjC;AK5ZE;EAWI,gBcVyB;EdazB,sBcbsC;EdgBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALsaZ;AU7aM;EAEI,uBSayB;AnBianC;AmB9ZI;EACE;AnBgaN;AmB5ZE;EACE;AnB8ZJ;AUtbM;EAEI,uBS0B2B;AnB6ZrC;AmB1ZM;EACE;AnB4ZR;AChYI;EmB5DF;EACA;EACA;EACA;ApB+bF;AUlcM;EAEI,uBUIuB;ApB+bjC;AK5bE;EAWI,gBeVyB;EfazB,sBebsC;EfgBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALscZ;AoBhcE;EACE;ApBkcJ;AUhdM;EAEI,uBUeyB;ApBkcnC;AoB/bI;EACE;ApBicN;AoB7bE;EACE;ApB+bJ;AoB7bI;EACE;ApB+bN;AU5dM;EAEI,uBU8B2B;ApB+brC;AoB5bM;EACE;ApB8bR;ACjaM;EoBjEJ;EACA;EACA;EACA;ArBqeF;AqBneE;EACE;ArBqeJ;AqB9dE;EACE;ArBgeJ;AqB9dI;EACE;ArBgeN;AC1aM;EqBvEJ;EACA;EACA;AtBofF;AUtfM;EAEI,wBYGuB;AtBofjC;AsBjfE;EACE;AtBmfJ;AsBhfE;EACE;EACA;AtBkfJ;AsB3eE;EACE;AtB6eJ;AsB3eI;EACE;EACA;AtB6eN;AC3bI;EACE;AD6bN,C;;;;AD7gBA;EACE;EACA;EAIA;EACA;AwBFF;AxBKA;EACE;EACA;EAIA;EACA;AwBNF;AxBSA;EACE;EACA;EAIA;EACA;AwBVF;ACbE;ECDA;EACA;EACA;EACA;AFiBF;ApBtBE;EACE;EAGE,mBsBEiB;EtBEjB,uBsBFsB;EtBMtB,mBsBN8B;AFsBpC;AbZM;EeRF;AFuBJ;ACzBI;EEJF;EACA;AHgCF;AbjCM;EAEI;AakCV;AGhCE;EACE;AHkCJ;AbvCM;EAEI,uBgBIuB;AHoCjC;AClCI;EGRF;EACA;AJ6CF;Ab9CM;EAEI;Aa+CV;AI7CE;EACE;AJ+CJ;ACxCI;EIZF;EACA;ALuDF;AbxDM;EAEI;AayDV;AKvDE;EACE;ALyDJ;Ab9DM;EAEI,uBkBIuB;AL2DjC;ACjDI;EKhBF;EACA;ANoEF;AbrEM;EAEI;AasEV;AMpEE;EACE;ANsEJ;Ab3EM;EAEI,4BmBIuB;ANwEjC;AC1DI;EMpBF;EACA;APiFF;AblFM;EAEI;AamFV;AOjFE;EACE;APmFJ;AbxFM;EAEI,4BoBIuB;APqFjC;ACnEI;EOxBF;EACA;AR8FF;Ab/FM;EAEI;AagGV;AQ9FE;EACE;ARgGJ;AbrGM;EAEI,wBqBIuB;ARkGjC;AC5EI;EQ5BF;EACA;AT2GF;Ab5GM;EAEI;Aa6GV;AS3GE;EACE;AT6GJ;AblHM;EAEI,4BsBIuB;AT+GjC;ACrFI;EShCF;EACA;AVwHF;AbzHM;EAEI;Aa0HV;AUxHE;EACE;AV0HJ;Ab/HM;EAEI,uBuBIuB;AV4HjC;AC9FI;EUpCF;EACA;AXqIF;AbtIM;EAEI;AauIV;AWrIE;EACE;AXuIJ;Ab5IM;EAEI,wBwBIuB;AXyIjC;ACtGI;EWzCF;EACA;AZkJF;AbnJM;EAEI;AaoJV;AbtJM;EAEI,4ByBGuB;AZoJjC;AC5GI;EY7CF;EAEA;Ab2JF;Ab/IM;E0BTF;EACA;Ab2JJ;AChHI;EajDF;EAEA;AdmKF;AbvJM;E2BTF;EACA;AdmKJ;ACpHI;EcrDF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EACA;EACA;AFuGJ;AtCxGM;EAEI,uBuC4DyB;AD6CnC;AtC7FM;EuCiDE;EACA;EACA;AD+CR;AC3CI;EACE;EACA;AD6CN;AEtHE;EACE;EACA;EACA;AFwHJ;AtCzHM;EAEI,uBuCuEyB;ADmDnC;AtC9GM;EuC4DE;EACA;EACA;ADqDR;AClDM;EACE;ADoDR;AChDI;EACE;EACA;ADkDN;AE1IE;EACE;EACA;EACA;AF4IJ;AtC/HM;EuC2EE;EACA;EACA;ADuDR;AtClJM;EAEI,wBuC6F2B;ADsDrC;AtCrJM;EAEI,wBuCgG6B;ADsDvC;AtCxJM;EAEI,uBuCqG2B;ADoDrC;AtC3JM;EAEI,uBuCwG6B;ADoDvC;AC/CI;EACE;ADiDN;AC9CI;EACE;ADgDN;AC7CI;EACE;EACA;AD+CN;AtCxKM;EAEI,wBuC0H2B;AD+CrC;AC5CM;EACE;AD8CR;AC1CI;EACE;EACA;AD4CN;AC1CM;EACE;AD4CR;AN5KE;EACE;EACA;EACA,sBOiIoE;EPhIpE,gBOgIuD;EP/HvD,mC3CaO;E2CZP,oBAVQ;EAWR,kBAVM;EAWN,oBAVQ;AMwLZ,C;;;;AjDlMA;EACE;EACA;EAIA;EACA;AoDFF;ApDKA;EACE;EACA;EAIA;EACA;AoDNF;ApDSA;EACE;EACA;EAIA;EACA;AoDVF;ACuCA;EACE;IACE;EDrCF;ECuCA;IACE;EDrCF;AACF;ACrBE;EACE;EACA;ADuBJ;ACrBI;EACE;EACA;EACA;ADuBN;ACrBM;EACE;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;ADkBR;AChBQ;EACE;EACA;EACA;EACA;ADkBV;ADrDE;EACE;EACA;EACA;ACuDJ;ACnBU;EACE;EACA;ADqBZ;ATnDE;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC3CaO;E2CZP,oBAVQ;EAWR,kBAVM;EAWN,oBAVQ;AS+DZ;AC3BU;EACE;AD6BZ;AE1EI;EAEI;EAGA;EAIA,UDqCsF;ADiC9F;AEnEM;EAEI,4BDgCuD;ADoCjE,C;;;;ApDpFA;EACE;EACA;EAIA;EACA;AuDFF;AvDKA;EACE;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DNF;A/DSA;EACE;EACA;EAIA;EACA;A+DVF;ACbE;EACE;ECGF;EACA;EAEA;EACA;EACA;EACA;EACA;AFYF;AZ1BE;EACE;EACA;EACA;AY4BJ;ApD7BM;EAUI,esDK2B;AFiBrC;ApDlBM;EsDEF;EACA;EACA;AFmBJ;AEjBE;EApBA;EACA;AFwCF;ACpCI;EEPF;AH8CF;ACnCI;EGTF;AJ+CF;AI7CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ+CJ;AC3CI;EITF;EACA;ALuDF;ApD5DM;EAEI,4ByDKqB;ALwD/B;AKtDE;EACE;ALwDJ;AKrDE;EAbA;ALqEF;ACpDI;EKbF;EACA;ANoEF;ApDzEM;EAEI,4B0DKqB;ANqE/B;ApBnEE;EACE;EACA;EACA,2B0BJ8D;E1BK9D,gB0BLiD;E1BMjD,mC3CaO;E2CZP,oBAVQ;EAWR,kBAVM;EAWN,oBAVQ;AoB+EZ;AM5EE;EAVA;ANyFF;ACpEI;EMhBF;EACA;APuFF;ApD7FM;EAEI,wB2DMqB;APwF/B;AzDvFE;EAcI,uBgEdsB;EhEiBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyDgGZ;AO5FE;EACE;AP8FJ;AO3FE;EAfA;EACA;AP6GF;ACrFI;EOjBF;EAEA;EACA;ARwGF;AQtGE;EACE;ARwGJ;ApDtHM;EAEI,uB4DeqB;ARwG/B;AzDhHE;EAcI,sBiELsB;EjEQxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyDyHZ;AQ5GE;EApBA;EACA;ARmIF;ApDpIM;EAEI,uB4DCqB;ARoI/B;AzD9HE;EAcI,sBiEnBsB;EjEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyDuIZ;AChHM;EQlBJ;EAEA;AToIF;ApBzIE;EACE;EACA;EACA,wB6BG8D;E7BF9D,gB6BEiD;E7BDjD,mC3CaO;E2CZP,oBAVQ;EAWR,kBAVM;EAWN,oBAVQ;AoBqJZ;ApD5JM;EAEI,yB6DcqB;AT+I/B;AS7IE;EACE;AT+IJ;AS5IE;EAtBA;EAEA;AToKF;ACrIQ;EQLN;EAEA;AT4IF;ApBjKE;EACE;EACA;EACA,wB6BmB8D;E7BlB9D,gB6BkBiD;E7BjBjD,mC3CaO;E2CZP,oBAVQ;EAWR,kBAVM;EAWN,oBAVQ;AoB6KZ;ApDpLM;EAEI,yB6D8BqB;ATuJ/B;ASrJE;EACE;ATuJJ;ASpJE;EAhCA;EAEA;ATsLF;ACtJM;ES5BJ;EAEA;AVoLF;ApBzLE;EACE;EACA;EACA,wB8BG8D;E9BF9D,gB8BEiD;E9BDjD,mC3CaO;E2CZP,oBAVQ;EAWR,kBAVM;EAWN,oBAVQ;AoBqMZ;ApD5MM;EAEI,yB8DcqB;AV+L/B;AU7LE;EACE;AV+LJ;AU5LE;EAtBA;EAEA;AVoNF;AC3KQ;ESfN;EAEA;AV4LF;ApBjNE;EACE;EACA;EACA,wB8BmB8D;E9BlB9D,gB8BkBiD;E9BjBjD,mC3CaO;E2CZP,oBAVQ;EAWR,kBAVM;EAWN,oBAVQ;AoB6NZ;ApDpOM;EAEI,yB8D8BqB;AVuM/B;AUrME;EACE;AVuMJ;AUpME;EAhCA;EAEA;AVsOF;AC7LI;ECjDF;EACA;AFiPF;AC9LM;EIpDJ;ALqPF;AC7LM;EKxDJ;ANwPF;AC5LM;EM5DJ;EACA;AP2PF;AC5LM;EOhEJ;EACA;AR+PF;ApDhQM;EAEI,uB4DCqB;ARgQ/B;AzD1PE;EAcI,sBiEnBsB;EjEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AyDmQZ;ACrMQ;EQrEN;EAEA;AT4QF;ACtMU;EQlER;EAEA;AT0QF;ACnMQ;ES/EN;EAEA;AVoRF;ACpMU;ES5ER;EAEA;AVkRF,C;;;;A/D7RA;EACE;EACA;EAIA;EACA;A0EFF;A1EKA;EACE;EACA;EAIA;EACA;A0ENF;A1ESA;EACE;EACA;EAIA;EACA;A0EVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;EACA;EACA;AAgBJ;AtE5BE;EACE;EAGE,sBsES+B;AAmBrC;AAjBI;EACE;AAmBN;A/BxBE;EACE;EACA;EACA,sB+BGkE;E/BFlE,gB+BEqD;E/BDrD,mC3CaO;E2CZP,oBAVQ;EAWR,kBAVM;EAWN,oBAVQ;A+BoCZ;ApElCE;EAWI,gBoEF6B;EpEQ/B,mCNCO;EMAP,oBAtBQ;E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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/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/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerMain.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DateGrid.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerHeader.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerFooter.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/mixins/flexField.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/mixins/selectField.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/RadioField.module.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/mixins/radioField.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/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$golos-ui: 'Golos UI', sans-serif;","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n 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 line-height: 16px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.medium {\n padding: 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 line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.large {\n padding: 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 line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.ultra {\n padding: 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 line-height: 24px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.primary {\n border-radius: 8px;\n background-color: var(--blue-dark-500);\n 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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.primary:hover {\n background-color: var(--blue-dark-600);\n}\n.button.primary: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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.secondaryColor:hover {\n background-color: var(--blue-dark-50);\n 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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.secondaryGray:hover {\n background-color: var(--gray-50);\n 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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tertiaryWhite:hover .text {\n color: var(--base-white);\n}\n.button.tertiaryWhite:hover .icon svg * {\n stroke: var(--base-white);\n}\n.button.tertiaryWhite:disabled, .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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tertiaryColor:hover .icon svg * {\n stroke: var(--blue-dark-700);\n}\n.button.tertiaryColor:disabled, .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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tertiaryGray:hover .text {\n color: var(--gray-900);\n}\n.button.tertiaryGray:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.tertiaryGray:disabled, .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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.linkColor:hover .text {\n color: var(--blue-dark-700);\n}\n.button.linkColor:hover .icon svg * {\n stroke: var(--blue-dark-700);\n}\n.button.linkColor:disabled, .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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.linkBlack:hover .text {\n color: var(--gray-900);\n}\n.button.linkBlack:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.linkBlack:disabled, .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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.linkGray:hover .text {\n color: var(--gray-500);\n}\n.button.linkGray:hover .icon svg * {\n stroke: var(--gray-500);\n}\n.button.linkGray:disabled, .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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tabActive:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.tabActive:hover .text {\n color: var(--gray-900);\n}\n.button.tabActive:disabled, .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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tab:hover {\n background-color: var(--gray-200);\n}\n.button.tab:hover .icon svg * {\n stroke: var(--gray-800);\n}\n.button.tab:hover .text {\n color: var(--gray-800);\n}\n.button.tab:disabled, .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);\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n // С учетом 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);\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);\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);\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.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 \"../fonts\";\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n & {\r\n font-size: #{$size}px;\r\n line-height: #{$line-height}px;\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n border-radius: 16px;\r\n border: 1px solid var(--gray-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n position: relative;\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n z-index: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n gap: 2px;\r\n z-index: 2;\r\n backdrop-filter: blur(10px);\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n width: 40px;\r\n height: 16px;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .meta {\r\n width: 100%;\r\n gap: 6px;\r\n z-index: 2;\r\n @include modify-flex($direction: row);\r\n\r\n .month {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .year {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n max-height: 250px;\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: repeat(5, 1fr);\r\n gap: 2px;\r\n overflow: hidden;\r\n\r\n &.upEntrance {\r\n animation: up-entrance 1s forwards;\r\n }\r\n\r\n &.downEntrance {\r\n animation: down-entrance 1s forwards;\r\n }\r\n\r\n &.upExit {\r\n animation: up-exit 1s forwards;\r\n }\r\n\r\n &.downExit {\r\n animation: down-exit 1s forwards;\r\n }\r\n\r\n &.displayNone {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes up-entrance {\r\n from {\r\n transform: translateY(-100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes down-entrance {\r\n from {\r\n transform: translateY(100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes up-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n}\r\n\r\n@keyframes down-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: row);\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900));\r\n }\r\n\r\n .switchers {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 2px;\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n width: 100%;\r\n display: flex;\r\n\r\n border-top: 1px solid var(--gray-200);\r\n padding: 16px;\r\n gap: 8px;\r\n\r\n .item {\r\n flex: 1;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.flexField {\n width: 100%;\n height: fit-content;\n 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-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n .flexField {\r\n width: 100%;\r\n height: fit-content;\r\n 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-100);\r\n cursor: default;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n & {\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@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}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: var(--gray-200);\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: var(--base-white);\n}\n.switcherField:hover {\n background-color: var(--gray-300);\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n justify-content: right;\n background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n cursor: default;\n background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n background-color: var(--gray-200);\n}","@use '@/styles' as *;\r\n@use \"sass:meta\";\r\n@use \"sass:string\";\r\n@use \"sass:map\";\r\n\r\n$medium-size: 'medium';\r\n$large-size: 'large';\r\n\r\n$light-tone: 'light';\r\n$dark-tone: 'dark';\r\n\r\n\r\n$size-config: (\r\n medium: (\r\n width: 36,\r\n height: 20,\r\n radius: 16,\r\n ),\r\n large: (\r\n width: 44,\r\n height: 24,\r\n radius: 20,\r\n ),\r\n);\r\n\r\n$tone-config: (\r\n light: (\r\n main: var(--gray-200),\r\n hover: var(--gray-300),\r\n ),\r\n dark: (\r\n main: var(--gray-300),\r\n hover: var(--gray-400),\r\n ),\r\n);\r\n\r\n@mixin insertSwitcherField($size: $medium-size, $tone: $light-tone) {\r\n $size: if(meta.type-of($size) == 'string', string.unquote($size), $size);\r\n $tone: if(meta.type-of($tone) == 'string', string.unquote($tone), $tone);\r\n $size-settings: map.get($size-config, $size);\r\n $tone-settings: map.get($tone-config, $tone);\r\n\r\n .switcherField {\r\n width: #{map.get($size-settings, width)}px;\r\n height: #{map.get($size-settings, height)}px;\r\n\r\n display: flex;\r\n justify-content: left;\r\n\r\n border-radius: 12px;\r\n padding: 2px;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:after {\r\n flex: none;\r\n content: '';\r\n width: #{map.get($size-settings, radius)}px;\r\n height: #{map.get($size-settings, radius)}px;\r\n border-radius: 50%;\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n background-color: var(--base-white);\r\n }\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, hover);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100);\r\n }\r\n\r\n &.active {\r\n justify-content: right;\r\n background-color: var(--blue-dark-500);\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, main);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n}\n.radioFieldItem .checkbox {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertRadioField() {\r\n .radioFieldItem {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 8px;\r\n\r\n .checkbox {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n\r\n border-radius: 50%;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n\r\n @include centerInsideContent();\r\n }\r\n\r\n .label {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &.active {\r\n .checkbox {\r\n &:after {\r\n content: '';\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-500);\r\n }\r\n\r\n border: 1px solid var(--blue-dark-500);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@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-100);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n 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.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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.error:after {\n background-color: var(--error-500);\n}\n.checkboxMark.error:hover {\n background-color: var(--error-50);\n 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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.disabled:hover {\n background-color: var(--gray-100);\n 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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked {\n background-color: var(--blue-dark-500);\n 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 font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.hover.correct.checked {\n background-color: var(--blue-dark-600);\n 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 @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n\r\n &.indeterminate {\r\n @include fnt-flex($weight: 600);\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock .supportingText {\r\n @include fnt-flex($color: var(--error-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use 'mixins';\r\n\r\n.toggleBase {\r\n transition: all ease-out 0.2s;\r\n @include mixins.base();\r\n\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 @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .description {\r\n text-align: start;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n .text, .description {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@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);\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);\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);\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);\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);\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;;;;;;;;;;ACbA;EACE;EACA;EAIA;EACA;ACFF;ADKA;EACE;EACA;EAIA;EACA;ACNF;ADSA;EACE;EACA;EAIA;EACA;ACVF;ACbE;ECDA;EACA;AFiBF;AGpBE;EACE;EAGE;EAIA,uBDJsB;ECQtB,mBDR8B;AFsBpC;AEpBE;EACE;EACA;AFsBJ;AG9BE;EACE;EAGE,mBDKmB;ECDnB,uBDCwB;ECGxB,mBDHgC;AF2BtC;AExBE;EACE;EACA;AF0BJ;AEvBE;EACE;AFyBJ;AEtBE;EACE;AFwBJ;AErBE;EACE;AFuBJ;AEpBE;EACE;AFsBJ;AC9CI;EGHF;AJoDF;AIhDM;EACE;EACA;EACA;AJkDR;AI7CE;EACE;AJ+CJ;AKnDE;EAEI;EAGA;EASA,mCNGK;ACuCX;AC1DI;EKPF;ANoEF;AMhEM;EACE;EACA;EACA;ANkER;AM7DE;EACE;AN+DJ;AKnEE;EAEI;EAGA;EASA,mCNGK;ACuDX;ACtEI;EMXF;APoFF;AOhFM;EACE;EACA;EACA;APkFR;AO7EE;EACE;AP+EJ;AKnFE;EAEI;EAGA;EASA,mCNGK;ACuEX;AClFI;EOfF;ARoGF;AQhGM;EACE;EACA;EACA;ARkGR;AQ7FE;EACE;AR+FJ;AKnGE;EAEI;EAGA;EASA,mCNGK;ACuFX;AC9FI;EQpBF;EACA;EACA;EACA;ATqHF;AUxHM;EAEI,yBDIuB;ATqHjC;AKjHE;EAQI,gBIRyB;EJWzB,wBIXsC;ATqH5C;ASlHE;EACE;AToHJ;AS5GE;EACE;AT8GJ;AS5GI;EACE;AT8GN;AChHI;EUxBF;EACA;EACA;EACA;AX2IF;AU9IM;EAEI,4BCIuB;AX2IjC;AKvIE;EAQI,gBMRyB;ENWzB,2BMXsC;AX2I5C;AWxIE;EACE;EACA;AX0IJ;AWnIE;EACE;AXqIJ;AWlII;EACE;EACA;AXoIN;ACpII;EW5BF;EACA;EACA;EACA;AZmKF;AUtKM;EAEI,uBEIuB;AZmKjC;AK/JE;EAQI,gBORyB;EPWzB,sBOXsC;AZmK5C;AYhKE;EACE;EACA;AZkKJ;AYhKI;EACE;AZkKN;AY1JE;EACE;AZ4JJ;AY1JI;EACE;EACA;AZ4JN;AY1JM;EACE;AZ4JR;AC9JI;EYhCF;AbiMF;AUjMM;EAEI;AVkMV;AK1LE;EAQI,gBQZyB;ERezB,2BQfsC;AbkM5C;Aa9LI;EACE;AbgMN;AU3MM;EAEI,yBGayB;Ab+LnC;Aa3LE;EACE;Ab6LJ;Aa1LM;EACE;Ab4LR;AUpNM;EAEI,4BG0B2B;Ab2LrC;ACnLI;EapCF;Ad0NF;AU1NM;EAEI;AV2NV;AcxNE;EACE;Ad0NJ;AKtNE;EAQI,gBSP2B;ETU3B,2BSVwC;AdyN9C;AUpOM;EAEI,4BIayB;AdwNnC;AcpNE;EACE;AdsNJ;AKhOE;EAQI,gBSM6B;ETH7B,2BSG0C;AdsNhD;AU9OM;EAEI,4BI0B2B;AdqNrC;ACzMI;EcxCF;AfoPF;AUpPM;EAEI;AVqPV;AelPE;EACE;AfoPJ;AKhPE;EAQI,gBUXyB;EVczB,sBUdsC;AfuP5C;AenPI;EACE;AfqPN;AUjQM;EAEI,uBKcyB;AfoPnC;AehPE;EACE;AfkPJ;Ae/OM;EACE;AfiPR;AU1QM;EAEI,uBK2B2B;AfgPrC;ACjOI;Ee5CF;EACA;AhBgRF;AUjRM;EAEI,4BMEuB;AhBgRjC;AgB7QE;EACE;AhB+QJ;AK7QE;EAQI,gBWTyB;EXYzB,2BWZsC;AhBkR5C;AgB9QI;EACE;AhBgRN;AU9RM;EAEI,4BMgByB;AhB+QnC;AgB3QE;EACE;AhB6QJ;AgB1QM;EACE;AhB4QR;AUvSM;EAEI,4BM6B2B;AhB2QrC;AC1PI;EgBhDF;EACA;AjB6SF;AU9SM;EAEI,uBOEuB;AjB6SjC;AiB1SE;EACE;AjB4SJ;AK1SE;EAQI,gBYTyB;EZYzB,sBYZsC;AjB+S5C;AiB3SI;EACE;AjB6SN;AU3TM;EAEI,uBOgByB;AjB4SnC;AiBxSE;EACE;AjB0SJ;AiBvSM;EACE;AjBySR;AUpUM;EAEI,uBO6B2B;AjBwSrC;ACnRI;EiBpDF;EACA;AlB0UF;AU3UM;EAEI,uBQEuB;AlB0UjC;AkBvUE;EACE;AlByUJ;AKvUE;EAQI,gBaTyB;EbYzB,sBaZsC;AlB4U5C;AkBxUI;EACE;AlB0UN;AUxVM;EAEI,uBQgByB;AlByUnC;AkBrUE;EACE;AlBuUJ;AkBpUM;EACE;AlBsUR;AUjWM;EAEI,uBQ6B2B;AlBqUrC;AC5SI;EkBxDF;EACA;EACA;EACA;AnBuWF;AU1WM;EAEI,uBSIuB;AnBuWjC;AKnWE;EAQI,gBcRyB;EdWzB,sBcXsC;AnBuW5C;AUjXM;EAEI,uBSayB;AnBqWnC;AmBlWI;EACE;AnBoWN;AmBhWE;EACE;AnBkWJ;AU1XM;EAEI,uBS0B2B;AnBiWrC;AmB9VM;EACE;AnBgWR;ACpUI;EmB5DF;EACA;EACA;EACA;ApBmYF;AUtYM;EAEI,uBUIuB;ApBmYjC;AK/XE;EAQI,gBeRyB;EfWzB,sBeXsC;ApBmY5C;AoBhYE;EACE;ApBkYJ;AUhZM;EAEI,uBUeyB;ApBkYnC;AoB/XI;EACE;ApBiYN;AoB7XE;EACE;ApB+XJ;AoB7XI;EACE;ApB+XN;AU5ZM;EAEI,uBU8B2B;ApB+XrC;AoB5XM;EACE;ApB8XR;ACjWM;EoBjEJ;EACA;EACA;EACA;ArBqaF;AqBnaE;EACE;ArBqaJ;AqB9ZE;EACE;ArBgaJ;AqB9ZI;EACE;ArBgaN;AC1WM;EqBvEJ;EACA;EACA;AtBobF;AUtbM;EAEI,wBYGuB;AtBobjC;AsBjbE;EACE;AtBmbJ;AsBhbE;EACE;EACA;AtBkbJ;AsB3aE;EACE;AtB6aJ;AsB3aI;EACE;EACA;AtB6aN;AC3XI;EACE;AD6XN,C;;;;AD7cA;EACE;EACA;EAIA;EACA;AwBFF;AxBKA;EACE;EACA;EAIA;EACA;AwBNF;AxBSA;EACE;EACA;EAIA;EACA;AwBVF;ACbE;ECDA;EACA;EACA;EACA;AFiBF;ApBtBE;EACE;EAGE,mBsBEiB;EtBEjB,uBsBFsB;EtBMtB,mBsBN8B;AFsBpC;AbZM;EeRF;AFuBJ;ACzBI;EEJF;EACA;AHgCF;AbjCM;EAEI;AakCV;AGhCE;EACE;AHkCJ;AbvCM;EAEI,uBgBIuB;AHoCjC;AClCI;EGRF;EACA;AJ6CF;Ab9CM;EAEI;Aa+CV;AI7CE;EACE;AJ+CJ;ACxCI;EIZF;EACA;ALuDF;AbxDM;EAEI;AayDV;AKvDE;EACE;ALyDJ;Ab9DM;EAEI,uBkBIuB;AL2DjC;ACjDI;EKhBF;EACA;ANoEF;AbrEM;EAEI;AasEV;AMpEE;EACE;ANsEJ;Ab3EM;EAEI,4BmBIuB;ANwEjC;AC1DI;EMpBF;EACA;APiFF;AblFM;EAEI;AamFV;AOjFE;EACE;APmFJ;AbxFM;EAEI,4BoBIuB;APqFjC;ACnEI;EOxBF;EACA;AR8FF;Ab/FM;EAEI;AagGV;AQ9FE;EACE;ARgGJ;AbrGM;EAEI,wBqBIuB;ARkGjC;AC5EI;EQ5BF;EACA;AT2GF;Ab5GM;EAEI;Aa6GV;AS3GE;EACE;AT6GJ;AblHM;EAEI,4BsBIuB;AT+GjC;ACrFI;EShCF;EACA;AVwHF;AbzHM;EAEI;Aa0HV;AUxHE;EACE;AV0HJ;Ab/HM;EAEI,uBuBIuB;AV4HjC;AC9FI;EUpCF;EACA;AXqIF;AbtIM;EAEI;AauIV;AWrIE;EACE;AXuIJ;Ab5IM;EAEI,wBwBIuB;AXyIjC;ACtGI;EWzCF;EACA;AZkJF;AbnJM;EAEI;AaoJV;AbtJM;EAEI,4ByBGuB;AZoJjC;AC5GI;EY7CF;EAEA;Ab2JF;Ab/IM;E0BTF;EACA;Ab2JJ;AChHI;EajDF;EAEA;AdmKF;AbvJM;E2BTF;EACA;AdmKJ;ACpHI;EcrDF;EAEA;Af2KF;Ab/JM;E4BTF;EACA;Af2KJ;ACxHI;EezDF;EAEA;AhBmLF;AbvKM;E6BTF;EACA;AhBmLJ;AC5HI;EgB7DF;EAEA;AjB2LF;Ab/KM;E8BTF;EACA;AjB2LJ,C;;;;AxBpMA;EACE;EACA;EAIA;EACA;A0CFF;A1CKA;EACE;EACA;EAIA;EACA;A0CNF;A1CSA;EACE;EACA;EAIA;EACA;A0CVF;AAfA;EACE;EACA;EACA;EACA;EAEA;EACA;AAgBF;AtCxBE;EACE;EAGE,sBsCM6B;EtCF7B,uBsCEuD;EtCEvD,mBsCF6E;AAoBnF;AAlBE;EACE;EACA;EACA;AAoBJ;AtCnCE;EACE;EAGE,sBsCY+B;EtCR/B,uBsCQyD;EtCJzD,mBsCI+E;AAyBrF;AAvBI;EACE;EACA;EACA;EACA;EACA;AAyBN;AArBE;EACE;EACA;AAuBJ;AtCpDE;EACE;EAGE,sBsC0B+B;EtCtB/B,uBsCsByD;EtClBzD,mBsCkB+E;AA4BrF;AC9CE;EACE;EACA;EACA,sBDgBgE;ECfhE,gBDemD;ECdnD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD2DZ;AAlCE;EACE;EACA;EACA;AAoCJ;AC7DE;EACE;EACA;EACA,sBDuBgE;ECtBhE,gBDsBmD;ECrBnD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD0E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E,gBOoBuD;EPnBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMyDZ;AC1BI;EACE;AD4BN;AErEE;EACE;EACA;EACA;AFuEJ;AtCxEM;EAEI,uBuCuCyB;ADkCnC;AtC7DM;EuC4BE;EACA;EACA;ADoCR;ANtEE;EACE;EACA;EACA,sBOoCkE;EPnClE,gBOmCqD;EPlCrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMmFZ;ACtCI;EACE;EACA;EACA;EACA;ADwCN;ACrCI;EACE;ADuCN;AErGE;EACE;EACA;EACA;AFuGJ;AtCxGM;EAEI,uBuC4DyB;AD6CnC;AtC7FM;EuCiDE;EACA;EACA;AD+CR;AC3CI;EACE;EACA;AD6CN;AEtHE;EACE;EACA;EACA;AFwHJ;AtCzHM;EAEI,uBuCuEyB;ADmDnC;AtC9GM;EuC4DE;EACA;EACA;ADqDR;AClDM;EACE;ADoDR;AChDI;EACE;EACA;ADkDN;AE1IE;EACE;EACA;EACA;AF4IJ;AtC/HM;EuC2EE;EACA;EACA;ADuDR;AtClJM;EAEI,wBuC6F2B;ADsDrC;AtCrJM;EAEI,wBuCgG6B;ADsDvC;AtCxJM;EAEI,uBuCqG2B;ADoDrC;AtC3JM;EAEI,uBuCwG6B;ADoDvC;AC/CI;EACE;ADiDN;AC9CI;EACE;ADgDN;AC7CI;EACE;EACA;AD+CN;AtCxKM;EAEI,wBuC0H2B;AD+CrC;AC5CM;EACE;AD8CR;AC1CI;EACE;EACA;AD4CN;AC1CM;EACE;AD4CR;AN3KE;EACE;EACA;EACA,sBOgIoE;EP/HpE,gBO+HuD;EP9HvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMwLZ,C;;;;AjDlMA;EACE;EACA;EAIA;EACA;AoDFF;ApDKA;EACE;EACA;EAIA;EACA;AoDNF;ApDSA;EACE;EACA;EAIA;EACA;AoDVF;ACuCA;EACE;IACE;EDrCF;ECuCA;IACE;EDrCF;AACF;ACrBE;EACE;EACA;ADuBJ;ACrBI;EACE;EACA;EACA;ADuBN;ACrBM;EACE;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EAC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BrC;AlDtBM;EAEI,uBkDGuB;AAoBjC;AlDXM;EkDRA;EACA;EACA;AAsBN;AAlBE;EACE;EACA;AAoBJ,C;;;;A7DrCA;EACE;EACA;EAIA;EACA;A8DFF;A9DKA;EACE;EACA;EAIA;EACA;A8DNF;A9DSA;EACE;EACA;EAIA;EACA;A8DVF;AAfA;EACE;EACA;EACA;AAiBF;A1DrBE;EACE;A0DuBJ;AAjBE;EACE;EACA;AAmBJ,C;;;;A9D7BA;EACE;EACA;EAIA;EACA;A+DFF;A/DKA;EACE;EACA;EAIA;EACA;A+DNF;A/DSA;EACE;EACA;EAIA;EACA;A+DVF;ACbE;EACE;ECGF;EACA;EAEA;EACA;EACA;EACA;EACA;AFYF;AZ1BE;EACE;EACA;EACA;AY4BJ;ApD7BM;EAUI,esDK2B;AFiBrC;ApDlBM;EsDEF;EACA;EACA;AFmBJ;AEjBE;EApBA;EACA;AFwCF;ACpCI;EEPF;AH8CF;ACnCI;EGTF;AJ+CF;AI7CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ+CJ;AC3CI;EITF;EACA;ALuDF;ApD5DM;EAEI,4ByDKqB;ALwD/B;AKtDE;EACE;ALwDJ;AKrDE;EAbA;ALqEF;ACpDI;EKbF;EACA;ANoEF;ApDzEM;EAEI,4B0DKqB;ANqE/B;ApBlEE;EACE;EACA;EACA,2B0BL8D;E1BM9D,gB0BNiD;E1BOjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+EZ;AM5EE;EAVA;ANyFF;ACpEI;EMhBF;EACA;APuFF;ApD7FM;EAEI,wB2DMqB;APwF/B;AzDtFE;EAWI,uBgEZsB;AP0F5B;AOxFE;EACE;AP0FJ;AOvFE;EAfA;EACA;APyGF;ACjFI;EOjBF;EAEA;EACA;ARoGF;AQlGE;EACE;ARoGJ;ApDlHM;EAEI,uB4DeqB;ARoG/B;AzD3GE;EAWI,sBiEHsB;ARsG5B;AQpGE;EApBA;EACA;AR2HF;ApD5HM;EAEI,uB4DCqB;AR4H/B;AzDrHE;EAWI,sBiEjBsB;AR8H5B;ACpGM;EQlBJ;EAEA;ATwHF;ApB5HE;EACE;EACA;EACA,wB6BE8D;E7BD9D,gB6BCiD;E7BAjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoByIZ;ApDhJM;EAEI,yB6DcqB;ATmI/B;ASjIE;EACE;ATmIJ;AShIE;EAtBA;EAEA;ATwJF;ACzHQ;EQLN;EAEA;ATgIF;ApBpJE;EACE;EACA;EACA,wB6BkB8D;E7BjB9D,gB6BiBiD;E7BhBjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiKZ;ApDxKM;EAEI,yB6D8BqB;AT2I/B;ASzIE;EACE;AT2IJ;ASxIE;EAhCA;EAEA;AT0KF;AC1IM;ES5BJ;EAEA;AVwKF;ApB5KE;EACE;EACA;EACA,wB8BE8D;E9BD9D,gB8BCiD;E9BAjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoByLZ;ApDhMM;EAEI,yB8DcqB;AVmL/B;AUjLE;EACE;AVmLJ;AUhLE;EAtBA;EAEA;AVwMF;AC/JQ;ESfN;EAEA;AVgLF;ApBpME;EACE;EACA;EACA,wB8BkB8D;E9BjB9D,gB8BiBiD;E9BhBjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiNZ;ApDxNM;EAEI,yB8D8BqB;AV2L/B;AUzLE;EACE;AV2LJ;AUxLE;EAhCA;EAEA;AV0NF;ACjLI;ECjDF;EACA;AFqOF;AClLM;EIpDJ;ALyOF;ACjLM;EKxDJ;AN4OF;AChLM;EM5DJ;EACA;AP+OF;AChLM;EOhEJ;EACA;ARmPF;ApDpPM;EAEI,uB4DCqB;ARoP/B;AzD7OE;EAWI,sBiEjBsB;ARsP5B;ACrLQ;EQrEN;EAEA;AT4PF;ACtLU;EQlER;EAEA;AT0PF;ACnLQ;ES/EN;EAEA;AVoQF;ACpLU;ES5ER;EAEA;AVkQF,C;;;;A/D7QA;EACE;EACA;EAIA;EACA;A0EFF;A1EKA;EACE;EACA;EAIA;EACA;A0ENF;A1ESA;EACE;EACA;EAIA;EACA;A0EVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;EACA;EACA;AAgBJ;AtE5BE;EACE;EAGE,sBsES+B;AAmBrC;AAjBI;EACE;AAmBN;A/BvBE;EACE;EACA;EACA,sB+BEkE;E/BDlE,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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/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/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerMain.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DateGrid.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerHeader.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerFooter.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/mixins/flexField.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/mixins/selectField.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/RadioField.module.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/mixins/radioField.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/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$golos-ui: 'Golos UI', sans-serif;","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n 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 '@/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.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 \"../fonts\";\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n $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.datePicker {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n border-radius: 16px;\r\n border: 1px solid var(--gray-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n position: relative;\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n z-index: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n gap: 2px;\r\n z-index: 2;\r\n backdrop-filter: blur(10px);\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n width: 40px;\r\n height: 16px;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .meta {\r\n width: 100%;\r\n gap: 6px;\r\n z-index: 2;\r\n @include modify-flex($direction: row);\r\n\r\n .month {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .year {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n max-height: 250px;\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: repeat(5, 1fr);\r\n gap: 2px;\r\n overflow: hidden;\r\n\r\n &.upEntrance {\r\n animation: up-entrance 1s forwards;\r\n }\r\n\r\n &.downEntrance {\r\n animation: down-entrance 1s forwards;\r\n }\r\n\r\n &.upExit {\r\n animation: up-exit 1s forwards;\r\n }\r\n\r\n &.downExit {\r\n animation: down-exit 1s forwards;\r\n }\r\n\r\n &.displayNone {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes up-entrance {\r\n from {\r\n transform: translateY(-100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes down-entrance {\r\n from {\r\n transform: translateY(100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes up-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n}\r\n\r\n@keyframes down-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: row);\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900));\r\n }\r\n\r\n .switchers {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 2px;\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n width: 100%;\r\n display: flex;\r\n\r\n border-top: 1px solid var(--gray-200);\r\n padding: 16px;\r\n gap: 8px;\r\n\r\n .item {\r\n flex: 1;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.flexField {\n width: 100%;\n height: fit-content;\n 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-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n .flexField {\r\n width: 100%;\r\n height: fit-content;\r\n 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-100);\r\n cursor: default;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n & {\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@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}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: var(--gray-200);\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: var(--base-white);\n}\n.switcherField:hover {\n background-color: var(--gray-300);\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n justify-content: right;\n background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n cursor: default;\n background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n background-color: var(--gray-200);\n}","@use '@/styles' as *;\r\n@use \"sass:meta\";\r\n@use \"sass:string\";\r\n@use \"sass:map\";\r\n\r\n$medium-size: 'medium';\r\n$large-size: 'large';\r\n\r\n$light-tone: 'light';\r\n$dark-tone: 'dark';\r\n\r\n\r\n$size-config: (\r\n medium: (\r\n width: 36,\r\n height: 20,\r\n radius: 16,\r\n ),\r\n large: (\r\n width: 44,\r\n height: 24,\r\n radius: 20,\r\n ),\r\n);\r\n\r\n$tone-config: (\r\n light: (\r\n main: var(--gray-200),\r\n hover: var(--gray-300),\r\n ),\r\n dark: (\r\n main: var(--gray-300),\r\n hover: var(--gray-400),\r\n ),\r\n);\r\n\r\n@mixin insertSwitcherField($size: $medium-size, $tone: $light-tone) {\r\n $size: if(meta.type-of($size) == 'string', string.unquote($size), $size);\r\n $tone: if(meta.type-of($tone) == 'string', string.unquote($tone), $tone);\r\n $size-settings: map.get($size-config, $size);\r\n $tone-settings: map.get($tone-config, $tone);\r\n\r\n .switcherField {\r\n width: #{map.get($size-settings, width)}px;\r\n height: #{map.get($size-settings, height)}px;\r\n\r\n display: flex;\r\n justify-content: left;\r\n\r\n border-radius: 12px;\r\n padding: 2px;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:after {\r\n flex: none;\r\n content: '';\r\n width: #{map.get($size-settings, radius)}px;\r\n height: #{map.get($size-settings, radius)}px;\r\n border-radius: 50%;\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n background-color: var(--base-white);\r\n }\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, hover);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100);\r\n }\r\n\r\n &.active {\r\n justify-content: right;\r\n background-color: var(--blue-dark-500);\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, main);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n}\n.radioFieldItem .checkbox {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertRadioField() {\r\n .radioFieldItem {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 8px;\r\n\r\n .checkbox {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n\r\n border-radius: 50%;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n\r\n @include centerInsideContent();\r\n }\r\n\r\n .label {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &.active {\r\n .checkbox {\r\n &:after {\r\n content: '';\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-500);\r\n }\r\n\r\n border: 1px solid var(--blue-dark-500);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@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-100);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n 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.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 @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n\r\n &.indeterminate {\r\n @include fnt-flex($weight: 600);\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock .supportingText {\r\n @include fnt-flex($color: var(--error-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use 'mixins';\r\n\r\n.toggleBase {\r\n transition: all ease-out 0.2s;\r\n @include mixins.base();\r\n\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 @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .description {\r\n text-align: start;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n .text, .description {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@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":""}
package/dist/scss/styles/mixins/fnt-flex.scss CHANGED
@@ -5,20 +5,18 @@
5
5
  $line-height: null,
6
6
  $color: null,
7
7
  $weight: null,
8
- $family: fonts.$golos-ui,
9
- $stretch: normal,
10
- $style: normal,
11
- $variant: normal,
8
+ $family: null,
9
+ $stretch: null,
10
+ $style: null,
11
+ $variant: null,
12
+ $units: px,
12
13
  ) {
13
14
  & {
14
15
  @if ($size != null) {
15
- font-size: #{$size}px;
16
+ font-size: #{$size}#{$units};
16
17
  }
17
18
  @if ($line-height != null) {
18
- line-height: #{$line-height}px;
19
- }
20
- @if ($line-height != null) {
21
- line-height: #{$line-height}px;
19
+ line-height: #{$line-height}#{$units};
22
20
  }
23
21
  @if ($weight != null) {
24
22
  font-weight: $weight;
@@ -26,10 +24,17 @@
26
24
  @if ($color != null) {
27
25
  color: $color;
28
26
  }
29
-
30
- font-family: $family;
31
- font-stretch: $stretch;
32
- font-style: $style;
33
- font-variant: $variant;
27
+ @if ($family != null) {
28
+ font-family: $family;
29
+ }
30
+ @if ($stretch != null) {
31
+ font-stretch: $stretch;
32
+ }
33
+ @if ($style != null) {
34
+ font-style: $style;
35
+ }
36
+ @if ($variant != null) {
37
+ font-variant: $variant;
38
+ }
34
39
  }
35
40
  }
package/dist/scss/styles/mixins/fnt.scss CHANGED
@@ -9,10 +9,11 @@
9
9
  $stretch: normal,
10
10
  $style: normal,
11
11
  $variant: normal,
12
+ $units: px,
12
13
  ) {
13
14
  & {
14
- font-size: #{$size}px;
15
- line-height: #{$line-height}px;
15
+ font-size: #{$size}#{$units};
16
+ line-height: #{$line-height}#{$units};
16
17
  color: $color;
17
18
  font-weight: $weight;
18
19
  font-family: $family;
package/dist/scss/ui/Buttons/styles/mixins/properties/large.scss CHANGED
@@ -16,6 +16,6 @@
16
16
 
17
17
  .text {
18
18
  padding: 0 6px;
19
- @include fnt-flex($size: 16, $line-height: 20);
19
+ @include fnt-flex($size: 16, $line-height: 20, $family: $golos-ui);
20
20
  }
21
21
  }
package/dist/scss/ui/Buttons/styles/mixins/properties/medium.scss CHANGED
@@ -16,6 +16,6 @@
16
16
 
17
17
  .text {
18
18
  padding: 0 8px;
19
- @include fnt-flex($size: 14, $line-height: 20);
19
+ @include fnt-flex($size: 14, $line-height: 20, $family: $golos-ui);
20
20
  }
21
21
  }
package/dist/scss/ui/Buttons/styles/mixins/properties/small.scss CHANGED
@@ -16,6 +16,6 @@
16
16
 
17
17
  .text {
18
18
  padding: 0 4px;
19
- @include fnt-flex($size: 14, $line-height: 16);
19
+ @include fnt-flex($size: 14, $line-height: 16, $family: $golos-ui);
20
20
  }
21
21
  }
package/dist/scss/ui/Buttons/styles/mixins/properties/ultra.scss CHANGED
@@ -16,6 +16,6 @@
16
16
 
17
17
  .text {
18
18
  padding: 0 12px;
19
- @include fnt-flex($size: 18, $line-height: 24);
19
+ @include fnt-flex($size: 18, $line-height: 24, $family: $golos-ui);
20
20
  }
21
21
  }
package/dist/scss/ui/Tag/styles/properties/medium.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @mixin medium() {
4
4
  // С учетом border
5
5
  padding: 1px 8px;
6
- @include fnt-flex($size: 14, $line-height: 20, $weight: 500);
6
+ @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);
7
7
 
8
8
  .main {
9
9
  gap: 5px;
package/dist/scss/ui/Tag/styles/properties/small.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @mixin small() {
4
4
  // С учетом border
5
5
  padding: 2px 7px;
6
- @include fnt-flex($size: 12, $line-height: 18, $weight: 500);
6
+ @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);
7
7
 
8
8
  .main {
9
9
  gap: 4px;
package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { FORM_BUILDER_SCHEMA } from "../schemes";
2
2
  import { AdditionPropsType } from "../types";
3
- declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => import("react").ReactNode[];
3
+ declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => (string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>>)[];
4
4
  export default formBuilder;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.0.143",
3
+ "version": "0.0.145",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/src/index.d.ts",
6
6
  "style": "dist/index.css",