indicator-ui 0.0.31 → 0.0.32

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 (10) hide show
  1. package/dist/index.css +28 -27
  2. package/dist/index.css.map +1 -1
  3. package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss +3 -2
  4. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss +2 -2
  5. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +4 -4
  6. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss +2 -2
  7. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss +2 -2
  8. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss +4 -4
  9. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss +2 -2
  10. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -2547,7 +2547,8 @@
2547
2547
  width: 20px;
2548
2548
  height: 20px;
2549
2549
  background-color: var(--base-white);
2550
- box-shadow: 0 0 0 1px var(--gray-300);
2550
+ border: 1px solid var(--gray-300);
2551
+ box-sizing: border-box;
2551
2552
  cursor: pointer;
2552
2553
  overflow: hidden;
2553
2554
  display: flex;
@@ -2564,7 +2565,7 @@
2564
2565
  }
2565
2566
  .CheckboxMark-module__checkboxMark___QsRbu:hover {
2566
2567
  background-color: var(--blue-dark-50);
2567
- box-shadow: 0 0 0 1px var(--blue-dark-200);
2568
+ border: 1px solid var(--blue-dark-200);
2568
2569
  }
2569
2570
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checkbox___hYxxO {
2570
2571
  border-radius: 6px;
@@ -2583,7 +2584,7 @@
2583
2584
  }
2584
2585
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX {
2585
2586
  background-color: var(--blue-dark-50);
2586
- box-shadow: 0 0 0 1px var(--blue-dark-200);
2587
+ border: 1px solid var(--blue-dark-200);
2587
2588
  }
2588
2589
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX svg * {
2589
2590
  stroke: var(--blue-dark-500);
@@ -2592,11 +2593,11 @@
2592
2593
  display: block;
2593
2594
  }
2594
2595
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:hover {
2595
- box-shadow: 0 0 0 1px var(--blue-dark-400);
2596
+ border: 1px solid var(--blue-dark-400);
2596
2597
  }
2597
2598
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
2598
2599
  background-color: var(--blue-dark-50);
2599
- box-shadow: 0 0 0 1px var(--blue-dark-200);
2600
+ border: 1px solid var(--blue-dark-200);
2600
2601
  }
2601
2602
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC svg * {
2602
2603
  stroke: var(--blue-dark-500);
@@ -2612,11 +2613,11 @@
2612
2613
  font-variant: normal;
2613
2614
  }
2614
2615
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC:hover {
2615
- box-shadow: 0 0 0 1px var(--blue-dark-400);
2616
+ border: 1px solid var(--blue-dark-400);
2616
2617
  }
2617
2618
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd {
2618
2619
  background-color: var(--error-50);
2619
- box-shadow: 0 0 0 1px var(--error-200);
2620
+ border: 1px solid var(--error-200);
2620
2621
  }
2621
2622
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd svg * {
2622
2623
  stroke: var(--error-500);
@@ -2633,12 +2634,12 @@
2633
2634
  }
2634
2635
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd:hover {
2635
2636
  background-color: var(--error-50);
2636
- box-shadow: 0 0 0 1px var(--error-400);
2637
+ border: 1px solid var(--error-400);
2637
2638
  }
2638
2639
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
2639
2640
  cursor: default;
2640
2641
  background-color: var(--gray-100);
2641
- box-shadow: 0 0 0 1px var(--gray-300);
2642
+ border: 1px solid var(--gray-300);
2642
2643
  }
2643
2644
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:after {
2644
2645
  background-color: var(--gray-300);
@@ -2655,7 +2656,7 @@
2655
2656
  }
2656
2657
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover {
2657
2658
  background-color: var(--gray-100);
2658
- box-shadow: 0 0 0 1px var(--gray-300);
2659
+ border: 1px solid var(--gray-300);
2659
2660
  }
2660
2661
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover svg * {
2661
2662
  stroke: var(--gray-300);
@@ -2669,7 +2670,7 @@
2669
2670
  }
2670
2671
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2671
2672
  background-color: var(--blue-dark-500);
2672
- box-shadow: none;
2673
+ border: none;
2673
2674
  }
2674
2675
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2675
2676
  font-size: 14px;
@@ -2689,11 +2690,11 @@
2689
2690
  }
2690
2691
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
2691
2692
  background-color: var(--blue-dark-600);
2692
- box-shadow: none;
2693
+ border: none;
2693
2694
  }
2694
2695
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2695
2696
  background-color: var(--gray-300);
2696
- box-shadow: none;
2697
+ border: none;
2697
2698
  }
2698
2699
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2699
2700
  font-size: 14px;
@@ -2713,11 +2714,11 @@
2713
2714
  }
2714
2715
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2715
2716
  background-color: var(--gray-300);
2716
- box-shadow: none;
2717
+ border: none;
2717
2718
  }
2718
2719
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2719
2720
  background-color: var(--error-500);
2720
- box-shadow: none;
2721
+ border: none;
2721
2722
  }
2722
2723
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2723
2724
  font-size: 14px;
@@ -2737,11 +2738,11 @@
2737
2738
  }
2738
2739
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:hover {
2739
2740
  background-color: var(--error-600);
2740
- box-shadow: none;
2741
+ border: none;
2741
2742
  }
2742
2743
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2743
2744
  background-color: var(--gray-300);
2744
- box-shadow: none;
2745
+ border: none;
2745
2746
  }
2746
2747
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2747
2748
  font-size: 14px;
@@ -2761,25 +2762,25 @@
2761
2762
  }
2762
2763
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2763
2764
  background-color: var(--gray-300);
2764
- box-shadow: none;
2765
+ border: none;
2765
2766
  }
2766
2767
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19 {
2767
2768
  background-color: var(--blue-dark-50);
2768
- box-shadow: 0 0 0 1px var(--blue-dark-200);
2769
+ border: 1px solid var(--blue-dark-200);
2769
2770
  }
2770
2771
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX {
2771
- box-shadow: 0 0 0 1px var(--blue-dark-400);
2772
+ border: 1px solid var(--blue-dark-400);
2772
2773
  }
2773
2774
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__indeterminate___ZR_YC {
2774
- box-shadow: 0 0 0 1px var(--blue-dark-400);
2775
+ border: 1px solid var(--blue-dark-400);
2775
2776
  }
2776
2777
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__error___NJKGd {
2777
2778
  background-color: var(--error-50);
2778
- box-shadow: 0 0 0 1px var(--error-400);
2779
+ border: 1px solid var(--error-400);
2779
2780
  }
2780
2781
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2781
2782
  background-color: var(--gray-100);
2782
- box-shadow: 0 0 0 1px var(--gray-300);
2783
+ border: 1px solid var(--gray-300);
2783
2784
  }
2784
2785
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh svg * {
2785
2786
  stroke: var(--gray-300);
@@ -2793,19 +2794,19 @@
2793
2794
  }
2794
2795
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2795
2796
  background-color: var(--blue-dark-600);
2796
- box-shadow: none;
2797
+ border: none;
2797
2798
  }
2798
2799
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2799
2800
  background-color: var(--gray-300);
2800
- box-shadow: none;
2801
+ border: none;
2801
2802
  }
2802
2803
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2803
2804
  background-color: var(--error-600);
2804
- box-shadow: none;
2805
+ border: none;
2805
2806
  }
2806
2807
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2807
2808
  background-color: var(--gray-300);
2808
- box-shadow: none;
2809
+ border: none;
2809
2810
  }
2810
2811
  /*!*********************************************************************************************************************************************************************************************************************************************************************!*\
2811
2812
  !*** 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/Checkbox/styles/Checkbox.module.scss ***!
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;EACE;ADeJ;AEnBE;EACE;EAGE,mBCFiB;EDMjB,uBCNsB;EDUtB,mBCV8B;AHuBpC;AGrBE;EACE;EACA;AHuBJ;AE7BE;EACE;EAGE,mBCGmB;EDCnB,uBCDwB;EDKxB,mBCLgC;AH4BtC;AGzBE;EACE;EACA;AH2BJ;AGxBE;EACE;AH0BJ;AGvBE;EACE;EACA;AHyBJ;AGtBE;EACE;AHwBJ;AC1CI;EGLF;AJkDF;AI9CM;EACE;EACA;EACA;AJgDR;AI3CE;EACE;AJ6CJ;AKjDE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL4DZ;AC1DI;EKTF;ANsEF;AMlEM;EACE;EACA;EACA;ANoER;AM/DE;EACE;ANiEJ;AKrEE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALgFZ;AC1EI;EMbF;AP0FF;AOtFM;EACE;EACA;EACA;APwFR;AOnFE;EACE;APqFJ;AKzFE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALoGZ;AC1FI;EOjBF;AR8GF;AQ1GM;EACE;EACA;EACA;AR4GR;AQvGE;EACE;ARyGJ;AK7GE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALwHZ;AC1GI;EQrBF;EACA;EACA;ATkIF;AUpIM;EAEI,yBDGuB;ATkIjC;AK9HE;EAWI,gBIXyB;EJczB,wBIdsC;EJiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALwIZ;ASnIE;EACE;ATqIJ;ASlIE;EACE;EACA;AToIJ;ASjIE;EACE;ATmIJ;AChII;EUzBF;EACA;EACA;AX4JF;AU9JM;EAEI,4BCGuB;AX4JjC;AKxJE;EAWI,gBMXyB;ENczB,2BMdsC;ENiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALkKZ;AW7JE;EACE;EACA;AX+JJ;AW5JE;EACE;AX8JJ;AW3JE;EACE;AX6JJ;ACtJI;EW7BF;EACA;EACA;AZsLF;AUxLM;EAEI,uBEGuB;AZsLjC;AKlLE;EAWI,gBOXyB;EPczB,sBOdsC;EPiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL4LZ;AYvLE;EACE;EACA;AZyLJ;AYvLI;EACE;AZyLN;AYrLE;EACE;AZuLJ;AYpLE;EACE;AZsLJ;AUhNM;EAEI,4BGDuB;AbkNjC;AK1ME;EAWI,gBQfyB;ERkBzB,2BQlBsC;ERqBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALoNZ;AalNI;EACE;AboNN;AU9NM;EAEI,yBGYyB;AbmNnC;Aa/ME;EACE;AbiNJ;AUpOM;EAEI,4BIDuB;AdsOjC;AcnOE;EACE;AdqOJ;AKjOE;EAWI,gBSV2B;ETa3B,2BSbwC;ETgB1C,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL2OZ;AUlPM;EAEI,4BIYyB;AduOnC;AcnOE;EACE;AdqOJ;AUxPM;EAEI,uBKDuB;Af0PjC;AevPE;EACE;AfyPJ;AKrPE;EAWI,gBUdyB;EViBzB,sBUjBsC;EVoBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL+PZ;Ae5PI;EACE;Af8PN;AUzQM;EAEI,uBKayB;Af6PnC;AezPE;EACE;Af2PJ;AClOI;Ee7CF;EACA;AhBkRF;AUnRM;EAEI,4BMEuB;AhBkRjC;AgB/QE;EACE;AhBiRJ;AKhRE;EAWI,gBWXyB;EXczB,2BWdsC;EXiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL0RZ;AgBpRI;EACE;AhBsRN;AUpSM;EAEI,4BMgByB;AhBqRnC;AgBjRE;EACE;AhBmRJ;ACzPI;EgBjDF;EACA;AjB6SF;AU9SM;EAEI,uBOEuB;AjB6SjC;AiB1SE;EACE;AjB4SJ;AK3SE;EAWI,gBYXyB;EZczB,sBYdsC;EZiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALqTZ;AiB/SI;EACE;AjBiTN;AU/TM;EAEI,uBOgByB;AjBgTnC;AiB5SE;EACE;AjB8SJ;AChRI;EiBrDF;EACA;AlBwUF;AUzUM;EAEI,uBQEuB;AlBwUjC;AkBrUE;EACE;AlBuUJ;AKtUE;EAWI,gBaXyB;EbczB,sBadsC;EbiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALgVZ;AkB1UI;EACE;AlB4UN;AU1VM;EAEI,uBQgByB;AlB2UnC;AkBvUE;EACE;AlByUJ;ACvSI;EkBzDF;EACA;EACA;AnBmWF;AUrWM;EAEI,uBSGuB;AnBmWjC;AK/VE;EAWI,gBcXyB;EdczB,sBcdsC;EdiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALyWZ;AUhXM;EAEI,uBSYyB;AnBqWnC;AmBlWI;EACE;AnBoWN;AmBhWE;EACE;AnBkWJ;AC5TI;EmB7DF;EACA;EACA;ApB4XF;AU9XM;EAEI,uBUGuB;ApB4XjC;AKxXE;EAWI,gBeXyB;EfczB,sBedsC;EfiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALkYZ;AoB7XE;EACE;ApB+XJ;AU5YM;EAEI,uBUcyB;ApB+XnC;AoB5XI;EACE;ApB8XN;AoB1XE;EACE;ApB4XJ;ACnVM;EoBlEJ;EACA;EACA;ArBwZF;AqBtZE;EACE;ArBwZJ;AqBrZE;EACE;ArBuZJ;AqBpZE;EACE;ArBsZJ;AC3VM;EqBxEJ;AtBsaF;AUtaM;EAEI,wBYCuB;AtBsajC;AsBnaE;EACE;AtBqaJ;AsBlaE;EACE;EACA;AtBoaJ;AsBjaE;EACE;AtBmaJ;AsBhaE;EACE;AtBkaJ,C;;;;ADzbA;EACE;EACA;EAIA;EACA;AwBFF;AxBKA;EACE;EACA;EAIA;EACA;AwBNF;AxBSA;EACE;EACA;EAIA;EACA;AwBVF;ACbE;EACE;ECFF;EACA;AFkBF;ArBrBE;EACE;EAGE;EAIA,uBuBJsB;EvBQtB,mBuBR8B;AFuBpC;AbXM;EeVF;AFwBJ;ACvBI;EELF;AH+BF;Ab/BM;EAEI,uBgBDqB;AHiC/B;AG/BE;EACE;AHiCJ;AbrCM;EAEI,uBgBGuB;AHmCjC;AC/BI;EGTF;AJ2CF;Ab3CM;EAEI,yBiBDqB;AJ6C/B;AI3CE;EACE;AJ6CJ;ACpCI;EIbF;ALoDF;AbpDM;EAEI,uBkBDqB;ALsD/B;AKpDE;EACE;ALsDJ;Ab1DM;EAEI,uBkBGuB;ALwDjC;AC5CI;EKjBF;ANgEF;AbhEM;EAEI,4BmBDqB;ANkE/B;AMhEE;EACE;ANkEJ;AbtEM;EAEI,4BmBGuB;ANoEjC;ACpDI;EMrBF;AP4EF;Ab5EM;EAEI,4BoBDqB;AP8E/B;AO5EE;EACE;AP8EJ;AblFM;EAEI,4BoBGuB;APgFjC;AC5DI;EOzBF;ARwFF;AbxFM;EAEI,wBqBDqB;AR0F/B;AQxFE;EACE;AR0FJ;Ab9FM;EAEI,wBqBGuB;AR4FjC;ACpEI;EQ7BF;EACA;AToGF;AbrGM;EAEI;AasGV;ASpGE;EACE;ATsGJ;Ab3GM;EAEI,4BsBIuB;ATwGjC;AC7EI;ESjCF;EACA;AViHF;AblHM;EAEI;AamHV;AUjHE;EACE;AVmHJ;AbxHM;EAEI,uBuBIuB;AVqHjC;ACtFI;EUrCF;EACA;AX8HF;Ab/HM;EAEI;AagIV;AW9HE;EACE;AXgIJ;AbrIM;EAEI,wBwBIuB;AXkIjC;AC9FI;EW1CF;AZ2IF;Ab3IM;EAEI,2ByBDqB;AZ6I/B;Ab9IM;EAEI,4ByBEuB;AZ6IjC;ACnGI;EY9CF;EACA;AboJF;AbvIM;E0BVF;EACA;AboJJ;ACvGI;EalDF;EACA;Ad4JF;Ab/IM;E2BVF;EACA;Ad4JJ;AC3GI;EctDF;EACA;AfoKF;AbvJM;E4BVF;EACA;AfoKJ;AC/GI;Ee1DF;EACA;AhB4KF;Ab/JM;E6BVF;EACA;AhB4KJ;ACnHI;EgB9DF;EACA;AjBoLF;AbvKM;E8BVF;EACA;AjBoLJ,C;;;;AxB5LA;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;AvCxBE;EACE;EAGE,sBuCM6B;EvCF7B,uBuCEuD;EvCEvD,mBuCF6E;AAoBnF;AAlBE;EACE;EACA;EACA;AAoBJ;AvCnCE;EACE;EAGE,sBuCY+B;EvCR/B,uBuCQyD;EvCJzD,mBuCI+E;AAyBrF;AAvBI;EACE;EACA;EACA;EACA;EACA;AAyBN;AArBE;EACE;EACA;AAuBJ;AvCpDE;EACE;EAGE,sBuC0B+B;EvCtB/B,uBuCsByD;EvClBzD,mBuCkB+E;AA4BrF;AC9CE;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AjDSA;EACE;EACA;EAIA;EACA;AiDVF;ACdE;EACE;EACA;EACA;ECLF;EACA;EACA;EDOE;EACA;EACA;EACA;EACA;EACA;ADgBJ;ACdI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADeN;AN/BE;EACE;EACA;EACA,sBOekE;EPdlE,gBOcqD;EPbrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM4CZ;ANzCE;EACE;EACA;EACA,sBOkBoE;EPjBpE,gBOiBuD;EPhBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMsDZ;AC1BI;EACE;ECtCJ;EACA;EACA;AFmEF;AtCnEM;EAEI,uBuCoCyB;ADgCnC;AtCxDM;EuCyBE;EACA;EACA;ADkCR;ANjEE;EACE;EACA;EACA,sBOiCkE;EPhClE,gBOgCqD;EP/BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM8EZ;ACpCI;EACE;EACA;EACA;EACA;ADsCN;ACnCI;EACE;EC3DJ;EACA;EACA;AFiGF;AtCjGM;EAEI,uBuCyDyB;ADyCnC;AtCtFM;EuC8CE;EACA;EACA;AD2CR;ACvCI;EACE;EACA;ECtEJ;EACA;EACA;AFgHF;AtChHM;EAEI,uBuCoEyB;AD6CnC;AtCrGM;EuCyDE;EACA;EACA;AD+CR;AC5CM;EACE;AD8CR;AC1CI;EACE;EACA;ECrFJ;EACA;EACA;AFkIF;AtCpHM;EuCwEE;EACA;EACA;AD+CR;AtCvIM;EAEI,wBuC0F2B;AD8CrC;AtC1IM;EAEI,wBuC6F6B;AD8CvC;AtC7IM;EAEI,uBuCkG2B;AD4CrC;AtChJM;EAEI,uBuCqG6B;AD4CvC;ACvCI;EACE;ADyCN;ACtCI;EACE;ADwCN;ACrCI;EACE;ADuCN;AtC5JM;EAEI,wBuCsH2B;ADuCrC;ACpCM;EACE;ADsCR;AClCI;EACE;EACA;ADoCN;AClCM;EACE;ADoCR;AN/JE;EACE;EACA;EACA,sBO4HoE;EP3HpE,gBO2HuD;EP1HvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM4KZ,C;;;;AjDtLA;EACE;EACA;EAIA;EACA;AoDFF;ApDKA;EACE;EACA;EAIA;EACA;AoDNF;ApDSA;EACE;EACA;EAIA;EACA;AoDVF;ACbE;EACE;EACA;ADeJ;AFlBE;EACE;EACA;EACA;ECLF;EACA;EACA;EDOE;EACA;EACA;EACA;EACA;EACA;AEoBJ;AFlBI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AEmBN;ATnCE;EACE;EACA;EACA,sBOekE;EPdlE,gBOcqD;EPbrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASgDZ;AT7CE;EACE;EACA;EACA,sBOkBoE;EPjBpE,gBOiBuD;EPhBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AS0DZ;AF9BI;EACE;ECtCJ;EACA;EACA;ACuEF;AzCvEM;EAEI,uBuCoCyB;AEoCnC;AzC5DM;EuCyBE;EACA;EACA;AEsCR;ATrEE;EACE;EACA;EACA,sBOiCkE;EPhClE,gBOgCqD;EP/BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASkFZ;AFxCI;EACE;EACA;EACA;EACA;AE0CN;AFvCI;EACE;EC3DJ;EACA;EACA;ACqGF;AzCrGM;EAEI,uBuCyDyB;AE6CnC;AzC1FM;EuC8CE;EACA;EACA;AE+CR;AF3CI;EACE;EACA;ECtEJ;EACA;EACA;ACoHF;AzCpHM;EAEI,uBuCoEyB;AEiDnC;AzCzGM;EuCyDE;EACA;EACA;AEmDR;AFhDM;EACE;AEkDR;AF9CI;EACE;EACA;ECrFJ;EACA;EACA;ACsIF;AzCxHM;EuCwEE;EACA;EACA;AEmDR;AzC3IM;EAEI,wBuC0F2B;AEkDrC;AzC9IM;EAEI,wBuC6F6B;AEkDvC;AzCjJM;EAEI,uBuCkG2B;AEgDrC;AzCpJM;EAEI,uBuCqG6B;AEgDvC;AF3CI;EACE;AE6CN;AF1CI;EACE;AE4CN;AFzCI;EACE;AE2CN;AzChKM;EAEI,wBuCsH2B;AE2CrC;AFxCM;EACE;AE0CR;AFtCI;EACE;EACA;AEwCN;AFtCM;EACE;AEwCR;ATnKE;EACE;EACA;EACA,sBO4HoE;EP3HpE,gBO2HuD;EP1HvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASgLZ;AChLI;EACE;EACA;EACA;ADkLN;AChLM;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;AD8KR;AC5KQ;EACE;EACA;EFjCR;EACA;EACA;EEmCQ;EACA;AD8KV;AC5KU;EACE;EACA;AD8KZ;AT5ME;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASyNZ;ACpLU;EACE;ADsLZ;AEpOI;EAEI;EAGA;EAIA,UDsCsF;AD0L9F;AE7NM;EAEI,4BDiCuD;AD6LjE,C;;;;ApD9OA;EACE;EACA;EAIA;EACA;AuDFF;AvDKA;EACE;EACA;EAIA;EACA;AuDNF;AvDSA;EACE;EACA;EAIA;EACA;AuDVF;ACdE;EACE;EACA;EACA;EACA;EAEA;ADeJ;ACbI;EACE;EACA;EACA;ADeN;AZhBE;EACE;EACA;EACA;EACA,gBaDqD;EbErD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AY6BZ;AZ1BE;EACE;EACA;EACA,uBaGoE;EbFpE,gBaEuD;EbDvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYuCZ;AC1BI;EACE;EACA;EACA;AD4BN;AZzCE;EACE;EACA;EACA,sBaYkE;EbXlE,gBaWqD;EbVrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYsDZ;ACjCI;EACE;EACA;EACA;ADmCN;AZxDE;EACE;EACA;EACA,uBaoBkE;EbnBlE,gBamBqD;EblBrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYqEZ;ACxCI;EACE;EACA;EACA;EACA;AD0CN;ADnFI;EAEI;EAGA;EAIA,UEiCgF;AD8CxF;AD5EM;EAEI,4BE4BiD;ADiD3D;AZhFE;EACE;EACA;EACA,2Ba6BkE;Eb5BlE,gBa4BqD;Eb3BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AY6FZ,C;;;;AvDvGA;EACE;EACA;EAIA;EACA;AyDFF;AzDKA;EACE;EACA;EAIA;EACA;AyDNF;AzDSA;EACE;EACA;EAIA;EACA;AyDVF;ACyBE;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;ADzBJ;AC2BI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADzBN;AC4BI;EACE;AD1BN;AC6BI;EACE;AD3BN;AC8BI;EACE;EACA;AD5BN;AC8BM;EACE;AD5BR;ACgCI;EACE;EACA;AD9BN;ACgCM;EACE;AD9BR,C;;;;AzDvDA;EACE;EACA;EAIA;EACA;A2DFF;A3DKA;EACE;EACA;EAIA;EACA;A2DNF;A3DSA;EACE;EACA;EAIA;EACA;A2DVF;ACbE;EACE;EACA;EAEA;EACA;ADcJ;ACZI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AQ+BF;AhBrBE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgBkCZ;AChBM;EAUE;ADSR;AClBQ;EACE;EACA;EACA;EACA;EACA;EACA;ADoBV,C;;;;A3DvDA;EACE;EACA;EAIA;EACA;A6DFF;A7DKA;EACE;EACA;EAIA;EACA;A6DNF;A7DSA;EACE;EACA;EAIA;EACA;A6DVF;ACdE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ADcJ;AlBdE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkB2BZ;AlBxBE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqCZ;AC1BI;EACE;AD4BN;ACzBI;EACE;AD2BN;AlBxCE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqDZ;ACjCI;EACE;ADmCN;ACjCM;EACE;ADmCR,C;;;;A7DrEA;EACE;EACA;EAIA;EACA;A+DFF;A/DKA;EACE;EACA;EAIA;EACA;A+DNF;A/DSA;EACE;EACA;EAIA;EACA;A+DVF;AbdE;EACE;EACA;EACA;ECLF;EACA;EACA;EDOE;EACA;EACA;EACA;EACA;EACA;AagBJ;AbdI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AaeN;ApB/BE;EACE;EACA;EACA,sBOekE;EPdlE,gBOcqD;EPbrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB4CZ;ApBzCE;EACE;EACA;EACA,sBOkBoE;EPjBpE,gBOiBuD;EPhBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBsDZ;Ab1BI;EACE;ECtCJ;EACA;EACA;AYmEF;ApDnEM;EAEI,uBuCoCyB;AagCnC;ApDxDM;EuCyBE;EACA;EACA;AakCR;ApBjEE;EACE;EACA;EACA,sBOiCkE;EPhClE,gBOgCqD;EP/BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB8EZ;AbpCI;EACE;EACA;EACA;EACA;AasCN;AbnCI;EACE;EC3DJ;EACA;EACA;AYiGF;ApDjGM;EAEI,uBuCyDyB;AayCnC;ApDtFM;EuC8CE;EACA;EACA;Aa2CR;AbvCI;EACE;EACA;ECtEJ;EACA;EACA;AYgHF;ApDhHM;EAEI,uBuCoEyB;Aa6CnC;ApDrGM;EuCyDE;EACA;EACA;Aa+CR;Ab5CM;EACE;Aa8CR;Ab1CI;EACE;EACA;ECrFJ;EACA;EACA;AYkIF;ApDpHM;EuCwEE;EACA;EACA;Aa+CR;ApDvIM;EAEI,wBuC0F2B;Aa8CrC;ApD1IM;EAEI,wBuC6F6B;Aa8CvC;ApD7IM;EAEI,uBuCkG2B;Aa4CrC;ApDhJM;EAEI,uBuCqG6B;Aa4CvC;AbvCI;EACE;AayCN;AbtCI;EACE;AawCN;AbrCI;EACE;AauCN;ApD5JM;EAEI,wBuCsH2B;AauCrC;AbpCM;EACE;AasCR;AblCI;EACE;EACA;AaoCN;AblCM;EACE;AaoCR;ApB/JE;EACE;EACA;EACA,sBO4HoE;EP3HpE,gBO2HuD;EP1HvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB4KZ;;APnLE;EACE;EACA;EACA;EACA;EAEA;AOqLJ;APnLI;EACE;EACA;EACA;AOqLN;ApBtLE;EACE;EACA;EACA;EACA,gBaDqD;EbErD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBmMZ;ApBhME;EACE;EACA;EACA,uBaGoE;EbFpE,gBaEuD;EbDvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB6MZ;APhMI;EACE;EACA;EACA;AOkMN;ApB/ME;EACE;EACA;EACA,sBaYkE;EbXlE,gBaWqD;EbVrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB4NZ;APvMI;EACE;EACA;EACA;AOyMN;ApB9NE;EACE;EACA;EACA,uBaoBkE;EbnBlE,gBamBqD;EblBrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2OZ;AP9MI;EACE;EACA;EACA;EACA;AOgNN;ATzPI;EAEI;EAGA;EAIA,UEiCgF;AOoNxF;ATlPM;EAEI,4BE4BiD;AOuN3D;ApBtPE;EACE;EACA;EACA,2Ba6BkE;Eb5BlE,gBa4BqD;Eb3BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBmQZ;;AVzQE;EACE;EACA;AU4QJ;Ab/QE;EACE;EACA;EACA;ECLF;EACA;EACA;EDOE;EACA;EACA;EACA;EACA;EACA;AaiRJ;Ab/QI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AagRN;ApBhSE;EACE;EACA;EACA,sBOekE;EPdlE,gBOcqD;EPbrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB6SZ;ApB1SE;EACE;EACA;EACA,sBOkBoE;EPjBpE,gBOiBuD;EPhBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBuTZ;Ab3RI;EACE;ECtCJ;EACA;EACA;AYoUF;ApDpUM;EAEI,uBuCoCyB;AaiSnC;ApDzTM;EuCyBE;EACA;EACA;AamSR;ApBlUE;EACE;EACA;EACA,sBOiCkE;EPhClE,gBOgCqD;EP/BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+UZ;AbrSI;EACE;EACA;EACA;EACA;AauSN;AbpSI;EACE;EC3DJ;EACA;EACA;AYkWF;ApDlWM;EAEI,uBuCyDyB;Aa0SnC;ApDvVM;EuC8CE;EACA;EACA;Aa4SR;AbxSI;EACE;EACA;ECtEJ;EACA;EACA;AYiXF;ApDjXM;EAEI,uBuCoEyB;Aa8SnC;ApDtWM;EuCyDE;EACA;EACA;AagTR;Ab7SM;EACE;Aa+SR;Ab3SI;EACE;EACA;ECrFJ;EACA;EACA;AYmYF;ApDrXM;EuCwEE;EACA;EACA;AagTR;ApDxYM;EAEI,wBuC0F2B;Aa+SrC;ApD3YM;EAEI,wBuC6F6B;Aa+SvC;ApD9YM;EAEI,uBuCkG2B;Aa6SrC;ApDjZM;EAEI,uBuCqG6B;Aa6SvC;AbxSI;EACE;Aa0SN;AbvSI;EACE;AaySN;AbtSI;EACE;AawSN;ApD7ZM;EAEI,wBuCsH2B;AawSrC;AbrSM;EACE;AauSR;AbnSI;EACE;EACA;AaqSN;AbnSM;EACE;AaqSR;ApBhaE;EACE;EACA;EACA,sBO4HoE;EP3HpE,gBO2HuD;EP1HvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB6aZ;AV7aI;EACE;EACA;EACA;AU+aN;AV7aM;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;AU2aR;AVzaQ;EACE;EACA;EFjCR;EACA;EACA;EEmCQ;EACA;AU2aV;AVzaU;EACE;EACA;AU2aZ;ApBzcE;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBsdZ;AVjbU;EACE;AUmbZ;ATjeI;EAEI;EAGA;EAIA,UDsCsF;AUub9F;AT1dM;EAEI,4BDiCuD;AU0bjE;;ALjcE;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;AKkcJ;ALhcI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AKkcN;AL/bI;EACE;AKicN;AL9bI;EACE;AKgcN;AL7bI;EACE;EACA;AK+bN;AL7bM;EACE;AK+bR;AL3bI;EACE;EACA;AK6bN;AL3bM;EACE;AK6bR;;AH9gBE;EACE;EACA;EAEA;EACA;AGghBJ;AH9gBI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AYiiBF;ApBvhBE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBoiBZ;AHlhBM;EAUE;AG2gBR;AHphBQ;EACE;EACA;EACA;EACA;EACA;EACA;AGshBV;;ADtjBE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ACujBJ;ApBvjBE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBokBZ;ApBjkBE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB8kBZ;ADnkBI;EACE;ACqkBN;ADlkBI;EACE;ACokBN;ApBjlBE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB8lBZ;AD1kBI;EACE;AC4kBN;AD1kBM;EACE;AC4kBR,C;;;;A/D9mBA;EACE;EACA;EAIA;EACA;AgEFF;AhEKA;EACE;EACA;EAIA;EACA;AgENF;AhESA;EACE;EACA;EAIA;EACA;AgEVF;ACbE;EACE;ECGF;EACA;EAEA;EACA;EACA;EACA;EfbA;EACA;EACA;Aa0BF;ArD1BM;EAUI,euDI2B;AFerC;ArDfM;EuDCF;EACA;EACA;AFiBJ;AEfE;EAnBA;EACA;AFqCF;ACjCI;EEPF;AH2CF;AChCI;EGTF;AJ4CF;AI1CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ4CJ;ACxCI;EITF;EACA;ALoDF;ArDzDM;EAEI,4B0DKqB;ALqD/B;AKnDE;EACE;ALqDJ;AKlDE;EAbA;ALkEF;ACjDI;EKbF;EACA;ANiEF;ArDtEM;EAEI,4B2DKqB;ANkE/B;ArB/DE;EACE;EACA;EACA,2B2BL8D;E3BM9D,gB2BNiD;E3BOjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB4EZ;AMzEE;EAVA;ANsFF;ACjEI;EMhBF;EACA;APoFF;ArD1FM;EAEI,wB4DMqB;APqF/B;A1DpFE;EAcI,uBiEdsB;EjEiBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A0D6FZ;AOzFE;EACE;AP2FJ;AOxFE;EAfA;EACA;AP0GF;AClFI;EOjBF;EAEA;EACA;ARqGF;AQnGE;EACE;ARqGJ;ArDnHM;EAEI,uB6DeqB;ARqG/B;A1D7GE;EAcI,sBkELsB;ElEQxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A0DsHZ;AQzGE;EApBA;EACA;ARgIF;ArDjIM;EAEI,uB6DCqB;ARiI/B;A1D3HE;EAcI,sBkEnBsB;ElEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A0DoIZ;AC7GM;EQpBJ;EACA;AToIF;ArBrIE;EACE;EACA;EACA,wB8BD8D;E9BE9D,gB8BFiD;E9BGjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqBkJZ;ArDzJM;EAEI,yB8DWqB;AT+I/B;AS7IE;EACE;AT+IJ;AS5IE;EAnBA;EACA;ATkKF;AClIQ;EQRN;EACA;AT6IF;ArB7JE;EACE;EACA;EACA,wB8Bc8D;E9Bb9D,gB8BaiD;E9BZjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB0KZ;ArDjLM;EAEI,yB8D0BqB;ATwJ/B;AStJE;EACE;ATwJJ;ASrJE;EA7BA;EACA;ATqLF;ACnJM;ES9BJ;EACA;AVoLF;ArBrLE;EACE;EACA;EACA,wB+BD8D;E/BE9D,gB+BFiD;E/BGjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqBkMZ;ArDzMM;EAEI,yB+DWqB;AV+L/B;AU7LE;EACE;AV+LJ;AU5LE;EAnBA;EACA;AVkNF;ACxKQ;ESlBN;EACA;AV6LF;ArB7ME;EACE;EACA;EACA,wB+Bc8D;E/Bb9D,gB+BaiD;E/BZjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB0NZ;ArDjOM;EAEI,yB+D0BqB;AVwM/B;AUtME;EACE;AVwMJ;AUrME;EA7BA;EACA;AVqOF;AC1LI;ECjDF;EACA;AF8OF;AC3LM;EIpDJ;ALkPF;AC1LM;EKxDJ;ANqPF;ACzLM;EM5DJ;EACA;APwPF;ACzLM;EOhEJ;EACA;AR4PF;ArD7PM;EAEI,uB6DCqB;AR6P/B;A1DvPE;EAcI,sBkEnBsB;ElEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A0DgQZ;AClMQ;EQrEN;EACA;AT0QF;ACnMU;EQnER;EACA;ATyQF;AChMQ;ES/EN;EACA;AVkRF;ACjMU;ES7ER;EACA;AViRF,C;;;;AhE1RA;EACE;EACA;EAIA;EACA;A2EFF;A3EKA;EACE;EACA;EAIA;EACA;A2ENF;A3ESA;EACE;EACA;EAIA;EACA;A2EVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;EACA;EACA;AAgBJ;AxE5BE;EACE;EAGE,sBwES+B;AAmBrC;AAjBI;EACE;AAmBN;AhCvBE;EACE;EACA;EACA,sBgCEkE;EhCDlE,gBgCCqD;EhCArD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgCoCZ;ArElCE;EAWI,gBqEF6B;ErEQ/B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AqE2CZ;AA5BI;EACE;AA8BN;AhC3CE;EACE;EACA;EACA,sBgCWkE;EhCVlE,gBgCUqD;EhCTrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgCwDZ;AAnCE;EACE;AAqCJ;ArEzDE;EAcI,sBqEU4B;ErEP9B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AqEkEZ;ArEhEE;EAcI,sBqEc4B;ErEX9B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AqEyEZ;ArEvEE;EAcI,uBqEqB0B;ErElB5B,mCNCO;EMAP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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/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/micro-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/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/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/RadioField.module.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/mixins/radioField.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/mixin/textareaField.scss","webpack://indicator-ui/./src/ui/InputFields/InputField/styles/InputField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/CheckboxMark.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/checkbox-mark.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checkbox.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/radio.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checked.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/error.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/disabled.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/correct.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/incorrect.scss","webpack://indicator-ui/./src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/ToggleBase.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/active.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/error.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/medium.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/large.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/hover.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/disabled.scss","webpack://indicator-ui/./src/ui/Toggle/styles/Toggle.module.scss","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"],"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 transition: all ease-out 0.2s;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button .icon {\n width: fit-content;\n height: fit-content;\n}\n.button .icon {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button.widthFill {\n width: 100%;\n flex: 1;\n}\n.button.widthHug {\n width: fit-content;\n}\n.button.heightFill {\n height: 100%;\n flex: 1;\n}\n.button.heightHug {\n height: fit-content;\n}\n.button.small {\n padding: 10px;\n}\n.button.small .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.small .text {\n padding: 0 4px;\n}\n.button.small .text {\n font-size: 14px;\n line-height: 16px;\n line-height: 16px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.medium {\n padding: 10px;\n}\n.button.medium .icon svg {\n flex: none;\n width: 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: 12px;\n}\n.button.large .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.large .text {\n padding: 0 6px;\n}\n.button.large .text {\n font-size: 14px;\n line-height: 20px;\n line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.ultra {\n padding: 18px;\n}\n.button.ultra .icon svg {\n flex: none;\n width: 24px;\n height: 24px;\n}\n.button.ultra .text {\n padding: 0 12px;\n}\n.button.ultra .text {\n font-size: 18px;\n line-height: 24px;\n line-height: 24px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.primary {\n border-radius: 8px;\n background-color: var(--blue-dark-500);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary .icon svg * {\n stroke: var(--base-white);\n}\n.button.primary .text {\n font-weight: 500;\n color: var(--base-white);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.primary:hover {\n background-color: var(--blue-dark-600);\n}\n.button.primary:focus {\n background-color: var(--blue-dark-500);\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary:disabled {\n opacity: 0.3;\n}\n.button.secondaryColor {\n border-radius: 8px;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-200);\n}\n.button.secondaryColor .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.secondaryColor .text {\n font-weight: 500;\n color: var(--blue-dark-500);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.secondaryColor:hover {\n background-color: var(--blue-dark-50);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);\n}\n.button.secondaryColor:focus {\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);\n}\n.button.secondaryColor:disabled {\n opacity: 0.5;\n}\n.button.secondaryGray {\n border-radius: 8px;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray .icon svg * {\n stroke: var(--gray-700);\n}\n.button.secondaryGray .text {\n font-weight: 500;\n color: var(--gray-700);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.secondaryGray:hover {\n background-color: var(--gray-50);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray:hover .text {\n color: var(--gray-800);\n}\n.button.secondaryGray:focus {\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray:disabled {\n opacity: 0.5;\n}\n.button.tertiaryWhite .icon svg * {\n stroke: var(--blue-dark-100);\n}\n.button.tertiaryWhite .text {\n font-weight: 400;\n color: var(--blue-dark-100);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tertiaryWhite:hover .text {\n color: var(--base-white);\n}\n.button.tertiaryWhite:hover .icon svg * {\n stroke: var(--base-white);\n}\n.button.tertiaryWhite:disabled {\n opacity: 0.5;\n}\n.button.tertiaryColor .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.tertiaryColor .text {\n color: var(--blue-dark-500);\n}\n.button.tertiaryColor:hover .text {\n font-weight: 400;\n color: var(--blue-dark-700);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tertiaryColor:hover .icon svg * {\n stroke: var(--blue-dark-700);\n}\n.button.tertiaryColor:disabled {\n opacity: 0.5;\n}\n.button.tertiaryGray .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tertiaryGray .text {\n color: var(--gray-700);\n}\n.button.tertiaryGray .text {\n font-weight: 400;\n color: var(--gray-400);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tertiaryGray:hover .text {\n color: var(--gray-900);\n}\n.button.tertiaryGray:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.tertiaryGray:disabled {\n opacity: 0.5;\n}\n.button.linkColor {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkColor .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.linkColor .text {\n padding: 0 !important;\n}\n.button.linkColor .text {\n font-weight: 400;\n color: var(--blue-dark-500);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.linkColor:hover .text {\n color: var(--blue-dark-700);\n}\n.button.linkColor:hover .icon svg * {\n stroke: var(--blue-dark-700);\n}\n.button.linkColor:disabled {\n opacity: 0.5;\n}\n.button.linkBlack {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkBlack .icon svg * {\n stroke: var(--gray-700);\n}\n.button.linkBlack .text {\n padding: 0 !important;\n}\n.button.linkBlack .text {\n font-weight: 400;\n color: var(--gray-700);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.linkBlack:hover .text {\n color: var(--gray-900);\n}\n.button.linkBlack:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.linkBlack:disabled {\n opacity: 0.5;\n}\n.button.linkGray {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkGray .icon svg * {\n stroke: var(--gray-400);\n}\n.button.linkGray .text {\n padding: 0 !important;\n}\n.button.linkGray .text {\n font-weight: 400;\n color: var(--gray-400);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.linkGray:hover .text {\n color: var(--gray-500);\n}\n.button.linkGray:hover .icon svg * {\n stroke: var(--gray-500);\n}\n.button.linkGray:disabled {\n opacity: 0.5;\n}\n.button.tabActive {\n border-radius: 6px;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tabActive .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tabActive .text {\n font-weight: 500;\n color: var(--gray-700);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tabActive:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.tabActive:hover .text {\n color: var(--gray-900);\n}\n.button.tabActive:disabled {\n opacity: 0.5;\n}\n.button.tab {\n border-radius: 6px;\n background-color: var(--gray-100);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tab .icon svg * {\n stroke: var(--gray-500);\n}\n.button.tab .text {\n font-weight: 500;\n color: var(--gray-500);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tab:hover {\n background-color: var(--gray-200);\n}\n.button.tab:hover .icon svg * {\n stroke: var(--gray-800);\n}\n.button.tab:hover .text {\n color: var(--gray-800);\n}\n.button.tab:disabled {\n opacity: 0.5;\n}\n.button.warning.primary {\n border-radius: 8px;\n background-color: var(--error-500);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.primary:hover {\n background-color: var(--error-600);\n}\n.button.warning.primary:focus {\n background-color: var(--error-500);\n}\n.button.warning.primary:disabled {\n opacity: 0.3;\n}\n.button.warning.secondaryColor {\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-200);\n}\n.button.warning.secondaryColor .icon svg * {\n stroke: var(--error-500);\n}\n.button.warning.secondaryColor .text {\n color: var(--error-500);\n}\n.button.warning.secondaryColor:hover {\n background-color: var(--error-50);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-400);\n}\n.button.warning.secondaryColor:focus {\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-200);\n}\n.button.warning.secondaryColor:disabled {\n opacity: 0.5;\n}","@use 'baseButton';\r\n@use 'properties';\r\n\r\n@mixin insertButton() {\r\n .button {\r\n transition: all ease-out 0.2s;\r\n @include baseButton.base-button();\r\n\r\n &.small {\r\n @include properties.smallButton;\r\n }\r\n\r\n &.medium {\r\n @include properties.mediumButton;\r\n }\r\n\r\n &.large {\r\n @include properties.largeButton;\r\n }\r\n\r\n &.ultra {\r\n @include properties.ultraButton;\r\n }\r\n\r\n &.primary {\r\n @include properties.primaryButton;\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.secondaryColorButton;\r\n }\r\n\r\n &.secondaryGray {\r\n @include properties.secondaryGrayButton;\r\n }\r\n\r\n &.tertiaryWhite {\r\n @include properties.tertiaryWhiteButton;\r\n }\r\n\r\n &.tertiaryColor {\r\n @include properties.tertiaryColorButton;\r\n }\r\n\r\n &.tertiaryGray {\r\n @include properties.tertiaryGrayButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.linkColorButton;\r\n }\r\n\r\n &.linkBlack {\r\n @include properties.linkBlackButton;\r\n }\r\n\r\n &.linkGray {\r\n @include properties.linkGrayButton;\r\n }\r\n\r\n &.tabActive {\r\n @include properties.tabActiveButton;\r\n }\r\n\r\n &.tab {\r\n @include properties.tabButton;\r\n }\r\n\r\n &.warning {\r\n &.primary {\r\n @include properties.warningPrimaryButton;\r\n }\r\n }\r\n\r\n &.warning {\r\n &.secondaryColor {\r\n @include properties.warningSecondaryColorButton;\r\n }\r\n }\r\n }\r\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\r\n & {\r\n display: flex;\r\n\r\n @if ($direction != null) {\r\n flex-direction: $direction;\r\n }\r\n\r\n @if ($justify-content != null) {\r\n justify-content: $justify-content;\r\n }\r\n\r\n @if ($align-items != null) {\r\n align-items: $align-items;\r\n }\r\n @content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n @include modify-flex(row, center, center);\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16);\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 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 padding: 12px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 6px;\r\n @include fnt-flex($size: 14, $line-height: 20);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n padding: 18px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 12px;\r\n @include fnt-flex($size: 18, $line-height: 24);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n border-radius: 8px;\r\n background-color: var(--blue-dark-500);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--base-white));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n\r\n &:focus {\r\n background-color: var(--blue-dark-500);\r\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.3;\r\n }\r\n}","@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {\r\n & {\r\n svg {\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n\r\n @if ($stroke-width != null) {\r\n stroke-width: $stroke-width;\r\n }\r\n }\r\n\r\n & {\r\n @content;\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-200);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--blue-dark-500));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-50);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-300);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-300);\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-50);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-100));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-100));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--base-white);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n color: var(--blue-dark-500);\r\n }\r\n\r\n &:hover {\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n color: var(--gray-700);\r\n @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--blue-dark-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-500);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabActiveButton {\r\n border-radius: 6px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &:hover {\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabButton {\r\n border-radius: 6px;\r\n background-color: var(--gray-100);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-500));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-800));\r\n }\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningPrimaryButton {\r\n border-radius: 8px;\r\n background-color: var(--error-500);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &:hover {\r\n background-color: var(--error-600);\r\n }\r\n\r\n &:focus {\r\n background-color: var(--error-500);\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.3;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .text {\r\n color: var(--error-500);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--error-50);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-400);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n transition: all ease-out 0.2s;\n width: fit-content;\n height: fit-content;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button svg {\n flex: none;\n}\n.button.light {\n background: none;\n}\n.button.light svg * {\n stroke: var(--gray-400);\n}\n.button.light:hover {\n background-color: var(--gray-200);\n}\n.button.light:hover svg * {\n stroke: var(--gray-600);\n}\n.button.dark {\n background-color: rgba(12, 17, 29, 0.5019607843);\n}\n.button.dark svg * {\n stroke: var(--base-white);\n}\n.button.dark:hover {\n background-color: rgba(12, 17, 29, 0.8);\n}\n.button.gray {\n background: none;\n}\n.button.gray svg * {\n stroke: var(--gray-500);\n}\n.button.gray:hover {\n background-color: var(--base-white);\n}\n.button.gray:hover svg * {\n stroke: var(--gray-600);\n}\n.button.color {\n background: none;\n}\n.button.color svg * {\n stroke: var(--blue-dark-500);\n}\n.button.color:hover {\n background-color: var(--base-white);\n}\n.button.color:hover svg * {\n stroke: var(--blue-dark-600);\n}\n.button.colorHover {\n background: none;\n}\n.button.colorHover svg * {\n stroke: var(--blue-dark-400);\n}\n.button.colorHover:hover {\n background-color: var(--blue-dark-100);\n}\n.button.colorHover:hover svg * {\n stroke: var(--blue-dark-500);\n}\n.button.redHover {\n background: none;\n}\n.button.redHover svg * {\n stroke: var(--error-400);\n}\n.button.redHover:hover {\n background-color: var(--error-100);\n}\n.button.redHover:hover svg * {\n stroke: var(--error-500);\n}\n.button.colorFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.button.colorFill svg * {\n stroke: var(--blue-dark-500);\n}\n.button.colorFill:hover {\n background: var(--blue-dark-50);\n}\n.button.colorFill:hover svg * {\n stroke: var(--blue-dark-500);\n}\n.button.grayFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300);\n}\n.button.grayFill svg * {\n stroke: var(--gray-700);\n}\n.button.grayFill:hover {\n background: var(--gray-50);\n}\n.button.grayFill:hover svg * {\n stroke: var(--gray-900);\n}\n.button.redFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--error-300);\n}\n.button.redFill svg * {\n stroke: var(--error-500);\n}\n.button.redFill:hover {\n background: var(--error-50);\n}\n.button.redFill:hover svg * {\n stroke: var(--error-600);\n}\n.button.blueLight {\n background: none;\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: 2px;\n}\n.button.size14 svg {\n width: 10px;\n height: 10px;\n}\n.button.size16 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size16 svg {\n width: 12px;\n height: 12px;\n}\n.button.size20 {\n border-radius: 3px;\n padding: 3px;\n}\n.button.size20 svg {\n width: 14px;\n height: 14px;\n}\n.button.size24 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size24 svg {\n width: 16px;\n height: 16px;\n}\n.button.size28 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size28 svg {\n width: 20px;\n height: 20px;\n}","@use 'base-button';\r\n@use 'properties';\r\n\r\n@mixin micro-button() {\r\n .button {\r\n transition: all ease-out 0.2s;\r\n @include base-button.base-micro-button();\r\n\r\n &.light {\r\n @include properties.light();\r\n }\r\n\r\n &.dark {\r\n @include properties.dark();\r\n }\r\n\r\n &.gray {\r\n @include properties.gray();\r\n }\r\n\r\n &.color {\r\n @include properties.color();\r\n }\r\n\r\n &.colorHover {\r\n @include properties.color-hover();\r\n }\r\n\r\n &.redHover {\r\n @include properties.red-hover();\r\n }\r\n\r\n &.colorFill {\r\n @include properties.color-fill();\r\n }\r\n\r\n &.grayFill {\r\n @include properties.gray-fill();\r\n }\r\n\r\n &.redFill {\r\n @include properties.red-fill();\r\n }\r\n\r\n\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 @include modify-flex(row, center, center);\r\n @include modify-svg() {\r\n flex: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n background: none;\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n background-color: #0C111D80;\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:hover {\r\n background-color: #0C111DCC;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n background: none;\r\n @include modify-svg($stroke: var(--gray-500));\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n background: none;\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--blue-dark-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n background: none;\r\n @include modify-svg($stroke: var(--blue-dark-400));\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n background: none;\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:hover {\r\n background: var(--blue-dark-50);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n @include modify-svg($stroke: var(--gray-700));\r\n\r\n &:hover {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--error-300);\r\n @include modify-svg($stroke: var(--error-500));\r\n\r\n &:hover {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin blue-light() {\r\n background: none;\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 padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.calendarDay {\r\n position: relative;\r\n flex: none;\r\n width: 40px;\r\n height: 40px;\r\n\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n .mark {\r\n width: 100%;\r\n height: 12px;\r\n padding: 4px 0 0 0;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n &::after {\r\n content: '';\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-400);\r\n }\r\n }\r\n\r\n .day {\r\n flex: 1;\r\n width: 100%;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .info {\r\n width: 100%;\r\n height: 12px;\r\n padding: 0 0 2px 0;\r\n @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.holiday {\r\n .day {\r\n color: var(--error-500);\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-500);\r\n\r\n .mark::after {\r\n background-color: var(--base-white);\r\n }\r\n\r\n .day {\r\n color: var(--base-white);\r\n }\r\n\r\n .info {\r\n color: var(--blue-dark-300);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: var(--gray-100);\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n }\r\n\r\n &:before {\r\n // Требует наличия у родителя relative с z-index: 1;\r\n content: '';\r\n width: 60px;\r\n height: 40px;\r\n position: absolute;\r\n background-color: var(--gray-100);\r\n z-index: -1;\r\n }\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--base-white);\r\n z-index: 1;\r\n\r\n &:before {\r\n background: var(--base-white);\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .mark {\r\n &::after {\r\n background-color: var(--gray-300);\r\n }\r\n }\r\n\r\n .day {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--gray-300));\r\n }\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n\r\n & {\r\n font-size: #{$size}px;\r\n line-height: #{$line-height}px;\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n border-radius: 16px;\r\n border: 1px solid var(--gray-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n position: relative;\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n z-index: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n gap: 2px;\r\n z-index: 2;\r\n backdrop-filter: blur(10px);\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n width: 40px;\r\n height: 16px;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .meta {\r\n width: 100%;\r\n gap: 6px;\r\n z-index: 2;\r\n @include modify-flex($direction: row);\r\n\r\n .month {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .year {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n max-height: 250px;\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: repeat(5, 1fr);\r\n gap: 2px;\r\n overflow: hidden;\r\n\r\n &.upEntrance {\r\n animation: up-entrance 1s forwards;\r\n }\r\n\r\n &.downEntrance {\r\n animation: down-entrance 1s forwards;\r\n }\r\n\r\n &.upExit {\r\n animation: up-exit 1s forwards;\r\n }\r\n\r\n &.downExit {\r\n animation: down-exit 1s forwards;\r\n }\r\n\r\n &.displayNone {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes up-entrance {\r\n from {\r\n transform: translateY(-100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes down-entrance {\r\n from {\r\n transform: translateY(100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes up-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n}\r\n\r\n@keyframes down-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: row);\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900));\r\n }\r\n\r\n .switchers {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 2px;\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n width: 100%;\r\n display: flex;\r\n\r\n border-top: 1px solid var(--gray-200);\r\n padding: 16px;\r\n gap: 8px;\r\n\r\n .item {\r\n flex: 1;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n .flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n @include centerInsideContent();\r\n\r\n padding: 10px 12px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .userPic {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n object-fit: scale-down;\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.red {\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &.isError {\r\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 #1018280D;\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-100);\r\n cursor: default;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder, .selectField .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.selectField .flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .help svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.selectField .flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertSelectField() {\r\n .selectField {\r\n width: 100%;\r\n position: relative;\r\n\r\n @include FlexField.insertFlexField();\r\n\r\n .modalWindow {\r\n width: 100%;\r\n position: absolute;\r\n z-index: 5;\r\n\r\n .selectModalWindow {\r\n width: 100%;\r\n height: fit-content;\r\n max-height: 300px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n border-radius: 8px;\r\n padding: 4px;\r\n\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n overflow: scroll;\r\n scrollbar-width: none;\r\n\r\n .selectFieldOptionsItem {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n @include centerInsideContent();\r\n\r\n gap: 8px;\r\n padding: 10px 16px;\r\n\r\n .label {\r\n flex: 1;\r\n text-align: left;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-50);\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.inputFieldWrapper {\n width: 100%;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: var(--blue-dark-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertInputFieldWrapper() {\r\n .inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n }\r\n }\r\n\r\n .hintText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .hintError {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n cursor: pointer;\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: var(--gray-200);\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: var(--base-white);\n}\n.switcherField:hover {\n background-color: var(--gray-300);\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n justify-content: right;\n background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n cursor: default;\n background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n background-color: var(--gray-200);\n}","@use '@/styles' as *;\r\n@use \"sass:meta\";\r\n@use \"sass:string\";\r\n@use \"sass:map\";\r\n\r\n$medium-size: 'medium';\r\n$large-size: 'large';\r\n\r\n$light-tone: 'light';\r\n$dark-tone: 'dark';\r\n\r\n\r\n$size-config: (\r\n medium: (\r\n width: 36,\r\n height: 20,\r\n radius: 16,\r\n ),\r\n large: (\r\n width: 44,\r\n height: 24,\r\n radius: 20,\r\n ),\r\n);\r\n\r\n$tone-config: (\r\n light: (\r\n main: var(--gray-200),\r\n hover: var(--gray-300),\r\n ),\r\n dark: (\r\n main: var(--gray-300),\r\n hover: var(--gray-400),\r\n ),\r\n);\r\n\r\n@mixin insertSwitcherField($size: $medium-size, $tone: $light-tone) {\r\n $size: if(meta.type-of($size) == 'string', string.unquote($size), $size);\r\n $tone: if(meta.type-of($tone) == 'string', string.unquote($tone), $tone);\r\n $size-settings: map.get($size-config, $size);\r\n $tone-settings: map.get($tone-config, $tone);\r\n\r\n .switcherField {\r\n width: #{map.get($size-settings, width)}px;\r\n height: #{map.get($size-settings, height)}px;\r\n\r\n display: flex;\r\n justify-content: left;\r\n\r\n border-radius: 12px;\r\n padding: 2px;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:after {\r\n flex: none;\r\n content: '';\r\n width: #{map.get($size-settings, radius)}px;\r\n height: #{map.get($size-settings, radius)}px;\r\n border-radius: 50%;\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n background-color: var(--base-white);\r\n }\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, hover);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100);\r\n }\r\n\r\n &.active {\r\n justify-content: right;\r\n background-color: var(--blue-dark-500);\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, main);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertRadioField() {\r\n .radioFieldItem {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 8px;\r\n\r\n .checkbox {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n\r\n border-radius: 50%;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n\r\n @include centerInsideContent();\r\n }\r\n\r\n .label {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &.active {\r\n .checkbox {\r\n &:after {\r\n content: '';\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-500);\r\n }\r\n\r\n border: 1px solid var(--blue-dark-500);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.textareaField {\n width: 100%;\n height: fit-content;\n min-height: 68px;\n resize: none;\n border-radius: 8px;\n padding: 10px 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n background-color: var(--gray-100);\n}\n.textareaField:disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField.isError {\n border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}","@use '@/styles' as *;\r\n\r\n@mixin insertTextareaField() {\r\n .textareaField {\r\n width: 100%;\r\n height: fit-content;\r\n min-height: 68px;\r\n\r\n resize: none;\r\n border-radius: 8px;\r\n padding: 10px 12px;\r\n\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--gray-100);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.inputFieldWrapper {\n width: 100%;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: var(--blue-dark-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder, .selectField .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.selectField .flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .help svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.selectField .flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: var(--blue-dark-500);\n}\n\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: var(--gray-200);\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: var(--base-white);\n}\n.switcherField:hover {\n background-color: var(--gray-300);\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n justify-content: right;\n background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n cursor: default;\n background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n background-color: var(--gray-200);\n}\n\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}\n\n.textareaField {\n width: 100%;\n height: fit-content;\n min-height: 68px;\n resize: none;\n border-radius: 8px;\n padding: 10px 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n background-color: var(--gray-100);\n}\n.textareaField:disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField.isError {\n border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.checkboxMark {\n transition: all ease-out 0.2s;\n width: 20px;\n height: 20px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300);\n cursor: pointer;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.checkboxMark svg * {\n stroke-width: 4;\n}\n.checkboxMark svg {\n width: 14px;\n height: 14px;\n flex: none;\n}\n.checkboxMark:hover {\n background-color: var(--blue-dark-50);\n box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.checkbox {\n border-radius: 6px;\n}\n.checkboxMark.radio {\n border-radius: 50%;\n}\n.checkboxMark.radio:after {\n display: none;\n flex: none;\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}\n.checkboxMark.checked {\n background-color: var(--blue-dark-50);\n box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.checked svg * {\n stroke: var(--blue-dark-500);\n}\n.checkboxMark.checked:after {\n display: block;\n}\n.checkboxMark.checked:hover {\n box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.indeterminate {\n background-color: var(--blue-dark-50);\n box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.indeterminate svg * {\n stroke: var(--blue-dark-500);\n}\n.checkboxMark.indeterminate {\n font-size: 14px;\n line-height: 14px;\n color: var(--blue-dark-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.indeterminate:hover {\n box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.error {\n background-color: var(--error-50);\n box-shadow: 0 0 0 1px var(--error-200);\n}\n.checkboxMark.error svg * {\n stroke: var(--error-500);\n}\n.checkboxMark.error {\n color: var(--error-500);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.error:after {\n background-color: var(--error-500);\n}\n.checkboxMark.error:hover {\n background-color: var(--error-50);\n box-shadow: 0 0 0 1px var(--error-400);\n}\n.checkboxMark.disabled {\n cursor: default;\n background-color: var(--gray-100);\n box-shadow: 0 0 0 1px var(--gray-300);\n}\n.checkboxMark.disabled:after {\n background-color: var(--gray-300);\n}\n.checkboxMark.disabled svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.disabled {\n color: var(--gray-300);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.disabled:hover {\n background-color: var(--gray-100);\n box-shadow: 0 0 0 1px var(--gray-300);\n}\n.checkboxMark.disabled:hover svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.disabled:hover {\n color: var(--gray-300);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked {\n background-color: var(--blue-dark-500);\n box-shadow: none;\n}\n.checkboxMark.correct.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.correct.checked:after {\n display: none;\n}\n.checkboxMark.correct.checked:hover {\n background-color: var(--blue-dark-600);\n box-shadow: none;\n}\n.checkboxMark.correct.checked.disabled {\n background-color: var(--gray-300);\n box-shadow: none;\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.correct.checked.disabled:after {\n display: none;\n}\n.checkboxMark.correct.checked.disabled:hover {\n background-color: var(--gray-300);\n box-shadow: none;\n}\n.checkboxMark.incorrect.checked {\n background-color: var(--error-500);\n box-shadow: none;\n}\n.checkboxMark.incorrect.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked:after {\n display: none;\n}\n.checkboxMark.incorrect.checked:hover {\n background-color: var(--error-600);\n box-shadow: none;\n}\n.checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-300);\n box-shadow: none;\n}\n.checkboxMark.incorrect.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked.disabled svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked.disabled:after {\n display: none;\n}\n.checkboxMark.incorrect.checked.disabled:hover {\n background-color: var(--gray-300);\n box-shadow: none;\n}\n.checkboxMark.hover {\n background-color: var(--blue-dark-50);\n box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.checkboxMark.hover.checked {\n box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.hover.indeterminate {\n box-shadow: 0 0 0 1px var(--blue-dark-400);\n}\n.checkboxMark.hover.error {\n background-color: var(--error-50);\n box-shadow: 0 0 0 1px var(--error-400);\n}\n.checkboxMark.hover.disabled {\n background-color: var(--gray-100);\n box-shadow: 0 0 0 1px var(--gray-300);\n}\n.checkboxMark.hover.disabled svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.hover.disabled {\n color: var(--gray-300);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.hover.correct.checked {\n background-color: var(--blue-dark-600);\n box-shadow: none;\n}\n.checkboxMark.hover.correct.checked.disabled {\n background-color: var(--gray-300);\n box-shadow: none;\n}\n.checkboxMark.hover.incorrect.checked {\n background-color: var(--error-600);\n box-shadow: none;\n}\n.checkboxMark.hover.incorrect.checked.disabled {\n background-color: var(--gray-300);\n box-shadow: none;\n}","@use 'base';\r\n@use 'properties';\r\n\r\n@mixin checkbox-mark() {\r\n .checkboxMark {\r\n transition: all ease-out 0.2s;\r\n @include base.checkbox-mark-base();\r\n\r\n &.checkbox {\r\n @include properties.checkbox();\r\n }\r\n\r\n &.radio {\r\n @include properties.radio();\r\n }\r\n\r\n &.checked {\r\n @include properties.checked();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate();\r\n }\r\n\r\n &.error {\r\n @include properties.error();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked();\r\n\r\n &.disabled {\r\n @include properties.correct-disabled();\r\n }\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked();\r\n\r\n &.disabled {\r\n @include properties.incorrect-disabled();\r\n }\r\n }\r\n }\r\n\r\n &.hover {\r\n @include base.checkbox-mark-base-hover();\r\n\r\n &.checked {\r\n @include properties.checked-hover();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate-hover();\r\n }\r\n\r\n &.error {\r\n @include properties.error-hover();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled-hover();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked-hover();\r\n\r\n &.disabled {\r\n @include properties.correct-disabled-hover();\r\n }\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked-hover();\r\n\r\n &.disabled {\r\n @include properties.incorrect-disabled-hover();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark-base-hover() {\r\n background-color: var(--blue-dark-50);\r\n box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n}\r\n\r\n@mixin checkbox-mark-base() {\r\n width: 20px;\r\n height: 20px;\r\n\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n cursor: pointer;\r\n overflow: hidden;\r\n\r\n @include centerInsideContent();\r\n @include modify-svg($stroke-width: 4) {\r\n width: 14px;\r\n height: 14px;\r\n flex: none;\r\n }\r\n &:hover {\r\n @include checkbox-mark-base-hover();\r\n }\r\n}","@mixin checkbox() {\r\n border-radius: 6px;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin radio() {\r\n border-radius: 50%;\r\n\r\n &:after {\r\n display: none;\r\n flex: none;\r\n content: '';\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checked-hover() {\r\n box-shadow: 0 0 0 1px var(--blue-dark-400);\r\n}\r\n\r\n@mixin checked() {\r\n background-color: var(--blue-dark-50);\r\n box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:after {\r\n display: block;\r\n }\r\n\r\n &:hover {\r\n @include checked-hover();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin indeterminate-hover() {\r\n box-shadow: 0 0 0 1px var(--blue-dark-400);\r\n}\r\n\r\n@mixin indeterminate() {\r\n background-color: var(--blue-dark-50);\r\n box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--blue-dark-500));\r\n\r\n &:hover {\r\n @include indeterminate-hover();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin error-hover() {\r\n background-color: var(--error-50);\r\n box-shadow: 0 0 0 1px var(--error-400);\r\n}\r\n\r\n@mixin error() {\r\n background-color: var(--error-50);\r\n box-shadow: 0 0 0 1px var(--error-200);\r\n\r\n @include modify-svg($stroke: var(--error-500));\r\n @include fnt-flex($color: var(--error-500));\r\n\r\n &:after {\r\n background-color: var(--error-500);\r\n }\r\n\r\n &:hover {\r\n @include error-hover();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin disabled-hover() {\r\n background-color: var(--gray-100);\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n}\r\n\r\n@mixin disabled() {\r\n cursor: default;\r\n\r\n background-color: var(--gray-100);\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n\r\n &:after {\r\n background-color: var(--gray-300);\r\n }\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n\r\n &:hover {\r\n @include disabled-hover();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin correct-checked-hover() {\r\n background-color: var(--blue-dark-600);\r\n box-shadow: none;\r\n}\r\n\r\n@mixin correct-disabled-hover() {\r\n background-color: var(--gray-300);\r\n box-shadow: none;\r\n}\r\n\r\n@mixin correct-checked() {\r\n background-color: var(--blue-dark-500);\r\n box-shadow: none;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n @include correct-checked-hover();\r\n }\r\n}\r\n\r\n@mixin correct-disabled() {\r\n background-color: var(--gray-300);\r\n box-shadow: none;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n @include correct-disabled-hover();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin incorrect-checked-hover() {\r\n background-color: var(--error-600);\r\n box-shadow: none;\r\n}\r\n\r\n@mixin incorrect-disabled-hover() {\r\n background-color: var(--gray-300);\r\n box-shadow: none;\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n background-color: var(--error-500);\r\n box-shadow: none;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n @include incorrect-checked-hover();\r\n }\r\n}\r\n\r\n@mixin incorrect-disabled() {\r\n background-color: var(--gray-300);\r\n box-shadow: none;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n @include incorrect-disabled-hover();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.checkbox {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 8px;\r\n align-items: start;\r\n\r\n .textBlock {\r\n flex: 1;\r\n gap: 2px;\r\n align-items: start;\r\n @include modify-flex($direction: column);\r\n\r\n .text {\r\n text-align: start;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n\r\n &.indeterminate {\r\n @include fnt-flex($weight: 600);\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock .supportingText {\r\n @include fnt-flex($color: var(--error-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use 'mixins';\r\n\r\n.toggleBase {\r\n transition: all ease-out 0.2s;\r\n @include mixins.base();\r\n .button {\r\n @include mixins.base-button();\r\n }\r\n\r\n &.active {\r\n @include mixins.active();\r\n }\r\n\r\n &.error {\r\n @include mixins.error-base();\r\n\r\n &.active {\r\n @include mixins.error-active();\r\n }\r\n }\r\n\r\n &.medium {\r\n @include mixins.medium-base();\r\n\r\n .button {\r\n @include mixins.medium-button();\r\n }\r\n }\r\n\r\n &.large {\r\n @include mixins.large-base();\r\n\r\n .button {\r\n @include mixins.large-button();\r\n }\r\n }\r\n\r\n &.hover, &:hover {\r\n @include mixins.hover();\r\n\r\n &.error {\r\n @include mixins.hover-error;\r\n }\r\n\r\n &.active {\r\n @include mixins.hover-active();\r\n\r\n &.error {\r\n @include mixins.hover-active-error();\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n &, &.hover, &:hover {\r\n @include mixins.disabled-base();\r\n\r\n .button {\r\n @include mixins.disabled-button();\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n border-radius: 12px;\r\n padding: 2px;\r\n background-color: var(--gray-300);\r\n @include modify-flex($justify-content: start, $align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n flex: none;\r\n border-radius: 50%;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n}","@mixin active() {\r\n background-color: var(--blue-dark-500);\r\n justify-content: end;\r\n}","@mixin error-base() {\r\n background-color: var(--error-200);\r\n}\r\n\r\n@mixin error-active() {\r\n background-color: var(--error-500);\r\n}","@mixin medium-base() {\r\n width: 36px;\r\n height: 20px;\r\n}\r\n\r\n@mixin medium-button() {\r\n width: 16px;\r\n height: 16px;\r\n}","@mixin large-base() {\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n@mixin large-button() {\r\n width: 20px;\r\n height: 20px;\r\n}","@mixin hover() {\r\n background-color: var(--gray-400);\r\n}\r\n\r\n@mixin hover-active() {\r\n background-color: var(--blue-dark-600);\r\n}\r\n\r\n@mixin hover-error() {\r\n background-color: var(--error-300);\r\n}\r\n\r\n@mixin hover-active-error() {\r\n background-color: var(--error-600);\r\n}","@mixin disabled-base() {\r\n cursor: default;\r\n background-color: var(--gray-200);\r\n}\r\n\r\n@mixin disabled-button() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n.toggle {\r\n display: flex;\r\n gap: 8px;\r\n cursor: pointer;\r\n\r\n .textBlock {\r\n flex: 1;\r\n @include modify-flex($direction: column, $justify-content: start, $align-items: start);\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .description {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n .text, .description {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@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 '@/styles' as *;\r\n\r\n.tag {\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\r\n &:hover {\r\n background-color: var(--gray-50);\r\n }\r\n\r\n &.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 &.small {\r\n padding: 3px 8px;\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 }\r\n\r\n &.medium {\r\n padding: 2px 9px;\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 }\r\n\r\n &.large {\r\n padding: 4px 10px;\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 }\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;EACE;ADeJ;AEnBE;EACE;EAGE,mBCFiB;EDMjB,uBCNsB;EDUtB,mBCV8B;AHuBpC;AGrBE;EACE;EACA;AHuBJ;AE7BE;EACE;EAGE,mBCGmB;EDCnB,uBCDwB;EDKxB,mBCLgC;AH4BtC;AGzBE;EACE;EACA;AH2BJ;AGxBE;EACE;AH0BJ;AGvBE;EACE;EACA;AHyBJ;AGtBE;EACE;AHwBJ;AC1CI;EGLF;AJkDF;AI9CM;EACE;EACA;EACA;AJgDR;AI3CE;EACE;AJ6CJ;AKjDE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL4DZ;AC1DI;EKTF;ANsEF;AMlEM;EACE;EACA;EACA;ANoER;AM/DE;EACE;ANiEJ;AKrEE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALgFZ;AC1EI;EMbF;AP0FF;AOtFM;EACE;EACA;EACA;APwFR;AOnFE;EACE;APqFJ;AKzFE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALoGZ;AC1FI;EOjBF;AR8GF;AQ1GM;EACE;EACA;EACA;AR4GR;AQvGE;EACE;ARyGJ;AK7GE;EAEI;EAGA;EAGA;EASF,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALwHZ;AC1GI;EQrBF;EACA;EACA;ATkIF;AUpIM;EAEI,yBDGuB;ATkIjC;AK9HE;EAWI,gBIXyB;EJczB,wBIdsC;EJiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALwIZ;ASnIE;EACE;ATqIJ;ASlIE;EACE;EACA;AToIJ;ASjIE;EACE;ATmIJ;AChII;EUzBF;EACA;EACA;AX4JF;AU9JM;EAEI,4BCGuB;AX4JjC;AKxJE;EAWI,gBMXyB;ENczB,2BMdsC;ENiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALkKZ;AW7JE;EACE;EACA;AX+JJ;AW5JE;EACE;AX8JJ;AW3JE;EACE;AX6JJ;ACtJI;EW7BF;EACA;EACA;AZsLF;AUxLM;EAEI,uBEGuB;AZsLjC;AKlLE;EAWI,gBOXyB;EPczB,sBOdsC;EPiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL4LZ;AYvLE;EACE;EACA;AZyLJ;AYvLI;EACE;AZyLN;AYrLE;EACE;AZuLJ;AYpLE;EACE;AZsLJ;AUhNM;EAEI,4BGDuB;AbkNjC;AK1ME;EAWI,gBQfyB;ERkBzB,2BQlBsC;ERqBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALoNZ;AalNI;EACE;AboNN;AU9NM;EAEI,yBGYyB;AbmNnC;Aa/ME;EACE;AbiNJ;AUpOM;EAEI,4BIDuB;AdsOjC;AcnOE;EACE;AdqOJ;AKjOE;EAWI,gBSV2B;ETa3B,2BSbwC;ETgB1C,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL2OZ;AUlPM;EAEI,4BIYyB;AduOnC;AcnOE;EACE;AdqOJ;AUxPM;EAEI,uBKDuB;Af0PjC;AevPE;EACE;AfyPJ;AKrPE;EAWI,gBUdyB;EViBzB,sBUjBsC;EVoBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL+PZ;Ae5PI;EACE;Af8PN;AUzQM;EAEI,uBKayB;Af6PnC;AezPE;EACE;Af2PJ;AClOI;Ee7CF;EACA;AhBkRF;AUnRM;EAEI,4BMEuB;AhBkRjC;AgB/QE;EACE;AhBiRJ;AKhRE;EAWI,gBWXyB;EXczB,2BWdsC;EXiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AL0RZ;AgBpRI;EACE;AhBsRN;AUpSM;EAEI,4BMgByB;AhBqRnC;AgBjRE;EACE;AhBmRJ;ACzPI;EgBjDF;EACA;AjB6SF;AU9SM;EAEI,uBOEuB;AjB6SjC;AiB1SE;EACE;AjB4SJ;AK3SE;EAWI,gBYXyB;EZczB,sBYdsC;EZiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALqTZ;AiB/SI;EACE;AjBiTN;AU/TM;EAEI,uBOgByB;AjBgTnC;AiB5SE;EACE;AjB8SJ;AChRI;EiBrDF;EACA;AlBwUF;AUzUM;EAEI,uBQEuB;AlBwUjC;AkBrUE;EACE;AlBuUJ;AKtUE;EAWI,gBaXyB;EbczB,sBadsC;EbiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALgVZ;AkB1UI;EACE;AlB4UN;AU1VM;EAEI,uBQgByB;AlB2UnC;AkBvUE;EACE;AlByUJ;ACvSI;EkBzDF;EACA;EACA;AnBmWF;AUrWM;EAEI,uBSGuB;AnBmWjC;AK/VE;EAWI,gBcXyB;EdczB,sBcdsC;EdiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALyWZ;AUhXM;EAEI,uBSYyB;AnBqWnC;AmBlWI;EACE;AnBoWN;AmBhWE;EACE;AnBkWJ;AC5TI;EmB7DF;EACA;EACA;ApB4XF;AU9XM;EAEI,uBUGuB;ApB4XjC;AKxXE;EAWI,gBeXyB;EfczB,sBedsC;EfiBxC,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;ALkYZ;AoB7XE;EACE;ApB+XJ;AU5YM;EAEI,uBUcyB;ApB+XnC;AoB5XI;EACE;ApB8XN;AoB1XE;EACE;ApB4XJ;ACnVM;EoBlEJ;EACA;EACA;ArBwZF;AqBtZE;EACE;ArBwZJ;AqBrZE;EACE;ArBuZJ;AqBpZE;EACE;ArBsZJ;AC3VM;EqBxEJ;AtBsaF;AUtaM;EAEI,wBYCuB;AtBsajC;AsBnaE;EACE;AtBqaJ;AsBlaE;EACE;EACA;AtBoaJ;AsBjaE;EACE;AtBmaJ;AsBhaE;EACE;AtBkaJ,C;;;;ADzbA;EACE;EACA;EAIA;EACA;AwBFF;AxBKA;EACE;EACA;EAIA;EACA;AwBNF;AxBSA;EACE;EACA;EAIA;EACA;AwBVF;ACbE;EACE;ECFF;EACA;AFkBF;ArBrBE;EACE;EAGE;EAIA,uBuBJsB;EvBQtB,mBuBR8B;AFuBpC;AbXM;EeVF;AFwBJ;ACvBI;EELF;AH+BF;Ab/BM;EAEI,uBgBDqB;AHiC/B;AG/BE;EACE;AHiCJ;AbrCM;EAEI,uBgBGuB;AHmCjC;AC/BI;EGTF;AJ2CF;Ab3CM;EAEI,yBiBDqB;AJ6C/B;AI3CE;EACE;AJ6CJ;ACpCI;EIbF;ALoDF;AbpDM;EAEI,uBkBDqB;ALsD/B;AKpDE;EACE;ALsDJ;Ab1DM;EAEI,uBkBGuB;ALwDjC;AC5CI;EKjBF;ANgEF;AbhEM;EAEI,4BmBDqB;ANkE/B;AMhEE;EACE;ANkEJ;AbtEM;EAEI,4BmBGuB;ANoEjC;ACpDI;EMrBF;AP4EF;Ab5EM;EAEI,4BoBDqB;AP8E/B;AO5EE;EACE;AP8EJ;AblFM;EAEI,4BoBGuB;APgFjC;AC5DI;EOzBF;ARwFF;AbxFM;EAEI,wBqBDqB;AR0F/B;AQxFE;EACE;AR0FJ;Ab9FM;EAEI,wBqBGuB;AR4FjC;ACpEI;EQ7BF;EACA;AToGF;AbrGM;EAEI;AasGV;ASpGE;EACE;ATsGJ;Ab3GM;EAEI,4BsBIuB;ATwGjC;AC7EI;ESjCF;EACA;AViHF;AblHM;EAEI;AamHV;AUjHE;EACE;AVmHJ;AbxHM;EAEI,uBuBIuB;AVqHjC;ACtFI;EUrCF;EACA;AX8HF;Ab/HM;EAEI;AagIV;AW9HE;EACE;AXgIJ;AbrIM;EAEI,wBwBIuB;AXkIjC;AC9FI;EW1CF;AZ2IF;Ab3IM;EAEI,2ByBDqB;AZ6I/B;Ab9IM;EAEI,4ByBEuB;AZ6IjC;ACnGI;EY9CF;EACA;AboJF;AbvIM;E0BVF;EACA;AboJJ;ACvGI;EalDF;EACA;Ad4JF;Ab/IM;E2BVF;EACA;Ad4JJ;AC3GI;EctDF;EACA;AfoKF;AbvJM;E4BVF;EACA;AfoKJ;AC/GI;Ee1DF;EACA;AhB4KF;Ab/JM;E6BVF;EACA;AhB4KJ;ACnHI;EgB9DF;EACA;AjBoLF;AbvKM;E8BVF;EACA;AjBoLJ,C;;;;AxB5LA;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;AvCxBE;EACE;EAGE,sBuCM6B;EvCF7B,uBuCEuD;EvCEvD,mBuCF6E;AAoBnF;AAlBE;EACE;EACA;EACA;AAoBJ;AvCnCE;EACE;EAGE,sBuCY+B;EvCR/B,uBuCQyD;EvCJzD,mBuCI+E;AAyBrF;AAvBI;EACE;EACA;EACA;EACA;EACA;AAyBN;AArBE;EACE;EACA;AAuBJ;AvCpDE;EACE;EAGE,sBuC0B+B;EvCtB/B,uBuCsByD;EvClBzD,mBuCkB+E;AA4BrF;AC9CE;EACE;EACA;EACA,sBDgBgE;ECfhE,gBDemD;ECdnD,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;AD0EZ;AA1CE;EACE;AA4CJ;AAxCI;EACE;AA0CN;AAtCE;EACE;AAwCJ;AAtCI;EACE;AAwCN;AArCI;EACE;AAuCN;AApCI;EACE;AAsCN;AAnCI;EACE;AAqCN;AAjCE;EACE;AAmCJ;AAjCI;EACE;AAmCN;AAhCI;EAEE;EACA;EACA;EACA;EACA;EACA;AAiCN;AA7BE;EACE;EACA;AA+BJ;AA7BI;EACE;EACA;EACA;AA+BN;AA3BM;EACE;AA6BR;ApCvHE;EAcI,sBoCiF0B;EpC9E5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoCgIZ;ApC9HE;EAcI,sBoCqF0B;EpClF5B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AoCuIZ,C;;;;A1CjJA;EACE;EACA;EAIA;EACA;A4CFF;A5CKA;EACE;EACA;EAIA;EACA;A4CNF;A5CSA;EACE;EACA;EAIA;EACA;A4CVF;AAfA;EACE;EACA;EAEA;EACA;EACA;EACA;AAgBF,C;;;;A5CzBA;EACE;EACA;EAIA;EACA;A6CFF;A7CKA;EACE;EACA;EAIA;EACA;A6CNF;A7CSA;EACE;EACA;EAIA;EACA;A6CVF;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;AAiBF;A1CxBE;EACE;EAGE,sB0CI6B;AAoBnC;AAlBE;EACE;EACA;EACA;EACA;AAoBJ;A1ClCE;EACE;EAGE,mB0CW+B;AAuBrC;AArBI;EACE;EACA;EACA;AAuBN;AF/BE;EACE;EACA;EACA,sBEMkE;EFLlE,gBEKqD;EFJrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AE4CZ;AA5BE;EACE;AA8BJ;AA5BI;EACE;EACA;EACA;AA8BN;A1C7DE;EACE;EAGE,mB0C4BiC;AAiCvC;AFrDE;EACE;EACA;EACA,sBEoBoE;EFnBpE,gBEmBuD;EFlBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEkEZ;AF/DE;EACE;EACA;EACA,sBEwBoE;EFvBpE,gBEuBuD;EFtBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AE4EZ;AA1CI;EACE;EACA;EACA;AA4CN,C;;;;A7C3FA;EACE;EACA;EAIA;EACA;A8CFF;A9CKA;EACE;EACA;EAIA;EACA;A8CNF;A9CSA;EACE;EACA;EAIA;EACA;A8CVF;AAfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAiBF;AAfE;EACE;AAiBJ;AAdE;EACE;AAgBJ;AAbE;EACE;AAeJ;AAZE;EACE;AAcJ;AAXE;EACE;AAaJ;;AATA;EACE;IACE;EAYF;EAVA;IACE;EAYF;AACF;AATA;EACE;IACE;EAWF;EATA;IACE;EAWF;AACF;AARA;EACE;IACE;EAUF;EARA;IACE;EAUF;AACF;AAPA;EACE;IACE;EASF;EAPA;IACE;EASF;AACF,C;;;;A9C3EA;EACE;EACA;EAIA;EACA;A+CFF;A/CKA;EACE;EACA;EAIA;EACA;A+CNF;A/CSA;EACE;EACA;EAIA;EACA;A+CVF;AAfA;EACE;EACA;EACA;AAiBF;A5CrBE;EACE;EAGE,mB4CC6B;AAoBnC;AAlBE;EACE;AAoBJ;AJhBE;EACE;EACA;EACA,sBINgE;EJOhE,gBIPmD;EJQnD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AI6BZ;AA1BE;EACE;EACA;EACA;AA4BJ;A5C3CE;EACE;EAGE,mB4CY+B;AA+BrC;AA7BI;EACE;AA+BN,C;;;;A/CnDA;EACE;EACA;EAIA;EACA;AgDFF;AhDKA;EACE;EACA;EAIA;EACA;AgDNF;AhDSA;EACE;EACA;EAIA;EACA;AgDVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;AAgBJ,C;;;;AhD3BA;EACE;EACA;EAIA;EACA;AiDFF;AjDKA;EACE;EACA;EAIA;EACA;AiDNF;AjDSA;EACE;EACA;EAIA;EACA;AiDVF;ACdE;EACE;EACA;EACA;ECLF;EACA;EACA;EDOE;EACA;EACA;EACA;EACA;EACA;ADgBJ;ACdI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADeN;AN/BE;EACE;EACA;EACA,sBOekE;EPdlE,gBOcqD;EPbrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM4CZ;ANzCE;EACE;EACA;EACA,sBOkBoE;EPjBpE,gBOiBuD;EPhBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMsDZ;AC1BI;EACE;ECtCJ;EACA;EACA;AFmEF;AtCnEM;EAEI,uBuCoCyB;ADgCnC;AtCxDM;EuCyBE;EACA;EACA;ADkCR;ANjEE;EACE;EACA;EACA,sBOiCkE;EPhClE,gBOgCqD;EP/BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM8EZ;ACpCI;EACE;EACA;EACA;EACA;ADsCN;ACnCI;EACE;EC3DJ;EACA;EACA;AFiGF;AtCjGM;EAEI,uBuCyDyB;ADyCnC;AtCtFM;EuC8CE;EACA;EACA;AD2CR;ACvCI;EACE;EACA;ECtEJ;EACA;EACA;AFgHF;AtChHM;EAEI,uBuCoEyB;AD6CnC;AtCrGM;EuCyDE;EACA;EACA;AD+CR;AC5CM;EACE;AD8CR;AC1CI;EACE;EACA;ECrFJ;EACA;EACA;AFkIF;AtCpHM;EuCwEE;EACA;EACA;AD+CR;AtCvIM;EAEI,wBuC0F2B;AD8CrC;AtC1IM;EAEI,wBuC6F6B;AD8CvC;AtC7IM;EAEI,uBuCkG2B;AD4CrC;AtChJM;EAEI,uBuCqG6B;AD4CvC;ACvCI;EACE;ADyCN;ACtCI;EACE;ADwCN;ACrCI;EACE;ADuCN;AtC5JM;EAEI,wBuCsH2B;ADuCrC;ACpCM;EACE;ADsCR;AClCI;EACE;EACA;ADoCN;AClCM;EACE;ADoCR;AN/JE;EACE;EACA;EACA,sBO4HoE;EP3HpE,gBO2HuD;EP1HvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM4KZ,C;;;;AjDtLA;EACE;EACA;EAIA;EACA;AoDFF;ApDKA;EACE;EACA;EAIA;EACA;AoDNF;ApDSA;EACE;EACA;EAIA;EACA;AoDVF;ACbE;EACE;EACA;ADeJ;AFlBE;EACE;EACA;EACA;ECLF;EACA;EACA;EDOE;EACA;EACA;EACA;EACA;EACA;AEoBJ;AFlBI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AEmBN;ATnCE;EACE;EACA;EACA,sBOekE;EPdlE,gBOcqD;EPbrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASgDZ;AT7CE;EACE;EACA;EACA,sBOkBoE;EPjBpE,gBOiBuD;EPhBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AS0DZ;AF9BI;EACE;ECtCJ;EACA;EACA;ACuEF;AzCvEM;EAEI,uBuCoCyB;AEoCnC;AzC5DM;EuCyBE;EACA;EACA;AEsCR;ATrEE;EACE;EACA;EACA,sBOiCkE;EPhClE,gBOgCqD;EP/BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASkFZ;AFxCI;EACE;EACA;EACA;EACA;AE0CN;AFvCI;EACE;EC3DJ;EACA;EACA;ACqGF;AzCrGM;EAEI,uBuCyDyB;AE6CnC;AzC1FM;EuC8CE;EACA;EACA;AE+CR;AF3CI;EACE;EACA;ECtEJ;EACA;EACA;ACoHF;AzCpHM;EAEI,uBuCoEyB;AEiDnC;AzCzGM;EuCyDE;EACA;EACA;AEmDR;AFhDM;EACE;AEkDR;AF9CI;EACE;EACA;ECrFJ;EACA;EACA;ACsIF;AzCxHM;EuCwEE;EACA;EACA;AEmDR;AzC3IM;EAEI,wBuC0F2B;AEkDrC;AzC9IM;EAEI,wBuC6F6B;AEkDvC;AzCjJM;EAEI,uBuCkG2B;AEgDrC;AzCpJM;EAEI,uBuCqG6B;AEgDvC;AF3CI;EACE;AE6CN;AF1CI;EACE;AE4CN;AFzCI;EACE;AE2CN;AzChKM;EAEI,wBuCsH2B;AE2CrC;AFxCM;EACE;AE0CR;AFtCI;EACE;EACA;AEwCN;AFtCM;EACE;AEwCR;ATnKE;EACE;EACA;EACA,sBO4HoE;EP3HpE,gBO2HuD;EP1HvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASgLZ;AChLI;EACE;EACA;EACA;ADkLN;AChLM;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;AD8KR;AC5KQ;EACE;EACA;EFjCR;EACA;EACA;EEmCQ;EACA;AD8KV;AC5KU;EACE;EACA;AD8KZ;AT5ME;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASyNZ;ACpLU;EACE;ADsLZ;AEpOI;EAEI;EAGA;EAIA,UDsCsF;AD0L9F;AE7NM;EAEI,4BDiCuD;AD6LjE,C;;;;ApD9OA;EACE;EACA;EAIA;EACA;AuDFF;AvDKA;EACE;EACA;EAIA;EACA;AuDNF;AvDSA;EACE;EACA;EAIA;EACA;AuDVF;ACdE;EACE;EACA;EACA;EACA;EAEA;ADeJ;ACbI;EACE;EACA;EACA;ADeN;AZhBE;EACE;EACA;EACA;EACA,gBaDqD;EbErD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AY6BZ;AZ1BE;EACE;EACA;EACA,uBaGoE;EbFpE,gBaEuD;EbDvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYuCZ;AC1BI;EACE;EACA;EACA;AD4BN;AZzCE;EACE;EACA;EACA,sBaYkE;EbXlE,gBaWqD;EbVrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYsDZ;ACjCI;EACE;EACA;EACA;ADmCN;AZxDE;EACE;EACA;EACA,uBaoBkE;EbnBlE,gBamBqD;EblBrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AYqEZ;ACxCI;EACE;EACA;EACA;EACA;AD0CN;ADnFI;EAEI;EAGA;EAIA,UEiCgF;AD8CxF;AD5EM;EAEI,4BE4BiD;ADiD3D;AZhFE;EACE;EACA;EACA,2Ba6BkE;Eb5BlE,gBa4BqD;Eb3BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AY6FZ,C;;;;AvDvGA;EACE;EACA;EAIA;EACA;AyDFF;AzDKA;EACE;EACA;EAIA;EACA;AyDNF;AzDSA;EACE;EACA;EAIA;EACA;AyDVF;ACyBE;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;ADzBJ;AC2BI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADzBN;AC4BI;EACE;AD1BN;AC6BI;EACE;AD3BN;AC8BI;EACE;EACA;AD5BN;AC8BM;EACE;AD5BR;ACgCI;EACE;EACA;AD9BN;ACgCM;EACE;AD9BR,C;;;;AzDvDA;EACE;EACA;EAIA;EACA;A2DFF;A3DKA;EACE;EACA;EAIA;EACA;A2DNF;A3DSA;EACE;EACA;EAIA;EACA;A2DVF;ACbE;EACE;EACA;EAEA;EACA;ADcJ;ACZI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AQ+BF;AhBrBE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgBkCZ;AChBM;EAUE;ADSR;AClBQ;EACE;EACA;EACA;EACA;EACA;EACA;ADoBV,C;;;;A3DvDA;EACE;EACA;EAIA;EACA;A6DFF;A7DKA;EACE;EACA;EAIA;EACA;A6DNF;A7DSA;EACE;EACA;EAIA;EACA;A6DVF;ACdE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ADcJ;AlBdE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkB2BZ;AlBxBE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqCZ;AC1BI;EACE;AD4BN;ACzBI;EACE;AD2BN;AlBxCE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkBqDZ;ACjCI;EACE;ADmCN;ACjCM;EACE;ADmCR,C;;;;A7DrEA;EACE;EACA;EAIA;EACA;A+DFF;A/DKA;EACE;EACA;EAIA;EACA;A+DNF;A/DSA;EACE;EACA;EAIA;EACA;A+DVF;AbdE;EACE;EACA;EACA;ECLF;EACA;EACA;EDOE;EACA;EACA;EACA;EACA;EACA;AagBJ;AbdI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AaeN;ApB/BE;EACE;EACA;EACA,sBOekE;EPdlE,gBOcqD;EPbrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB4CZ;ApBzCE;EACE;EACA;EACA,sBOkBoE;EPjBpE,gBOiBuD;EPhBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBsDZ;Ab1BI;EACE;ECtCJ;EACA;EACA;AYmEF;ApDnEM;EAEI,uBuCoCyB;AagCnC;ApDxDM;EuCyBE;EACA;EACA;AakCR;ApBjEE;EACE;EACA;EACA,sBOiCkE;EPhClE,gBOgCqD;EP/BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB8EZ;AbpCI;EACE;EACA;EACA;EACA;AasCN;AbnCI;EACE;EC3DJ;EACA;EACA;AYiGF;ApDjGM;EAEI,uBuCyDyB;AayCnC;ApDtFM;EuC8CE;EACA;EACA;Aa2CR;AbvCI;EACE;EACA;ECtEJ;EACA;EACA;AYgHF;ApDhHM;EAEI,uBuCoEyB;Aa6CnC;ApDrGM;EuCyDE;EACA;EACA;Aa+CR;Ab5CM;EACE;Aa8CR;Ab1CI;EACE;EACA;ECrFJ;EACA;EACA;AYkIF;ApDpHM;EuCwEE;EACA;EACA;Aa+CR;ApDvIM;EAEI,wBuC0F2B;Aa8CrC;ApD1IM;EAEI,wBuC6F6B;Aa8CvC;ApD7IM;EAEI,uBuCkG2B;Aa4CrC;ApDhJM;EAEI,uBuCqG6B;Aa4CvC;AbvCI;EACE;AayCN;AbtCI;EACE;AawCN;AbrCI;EACE;AauCN;ApD5JM;EAEI,wBuCsH2B;AauCrC;AbpCM;EACE;AasCR;AblCI;EACE;EACA;AaoCN;AblCM;EACE;AaoCR;ApB/JE;EACE;EACA;EACA,sBO4HoE;EP3HpE,gBO2HuD;EP1HvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB4KZ;;APnLE;EACE;EACA;EACA;EACA;EAEA;AOqLJ;APnLI;EACE;EACA;EACA;AOqLN;ApBtLE;EACE;EACA;EACA;EACA,gBaDqD;EbErD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBmMZ;ApBhME;EACE;EACA;EACA,uBaGoE;EbFpE,gBaEuD;EbDvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB6MZ;APhMI;EACE;EACA;EACA;AOkMN;ApB/ME;EACE;EACA;EACA,sBaYkE;EbXlE,gBaWqD;EbVrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB4NZ;APvMI;EACE;EACA;EACA;AOyMN;ApB9NE;EACE;EACA;EACA,uBaoBkE;EbnBlE,gBamBqD;EblBrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB2OZ;AP9MI;EACE;EACA;EACA;EACA;AOgNN;ATzPI;EAEI;EAGA;EAIA,UEiCgF;AOoNxF;ATlPM;EAEI,4BE4BiD;AOuN3D;ApBtPE;EACE;EACA;EACA,2Ba6BkE;Eb5BlE,gBa4BqD;Eb3BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBmQZ;;AVzQE;EACE;EACA;AU4QJ;Ab/QE;EACE;EACA;EACA;ECLF;EACA;EACA;EDOE;EACA;EACA;EACA;EACA;EACA;AaiRJ;Ab/QI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AagRN;ApBhSE;EACE;EACA;EACA,sBOekE;EPdlE,gBOcqD;EPbrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB6SZ;ApB1SE;EACE;EACA;EACA,sBOkBoE;EPjBpE,gBOiBuD;EPhBvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBuTZ;Ab3RI;EACE;ECtCJ;EACA;EACA;AYoUF;ApDpUM;EAEI,uBuCoCyB;AaiSnC;ApDzTM;EuCyBE;EACA;EACA;AamSR;ApBlUE;EACE;EACA;EACA,sBOiCkE;EPhClE,gBOgCqD;EP/BrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+UZ;AbrSI;EACE;EACA;EACA;EACA;AauSN;AbpSI;EACE;EC3DJ;EACA;EACA;AYkWF;ApDlWM;EAEI,uBuCyDyB;Aa0SnC;ApDvVM;EuC8CE;EACA;EACA;Aa4SR;AbxSI;EACE;EACA;ECtEJ;EACA;EACA;AYiXF;ApDjXM;EAEI,uBuCoEyB;Aa8SnC;ApDtWM;EuCyDE;EACA;EACA;AagTR;Ab7SM;EACE;Aa+SR;Ab3SI;EACE;EACA;ECrFJ;EACA;EACA;AYmYF;ApDrXM;EuCwEE;EACA;EACA;AagTR;ApDxYM;EAEI,wBuC0F2B;Aa+SrC;ApD3YM;EAEI,wBuC6F6B;Aa+SvC;ApD9YM;EAEI,uBuCkG2B;Aa6SrC;ApDjZM;EAEI,uBuCqG6B;Aa6SvC;AbxSI;EACE;Aa0SN;AbvSI;EACE;AaySN;AbtSI;EACE;AawSN;ApD7ZM;EAEI,wBuCsH2B;AawSrC;AbrSM;EACE;AauSR;AbnSI;EACE;EACA;AaqSN;AbnSM;EACE;AaqSR;ApBhaE;EACE;EACA;EACA,sBO4HoE;EP3HpE,gBO2HuD;EP1HvD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB6aZ;AV7aI;EACE;EACA;EACA;AU+aN;AV7aM;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;AU2aR;AVzaQ;EACE;EACA;EFjCR;EACA;EACA;EEmCQ;EACA;AU2aV;AVzaU;EACE;EACA;AU2aZ;ApBzcE;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBsdZ;AVjbU;EACE;AUmbZ;ATjeI;EAEI;EAGA;EAIA,UDsCsF;AUub9F;AT1dM;EAEI,4BDiCuD;AU0bjE;;ALjcE;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;AKkcJ;ALhcI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AKkcN;AL/bI;EACE;AKicN;AL9bI;EACE;AKgcN;AL7bI;EACE;EACA;AK+bN;AL7bM;EACE;AK+bR;AL3bI;EACE;EACA;AK6bN;AL3bM;EACE;AK6bR;;AH9gBE;EACE;EACA;EAEA;EACA;AGghBJ;AH9gBI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AYiiBF;ApBvhBE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBoiBZ;AHlhBM;EAUE;AG2gBR;AHphBQ;EACE;EACA;EACA;EACA;EACA;EACA;AGshBV;;ADtjBE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ACujBJ;ApBvjBE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBokBZ;ApBjkBE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB8kBZ;ADnkBI;EACE;ACqkBN;ADlkBI;EACE;ACokBN;ApBjlBE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB8lBZ;AD1kBI;EACE;AC4kBN;AD1kBM;EACE;AC4kBR,C;;;;A/D9mBA;EACE;EACA;EAIA;EACA;AgEFF;AhEKA;EACE;EACA;EAIA;EACA;AgENF;AhESA;EACE;EACA;EAIA;EACA;AgEVF;ACbE;EACE;ECGF;EACA;EAEA;EACA;EACA;EACA;EACA;EfdA;EACA;EACA;Aa2BF;ArD3BM;EAUI,euDK2B;AFerC;ArDhBM;EuDEF;EACA;EACA;AFiBJ;AEfE;EApBA;EACA;AFsCF;AClCI;EEPF;AH4CF;ACjCI;EGTF;AJ6CF;AI3CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ6CJ;ACzCI;EITF;EACA;ALqDF;ArD1DM;EAEI,4B0DKqB;ALsD/B;AKpDE;EACE;ALsDJ;AKnDE;EAbA;ALmEF;AClDI;EKbF;EACA;ANkEF;ArDvEM;EAEI,4B2DKqB;ANmE/B;ArBhEE;EACE;EACA;EACA,2B2BL8D;E3BM9D,gB2BNiD;E3BOjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB6EZ;AM1EE;EAVA;ANuFF;AClEI;EMhBF;EACA;APqFF;ArD3FM;EAEI,wB4DMqB;APsF/B;A1DrFE;EAcI,uBiEdsB;EjEiBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A0D8FZ;AO1FE;EACE;AP4FJ;AOzFE;EAfA;EACA;AP2GF;ACnFI;EOjBF;EAEA;EACA;ARsGF;AQpGE;EACE;ARsGJ;ArDpHM;EAEI,uB6DeqB;ARsG/B;A1D9GE;EAcI,sBkELsB;ElEQxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A0DuHZ;AQ1GE;EApBA;EACA;ARiIF;ArDlIM;EAEI,uB6DCqB;ARkI/B;A1D5HE;EAcI,sBkEnBsB;ElEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A0DqIZ;AC9GM;EQpBJ;EACA;ATqIF;ArBtIE;EACE;EACA;EACA,wB8BD8D;E9BE9D,gB8BFiD;E9BGjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqBmJZ;ArD1JM;EAEI,yB8DWqB;ATgJ/B;AS9IE;EACE;ATgJJ;AS7IE;EAnBA;EACA;ATmKF;ACnIQ;EQRN;EACA;AT8IF;ArB9JE;EACE;EACA;EACA,wB8Bc8D;E9Bb9D,gB8BaiD;E9BZjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB2KZ;ArDlLM;EAEI,yB8D0BqB;ATyJ/B;ASvJE;EACE;ATyJJ;AStJE;EA7BA;EACA;ATsLF;ACpJM;ES9BJ;EACA;AVqLF;ArBtLE;EACE;EACA;EACA,wB+BD8D;E/BE9D,gB+BFiD;E/BGjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqBmMZ;ArD1MM;EAEI,yB+DWqB;AVgM/B;AU9LE;EACE;AVgMJ;AU7LE;EAnBA;EACA;AVmNF;ACzKQ;ESlBN;EACA;AV8LF;ArB9ME;EACE;EACA;EACA,wB+Bc8D;E/Bb9D,gB+BaiD;E/BZjD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqB2NZ;ArDlOM;EAEI,yB+D0BqB;AVyM/B;AUvME;EACE;AVyMJ;AUtME;EA7BA;EACA;AVsOF;AC3LI;ECjDF;EACA;AF+OF;AC5LM;EIpDJ;ALmPF;AC3LM;EKxDJ;ANsPF;AC1LM;EM5DJ;EACA;APyPF;AC1LM;EOhEJ;EACA;AR6PF;ArD9PM;EAEI,uB6DCqB;AR8P/B;A1DxPE;EAcI,sBkEnBsB;ElEsBxB,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;A0DiQZ;ACnMQ;EQrEN;EACA;AT2QF;ACpMU;EQnER;EACA;AT0QF;ACjMQ;ES/EN;EACA;AVmRF;AClMU;ES7ER;EACA;AVkRF,C;;;;AhE3RA;EACE;EACA;EAIA;EACA;A2EFF;A3EKA;EACE;EACA;EAIA;EACA;A2ENF;A3ESA;EACE;EACA;EAIA;EACA;A2EVF;AAfA;EACE;EACA;EAEA;EACA;EACA;AAgBF;AAdE;EACE;EACA;EACA;AAgBJ;AxE5BE;EACE;EAGE,sBwES+B;AAmBrC;AAjBI;EACE;AAmBN;AhCvBE;EACE;EACA;EACA,sBgCEkE;EhCDlE,gBgCCqD;EhCArD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgCoCZ;ArElCE;EAWI,gBqEF6B;ErEQ/B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AqE2CZ;AA5BI;EACE;AA8BN;AhC3CE;EACE;EACA;EACA,sBgCWkE;EhCVlE,gBgCUqD;EhCTrD,mC3CYO;E2CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgCwDZ;AAnCE;EACE;AAqCJ;ArEzDE;EAcI,sBqEU4B;ErEP9B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AqEkEZ;ArEhEE;EAcI,sBqEc4B;ErEX9B,mCNCO;EMAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AqEyEZ;ArEvEE;EAcI,uBqEqB0B;ErElB5B,mCNC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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/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/micro-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/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/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/RadioField.module.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/mixins/radioField.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/mixin/textareaField.scss","webpack://indicator-ui/./src/ui/InputFields/InputField/styles/InputField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/CheckboxMark.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/checkbox-mark.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checkbox.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/radio.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checked.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/error.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/disabled.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/correct.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/incorrect.scss","webpack://indicator-ui/./src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/ToggleBase.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/active.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/error.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/medium.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/large.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/hover.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/disabled.scss","webpack://indicator-ui/./src/ui/Toggle/styles/Toggle.module.scss","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"],"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 transition: all ease-out 0.2s;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button .icon {\n width: fit-content;\n height: fit-content;\n}\n.button .icon {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button.widthFill {\n width: 100%;\n flex: 1;\n}\n.button.widthHug {\n width: fit-content;\n}\n.button.heightFill {\n height: 100%;\n flex: 1;\n}\n.button.heightHug {\n height: fit-content;\n}\n.button.small {\n padding: 10px;\n}\n.button.small .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.small .text {\n padding: 0 4px;\n}\n.button.small .text {\n font-size: 14px;\n line-height: 16px;\n line-height: 16px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.medium {\n padding: 10px;\n}\n.button.medium .icon svg {\n flex: none;\n width: 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: 12px;\n}\n.button.large .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.large .text {\n padding: 0 6px;\n}\n.button.large .text {\n font-size: 14px;\n line-height: 20px;\n line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.ultra {\n padding: 18px;\n}\n.button.ultra .icon svg {\n flex: none;\n width: 24px;\n height: 24px;\n}\n.button.ultra .text {\n padding: 0 12px;\n}\n.button.ultra .text {\n font-size: 18px;\n line-height: 24px;\n line-height: 24px;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.primary {\n border-radius: 8px;\n background-color: var(--blue-dark-500);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary .icon svg * {\n stroke: var(--base-white);\n}\n.button.primary .text {\n font-weight: 500;\n color: var(--base-white);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.primary:hover {\n background-color: var(--blue-dark-600);\n}\n.button.primary:focus {\n background-color: var(--blue-dark-500);\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary:disabled {\n opacity: 0.3;\n}\n.button.secondaryColor {\n border-radius: 8px;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-200);\n}\n.button.secondaryColor .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.secondaryColor .text {\n font-weight: 500;\n color: var(--blue-dark-500);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.secondaryColor:hover {\n background-color: var(--blue-dark-50);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);\n}\n.button.secondaryColor:focus {\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);\n}\n.button.secondaryColor:disabled {\n opacity: 0.5;\n}\n.button.secondaryGray {\n border-radius: 8px;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray .icon svg * {\n stroke: var(--gray-700);\n}\n.button.secondaryGray .text {\n font-weight: 500;\n color: var(--gray-700);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.secondaryGray:hover {\n background-color: var(--gray-50);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray:hover .text {\n color: var(--gray-800);\n}\n.button.secondaryGray:focus {\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);\n}\n.button.secondaryGray:disabled {\n opacity: 0.5;\n}\n.button.tertiaryWhite .icon svg * {\n stroke: var(--blue-dark-100);\n}\n.button.tertiaryWhite .text {\n font-weight: 400;\n color: var(--blue-dark-100);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tertiaryWhite:hover .text {\n color: var(--base-white);\n}\n.button.tertiaryWhite:hover .icon svg * {\n stroke: var(--base-white);\n}\n.button.tertiaryWhite:disabled {\n opacity: 0.5;\n}\n.button.tertiaryColor .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.tertiaryColor .text {\n color: var(--blue-dark-500);\n}\n.button.tertiaryColor:hover .text {\n font-weight: 400;\n color: var(--blue-dark-700);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tertiaryColor:hover .icon svg * {\n stroke: var(--blue-dark-700);\n}\n.button.tertiaryColor:disabled {\n opacity: 0.5;\n}\n.button.tertiaryGray .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tertiaryGray .text {\n color: var(--gray-700);\n}\n.button.tertiaryGray .text {\n font-weight: 400;\n color: var(--gray-400);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tertiaryGray:hover .text {\n color: var(--gray-900);\n}\n.button.tertiaryGray:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.tertiaryGray:disabled {\n opacity: 0.5;\n}\n.button.linkColor {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkColor .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.linkColor .text {\n padding: 0 !important;\n}\n.button.linkColor .text {\n font-weight: 400;\n color: var(--blue-dark-500);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.linkColor:hover .text {\n color: var(--blue-dark-700);\n}\n.button.linkColor:hover .icon svg * {\n stroke: var(--blue-dark-700);\n}\n.button.linkColor:disabled {\n opacity: 0.5;\n}\n.button.linkBlack {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkBlack .icon svg * {\n stroke: var(--gray-700);\n}\n.button.linkBlack .text {\n padding: 0 !important;\n}\n.button.linkBlack .text {\n font-weight: 400;\n color: var(--gray-700);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.linkBlack:hover .text {\n color: var(--gray-900);\n}\n.button.linkBlack:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.linkBlack:disabled {\n opacity: 0.5;\n}\n.button.linkGray {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkGray .icon svg * {\n stroke: var(--gray-400);\n}\n.button.linkGray .text {\n padding: 0 !important;\n}\n.button.linkGray .text {\n font-weight: 400;\n color: var(--gray-400);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.linkGray:hover .text {\n color: var(--gray-500);\n}\n.button.linkGray:hover .icon svg * {\n stroke: var(--gray-500);\n}\n.button.linkGray:disabled {\n opacity: 0.5;\n}\n.button.tabActive {\n border-radius: 6px;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tabActive .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tabActive .text {\n font-weight: 500;\n color: var(--gray-700);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tabActive:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.tabActive:hover .text {\n color: var(--gray-900);\n}\n.button.tabActive:disabled {\n opacity: 0.5;\n}\n.button.tab {\n border-radius: 6px;\n background-color: var(--gray-100);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tab .icon svg * {\n stroke: var(--gray-500);\n}\n.button.tab .text {\n font-weight: 500;\n color: var(--gray-500);\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.tab:hover {\n background-color: var(--gray-200);\n}\n.button.tab:hover .icon svg * {\n stroke: var(--gray-800);\n}\n.button.tab:hover .text {\n color: var(--gray-800);\n}\n.button.tab:disabled {\n opacity: 0.5;\n}\n.button.warning.primary {\n border-radius: 8px;\n background-color: var(--error-500);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.primary:hover {\n background-color: var(--error-600);\n}\n.button.warning.primary:focus {\n background-color: var(--error-500);\n}\n.button.warning.primary:disabled {\n opacity: 0.3;\n}\n.button.warning.secondaryColor {\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-200);\n}\n.button.warning.secondaryColor .icon svg * {\n stroke: var(--error-500);\n}\n.button.warning.secondaryColor .text {\n color: var(--error-500);\n}\n.button.warning.secondaryColor:hover {\n background-color: var(--error-50);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-400);\n}\n.button.warning.secondaryColor:focus {\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-200);\n}\n.button.warning.secondaryColor:disabled {\n opacity: 0.5;\n}","@use 'baseButton';\r\n@use 'properties';\r\n\r\n@mixin insertButton() {\r\n .button {\r\n transition: all ease-out 0.2s;\r\n @include baseButton.base-button();\r\n\r\n &.small {\r\n @include properties.smallButton;\r\n }\r\n\r\n &.medium {\r\n @include properties.mediumButton;\r\n }\r\n\r\n &.large {\r\n @include properties.largeButton;\r\n }\r\n\r\n &.ultra {\r\n @include properties.ultraButton;\r\n }\r\n\r\n &.primary {\r\n @include properties.primaryButton;\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.secondaryColorButton;\r\n }\r\n\r\n &.secondaryGray {\r\n @include properties.secondaryGrayButton;\r\n }\r\n\r\n &.tertiaryWhite {\r\n @include properties.tertiaryWhiteButton;\r\n }\r\n\r\n &.tertiaryColor {\r\n @include properties.tertiaryColorButton;\r\n }\r\n\r\n &.tertiaryGray {\r\n @include properties.tertiaryGrayButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.linkColorButton;\r\n }\r\n\r\n &.linkBlack {\r\n @include properties.linkBlackButton;\r\n }\r\n\r\n &.linkGray {\r\n @include properties.linkGrayButton;\r\n }\r\n\r\n &.tabActive {\r\n @include properties.tabActiveButton;\r\n }\r\n\r\n &.tab {\r\n @include properties.tabButton;\r\n }\r\n\r\n &.warning {\r\n &.primary {\r\n @include properties.warningPrimaryButton;\r\n }\r\n }\r\n\r\n &.warning {\r\n &.secondaryColor {\r\n @include properties.warningSecondaryColorButton;\r\n }\r\n }\r\n }\r\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\r\n & {\r\n display: flex;\r\n\r\n @if ($direction != null) {\r\n flex-direction: $direction;\r\n }\r\n\r\n @if ($justify-content != null) {\r\n justify-content: $justify-content;\r\n }\r\n\r\n @if ($align-items != null) {\r\n align-items: $align-items;\r\n }\r\n @content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n @include modify-flex(row, center, center);\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16);\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 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 padding: 12px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 6px;\r\n @include fnt-flex($size: 14, $line-height: 20);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n padding: 18px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 12px;\r\n @include fnt-flex($size: 18, $line-height: 24);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n border-radius: 8px;\r\n background-color: var(--blue-dark-500);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--base-white));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n\r\n &:focus {\r\n background-color: var(--blue-dark-500);\r\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.3;\r\n }\r\n}","@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {\r\n & {\r\n svg {\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n\r\n @if ($stroke-width != null) {\r\n stroke-width: $stroke-width;\r\n }\r\n }\r\n\r\n & {\r\n @content;\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-200);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--blue-dark-500));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-50);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-300);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-300);\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-50);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-100));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-100));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--base-white);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n color: var(--blue-dark-500);\r\n }\r\n\r\n &:hover {\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n color: var(--gray-700);\r\n @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--blue-dark-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:hover {\r\n .text {\r\n color: var(--gray-500);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabActiveButton {\r\n border-radius: 6px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &:hover {\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabButton {\r\n border-radius: 6px;\r\n background-color: var(--gray-100);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-500));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-800));\r\n }\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningPrimaryButton {\r\n border-radius: 8px;\r\n background-color: var(--error-500);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &:hover {\r\n background-color: var(--error-600);\r\n }\r\n\r\n &:focus {\r\n background-color: var(--error-500);\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.3;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .text {\r\n color: var(--error-500);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--error-50);\r\n box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-400);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.button {\n transition: all ease-out 0.2s;\n width: fit-content;\n height: fit-content;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button svg {\n flex: none;\n}\n.button.light {\n background: none;\n}\n.button.light svg * {\n stroke: var(--gray-400);\n}\n.button.light:hover {\n background-color: var(--gray-200);\n}\n.button.light:hover svg * {\n stroke: var(--gray-600);\n}\n.button.dark {\n background-color: rgba(12, 17, 29, 0.5019607843);\n}\n.button.dark svg * {\n stroke: var(--base-white);\n}\n.button.dark:hover {\n background-color: rgba(12, 17, 29, 0.8);\n}\n.button.gray {\n background: none;\n}\n.button.gray svg * {\n stroke: var(--gray-500);\n}\n.button.gray:hover {\n background-color: var(--base-white);\n}\n.button.gray:hover svg * {\n stroke: var(--gray-600);\n}\n.button.color {\n background: none;\n}\n.button.color svg * {\n stroke: var(--blue-dark-500);\n}\n.button.color:hover {\n background-color: var(--base-white);\n}\n.button.color:hover svg * {\n stroke: var(--blue-dark-600);\n}\n.button.colorHover {\n background: none;\n}\n.button.colorHover svg * {\n stroke: var(--blue-dark-400);\n}\n.button.colorHover:hover {\n background-color: var(--blue-dark-100);\n}\n.button.colorHover:hover svg * {\n stroke: var(--blue-dark-500);\n}\n.button.redHover {\n background: none;\n}\n.button.redHover svg * {\n stroke: var(--error-400);\n}\n.button.redHover:hover {\n background-color: var(--error-100);\n}\n.button.redHover:hover svg * {\n stroke: var(--error-500);\n}\n.button.colorFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.button.colorFill svg * {\n stroke: var(--blue-dark-500);\n}\n.button.colorFill:hover {\n background: var(--blue-dark-50);\n}\n.button.colorFill:hover svg * {\n stroke: var(--blue-dark-500);\n}\n.button.grayFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300);\n}\n.button.grayFill svg * {\n stroke: var(--gray-700);\n}\n.button.grayFill:hover {\n background: var(--gray-50);\n}\n.button.grayFill:hover svg * {\n stroke: var(--gray-900);\n}\n.button.redFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--error-300);\n}\n.button.redFill svg * {\n stroke: var(--error-500);\n}\n.button.redFill:hover {\n background: var(--error-50);\n}\n.button.redFill:hover svg * {\n stroke: var(--error-600);\n}\n.button.blueLight {\n background: none;\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: 2px;\n}\n.button.size14 svg {\n width: 10px;\n height: 10px;\n}\n.button.size16 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size16 svg {\n width: 12px;\n height: 12px;\n}\n.button.size20 {\n border-radius: 3px;\n padding: 3px;\n}\n.button.size20 svg {\n width: 14px;\n height: 14px;\n}\n.button.size24 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size24 svg {\n width: 16px;\n height: 16px;\n}\n.button.size28 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size28 svg {\n width: 20px;\n height: 20px;\n}","@use 'base-button';\r\n@use 'properties';\r\n\r\n@mixin micro-button() {\r\n .button {\r\n transition: all ease-out 0.2s;\r\n @include base-button.base-micro-button();\r\n\r\n &.light {\r\n @include properties.light();\r\n }\r\n\r\n &.dark {\r\n @include properties.dark();\r\n }\r\n\r\n &.gray {\r\n @include properties.gray();\r\n }\r\n\r\n &.color {\r\n @include properties.color();\r\n }\r\n\r\n &.colorHover {\r\n @include properties.color-hover();\r\n }\r\n\r\n &.redHover {\r\n @include properties.red-hover();\r\n }\r\n\r\n &.colorFill {\r\n @include properties.color-fill();\r\n }\r\n\r\n &.grayFill {\r\n @include properties.gray-fill();\r\n }\r\n\r\n &.redFill {\r\n @include properties.red-fill();\r\n }\r\n\r\n\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 @include modify-flex(row, center, center);\r\n @include modify-svg() {\r\n flex: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n background: none;\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n background-color: #0C111D80;\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:hover {\r\n background-color: #0C111DCC;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n background: none;\r\n @include modify-svg($stroke: var(--gray-500));\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n background: none;\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--blue-dark-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n background: none;\r\n @include modify-svg($stroke: var(--blue-dark-400));\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n background: none;\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:hover {\r\n background: var(--blue-dark-50);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n @include modify-svg($stroke: var(--gray-700));\r\n\r\n &:hover {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--error-300);\r\n @include modify-svg($stroke: var(--error-500));\r\n\r\n &:hover {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin blue-light() {\r\n background: none;\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 padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.calendarDay {\r\n position: relative;\r\n flex: none;\r\n width: 40px;\r\n height: 40px;\r\n\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n .mark {\r\n width: 100%;\r\n height: 12px;\r\n padding: 4px 0 0 0;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n &::after {\r\n content: '';\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-400);\r\n }\r\n }\r\n\r\n .day {\r\n flex: 1;\r\n width: 100%;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .info {\r\n width: 100%;\r\n height: 12px;\r\n padding: 0 0 2px 0;\r\n @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.holiday {\r\n .day {\r\n color: var(--error-500);\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-500);\r\n\r\n .mark::after {\r\n background-color: var(--base-white);\r\n }\r\n\r\n .day {\r\n color: var(--base-white);\r\n }\r\n\r\n .info {\r\n color: var(--blue-dark-300);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: var(--gray-100);\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n }\r\n\r\n &:before {\r\n // Требует наличия у родителя relative с z-index: 1;\r\n content: '';\r\n width: 60px;\r\n height: 40px;\r\n position: absolute;\r\n background-color: var(--gray-100);\r\n z-index: -1;\r\n }\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--base-white);\r\n z-index: 1;\r\n\r\n &:before {\r\n background: var(--base-white);\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .mark {\r\n &::after {\r\n background-color: var(--gray-300);\r\n }\r\n }\r\n\r\n .day {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--gray-300));\r\n }\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n\r\n & {\r\n font-size: #{$size}px;\r\n line-height: #{$line-height}px;\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n border-radius: 16px;\r\n border: 1px solid var(--gray-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n position: relative;\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n z-index: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n gap: 2px;\r\n z-index: 2;\r\n backdrop-filter: blur(10px);\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n width: 40px;\r\n height: 16px;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .meta {\r\n width: 100%;\r\n gap: 6px;\r\n z-index: 2;\r\n @include modify-flex($direction: row);\r\n\r\n .month {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .year {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n max-height: 250px;\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: repeat(5, 1fr);\r\n gap: 2px;\r\n overflow: hidden;\r\n\r\n &.upEntrance {\r\n animation: up-entrance 1s forwards;\r\n }\r\n\r\n &.downEntrance {\r\n animation: down-entrance 1s forwards;\r\n }\r\n\r\n &.upExit {\r\n animation: up-exit 1s forwards;\r\n }\r\n\r\n &.downExit {\r\n animation: down-exit 1s forwards;\r\n }\r\n\r\n &.displayNone {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes up-entrance {\r\n from {\r\n transform: translateY(-100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes down-entrance {\r\n from {\r\n transform: translateY(100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes up-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n}\r\n\r\n@keyframes down-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: row);\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900));\r\n }\r\n\r\n .switchers {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 2px;\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n width: 100%;\r\n display: flex;\r\n\r\n border-top: 1px solid var(--gray-200);\r\n padding: 16px;\r\n gap: 8px;\r\n\r\n .item {\r\n flex: 1;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n .flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n @include centerInsideContent();\r\n\r\n padding: 10px 12px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .userPic {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n object-fit: scale-down;\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.red {\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &.isError {\r\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 #1018280D;\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-100);\r\n cursor: default;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder, .selectField .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.selectField .flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .help svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.selectField .flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertSelectField() {\r\n .selectField {\r\n width: 100%;\r\n position: relative;\r\n\r\n @include FlexField.insertFlexField();\r\n\r\n .modalWindow {\r\n width: 100%;\r\n position: absolute;\r\n z-index: 5;\r\n\r\n .selectModalWindow {\r\n width: 100%;\r\n height: fit-content;\r\n max-height: 300px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n border-radius: 8px;\r\n padding: 4px;\r\n\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n overflow: scroll;\r\n scrollbar-width: none;\r\n\r\n .selectFieldOptionsItem {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n @include centerInsideContent();\r\n\r\n gap: 8px;\r\n padding: 10px 16px;\r\n\r\n .label {\r\n flex: 1;\r\n text-align: left;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-50);\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.inputFieldWrapper {\n width: 100%;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: var(--blue-dark-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertInputFieldWrapper() {\r\n .inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n }\r\n }\r\n\r\n .hintText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .hintError {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n cursor: pointer;\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: var(--gray-200);\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: var(--base-white);\n}\n.switcherField:hover {\n background-color: var(--gray-300);\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n justify-content: right;\n background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n cursor: default;\n background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n background-color: var(--gray-200);\n}","@use '@/styles' as *;\r\n@use \"sass:meta\";\r\n@use \"sass:string\";\r\n@use \"sass:map\";\r\n\r\n$medium-size: 'medium';\r\n$large-size: 'large';\r\n\r\n$light-tone: 'light';\r\n$dark-tone: 'dark';\r\n\r\n\r\n$size-config: (\r\n medium: (\r\n width: 36,\r\n height: 20,\r\n radius: 16,\r\n ),\r\n large: (\r\n width: 44,\r\n height: 24,\r\n radius: 20,\r\n ),\r\n);\r\n\r\n$tone-config: (\r\n light: (\r\n main: var(--gray-200),\r\n hover: var(--gray-300),\r\n ),\r\n dark: (\r\n main: var(--gray-300),\r\n hover: var(--gray-400),\r\n ),\r\n);\r\n\r\n@mixin insertSwitcherField($size: $medium-size, $tone: $light-tone) {\r\n $size: if(meta.type-of($size) == 'string', string.unquote($size), $size);\r\n $tone: if(meta.type-of($tone) == 'string', string.unquote($tone), $tone);\r\n $size-settings: map.get($size-config, $size);\r\n $tone-settings: map.get($tone-config, $tone);\r\n\r\n .switcherField {\r\n width: #{map.get($size-settings, width)}px;\r\n height: #{map.get($size-settings, height)}px;\r\n\r\n display: flex;\r\n justify-content: left;\r\n\r\n border-radius: 12px;\r\n padding: 2px;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:after {\r\n flex: none;\r\n content: '';\r\n width: #{map.get($size-settings, radius)}px;\r\n height: #{map.get($size-settings, radius)}px;\r\n border-radius: 50%;\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n background-color: var(--base-white);\r\n }\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, hover);\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px var(--gray-100);\r\n }\r\n\r\n &.active {\r\n justify-content: right;\r\n background-color: var(--blue-dark-500);\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n background-color: map.get($tone-settings, main);\r\n\r\n &:hover {\r\n background-color: map.get($tone-settings, main);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertRadioField() {\r\n .radioFieldItem {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 8px;\r\n\r\n .checkbox {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n\r\n border-radius: 50%;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n\r\n @include centerInsideContent();\r\n }\r\n\r\n .label {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &.active {\r\n .checkbox {\r\n &:after {\r\n content: '';\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-500);\r\n }\r\n\r\n border: 1px solid var(--blue-dark-500);\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.textareaField {\n width: 100%;\n height: fit-content;\n min-height: 68px;\n resize: none;\n border-radius: 8px;\n padding: 10px 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n background-color: var(--gray-100);\n}\n.textareaField:disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField.isError {\n border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}","@use '@/styles' as *;\r\n\r\n@mixin insertTextareaField() {\r\n .textareaField {\r\n width: 100%;\r\n height: fit-content;\r\n min-height: 68px;\r\n\r\n resize: none;\r\n border-radius: 8px;\r\n padding: 10px 12px;\r\n\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--gray-100);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.inputFieldWrapper {\n width: 100%;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: var(--blue-dark-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder, .selectField .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.selectField .flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .help svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.selectField .flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: var(--blue-dark-500);\n}\n\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: var(--gray-200);\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: var(--base-white);\n}\n.switcherField:hover {\n background-color: var(--gray-300);\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n justify-content: right;\n background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n cursor: default;\n background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n background-color: var(--gray-200);\n}\n\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}\n\n.textareaField {\n width: 100%;\n height: fit-content;\n min-height: 68px;\n resize: none;\n border-radius: 8px;\n padding: 10px 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n background-color: var(--gray-100);\n}\n.textareaField:disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField.isError {\n border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n.checkboxMark {\n transition: all ease-out 0.2s;\n width: 20px;\n height: 20px;\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n box-sizing: border-box;\n cursor: pointer;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.checkboxMark svg * {\n stroke-width: 4;\n}\n.checkboxMark svg {\n width: 14px;\n height: 14px;\n flex: none;\n}\n.checkboxMark:hover {\n background-color: var(--blue-dark-50);\n 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: none;\n}\n.checkboxMark.correct.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.correct.checked:after {\n display: none;\n}\n.checkboxMark.correct.checked:hover {\n background-color: var(--blue-dark-600);\n border: none;\n}\n.checkboxMark.correct.checked.disabled {\n background-color: var(--gray-300);\n border: none;\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.correct.checked.disabled:after {\n display: none;\n}\n.checkboxMark.correct.checked.disabled:hover {\n background-color: var(--gray-300);\n border: none;\n}\n.checkboxMark.incorrect.checked {\n background-color: var(--error-500);\n border: none;\n}\n.checkboxMark.incorrect.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked:after {\n display: none;\n}\n.checkboxMark.incorrect.checked:hover {\n background-color: var(--error-600);\n border: none;\n}\n.checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: none;\n}\n.checkboxMark.incorrect.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked.disabled svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked.disabled:after {\n display: none;\n}\n.checkboxMark.incorrect.checked.disabled:hover {\n background-color: var(--gray-300);\n border: none;\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: none;\n}\n.checkboxMark.hover.correct.checked.disabled {\n background-color: var(--gray-300);\n border: none;\n}\n.checkboxMark.hover.incorrect.checked {\n background-color: var(--error-600);\n border: none;\n}\n.checkboxMark.hover.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: none;\n}","@use 'base';\r\n@use 'properties';\r\n\r\n@mixin checkbox-mark() {\r\n .checkboxMark {\r\n transition: all ease-out 0.2s;\r\n @include base.checkbox-mark-base();\r\n\r\n &.checkbox {\r\n @include properties.checkbox();\r\n }\r\n\r\n &.radio {\r\n @include properties.radio();\r\n }\r\n\r\n &.checked {\r\n @include properties.checked();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate();\r\n }\r\n\r\n &.error {\r\n @include properties.error();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked();\r\n\r\n &.disabled {\r\n @include properties.correct-disabled();\r\n }\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked();\r\n\r\n &.disabled {\r\n @include properties.incorrect-disabled();\r\n }\r\n }\r\n }\r\n\r\n &.hover {\r\n @include base.checkbox-mark-base-hover();\r\n\r\n &.checked {\r\n @include properties.checked-hover();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate-hover();\r\n }\r\n\r\n &.error {\r\n @include properties.error-hover();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled-hover();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked-hover();\r\n\r\n &.disabled {\r\n @include properties.correct-disabled-hover();\r\n }\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked-hover();\r\n\r\n &.disabled {\r\n @include properties.incorrect-disabled-hover();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark-base-hover() {\r\n background-color: var(--blue-dark-50);\r\n 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 border: none;\r\n}\r\n\r\n@mixin correct-disabled-hover() {\r\n background-color: var(--gray-300);\r\n border: none;\r\n}\r\n\r\n@mixin correct-checked() {\r\n background-color: var(--blue-dark-500);\r\n border: none;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n @include correct-checked-hover();\r\n }\r\n}\r\n\r\n@mixin correct-disabled() {\r\n background-color: var(--gray-300);\r\n border: none;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n @include correct-disabled-hover();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin incorrect-checked-hover() {\r\n background-color: var(--error-600);\r\n border: none;\r\n}\r\n\r\n@mixin incorrect-disabled-hover() {\r\n background-color: var(--gray-300);\r\n border: none;\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n background-color: var(--error-500);\r\n border: none;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n @include incorrect-checked-hover();\r\n }\r\n}\r\n\r\n@mixin incorrect-disabled() {\r\n background-color: var(--gray-300);\r\n border: none;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n @include incorrect-disabled-hover();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.checkbox {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 8px;\r\n align-items: start;\r\n\r\n .textBlock {\r\n flex: 1;\r\n gap: 2px;\r\n align-items: start;\r\n @include modify-flex($direction: column);\r\n\r\n .text {\r\n text-align: start;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n\r\n &.indeterminate {\r\n @include fnt-flex($weight: 600);\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock .supportingText {\r\n @include fnt-flex($color: var(--error-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use 'mixins';\r\n\r\n.toggleBase {\r\n transition: all ease-out 0.2s;\r\n @include mixins.base();\r\n .button {\r\n @include mixins.base-button();\r\n }\r\n\r\n &.active {\r\n @include mixins.active();\r\n }\r\n\r\n &.error {\r\n @include mixins.error-base();\r\n\r\n &.active {\r\n @include mixins.error-active();\r\n }\r\n }\r\n\r\n &.medium {\r\n @include mixins.medium-base();\r\n\r\n .button {\r\n @include mixins.medium-button();\r\n }\r\n }\r\n\r\n &.large {\r\n @include mixins.large-base();\r\n\r\n .button {\r\n @include mixins.large-button();\r\n }\r\n }\r\n\r\n &.hover, &:hover {\r\n @include mixins.hover();\r\n\r\n &.error {\r\n @include mixins.hover-error;\r\n }\r\n\r\n &.active {\r\n @include mixins.hover-active();\r\n\r\n &.error {\r\n @include mixins.hover-active-error();\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n &, &.hover, &:hover {\r\n @include mixins.disabled-base();\r\n\r\n .button {\r\n @include mixins.disabled-button();\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n border-radius: 12px;\r\n padding: 2px;\r\n background-color: var(--gray-300);\r\n @include modify-flex($justify-content: start, $align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n flex: none;\r\n border-radius: 50%;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n}","@mixin active() {\r\n background-color: var(--blue-dark-500);\r\n justify-content: end;\r\n}","@mixin error-base() {\r\n background-color: var(--error-200);\r\n}\r\n\r\n@mixin error-active() {\r\n background-color: var(--error-500);\r\n}","@mixin medium-base() {\r\n width: 36px;\r\n height: 20px;\r\n}\r\n\r\n@mixin medium-button() {\r\n width: 16px;\r\n height: 16px;\r\n}","@mixin large-base() {\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n@mixin large-button() {\r\n width: 20px;\r\n height: 20px;\r\n}","@mixin hover() {\r\n background-color: var(--gray-400);\r\n}\r\n\r\n@mixin hover-active() {\r\n background-color: var(--blue-dark-600);\r\n}\r\n\r\n@mixin hover-error() {\r\n background-color: var(--error-300);\r\n}\r\n\r\n@mixin hover-active-error() {\r\n background-color: var(--error-600);\r\n}","@mixin disabled-base() {\r\n cursor: default;\r\n background-color: var(--gray-200);\r\n}\r\n\r\n@mixin disabled-button() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n.toggle {\r\n display: flex;\r\n gap: 8px;\r\n cursor: pointer;\r\n\r\n .textBlock {\r\n flex: 1;\r\n @include modify-flex($direction: column, $justify-content: start, $align-items: start);\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .description {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n\r\n .text, .description {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@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 '@/styles' as *;\r\n\r\n.tag {\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\r\n &:hover {\r\n background-color: var(--gray-50);\r\n }\r\n\r\n &.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 &.small {\r\n padding: 3px 8px;\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 }\r\n\r\n &.medium {\r\n padding: 2px 9px;\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 }\r\n\r\n &.large {\r\n padding: 4px 10px;\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 }\r\n}"],"names":[],"sourceRoot":""}
package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @mixin checkbox-mark-base-hover() {
4
4
  background-color: var(--blue-dark-50);
5
- box-shadow: 0 0 0 1px var(--blue-dark-200);
5
+ border: 1px solid var(--blue-dark-200);
6
6
  }
7
7
 
8
8
  @mixin checkbox-mark-base() {
@@ -10,7 +10,8 @@
10
10
  height: 20px;
11
11
 
12
12
  background-color: var(--base-white);
13
- box-shadow: 0 0 0 1px var(--gray-300);
13
+ border: 1px solid var(--gray-300);
14
+ box-sizing: border-box;
14
15
  cursor: pointer;
15
16
  overflow: hidden;
16
17
 
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  @use '../../../../../styles' as *;
2
2
 
3
3
  @mixin checked-hover() {
4
- box-shadow: 0 0 0 1px var(--blue-dark-400);
4
+ border: 1px solid var(--blue-dark-400);
5
5
  }
6
6
 
7
7
  @mixin checked() {
8
8
  background-color: var(--blue-dark-50);
9
- box-shadow: 0 0 0 1px var(--blue-dark-200);
9
+ border: 1px solid var(--blue-dark-200);
10
10
 
11
11
  @include modify-svg($stroke: var(--blue-dark-500));
12
12
 
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss CHANGED
@@ -2,17 +2,17 @@
2
2
 
3
3
  @mixin correct-checked-hover() {
4
4
  background-color: var(--blue-dark-600);
5
- box-shadow: none;
5
+ border: none;
6
6
  }
7
7
 
8
8
  @mixin correct-disabled-hover() {
9
9
  background-color: var(--gray-300);
10
- box-shadow: none;
10
+ border: none;
11
11
  }
12
12
 
13
13
  @mixin correct-checked() {
14
14
  background-color: var(--blue-dark-500);
15
- box-shadow: none;
15
+ border: none;
16
16
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
17
17
  @include modify-svg($stroke: var(--base-white));
18
18
 
@@ -27,7 +27,7 @@
27
27
 
28
28
  @mixin correct-disabled() {
29
29
  background-color: var(--gray-300);
30
- box-shadow: none;
30
+ border: none;
31
31
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
32
32
  @include modify-svg($stroke: var(--base-white));
33
33
 
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @mixin disabled-hover() {
4
4
  background-color: var(--gray-100);
5
- box-shadow: 0 0 0 1px var(--gray-300);
5
+ border: 1px solid var(--gray-300);
6
6
 
7
7
  @include modify-svg($stroke: var(--gray-300));
8
8
  @include fnt-flex($color: var(--gray-300));
@@ -12,7 +12,7 @@
12
12
  cursor: default;
13
13
 
14
14
  background-color: var(--gray-100);
15
- box-shadow: 0 0 0 1px var(--gray-300);
15
+ border: 1px solid var(--gray-300);
16
16
 
17
17
  &:after {
18
18
  background-color: var(--gray-300);
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss CHANGED
@@ -2,12 +2,12 @@
2
2
 
3
3
  @mixin error-hover() {
4
4
  background-color: var(--error-50);
5
- box-shadow: 0 0 0 1px var(--error-400);
5
+ border: 1px solid var(--error-400);
6
6
  }
7
7
 
8
8
  @mixin error() {
9
9
  background-color: var(--error-50);
10
- box-shadow: 0 0 0 1px var(--error-200);
10
+ border: 1px solid var(--error-200);
11
11
 
12
12
  @include modify-svg($stroke: var(--error-500));
13
13
  @include fnt-flex($color: var(--error-500));
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss CHANGED
@@ -2,17 +2,17 @@
2
2
 
3
3
  @mixin incorrect-checked-hover() {
4
4
  background-color: var(--error-600);
5
- box-shadow: none;
5
+ border: none;
6
6
  }
7
7
 
8
8
  @mixin incorrect-disabled-hover() {
9
9
  background-color: var(--gray-300);
10
- box-shadow: none;
10
+ border: none;
11
11
  }
12
12
 
13
13
  @mixin incorrect-checked() {
14
14
  background-color: var(--error-500);
15
- box-shadow: none;
15
+ border: none;
16
16
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
17
17
  @include modify-svg($stroke: var(--base-white));
18
18
 
@@ -27,7 +27,7 @@
27
27
 
28
28
  @mixin incorrect-disabled() {
29
29
  background-color: var(--gray-300);
30
- box-shadow: none;
30
+ border: none;
31
31
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
32
32
  @include modify-svg($stroke: var(--base-white));
33
33
 
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  @use '../../../../../styles' as *;
2
2
 
3
3
  @mixin indeterminate-hover() {
4
- box-shadow: 0 0 0 1px var(--blue-dark-400);
4
+ border: 1px solid var(--blue-dark-400);
5
5
  }
6
6
 
7
7
  @mixin indeterminate() {
8
8
  background-color: var(--blue-dark-50);
9
- box-shadow: 0 0 0 1px var(--blue-dark-200);
9
+ border: 1px solid var(--blue-dark-200);
10
10
 
11
11
  @include modify-svg($stroke: var(--blue-dark-500));
12
12
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--blue-dark-500));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.0.31",
3
+ "version": "0.0.32",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/src/index.d.ts",
6
6
  "style": "dist/index.css",