indicator-ui 0.0.6 → 0.0.7

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 (138) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +291 -225
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/ui/Buttons/styles/mixins/properties/large.scss +1 -1
  6. package/dist/types/index.d.ts +4 -0
  7. package/dist/types/{src/ui → ui}/DatePicker/ui/DatePickerHeader.d.ts +1 -1
  8. package/dist/types/ui/FormBuilder/index.d.ts +6 -0
  9. package/dist/types/ui/FormBuilder/lib/formBuilder.d.ts +4 -0
  10. package/dist/types/{src/ui → ui}/FormBuilder/schemes/index.d.ts +3 -5
  11. package/dist/types/{src/ui → ui}/FormBuilder/types/FormBuilderTypes.d.ts +3 -3
  12. package/dist/types/ui/InputFields/InputField/types/InputFieldTypes.d.ts +25 -0
  13. package/package.json +4 -3
  14. package/dist/types/src/index.d.ts +0 -1
  15. package/dist/types/src/test/App.d.ts +0 -2
  16. package/dist/types/src/test/index.d.ts +0 -1
  17. package/dist/types/src/test/layout/PageLayout.d.ts +0 -3
  18. package/dist/types/src/test/layout/index.d.ts +0 -1
  19. package/dist/types/src/test/pages/ButtonsPage.d.ts +0 -1
  20. package/dist/types/src/test/pages/DatePickerPage.d.ts +0 -1
  21. package/dist/types/src/test/pages/FieldsPage.d.ts +0 -1
  22. package/dist/types/src/test/pages/FormBuilderPage.d.ts +0 -1
  23. package/dist/types/src/test/pages/HomePage.d.ts +0 -1
  24. package/dist/types/src/test/pages/MicroButtonsPage.d.ts +0 -1
  25. package/dist/types/src/test/pages/index.d.ts +0 -5
  26. package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts +0 -4
  27. package/dist/types/src/ui/InputFields/InputField/types/InputFieldTypes.d.ts +0 -17
  28. package/dist/types/src/ui/MicroButton/index.d.ts +0 -2
  29. package/dist/types/test-project/src/icons/index.d.ts +0 -1
  30. /package/dist/types/{src/assets → assets}/icons/index.d.ts +0 -0
  31. /package/dist/types/{src/assets → assets}/index.d.ts +0 -0
  32. /package/dist/types/{src/hooks → hooks}/index.d.ts +0 -0
  33. /package/dist/types/{src/hooks → hooks}/useFormData.d.ts +0 -0
  34. /package/dist/types/{src/hooks → hooks}/useIsErrorField.d.ts +0 -0
  35. /package/dist/types/{src/lib → lib}/array/getUniqueArray.d.ts +0 -0
  36. /package/dist/types/{src/lib → lib}/array/index.d.ts +0 -0
  37. /package/dist/types/{src/lib → lib}/array/isArray.d.ts +0 -0
  38. /package/dist/types/{src/lib → lib}/array/isEqualArrays.d.ts +0 -0
  39. /package/dist/types/{src/lib → lib}/dict/getDeepValue.d.ts +0 -0
  40. /package/dist/types/{src/lib → lib}/dict/index.d.ts +0 -0
  41. /package/dist/types/{src/lib → lib}/dict/isDict.d.ts +0 -0
  42. /package/dist/types/{src/lib → lib}/dict/setDeepValue.d.ts +0 -0
  43. /package/dist/types/{src/lib → lib}/index.d.ts +0 -0
  44. /package/dist/types/{src/lib → lib}/reactComponents/handleScrollEnd.d.ts +0 -0
  45. /package/dist/types/{src/lib → lib}/reactComponents/index.d.ts +0 -0
  46. /package/dist/types/{src/lib → lib}/reactComponents/isCustomComponent.d.ts +0 -0
  47. /package/dist/types/{src/types → types}/DictDeepActionsTypes.d.ts +0 -0
  48. /package/dist/types/{src/types → types}/HelperType.d.ts +0 -0
  49. /package/dist/types/{src/types → types}/index.d.ts +0 -0
  50. /package/dist/types/{src/ui → ui}/Buttons/index.d.ts +0 -0
  51. /package/dist/types/{src/ui → ui}/Buttons/styles/index.d.ts +0 -0
  52. /package/dist/types/{src/ui → ui}/Buttons/types/ButtonTypes.d.ts +0 -0
  53. /package/dist/types/{src/ui → ui}/Buttons/types/index.d.ts +0 -0
  54. /package/dist/types/{src/ui → ui}/Buttons/ui/Button.d.ts +0 -0
  55. /package/dist/types/{src/ui → ui}/Buttons/ui/index.d.ts +0 -0
  56. /package/dist/types/{src/ui → ui}/DatePicker/const/index.d.ts +0 -0
  57. /package/dist/types/{src/ui → ui}/DatePicker/index.d.ts +0 -0
  58. /package/dist/types/{src/ui → ui}/DatePicker/lib/index.d.ts +0 -0
  59. /package/dist/types/{src/ui → ui}/DatePicker/styles/index.d.ts +0 -0
  60. /package/dist/types/{src/ui → ui}/DatePicker/types/CalendarDayTypes.d.ts +0 -0
  61. /package/dist/types/{src/ui → ui}/DatePicker/types/DateGridTypes.d.ts +0 -0
  62. /package/dist/types/{src/ui → ui}/DatePicker/types/DatePickerFooterTypes.d.ts +0 -0
  63. /package/dist/types/{src/ui → ui}/DatePicker/types/DatePickerHeaderTypes.d.ts +0 -0
  64. /package/dist/types/{src/ui → ui}/DatePicker/types/DatePickerMainTypes.d.ts +0 -0
  65. /package/dist/types/{src/ui → ui}/DatePicker/types/DatePickerTypes.d.ts +0 -0
  66. /package/dist/types/{src/ui → ui}/DatePicker/types/index.d.ts +0 -0
  67. /package/dist/types/{src/ui → ui}/DatePicker/ui/CalendarDay.d.ts +0 -0
  68. /package/dist/types/{src/ui → ui}/DatePicker/ui/DateGrid.d.ts +0 -0
  69. /package/dist/types/{src/ui → ui}/DatePicker/ui/DatePicker.d.ts +0 -0
  70. /package/dist/types/{src/ui → ui}/DatePicker/ui/DatePickerFooter.d.ts +0 -0
  71. /package/dist/types/{src/ui → ui}/DatePicker/ui/DatePickerMain.d.ts +0 -0
  72. /package/dist/types/{src/ui → ui}/DatePicker/ui/index.d.ts +0 -0
  73. /package/dist/types/{src/ui → ui}/FormBuilder/consts/index.d.ts +0 -0
  74. /package/dist/types/{src/ui → ui}/FormBuilder/lib/arrayFieldComponent.d.ts +0 -0
  75. /package/dist/types/{src/ui → ui}/FormBuilder/lib/blockComponent.d.ts +0 -0
  76. /package/dist/types/{src/ui → ui}/FormBuilder/lib/blockWrapperComponent.d.ts +0 -0
  77. /package/dist/types/{src/ui → ui}/FormBuilder/lib/customFieldWrapperComponent.d.ts +0 -0
  78. /package/dist/types/{src/ui → ui}/FormBuilder/lib/formWrapperComponent.d.ts +0 -0
  79. /package/dist/types/{src/ui → ui}/FormBuilder/lib/index.d.ts +0 -0
  80. /package/dist/types/{src/ui → ui}/FormBuilder/lib/inputFieldComponent.d.ts +0 -0
  81. /package/dist/types/{src/ui → ui}/FormBuilder/lib/reactNodeComponent.d.ts +0 -0
  82. /package/dist/types/{src/ui → ui}/FormBuilder/styles/index.d.ts +0 -0
  83. /package/dist/types/{src/ui → ui}/FormBuilder/types/index.d.ts +0 -0
  84. /package/dist/types/{src/ui → ui}/FormBuilder/ui/FormBuilder.d.ts +0 -0
  85. /package/dist/types/{src/ui → ui}/FormBuilder/ui/index.d.ts +0 -0
  86. /package/dist/types/{src/ui → ui}/InputFields/FlexField/index.d.ts +0 -0
  87. /package/dist/types/{src/ui → ui}/InputFields/FlexField/styles/index.d.ts +0 -0
  88. /package/dist/types/{src/ui → ui}/InputFields/FlexField/types/FlexFieldTypes.d.ts +0 -0
  89. /package/dist/types/{src/ui → ui}/InputFields/FlexField/types/index.d.ts +0 -0
  90. /package/dist/types/{src/ui → ui}/InputFields/FlexField/ui/FlexField.d.ts +0 -0
  91. /package/dist/types/{src/ui → ui}/InputFields/InputField/index.d.ts +0 -0
  92. /package/dist/types/{src/ui → ui}/InputFields/InputField/styles/index.d.ts +0 -0
  93. /package/dist/types/{src/ui → ui}/InputFields/InputField/types/index.d.ts +0 -0
  94. /package/dist/types/{src/ui → ui}/InputFields/InputField/ui/InputField.d.ts +0 -0
  95. /package/dist/types/{src/ui → ui}/InputFields/InputFieldWrapper/index.d.ts +0 -0
  96. /package/dist/types/{src/ui → ui}/InputFields/InputFieldWrapper/styles/index.d.ts +0 -0
  97. /package/dist/types/{src/ui → ui}/InputFields/InputFieldWrapper/types/InputFieldWrapperTypes.d.ts +0 -0
  98. /package/dist/types/{src/ui → ui}/InputFields/InputFieldWrapper/types/index.d.ts +0 -0
  99. /package/dist/types/{src/ui → ui}/InputFields/InputFieldWrapper/ui/InputFieldWrapper.d.ts +0 -0
  100. /package/dist/types/{src/ui → ui}/InputFields/RadioField/index.d.ts +0 -0
  101. /package/dist/types/{src/ui → ui}/InputFields/RadioField/styles/index.d.ts +0 -0
  102. /package/dist/types/{src/ui → ui}/InputFields/RadioField/types/RadioFieldItemTypes.d.ts +0 -0
  103. /package/dist/types/{src/ui → ui}/InputFields/RadioField/types/RadioFieldTypes.d.ts +0 -0
  104. /package/dist/types/{src/ui → ui}/InputFields/RadioField/types/index.d.ts +0 -0
  105. /package/dist/types/{src/ui → ui}/InputFields/RadioField/ui/RadioField.d.ts +0 -0
  106. /package/dist/types/{src/ui → ui}/InputFields/RadioField/ui/RadioFieldItem.d.ts +0 -0
  107. /package/dist/types/{src/ui → ui}/InputFields/SelectField/config/ScrollConfig.d.ts +0 -0
  108. /package/dist/types/{src/ui → ui}/InputFields/SelectField/config/index.d.ts +0 -0
  109. /package/dist/types/{src/ui → ui}/InputFields/SelectField/index.d.ts +0 -0
  110. /package/dist/types/{src/ui → ui}/InputFields/SelectField/lib/getStringValue.d.ts +0 -0
  111. /package/dist/types/{src/ui → ui}/InputFields/SelectField/lib/index.d.ts +0 -0
  112. /package/dist/types/{src/ui → ui}/InputFields/SelectField/lib/isActiveOption.d.ts +0 -0
  113. /package/dist/types/{src/ui → ui}/InputFields/SelectField/styles/index.d.ts +0 -0
  114. /package/dist/types/{src/ui → ui}/InputFields/SelectField/types/SelectFieldOptionsItemTypes.d.ts +0 -0
  115. /package/dist/types/{src/ui → ui}/InputFields/SelectField/types/SelectFieldTypes.d.ts +0 -0
  116. /package/dist/types/{src/ui → ui}/InputFields/SelectField/types/SelectModalWindowTypes.d.ts +0 -0
  117. /package/dist/types/{src/ui → ui}/InputFields/SelectField/types/index.d.ts +0 -0
  118. /package/dist/types/{src/ui → ui}/InputFields/SelectField/ui/SelectField.d.ts +0 -0
  119. /package/dist/types/{src/ui → ui}/InputFields/SelectField/ui/SelectFieldOptionsItem.d.ts +0 -0
  120. /package/dist/types/{src/ui → ui}/InputFields/SelectField/ui/SelectModalWindow.d.ts +0 -0
  121. /package/dist/types/{src/ui → ui}/InputFields/SwitcherField/index.d.ts +0 -0
  122. /package/dist/types/{src/ui → ui}/InputFields/SwitcherField/styles/index.d.ts +0 -0
  123. /package/dist/types/{src/ui → ui}/InputFields/SwitcherField/types/SwitcherFieldTypes.d.ts +0 -0
  124. /package/dist/types/{src/ui → ui}/InputFields/SwitcherField/types/index.d.ts +0 -0
  125. /package/dist/types/{src/ui → ui}/InputFields/SwitcherField/ui/SwitcherField.d.ts +0 -0
  126. /package/dist/types/{src/ui → ui}/InputFields/TextareaField/index.d.ts +0 -0
  127. /package/dist/types/{src/ui → ui}/InputFields/TextareaField/styles/index.d.ts +0 -0
  128. /package/dist/types/{src/ui → ui}/InputFields/TextareaField/types/TextareaFieldTypes.d.ts +0 -0
  129. /package/dist/types/{src/ui → ui}/InputFields/TextareaField/types/index.d.ts +0 -0
  130. /package/dist/types/{src/ui → ui}/InputFields/TextareaField/ui/TextareaField.d.ts +0 -0
  131. /package/dist/types/{src/ui → ui}/InputFields/index.d.ts +0 -0
  132. /package/dist/types/{src/ui/FormBuilder → ui/MicroButton}/index.d.ts +0 -0
  133. /package/dist/types/{src/ui → ui}/MicroButton/styles/index.d.ts +0 -0
  134. /package/dist/types/{src/ui → ui}/MicroButton/types/MicroButtonTypes.d.ts +0 -0
  135. /package/dist/types/{src/ui → ui}/MicroButton/types/index.d.ts +0 -0
  136. /package/dist/types/{src/ui → ui}/MicroButton/ui/MicroButton.d.ts +0 -0
  137. /package/dist/types/{src/ui → ui}/MicroButton/ui/index.d.ts +0 -0
  138. /package/dist/types/{src/ui → ui}/index.d.ts +0 -0
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;EAIA;EACA;ACFF;ADKA;EACE;EACA;EAIA;EACA;ACNF;ADSA;EACE;EACA;EAIA;EACA;ACVF;ACjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADeF;;AErEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFwEF;;AGnFE;EACE;EAGE,mBCFiB;EDMjB,uBCNsB;EDUtB,mBCV8B;AJwFpC;AItFE;EACE;EACA;AJwFJ;AG9FE;EACE;EAGE,mBCGmB;EDCnB,uBCDwB;EDKxB,mBCLgC;AJ6FtC;AI1FE;EACE;EACA;AJ4FJ;AIzFE;EACE;AJ2FJ;AIxFE;EACE;EACA;AJ0FJ;AIvFE;EACE;AJyFJ;AK5GI;ECJF;ANmHF;AM/GM;EACE;EACA;EACA;ANiHR;AM5GE;EACE;AN8GJ;AOlHE;EAEI;EAGA;EAGA;EAGA,gBDNsD;ECYxD,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AP8HZ;AK7HI;EGRF;ARwIF;AQpIM;EACE;EACA;EACA;ARsIR;AQjIE;EACE;ARmIJ;AOvIE;EAEI;EAGA;EAGA;EAGA,gBCNsD;EDYxD,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;APmJZ;AK9II;EIZF;AT6JF;ASzJM;EACE;EACA;EACA;AT2JR;AStJE;EACE;ATwJJ;AO5JE;EAEI;EAGA;EAGA;EAGA,gBENsD;EFYxD,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;APwKZ;AK/JI;EKhBF;AVkLF;AU9KM;EACE;EACA;EACA;AVgLR;AU3KE;EACE;AV6KJ;AOjLE;EAEI;EAGA;EAGA;EAGA,gBGNsD;EHYxD,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AP6LZ;AKhLI;EMpBF;EACA;EACA;AXuMF;AYzMM;EAEI,yBDGuB;AXuMjC;AWpME;EACE;AXsMJ;AWnME;EACE;AXqMJ;AWlME;EACE;EACA;AXoMJ;AWjME;EACE;AXmMJ;AKjMI;EQxBF;EACA;EACA;Ab4NF;AY9NM;EAEI,4BCGuB;Ab4NjC;AazNE;EACE;Ab2NJ;AaxNE;EACE;EACA;Ab0NJ;AavNE;EACE;AbyNJ;AatNE;EACE;AbwNJ;AKlNI;ES5BF;EACA;EACA;AdiPF;AYnPM;EAEI,uBEGuB;AdiPjC;Ac9OE;EACE;AdgPJ;Ac7OE;EACE;EACA;Ad+OJ;Ac7OI;EACE;Ad+ON;Ac3OE;EACE;Ad6OJ;Ac1OE;EACE;Ad4OJ;AYtQM;EAEI,4BGDuB;AfwQjC;AerQE;EACE;AfuQJ;AenQI;EACE;AfqQN;AY/QM;EAEI,yBGYyB;AfoQnC;AehQE;EACE;AfkQJ;AYrRM;EAEI,4BIDuB;AhBuRjC;AgBpRE;EACE;AhBsRJ;AgBlRI;EACE;AhBoRN;AY9RM;EAEI,4BIYyB;AhBmRnC;AgB/QE;EACE;AhBiRJ;AYpSM;EAEI,uBKDuB;AjBsSjC;AiBnSE;EACE;AjBqSJ;AiBjSI;EACE;AjBmSN;AY7SM;EAEI,uBKYyB;AjBkSnC;AiB9RE;EACE;AjBgSJ;AKvQI;Ea5CF;EACA;AlBsTF;AYvTM;EAEI,4BMEuB;AlBsTjC;AkBnTE;EACE;EACA;AlBqTJ;AkBjTI;EACE;AlBmTN;AYjUM;EAEI,4BMgByB;AlBkTnC;AkB9SE;EACE;AlBgTJ;AKvRI;EchDF;EACA;AnB0UF;AY3UM;EAEI,uBOEuB;AnB0UjC;AmBvUE;EACE;EACA;AnByUJ;AmBrUI;EACE;AnBuUN;AYrVM;EAEI,uBOgByB;AnBsUnC;AmBlUE;EACE;AnBoUJ;AKvSI;EepDF;EACA;ApB8VF;AY/VM;EAEI,uBQEuB;ApB8VjC;AoB3VE;EACE;EACA;ApB6VJ;AoBzVI;EACE;ApB2VN;AYzWM;EAEI,uBQgByB;ApB0VnC;AoBtVE;EACE;ApBwVJ;AKvTI;EgBxDF;EACA;EACA;ArBkXF;AYpXM;EAEI,uBSGuB;ArBkXjC;AqB/WE;EACE;ArBiXJ;AY1XM;EAEI,uBSYyB;ArB+WnC;AqB5WI;EACE;ArB8WN;AqB1WE;EACE;ArB4WJ;AKvUI;EiB5DF;EACA;EACA;AtBsYF;AYxYM;EAEI,uBUGuB;AtBsYjC;AsBnYE;EACE;AtBqYJ;AsBlYE;EACE;AtBoYJ;AYjZM;EAEI,uBUcyB;AtBoYnC;AsBjYI;EACE;AtBmYN;AsB/XE;EACE;AtBiYJ;AKzVM;EkBjEJ;EACA;EACA;AvB6ZF;AuB3ZE;EACE;AvB6ZJ;AuB1ZE;EACE;AvB4ZJ;AuBzZE;EACE;AvB2ZJ;AKjWM;EmBvEJ;AxB2aF;AY3aM;EAEI,wBYCuB;AxB2ajC;AwBxaE;EACE;AxB0aJ;AwBvaE;EACE;EACA;AxByaJ;AwBtaE;EACE;AxBwaJ;AwBraE;EACE;AxBuaJ,C;;;;AD9bA;EACE;EACA;EAIA;EACA;A0BFF;A1BKA;EACE;EACA;EAIA;EACA;A0BNF;A1BSA;EACE;EACA;EAIA;EACA;A0BVF;AxBjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AwBeF;;AvBrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AuBwEF;;AChFE;ECDA;EACA;AFqFF;AtBxFE;EACE;EAGE;EAIA,uBwBJsB;ExBQtB,mBwBR8B;AF0FpC;AblFM;EeNF;AF2FJ;AC3FI;EEJF;AHkGF;AblGM;EAEI,uBgBDqB;AHoG/B;AGlGE;EACE;AHoGJ;AbxGM;EAEI,uBgBGuB;AHsGjC;ACnGI;EGRF;AJ8GF;Ab9GM;EAEI,yBiBDqB;AJgH/B;AI9GE;EACE;AJgHJ;ACxGI;EIZF;ALuHF;AbvHM;EAEI,uBkBDqB;ALyH/B;AKvHE;EACE;ALyHJ;Ab7HM;EAEI,uBkBGuB;AL2HjC;AChHI;EKhBF;ANmIF;AbnIM;EAEI,4BmBDqB;ANqI/B;AMnIE;EACE;ANqIJ;AbzIM;EAEI,4BmBGuB;ANuIjC;ACxHI;EMpBF;AP+IF;Ab/IM;EAEI,4BoBDqB;APiJ/B;AO/IE;EACE;APiJJ;AbrJM;EAEI,4BoBGuB;APmJjC;AChII;EOxBF;AR2JF;Ab3JM;EAEI,wBqBDqB;AR6J/B;AQ3JE;EACE;AR6JJ;AbjKM;EAEI,wBqBGuB;AR+JjC;ACxII;EQ5BF;EACA;ATuKF;AbxKM;EAEI;AayKV;ASvKE;EACE;ATyKJ;Ab9KM;EAEI,4BsBIuB;AT2KjC;ACjJI;EShCF;EACA;AVoLF;AbrLM;EAEI;AasLV;AUpLE;EACE;AVsLJ;Ab3LM;EAEI,uBuBIuB;AVwLjC;AC1JI;EUpCF;EACA;AXiMF;AblMM;EAEI;AamMV;AWjME;EACE;AXmMJ;AbxMM;EAEI,wBwBIuB;AXqMjC;ACnKI;EWxCF;EACA;AZ8MF;AbrMM;EyBNF;EACA;AZ8MJ;ACvKI;EY5CF;EACA;AbsNF;Ab7MM;E0BNF;EACA;AbsNJ;AC3KI;EahDF;EACA;Ad8NF;AbrNM;E2BNF;EACA;Ad8NJ;AC/KI;EcpDF;EACA;AfsOF;Ab7NM;E4BNF;EACA;AfsOJ;ACnLI;EexDF;EACA;AhB8OF;AbrOM;E6BNF;EACA;AhB8OJ,C;;;;A1BtPA;EACE;EACA;EAIA;EACA;A2CFF;A3CKA;EACE;EACA;EAIA;EACA;A2CNF;A3CSA;EACE;EACA;EAIA;EACA;A2CVF;AzCjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AyCeF;;AxCrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AwCwEF;;AAlFA;EACE;EACA;EACA;EACA;EAEA;EACA;AAoFF;AvC5FE;EACE;EAGE,sBuCM6B;EvCF7B,uBuCEuD;EvCEvD,mBuCF6E;AAwFnF;AAtFE;EACE;EACA;EACA;AAwFJ;AvCvGE;EACE;EAGE,sBuCY+B;EvCR/B,uBuCQyD;EvCJzD,mBuCI+E;AA6FrF;AA3FI;EACE;EACA;EACA;EACA;EACA;AA6FN;AAzFE;EACE;EACA;AA2FJ;AvCxHE;EACE;EAGE,sBuC0B+B;EvCtB/B,uBuCsByD;EvClBzD,mBuCkB+E;AAgGrF;AClHE;EACE;EACA;EACA,sBDgBgE;ECfhE,gBDemD;ECdnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD+HZ;AAtGE;EACE;EACA;EACA;AAwGJ;ACjIE;EACE;EACA;EACA,sBDuBgE;ECtBhE,gBDsBmD;ECrBnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD8IZ;AA9GE;EACE;AAgHJ;AA5GI;EACE;AA8GN;AA1GE;EACE;AA4GJ;AA1GI;EACE;AA4GN;AAzGI;EACE;AA2GN;AAxGI;EACE;AA0GN;AAvGI;EACE;AAyGN;AArGE;EACE;AAuGJ;AArGI;EACE;AAuGN;AApGI;EAEE;EACA;EACA;EACA;EACA;EACA;AAqGN;AAjGE;EACE;EACA;AAmGJ;AAjGI;EACE;EACA;EACA;AAmGN;AA/FM;EACE;AAiGR;AnC3LE;EAcI,sBmCiF0B;EnC9E5B,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AmCoMZ;AnClME;EAcI,sBmCqF0B;EnClF5B,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AmC2MZ,C;;;;A3CrNA;EACE;EACA;EAIA;EACA;A6CFF;A7CKA;EACE;EACA;EAIA;EACA;A6CNF;A7CSA;EACE;EACA;EAIA;EACA;A6CVF;A3CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A2CeF;;A1CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A0CwEF;;AAlFA;EACE;EACA;EAEA;EACA;EACA;EACA;AAoFF,C;;;;A7C7FA;EACE;EACA;EAIA;EACA;A8CFF;A9CKA;EACE;EACA;EAIA;EACA;A8CNF;A9CSA;EACE;EACA;EAIA;EACA;A8CVF;A5CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A4CeF;;A3CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A2CwEF;;AAlFA;EACE;EACA;EACA;EACA;EACA;EACA;AAqFF;A1C5FE;EACE;EAGE,sB0CI6B;AAwFnC;AAtFE;EACE;EACA;EACA;EACA;AAwFJ;A1CtGE;EACE;EAGE,mB0CW+B;AA2FrC;AAzFI;EACE;EACA;EACA;AA2FN;AFnGE;EACE;EACA;EACA,sBEMkE;EFLlE,gBEKqD;EFJrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEgHZ;AAhGE;EACE;AAkGJ;AAhGI;EACE;EACA;EACA;AAkGN;A1CjIE;EACE;EAGE,mB0C4BiC;AAqGvC;AFzHE;EACE;EACA;EACA,sBEoBoE;EFnBpE,gBEmBuD;EFlBvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEsIZ;AFnIE;EACE;EACA;EACA,sBEwBoE;EFvBpE,gBEuBuD;EFtBvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEgJZ;AA9GI;EACE;EACA;EACA;AAgHN,C;;;;A9C/JA;EACE;EACA;EAIA;EACA;A+CFF;A/CKA;EACE;EACA;EAIA;EACA;A+CNF;A/CSA;EACE;EACA;EAIA;EACA;A+CVF;A7CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A6CeF;;A5CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A4CwEF;;AAlFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAqFF;AAnFE;EACE;AAqFJ;AAlFE;EACE;AAoFJ;AAjFE;EACE;AAmFJ;AAhFE;EACE;AAkFJ;AA/EE;EACE;AAiFJ;;AA7EA;EACE;IACE;EAgFF;EA9EA;IACE;EAgFF;AACF;AA7EA;EACE;IACE;EA+EF;EA7EA;IACE;EA+EF;AACF;AA5EA;EACE;IACE;EA8EF;EA5EA;IACE;EA8EF;AACF;AA3EA;EACE;IACE;EA6EF;EA3EA;IACE;EA6EF;AACF,C;;;;A/C/IA;EACE;EACA;EAIA;EACA;AgDFF;AhDKA;EACE;EACA;EAIA;EACA;AgDNF;AhDSA;EACE;EACA;EAIA;EACA;AgDVF;A9CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A8CeF;;A7CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A6CwEF;;AAlFA;EACE;EACA;EACA;AAqFF;A5CzFE;EACE;EAGE,mB4CC6B;AAwFnC;AAtFE;EACE;AAwFJ;AJpFE;EACE;EACA;EACA,sBINgE;EJOhE,gBIPmD;EJQnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AIiGZ;AA9FE;EACE;EACA;EACA;AAgGJ;A5C/GE;EACE;EAGE,mB4CY+B;AAmGrC;AAjGI;EACE;AAmGN,C;;;;AhDvHA;EACE;EACA;EAIA;EACA;AiDFF;AjDKA;EACE;EACA;EAIA;EACA;AiDNF;AjDSA;EACE;EACA;EAIA;EACA;AiDVF;A/CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A+CeF;;A9CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A8CwEF;;AAlFA;EACE;EACA;EAEA;EACA;EACA;AAoFF;AAlFE;EACE;AAoFJ,C;;;;AjD/FA;EACE;EACA;EAIA;EACA;AkDFF;AlDKA;EACE;EACA;EAIA;EACA;AkDNF;AlDSA;EACE;EACA;EAIA;EACA;AkDVF;AhDjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AgDeF;;A/CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A+CwEF;;ACjFE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;ADoFJ;AClFI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADmFN;ANlGE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM+GZ;AN5GE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMyHZ;AC9FI;EACE;ECrCJ;EACA;EACA;AFsIF;ArCtIM;EAEI,uBsCmCyB;ADoGnC;ArC/HM;EsC4BE;EACA;EACA;ADsGR;ANpIE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMiJZ;ACxGI;EACE;EACA;EACA;EACA;AD0GN;ACvGI;EACE;EC1DJ;EACA;EACA;AFoKF;ArCpKM;EAEI,uBsCwDyB;AD6GnC;ArC7JM;EsCiDE;EACA;EACA;AD+GR;AC3GI;EACE;EACA;ECrEJ;EACA;EACA;AFmLF;ArCnLM;EAEI,uBsCmEyB;ADiHnC;ArC5KM;EsC4DE;EACA;EACA;ADmHR;AChHM;EACE;ADkHR;AC9GI;EACE;EACA;ECpFJ;EACA;EACA;AFqMF;ArC3LM;EsC2EE;EACA;EACA;ADmHR;ArC1MM;EAEI,wBsCyF2B;ADkHrC;ArC7MM;EAEI,wBsC4F6B;ADkHvC;ArChNM;EAEI,uBsCiG2B;ADgHrC;ArCnNM;EAEI,uBsCoG6B;ADgHvC;AC3GI;EACE;AD6GN;AC1GI;EACE;AD4GN;ACzGI;EACE;AD2GN;ArC/NM;EAEI,wBsCqH2B;AD2GrC;ACxGM;EACE;AD0GR;ACtGI;EACE;EACA;ADwGN;ACtGM;EACE;ADwGR;ANlOE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM+OZ,C;;;;AlDzPA;EACE;EACA;EAIA;EACA;AqDFF;ArDKA;EACE;EACA;EAIA;EACA;AqDNF;ArDSA;EACE;EACA;EAIA;EACA;AqDVF;AnDjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AmDeF;;AlDrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AkDwEF;;AChFE;EACE;EACA;ADmFJ;AFtFE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;AEwFJ;AFtFI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AEuFN;ATtGE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASmHZ;AThHE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AS6HZ;AFlGI;EACE;ECrCJ;EACA;EACA;AC0IF;AxC1IM;EAEI,uBsCmCyB;AEwGnC;AxCnIM;EsC4BE;EACA;EACA;AE0GR;ATxIE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASqJZ;AF5GI;EACE;EACA;EACA;EACA;AE8GN;AF3GI;EACE;EC1DJ;EACA;EACA;ACwKF;AxCxKM;EAEI,uBsCwDyB;AEiHnC;AxCjKM;EsCiDE;EACA;EACA;AEmHR;AF/GI;EACE;EACA;ECrEJ;EACA;EACA;ACuLF;AxCvLM;EAEI,uBsCmEyB;AEqHnC;AxChLM;EsC4DE;EACA;EA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ACE;EACA;EACA;EACA;EACA;EACA;EACA;AD2CN;ACxCI;EACE;AD0CN;ACvCI;EACE;ADyCN;ACtCI;EACE;EACA;ADwCN;ACtCM;EACE;ADwCR;ACpCI;EACE;EACA;ADsCN;ACpCM;EACE;ADsCR,C;;;;A1D3HA;EACE;EACA;EAIA;EACA;A4DFF;A5DKA;EACE;EACA;EAIA;EACA;A4DNF;A5DSA;EACE;EACA;EAIA;EACA;A4DVF;A1DjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A0DeF;;AzDrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AyDwEF;;AChFE;EACE;EACA;EAEA;EACA;ADkFJ;AChFI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AQmGF;AhBzFE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgBsGZ;ACpFM;EAUE;AD6ER;ACtFQ;EACE;EACA;EACA;EACA;EACA;EACA;ADwFV,C;;;;A5D3HA;EACE;EACA;EAIA;EACA;A8DFF;A9DKA;EACE;EACA;EAIA;EACA;A8DNF;A9DSA;EACE;EACA;EAIA;EACA;A8DVF;A5DjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A4DeF;;A3DrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A2DwEF;;ACjFE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ADkFJ;AlBlFE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkB+FZ;AlB5FE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkByGZ;AC9FI;EACE;ADgGN;AC7FI;EACE;AD+FN;AlB5GE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkByHZ;ACrGI;EACE;ADuGN;ACrGM;EACE;ADuGR,C;;;;A9DzIA;EACE;EACA;EAIA;EACA;AgEFF;AhEKA;EACE;EACA;EAIA;EACA;AgENF;AhESA;EACE;EACA;EAIA;EACA;AgEVF;A9DjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A8DeF;;A7DrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A6DwEF;;AbjFE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;AaoFJ;AblFI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AamFN;ApBlGE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+GZ;ApB5GE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoByHZ;Ab9FI;EACE;ECrCJ;EACA;EACA;AYsIF;AnDtIM;EAEI,uBsCmCyB;AaoGnC;AnD/HM;EsC4BE;EACA;EACA;AasGR;ApBpIE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiJZ;AbxGI;EACE;EACA;EACA;EACA;Aa0GN;AbvGI;EACE;EC1DJ;EACA;EACA;AYoKF;AnDpKM;EAEI,uBsCwDyB;Aa6GnC;AnD7JM;EsCiDE;EACA;EACA;Aa+GR;Ab3GI;EACE;EACA;ECrEJ;EACA;EACA;AYmLF;AnDnLM;EAEI,uBsCmEyB;AaiHnC;AnD5KM;EsC4DE;EACA;EACA;AamHR;AbhHM;EACE;AakHR;Ab9GI;EACE;EACA;ECpFJ;EACA;EACA;AYqMF;AnD3LM;EsC2EE;EACA;EACA;AamHR;AnD1MM;EAEI,wBsCyF2B;AakHrC;AnD7MM;EAEI,wBsC4F6B;AakHvC;AnDhNM;EAEI,uBsCiG2B;AagHrC;AnDnNM;EAEI,uBsCoG6B;AagHvC;Ab3GI;EACE;Aa6GN;Ab1GI;EACE;Aa4GN;AbzGI;EACE;Aa2GN;AnD/NM;EAEI,wBsCqH2B;Aa2GrC;AbxGM;EACE;Aa0GR;AbtGI;EACE;EACA;AawGN;AbtGM;EACE;AawGR;ApBlOE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+OZ;;APtPE;EACE;EACA;EACA;EAEA;AOwPJ;APtPI;EACE;EACA;EACA;AOwPN;ApBxPE;EACE;EACA;EACA,sBaDkE;EbElE,gBaFqD;EbGrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBqQZ;ApBlQE;EACE;EACA;EACA,uBaEoE;EbDpE,gBaCuD;EbAvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+QZ;APnQI;EACE;EACA;EACA;AOqQN;ApBjRE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","sources":["webpack://indicator-ui/./src/styles/fonts.scss","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/styles/colors/primary-var.scss","webpack://indicator-ui/./src/styles/colors/secondary-var.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/button.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/micro-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/CalendarDay.module.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerMain.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DateGrid.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerHeader.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerFooter.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/mixins/flexField.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/mixins/selectField.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/RadioField.module.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/mixins/radioField.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/mixin/textareaField.scss","webpack://indicator-ui/./src/ui/InputFields/InputField/styles/InputField.module.scss"],"sourcesContent":["@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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\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-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.medium {\n padding: 10px;\n}\n.button.medium .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.medium .text {\n padding: 0 8px;\n}\n.button.medium .text {\n font-size: 14px;\n line-height: 20px;\n line-height: 20px;\n font-weight: 500;\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: 10px;\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-weight: 500;\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-weight: 500;\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 color: var(--base-white);\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 color: var(--blue-dark-500);\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 color: var(--gray-700);\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 color: var(--blue-dark-100);\n}\n.button.tertiaryWhite:hover .text {\n color: var(--base-white);\n}\n.button.tertiaryWhite:hover .icon svg * {\n stroke: var(--base-white);\n}\n.button.tertiaryWhite:disabled {\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 color: var(--blue-dark-700);\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: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 color: var(--blue-dark-500);\n padding: 0 !important;\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 color: var(--gray-700);\n padding: 0 !important;\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 color: var(--gray-400);\n padding: 0 !important;\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 color: var(--gray-700);\n}\n.button.tabActive:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.tabActive:hover .text {\n color: var(--gray-900);\n}\n.button.tabActive:disabled {\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 color: var(--gray-500);\n}\n.button.tab:hover {\n background-color: var(--gray-200);\n}\n.button.tab:hover .icon svg * {\n stroke: var(--gray-800);\n}\n.button.tab:hover .text {\n color: var(--gray-800);\n}\n.button.tab:disabled {\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}",":root {\r\n --base-white: #FFFFFF;\r\n --base-black: #000000;\r\n\r\n --gray-25: #FCFCFD;\r\n --gray-50: #F9FAFB;\r\n --gray-100: #F2F4F7;\r\n --gray-200: #EAECF0;\r\n --gray-300: #D0D5DD;\r\n --gray-400: #98A2B3;\r\n --gray-500: #667085;\r\n --gray-600: #475467;\r\n --gray-700: #344054;\r\n --gray-800: #1D2939;\r\n --gray-900: #101828;\r\n --gray-950: #0C111D;\r\n\r\n --primary-25: #FCFAFF;\r\n --primary-50: #F9F5FF;\r\n --primary-100: #F4EBFF;\r\n --primary-200: #E9D7FE;\r\n --primary-300: #D6BBFB;\r\n --primary-400: #B692F6;\r\n --primary-500: #9E77ED;\r\n --primary-600: #7F56D9;\r\n --primary-700: #6941C6;\r\n --primary-800: #53389E;\r\n --primary-900: #42307D;\r\n --primary-950: #2C1C5F;\r\n\r\n --error-25: #FFFBFA;\r\n --error-50: #FEF3F2;\r\n --error-100: #FEE4E2;\r\n --error-200: #FECDCA;\r\n --error-300: #FDA29B;\r\n --error-400: #F97066;\r\n --error-500: #F04438;\r\n --error-600: #D92D20;\r\n --error-700: #B42318;\r\n --error-800: #912018;\r\n --error-900: #7A271A;\r\n --error-950: #FEFDF0;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n}\r\n",":root {\r\n --blue-dark-25: #F5F8FF;\r\n --blue-dark-50: #EFF4FF;\r\n --blue-dark-100: #D1E0FF;\r\n --blue-dark-200: #B2CCFF;\r\n --blue-dark-300: #84ADFF;\r\n --blue-dark-400: #528BFF;\r\n --blue-dark-500: #2970FF;\r\n --blue-dark-600: #155EEF;\r\n --blue-dark-700: #004EEB;\r\n --blue-dark-800: #0040C1;\r\n --blue-dark-900: #00359E;\r\n --blue-dark-950: #002266;\r\n}\r\n\r\n","@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 baseButton() {\r\n @include modify-flex(row, center, center);\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use 'baseButton';\r\n@use 'properties';\r\n\r\n@mixin insertButton() {\r\n .button {\r\n @include baseButton.baseButton();\r\n\r\n &.small {\r\n @include properties.smallButton;\r\n }\r\n\r\n &.medium {\r\n @include properties.mediumButton;\r\n }\r\n\r\n &.large {\r\n @include properties.largeButton;\r\n }\r\n\r\n &.ultra {\r\n @include properties.ultraButton;\r\n }\r\n\r\n &.primary {\r\n @include properties.primaryButton;\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.secondaryColorButton;\r\n }\r\n\r\n &.secondaryGray {\r\n @include properties.secondaryGrayButton;\r\n }\r\n\r\n &.tertiaryWhite {\r\n @include properties.tertiaryWhiteButton;\r\n }\r\n\r\n &.tertiaryColor {\r\n @include properties.tertiaryColorButton;\r\n }\r\n\r\n &.tertiaryGray {\r\n @include properties.tertiaryGrayButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.linkColorButton;\r\n }\r\n\r\n &.linkBlack {\r\n @include properties.linkBlackButton;\r\n }\r\n\r\n &.linkGray {\r\n @include properties.linkGrayButton;\r\n }\r\n\r\n &.tabActive {\r\n @include properties.tabActiveButton;\r\n }\r\n\r\n &.tab {\r\n @include properties.tabButton;\r\n }\r\n\r\n &.warning {\r\n &.primary {\r\n @include properties.warningPrimaryButton;\r\n }\r\n }\r\n\r\n &.warning {\r\n &.secondaryColor {\r\n @include properties.warningSecondaryColorButton;\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 500);\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\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 6px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\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, $weight: 500);\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 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) {\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\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 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 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 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 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 }\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 color: var(--blue-dark-500);\r\n padding: 0 !important;\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 color: var(--gray-700);\r\n padding: 0 !important;\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 color: var(--gray-400);\r\n padding: 0 !important;\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 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 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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.button {\n width: fit-content;\n height: fit-content;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button svg {\n flex: none;\n}\n.button.light {\n background: none;\n}\n.button.light svg * {\n stroke: var(--gray-400);\n}\n.button.light:hover {\n background-color: var(--gray-200);\n}\n.button.light:hover svg * {\n stroke: var(--gray-600);\n}\n.button.dark {\n background-color: rgba(12, 17, 29, 0.5019607843);\n}\n.button.dark svg * {\n stroke: var(--base-white);\n}\n.button.dark:hover {\n background-color: rgba(12, 17, 29, 0.8);\n}\n.button.gray {\n background: none;\n}\n.button.gray svg * {\n stroke: var(--gray-500);\n}\n.button.gray:hover {\n background-color: var(--base-white);\n}\n.button.gray:hover svg * {\n stroke: var(--gray-600);\n}\n.button.color {\n background: none;\n}\n.button.color svg * {\n stroke: var(--blue-dark-500);\n}\n.button.color:hover {\n background-color: var(--base-white);\n}\n.button.color:hover svg * {\n stroke: var(--blue-dark-600);\n}\n.button.colorHover {\n background: none;\n}\n.button.colorHover svg * {\n stroke: var(--blue-dark-400);\n}\n.button.colorHover:hover {\n background-color: var(--blue-dark-100);\n}\n.button.colorHover:hover svg * {\n stroke: var(--blue-dark-500);\n}\n.button.redHover {\n background: none;\n}\n.button.redHover svg * {\n stroke: var(--error-400);\n}\n.button.redHover:hover {\n background-color: var(--error-100);\n}\n.button.redHover:hover svg * {\n stroke: var(--error-500);\n}\n.button.colorFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.button.colorFill svg * {\n stroke: var(--blue-dark-500);\n}\n.button.colorFill:hover {\n background: var(--blue-dark-50);\n}\n.button.colorFill:hover svg * {\n stroke: var(--blue-dark-500);\n}\n.button.grayFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300);\n}\n.button.grayFill svg * {\n stroke: var(--gray-700);\n}\n.button.grayFill:hover {\n background: var(--gray-50);\n}\n.button.grayFill:hover svg * {\n stroke: var(--gray-900);\n}\n.button.redFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--error-300);\n}\n.button.redFill svg * {\n stroke: var(--error-500);\n}\n.button.redFill:hover {\n background: var(--error-50);\n}\n.button.redFill:hover svg * {\n stroke: var(--error-600);\n}\n.button.size14 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size14 svg {\n width: 10px;\n height: 10px;\n}\n.button.size16 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size16 svg {\n width: 12px;\n height: 12px;\n}\n.button.size20 {\n border-radius: 3px;\n padding: 3px;\n}\n.button.size20 svg {\n width: 14px;\n height: 14px;\n}\n.button.size24 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size24 svg {\n width: 16px;\n height: 16px;\n}\n.button.size28 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size28 svg {\n width: 20px;\n height: 20px;\n}","@use 'base-button';\r\n@use 'properties';\r\n\r\n@mixin micro-button() {\r\n .button {\r\n @include base-button.base-button();\r\n\r\n &.light {\r\n @include properties.light();\r\n }\r\n\r\n &.dark {\r\n @include properties.dark();\r\n }\r\n\r\n &.gray {\r\n @include properties.gray();\r\n }\r\n\r\n &.color {\r\n @include properties.color();\r\n }\r\n\r\n &.colorHover {\r\n @include properties.color-hover();\r\n }\r\n\r\n &.redHover {\r\n @include properties.red-hover();\r\n }\r\n\r\n &.colorFill {\r\n @include properties.color-fill();\r\n }\r\n\r\n &.grayFill {\r\n @include properties.gray-fill();\r\n }\r\n\r\n &.redFill {\r\n @include properties.red-fill();\r\n }\r\n\r\n &.size14 {\r\n @include properties.size-14();\r\n }\r\n\r\n &.size16 {\r\n @include properties.size-16();\r\n }\r\n\r\n &.size20 {\r\n @include properties.size-20();\r\n }\r\n\r\n &.size24 {\r\n @include properties.size-24();\r\n }\r\n\r\n &.size28 {\r\n @include properties.size-28();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n @include modify-svg() {\r\n flex: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n background: none;\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n background-color: #0C111D80;\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:hover {\r\n background-color: #0C111DCC;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n background: none;\r\n @include modify-svg($stroke: var(--gray-500));\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n background: none;\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--blue-dark-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n background: none;\r\n @include modify-svg($stroke: var(--blue-dark-400));\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n background: none;\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:hover {\r\n background: var(--blue-dark-50);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n @include modify-svg($stroke: var(--gray-700));\r\n\r\n &:hover {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--error-300);\r\n @include modify-svg($stroke: var(--error-500));\r\n\r\n &:hover {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.calendarDay {\r\n position: relative;\r\n flex: none;\r\n width: 40px;\r\n height: 40px;\r\n\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n .mark {\r\n width: 100%;\r\n height: 12px;\r\n padding: 4px 0 0 0;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n &::after {\r\n content: '';\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-400);\r\n }\r\n }\r\n\r\n .day {\r\n flex: 1;\r\n width: 100%;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .info {\r\n width: 100%;\r\n height: 12px;\r\n padding: 0 0 2px 0;\r\n @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.holiday {\r\n .day {\r\n color: var(--error-500);\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-500);\r\n\r\n .mark::after {\r\n background-color: var(--base-white);\r\n }\r\n\r\n .day {\r\n color: var(--base-white);\r\n }\r\n\r\n .info {\r\n color: var(--blue-dark-300);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: var(--gray-100);\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n }\r\n\r\n &:before {\r\n // Требует наличия у родителя relative с z-index: 1;\r\n content: '';\r\n width: 60px;\r\n height: 40px;\r\n position: absolute;\r\n background-color: var(--gray-100);\r\n z-index: -1;\r\n }\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--base-white);\r\n z-index: 1;\r\n\r\n &:before {\r\n background: var(--base-white);\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .mark {\r\n &::after {\r\n background-color: var(--gray-300);\r\n }\r\n }\r\n\r\n .day {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--gray-300));\r\n }\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n\r\n & {\r\n font-size: #{$size}px;\r\n line-height: #{$line-height}px;\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n border-radius: 16px;\r\n border: 1px solid var(--gray-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n position: relative;\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n z-index: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n gap: 2px;\r\n z-index: 2;\r\n backdrop-filter: blur(10px);\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n width: 40px;\r\n height: 16px;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .meta {\r\n width: 100%;\r\n gap: 6px;\r\n z-index: 2;\r\n @include modify-flex($direction: row);\r\n\r\n .month {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .year {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n max-height: 250px;\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: repeat(5, 1fr);\r\n gap: 2px;\r\n overflow: hidden;\r\n\r\n &.upEntrance {\r\n animation: up-entrance 1s forwards;\r\n }\r\n\r\n &.downEntrance {\r\n animation: down-entrance 1s forwards;\r\n }\r\n\r\n &.upExit {\r\n animation: up-exit 1s forwards;\r\n }\r\n\r\n &.downExit {\r\n animation: down-exit 1s forwards;\r\n }\r\n\r\n &.displayNone {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes up-entrance {\r\n from {\r\n transform: translateY(-100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes down-entrance {\r\n from {\r\n transform: translateY(100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes up-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n}\r\n\r\n@keyframes down-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: row);\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900));\r\n }\r\n\r\n .switchers {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 2px;\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n width: 100%;\r\n display: flex;\r\n\r\n border-top: 1px solid var(--gray-200);\r\n padding: 16px;\r\n gap: 8px;\r\n\r\n .item {\r\n flex: 1;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--test-variable);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n .flexField {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n @include centerInsideContent();\r\n\r\n padding: 10px 12px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--test-variable);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .userPic {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n object-fit: scale-down;\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.red {\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &.isError {\r\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 #1018280D;\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-100);\r\n cursor: default;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--test-variable);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.selectField .flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .help svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.selectField .flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertSelectField() {\r\n .selectField {\r\n width: 100%;\r\n position: relative;\r\n\r\n @include FlexField.insertFlexField();\r\n\r\n .modalWindow {\r\n width: 100%;\r\n position: absolute;\r\n z-index: 5;\r\n\r\n .selectModalWindow {\r\n width: 100%;\r\n height: fit-content;\r\n max-height: 300px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n border-radius: 8px;\r\n padding: 4px;\r\n\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n overflow: scroll;\r\n scrollbar-width: none;\r\n\r\n .selectFieldOptionsItem {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n @include centerInsideContent();\r\n\r\n gap: 8px;\r\n padding: 10px 16px;\r\n\r\n .label {\r\n flex: 1;\r\n text-align: left;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-50);\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.inputFieldWrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: var(--blue-dark-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertInputFieldWrapper() {\r\n .inputFieldWrapper {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n }\r\n }\r\n\r\n .hintText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .hintError {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n cursor: pointer;\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\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}","@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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\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}","@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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\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}","@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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--test-variable);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.inputFieldWrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: var(--blue-dark-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--test-variable);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.selectField .flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .help svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.selectField .flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: var(--blue-dark-500);\n}\n\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: var(--gray-200);\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: var(--base-white);\n}\n.switcherField:hover {\n background-color: var(--gray-300);\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n justify-content: right;\n background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n cursor: default;\n background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n background-color: var(--gray-200);\n}\n\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}\n\n.textareaField {\n width: 100%;\n height: fit-content;\n min-height: 68px;\n resize: none;\n border-radius: 8px;\n padding: 10px 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n background-color: var(--gray-100);\n}\n.textareaField:disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField.isError {\n border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;EAIA;EACA;ACFF;ADKA;EACE;EACA;EAIA;EACA;ACNF;ADSA;EACE;EACA;EAIA;EACA;ACVF;ACjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADeF;;AErEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFwEF;;AGnFE;EACE;EAGE,mBCFiB;EDMjB,uBCNsB;EDUtB,mBCV8B;AJwFpC;AItFE;EACE;EACA;AJwFJ;AG9FE;EACE;EAGE,mBCGmB;EDCnB,uBCDwB;EDKxB,mBCLgC;AJ6FtC;AI1FE;EACE;EACA;AJ4FJ;AIzFE;EACE;AJ2FJ;AIxFE;EACE;EACA;AJ0FJ;AIvFE;EACE;AJyFJ;AK5GI;ECJF;ANmHF;AM/GM;EACE;EACA;EACA;ANiHR;AM5GE;EACE;AN8GJ;AOlHE;EAEI;EAGA;EAGA;EAGA,gBDNsD;ECYxD,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AP8HZ;AK7HI;EGRF;ARwIF;AQpIM;EACE;EACA;EACA;ARsIR;AQjIE;EACE;ARmIJ;AOvIE;EAEI;EAGA;EAGA;EAGA,gBCNsD;EDYxD,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;APmJZ;AK9II;EIZF;AT6JF;ASzJM;EACE;EACA;EACA;AT2JR;AStJE;EACE;ATwJJ;AO5JE;EAEI;EAGA;EAGA;EAGA,gBENsD;EFYxD,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;APwKZ;AK/JI;EKhBF;AVkLF;AU9KM;EACE;EACA;EACA;AVgLR;AU3KE;EACE;AV6KJ;AOjLE;EAEI;EAGA;EAGA;EAGA,gBGNsD;EHYxD,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AP6LZ;AKhLI;EMpBF;EACA;EACA;AXuMF;AYzMM;EAEI,yBDGuB;AXuMjC;AWpME;EACE;AXsMJ;AWnME;EACE;AXqMJ;AWlME;EACE;EACA;AXoMJ;AWjME;EACE;AXmMJ;AKjMI;EQxBF;EACA;EACA;Ab4NF;AY9NM;EAEI,4BCGuB;Ab4NjC;AazNE;EACE;Ab2NJ;AaxNE;EACE;EACA;Ab0NJ;AavNE;EACE;AbyNJ;AatNE;EACE;AbwNJ;AKlNI;ES5BF;EACA;EACA;AdiPF;AYnPM;EAEI,uBEGuB;AdiPjC;Ac9OE;EACE;AdgPJ;Ac7OE;EACE;EACA;Ad+OJ;Ac7OI;EACE;Ad+ON;Ac3OE;EACE;Ad6OJ;Ac1OE;EACE;Ad4OJ;AYtQM;EAEI,4BGDuB;AfwQjC;AerQE;EACE;AfuQJ;AenQI;EACE;AfqQN;AY/QM;EAEI,yBGYyB;AfoQnC;AehQE;EACE;AfkQJ;AYrRM;EAEI,4BIDuB;AhBuRjC;AgBpRE;EACE;AhBsRJ;AgBlRI;EACE;AhBoRN;AY9RM;EAEI,4BIYyB;AhBmRnC;AgB/QE;EACE;AhBiRJ;AYpSM;EAEI,uBKDuB;AjBsSjC;AiBnSE;EACE;AjBqSJ;AiBjSI;EACE;AjBmSN;AY7SM;EAEI,uBKYyB;AjBkSnC;AiB9RE;EACE;AjBgSJ;AKvQI;Ea5CF;EACA;AlBsTF;AYvTM;EAEI,4BMEuB;AlBsTjC;AkBnTE;EACE;EACA;AlBqTJ;AkBjTI;EACE;AlBmTN;AYjUM;EAEI,4BMgByB;AlBkTnC;AkB9SE;EACE;AlBgTJ;AKvRI;EchDF;EACA;AnB0UF;AY3UM;EAEI,uBOEuB;AnB0UjC;AmBvUE;EACE;EACA;AnByUJ;AmBrUI;EACE;AnBuUN;AYrVM;EAEI,uBOgByB;AnBsUnC;AmBlUE;EACE;AnBoUJ;AKvSI;EepDF;EACA;ApB8VF;AY/VM;EAEI,uBQEuB;ApB8VjC;AoB3VE;EACE;EACA;ApB6VJ;AoBzVI;EACE;ApB2VN;AYzWM;EAEI,uBQgByB;ApB0VnC;AoBtVE;EACE;ApBwVJ;AKvTI;EgBxDF;EACA;EACA;ArBkXF;AYpXM;EAEI,uBSGuB;ArBkXjC;AqB/WE;EACE;ArBiXJ;AY1XM;EAEI,uBSYyB;ArB+WnC;AqB5WI;EACE;ArB8WN;AqB1WE;EACE;ArB4WJ;AKvUI;EiB5DF;EACA;EACA;AtBsYF;AYxYM;EAEI,uBUGuB;AtBsYjC;AsBnYE;EACE;AtBqYJ;AsBlYE;EACE;AtBoYJ;AYjZM;EAEI,uBUcyB;AtBoYnC;AsBjYI;EACE;AtBmYN;AsB/XE;EACE;AtBiYJ;AKzVM;EkBjEJ;EACA;EACA;AvB6ZF;AuB3ZE;EACE;AvB6ZJ;AuB1ZE;EACE;AvB4ZJ;AuBzZE;EACE;AvB2ZJ;AKjWM;EmBvEJ;AxB2aF;AY3aM;EAEI,wBYCuB;AxB2ajC;AwBxaE;EACE;AxB0aJ;AwBvaE;EACE;EACA;AxByaJ;AwBtaE;EACE;AxBwaJ;AwBraE;EACE;AxBuaJ,C;;;;AD9bA;EACE;EACA;EAIA;EACA;A0BFF;A1BKA;EACE;EACA;EAIA;EACA;A0BNF;A1BSA;EACE;EACA;EAIA;EACA;A0BVF;AxBjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AwBeF;;AvBrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AuBwEF;;AChFE;ECDA;EACA;AFqFF;AtBxFE;EACE;EAGE;EAIA,uBwBJsB;ExBQtB,mBwBR8B;AF0FpC;AblFM;EeNF;AF2FJ;AC3FI;EEJF;AHkGF;AblGM;EAEI,uBgBDqB;AHoG/B;AGlGE;EACE;AHoGJ;AbxGM;EAEI,uBgBGuB;AHsGjC;ACnGI;EGRF;AJ8GF;Ab9GM;EAEI,yBiBDqB;AJgH/B;AI9GE;EACE;AJgHJ;ACxGI;EIZF;ALuHF;AbvHM;EAEI,uBkBDqB;ALyH/B;AKvHE;EACE;ALyHJ;Ab7HM;EAEI,uBkBGuB;AL2HjC;AChHI;EKhBF;ANmIF;AbnIM;EAEI,4BmBDqB;ANqI/B;AMnIE;EACE;ANqIJ;AbzIM;EAEI,4BmBGuB;ANuIjC;ACxHI;EMpBF;AP+IF;Ab/IM;EAEI,4BoBDqB;APiJ/B;AO/IE;EACE;APiJJ;AbrJM;EAEI,4BoBGuB;APmJjC;AChII;EOxBF;AR2JF;Ab3JM;EAEI,wBqBDqB;AR6J/B;AQ3JE;EACE;AR6JJ;AbjKM;EAEI,wBqBGuB;AR+JjC;ACxII;EQ5BF;EACA;ATuKF;AbxKM;EAEI;AayKV;ASvKE;EACE;ATyKJ;Ab9KM;EAEI,4BsBIuB;AT2KjC;ACjJI;EShCF;EACA;AVoLF;AbrLM;EAEI;AasLV;AUpLE;EACE;AVsLJ;Ab3LM;EAEI,uBuBIuB;AVwLjC;AC1JI;EUpCF;EACA;AXiMF;AblMM;EAEI;AamMV;AWjME;EACE;AXmMJ;AbxMM;EAEI,wBwBIuB;AXqMjC;ACnKI;EWxCF;EACA;AZ8MF;AbrMM;EyBNF;EACA;AZ8MJ;ACvKI;EY5CF;EACA;AbsNF;Ab7MM;E0BNF;EACA;AbsNJ;AC3KI;EahDF;EACA;Ad8NF;AbrNM;E2BNF;EACA;Ad8NJ;AC/KI;EcpDF;EACA;AfsOF;Ab7NM;E4BNF;EACA;AfsOJ;ACnLI;EexDF;EACA;AhB8OF;AbrOM;E6BNF;EACA;AhB8OJ,C;;;;A1BtPA;EACE;EACA;EAIA;EACA;A2CFF;A3CKA;EACE;EACA;EAIA;EACA;A2CNF;A3CSA;EACE;EACA;EAIA;EACA;A2CVF;AzCjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AyCeF;;AxCrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AwCwEF;;AAlFA;EACE;EACA;EACA;EACA;EAEA;EACA;AAoFF;AvC5FE;EACE;EAGE,sBuCM6B;EvCF7B,uBuCEuD;EvCEvD,mBuCF6E;AAwFnF;AAtFE;EACE;EACA;EACA;AAwFJ;AvCvGE;EACE;EAGE,sBuCY+B;EvCR/B,uBuCQyD;EvCJzD,mBuCI+E;AA6FrF;AA3FI;EACE;EACA;EACA;EACA;EACA;AA6FN;AAzFE;EACE;EACA;AA2FJ;AvCxHE;EACE;EAGE,sBuC0B+B;EvCtB/B,uBuCsByD;EvClBzD,mBuCkB+E;AAgGrF;AClHE;EACE;EACA;EACA,sBDgBgE;ECfhE,gBDemD;ECdnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD+HZ;AAtGE;EACE;EACA;EACA;AAwGJ;ACjIE;EACE;EACA;EACA,sBDuBgE;ECtBhE,gBDsBmD;ECrBnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AD8IZ;AA9GE;EACE;AAgHJ;AA5GI;EACE;AA8GN;AA1GE;EACE;AA4GJ;AA1GI;EACE;AA4GN;AAzGI;EACE;AA2GN;AAxGI;EACE;AA0GN;AAvGI;EACE;AAyGN;AArGE;EACE;AAuGJ;AArGI;EACE;AAuGN;AApGI;EAEE;EACA;EACA;EACA;EACA;EACA;AAqGN;AAjGE;EACE;EACA;AAmGJ;AAjGI;EACE;EACA;EACA;AAmGN;AA/FM;EACE;AAiGR;AnC3LE;EAcI,sBmCiF0B;EnC9E5B,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AmCoMZ;AnClME;EAcI,sBmCqF0B;EnClF5B,mCRCO;EQAP,oBAtBQ;EAuBR,kBAtBM;EAuBN,oBAtBQ;AmC2MZ,C;;;;A3CrNA;EACE;EACA;EAIA;EACA;A6CFF;A7CKA;EACE;EACA;EAIA;EACA;A6CNF;A7CSA;EACE;EACA;EAIA;EACA;A6CVF;A3CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A2CeF;;A1CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A0CwEF;;AAlFA;EACE;EACA;EAEA;EACA;EACA;EACA;AAoFF,C;;;;A7C7FA;EACE;EACA;EAIA;EACA;A8CFF;A9CKA;EACE;EACA;EAIA;EACA;A8CNF;A9CSA;EACE;EACA;EAIA;EACA;A8CVF;A5CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A4CeF;;A3CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A2CwEF;;AAlFA;EACE;EACA;EACA;EACA;EACA;EACA;AAqFF;A1C5FE;EACE;EAGE,sB0CI6B;AAwFnC;AAtFE;EACE;EACA;EACA;EACA;AAwFJ;A1CtGE;EACE;EAGE,mB0CW+B;AA2FrC;AAzFI;EACE;EACA;EACA;AA2FN;AFnGE;EACE;EACA;EACA,sBEMkE;EFLlE,gBEKqD;EFJrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEgHZ;AAhGE;EACE;AAkGJ;AAhGI;EACE;EACA;EACA;AAkGN;A1CjIE;EACE;EAGE,mB0C4BiC;AAqGvC;AFzHE;EACE;EACA;EACA,sBEoBoE;EFnBpE,gBEmBuD;EFlBvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEsIZ;AFnIE;EACE;EACA;EACA,sBEwBoE;EFvBpE,gBEuBuD;EFtBvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AEgJZ;AA9GI;EACE;EACA;EACA;AAgHN,C;;;;A9C/JA;EACE;EACA;EAIA;EACA;A+CFF;A/CKA;EACE;EACA;EAIA;EACA;A+CNF;A/CSA;EACE;EACA;EAIA;EACA;A+CVF;A7CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A6CeF;;A5CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A4CwEF;;AAlFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAqFF;AAnFE;EACE;AAqFJ;AAlFE;EACE;AAoFJ;AAjFE;EACE;AAmFJ;AAhFE;EACE;AAkFJ;AA/EE;EACE;AAiFJ;;AA7EA;EACE;IACE;EAgFF;EA9EA;IACE;EAgFF;AACF;AA7EA;EACE;IACE;EA+EF;EA7EA;IACE;EA+EF;AACF;AA5EA;EACE;IACE;EA8EF;EA5EA;IACE;EA8EF;AACF;AA3EA;EACE;IACE;EA6EF;EA3EA;IACE;EA6EF;AACF,C;;;;A/C/IA;EACE;EACA;EAIA;EACA;AgDFF;AhDKA;EACE;EACA;EAIA;EACA;AgDNF;AhDSA;EACE;EACA;EAIA;EACA;AgDVF;A9CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A8CeF;;A7CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A6CwEF;;AAlFA;EACE;EACA;EACA;AAqFF;A5CzFE;EACE;EAGE,mB4CC6B;AAwFnC;AAtFE;EACE;AAwFJ;AJpFE;EACE;EACA;EACA,sBINgE;EJOhE,gBIPmD;EJQnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AIiGZ;AA9FE;EACE;EACA;EACA;AAgGJ;A5C/GE;EACE;EAGE,mB4CY+B;AAmGrC;AAjGI;EACE;AAmGN,C;;;;AhDvHA;EACE;EACA;EAIA;EACA;AiDFF;AjDKA;EACE;EACA;EAIA;EACA;AiDNF;AjDSA;EACE;EACA;EAIA;EACA;AiDVF;A/CjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A+CeF;;A9CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A8CwEF;;AAlFA;EACE;EACA;EAEA;EACA;EACA;AAoFF;AAlFE;EACE;AAoFJ,C;;;;AjD/FA;EACE;EACA;EAIA;EACA;AkDFF;AlDKA;EACE;EACA;EAIA;EACA;AkDNF;AlDSA;EACE;EACA;EAIA;EACA;AkDVF;AhDjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AgDeF;;A/CrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A+CwEF;;ACjFE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;ADoFJ;AClFI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADmFN;ANlGE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM+GZ;AN5GE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMyHZ;AC9FI;EACE;ECrCJ;EACA;EACA;AFsIF;ArCtIM;EAEI,uBsCmCyB;ADoGnC;ArC/HM;EsC4BE;EACA;EACA;ADsGR;ANpIE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AMiJZ;ACxGI;EACE;EACA;EACA;EACA;AD0GN;ACvGI;EACE;EC1DJ;EACA;EACA;AFoKF;ArCpKM;EAEI,uBsCwDyB;AD6GnC;ArC7JM;EsCiDE;EACA;EACA;AD+GR;AC3GI;EACE;EACA;ECrEJ;EACA;EACA;AFmLF;ArCnLM;EAEI,uBsCmEyB;ADiHnC;ArC5KM;EsC4DE;EACA;EACA;ADmHR;AChHM;EACE;ADkHR;AC9GI;EACE;EACA;ECpFJ;EACA;EACA;AFqMF;ArC3LM;EsC2EE;EACA;EACA;ADmHR;ArC1MM;EAEI,wBsCyF2B;ADkHrC;ArC7MM;EAEI,wBsC4F6B;ADkHvC;ArChNM;EAEI,uBsCiG2B;ADgHrC;ArCnNM;EAEI,uBsCoG6B;ADgHvC;AC3GI;EACE;AD6GN;AC1GI;EACE;AD4GN;ACzGI;EACE;AD2GN;ArC/NM;EAEI,wBsCqH2B;AD2GrC;ACxGM;EACE;AD0GR;ACtGI;EACE;EACA;ADwGN;ACtGM;EACE;ADwGR;ANlOE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AM+OZ,C;;;;AlDzPA;EACE;EACA;EAIA;EACA;AqDFF;ArDKA;EACE;EACA;EAIA;EACA;AqDNF;ArDSA;EACE;EACA;EAIA;EACA;AqDVF;AnDjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AmDeF;;AlDrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AkDwEF;;AChFE;EACE;EACA;ADmFJ;AFtFE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;AEwFJ;AFtFI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AEuFN;ATtGE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASmHZ;AThHE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AS6HZ;AFlGI;EACE;ECrCJ;EACA;EACA;AC0IF;AxC1IM;EAEI,uBsCmCyB;AEwGnC;AxCnIM;EsC4BE;EACA;EACA;AE0GR;ATxIE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;ASqJZ;AF5GI;EACE;EACA;EACA;EACA;AE8GN;AF3GI;EACE;EC1DJ;EACA;EACA;ACwKF;AxCxKM;EAEI,uBsCwDyB;AEiHnC;AxCjKM;EsCiDE;EACA;EACA;AEmHR;AF/GI;EACE;EACA;ECrEJ;EACA;EACA;ACuLF;AxCvLM;EAEI,uBsCmEyB;AEqHnC;AxChLM;EsC4DE;EACA;EA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ACE;EACA;EACA;EACA;EACA;EACA;EACA;AD2CN;ACxCI;EACE;AD0CN;ACvCI;EACE;ADyCN;ACtCI;EACE;EACA;ADwCN;ACtCM;EACE;ADwCR;ACpCI;EACE;EACA;ADsCN;ACpCM;EACE;ADsCR,C;;;;A1D3HA;EACE;EACA;EAIA;EACA;A4DFF;A5DKA;EACE;EACA;EAIA;EACA;A4DNF;A5DSA;EACE;EACA;EAIA;EACA;A4DVF;A1DjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A0DeF;;AzDrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AyDwEF;;AChFE;EACE;EACA;EAEA;EACA;ADkFJ;AChFI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AQmGF;AhBzFE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgBsGZ;ACpFM;EAUE;AD6ER;ACtFQ;EACE;EACA;EACA;EACA;EACA;EACA;ADwFV,C;;;;A5D3HA;EACE;EACA;EAIA;EACA;A8DFF;A9DKA;EACE;EACA;EAIA;EACA;A8DNF;A9DSA;EACE;EACA;EAIA;EACA;A8DVF;A5DjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A4DeF;;A3DrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A2DwEF;;ACjFE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ADkFJ;AlBlFE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkB+FZ;AlB5FE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkByGZ;AC9FI;EACE;ADgGN;AC7FI;EACE;AD+FN;AlB5GE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkByHZ;ACrGI;EACE;ADuGN;ACrGM;EACE;ADuGR,C;;;;A9DzIA;EACE;EACA;EAIA;EACA;AgEFF;AhEKA;EACE;EACA;EAIA;EACA;AgENF;AhESA;EACE;EACA;EAIA;EACA;AgEVF;A9DjBA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A8DeF;;A7DrEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A6DwEF;;AbjFE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;AaoFJ;AblFI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AamFN;ApBlGE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+GZ;ApB5GE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoByHZ;Ab9FI;EACE;ECrCJ;EACA;EACA;AYsIF;AnDtIM;EAEI,uBsCmCyB;AaoGnC;AnD/HM;EsC4BE;EACA;EACA;AasGR;ApBpIE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBiJZ;AbxGI;EACE;EACA;EACA;EACA;Aa0GN;AbvGI;EACE;EC1DJ;EACA;EACA;AYoKF;AnDpKM;EAEI,uBsCwDyB;Aa6GnC;AnD7JM;EsCiDE;EACA;EACA;Aa+GR;Ab3GI;EACE;EACA;ECrEJ;EACA;EACA;AYmLF;AnDnLM;EAEI,uBsCmEyB;AaiHnC;AnD5KM;EsC4DE;EACA;EACA;AamHR;AbhHM;EACE;AakHR;Ab9GI;EACE;EACA;ECpFJ;EACA;EACA;AYqMF;AnD3LM;EsC2EE;EACA;EACA;AamHR;AnD1MM;EAEI,wBsCyF2B;AakHrC;AnD7MM;EAEI,wBsC4F6B;AakHvC;AnDhNM;EAEI,uBsCiG2B;AagHrC;AnDnNM;EAEI,uBsCoG6B;AagHvC;Ab3GI;EACE;Aa6GN;Ab1GI;EACE;Aa4GN;AbzGI;EACE;Aa2GN;AnD/NM;EAEI,wBsCqH2B;Aa2GrC;AbxGM;EACE;Aa0GR;AbtGI;EACE;EACA;AawGN;AbtGM;EACE;AawGR;ApBlOE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+OZ;;APtPE;EACE;EACA;EACA;EAEA;AOwPJ;APtPI;EACE;EACA;EACA;AOwPN;ApBxPE;EACE;EACA;EACA,sBaDkE;EbElE,gBaFqD;EbGrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBqQZ;ApBlQE;EACE;EACA;EACA,uBaEoE;EbDpE,gBaCuD;EbAvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+QZ;APnQI;EACE;EACA;EACA;AOqQN;ApBjRE;EACE;EACA;EACA,sBaWkE;EbVlE,gBaUqD;EbTrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB8RZ;AP1QI;EACE;EACA;EACA;AO4QN;ApBhSE;EACE;EACA;EACA,uBamBkE;EblBlE,gBakBqD;EbjBrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB6SZ;APjRI;EACE;EACA;EACA;EACA;AOmRN;AT3TI;EAEI;EAGA;EAIA,UEgCgF;AOuRxF;ATpTM;EAEI,4BE2BiD;AO0R3D;ApBxTE;EACE;EACA;EACA,2Ba4BkE;Eb3BlE,gBa2BqD;Eb1BrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBqUZ;;AV3UE;EACE;EACA;AU8UJ;AbjVE;EACE;EACA;ECJF;EACA;EACA;EDME;EACA;EACA;EACA;EACA;EACA;AamVJ;AbjVI;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AakVN;ApBjWE;EACE;EACA;EACA,sBOckE;EPblE,gBOaqD;EPZrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB8WZ;ApB3WE;EACE;EACA;EACA,sBOiBoE;EPhBpE,gBOgBuD;EPfvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBwXZ;Ab7VI;EACE;ECrCJ;EACA;EACA;AYqYF;AnDrYM;EAEI,uBsCmCyB;AamWnC;AnD9XM;EsC4BE;EACA;EACA;AaqWR;ApBnYE;EACE;EACA;EACA,sBOgCkE;EP/BlE,gBO+BqD;EP9BrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBgZZ;AbvWI;EACE;EACA;EACA;EACA;AayWN;AbtWI;EACE;EC1DJ;EACA;EACA;AYmaF;AnDnaM;EAEI,uBsCwDyB;Aa4WnC;AnD5ZM;EsCiDE;EACA;EACA;Aa8WR;Ab1WI;EACE;EACA;ECrEJ;EACA;EACA;AYkbF;AnDlbM;EAEI,uBsCmEyB;AagXnC;AnD3aM;EsC4DE;EACA;EACA;AakXR;Ab/WM;EACE;AaiXR;Ab7WI;EACE;EACA;ECpFJ;EACA;EACA;AYocF;AnD1bM;EsC2EE;EACA;EACA;AakXR;AnDzcM;EAEI,wBsCyF2B;AaiXrC;AnD5cM;EAEI,wBsC4F6B;AaiXvC;AnD/cM;EAEI,uBsCiG2B;Aa+WrC;AnDldM;EAEI,uBsCoG6B;Aa+WvC;Ab1WI;EACE;Aa4WN;AbzWI;EACE;Aa2WN;AbxWI;EACE;Aa0WN;AnD9dM;EAEI,wBsCqH2B;Aa0WrC;AbvWM;EACE;AayWR;AbrWI;EACE;EACA;AauWN;AbrWM;EACE;AauWR;ApBjeE;EACE;EACA;EACA,sBO2HoE;EP1HpE,gBO0HuD;EPzHvD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB8eZ;AV9eI;EACE;EACA;EACA;AUgfN;AV9eM;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;AU4eR;AV1eQ;EACE;EACA;EFjCR;EACA;EACA;EEmCQ;EACA;AU4eV;AV1eU;EACE;EACA;AU4eZ;ApB1gBE;EACE;EACA;EACA,sBU4BwE;EV3BxE,gBU2B2D;EV1B3D,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBuhBZ;AVlfU;EACE;AUofZ;ATliBI;EAEI;EAGA;EAIA,UDsCsF;AUwf9F;AT3hBM;EAEI,4BDiCuD;AU2fjE;;ALlgBE;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;AKmgBJ;ALjgBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AKmgBN;ALhgBI;EACE;AKkgBN;AL/fI;EACE;AKigBN;AL9fI;EACE;EACA;AKggBN;AL9fM;EACE;AKggBR;AL5fI;EACE;EACA;AK8fN;AL5fM;EACE;AK8fR;;AH/kBE;EACE;EACA;EAEA;EACA;AGilBJ;AH/kBI;EACE;EACA;EACA;EAEA;EACA;EACA;ETjBJ;EACA;EACA;AYkmBF;ApBxlBE;EACE;EACA;EACA,sBiBQkE;EjBPlE,gBiBOqD;EjBNrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBqmBZ;AHnlBM;EAUE;AG4kBR;AHrlBQ;EACE;EACA;EACA;EACA;EACA;EACA;AGulBV;;ADvnBE;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;ACwnBJ;ApBxnBE;EACE;EACA;EACA,sBmBDgE;EnBEhE,gBmBFmD;EnBGnD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoBqoBZ;ApBloBE;EACE;EACA;EACA,sBmBEkE;EnBDlE,gBmBCqD;EnBArD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+oBZ;ADpoBI;EACE;ACsoBN;ADnoBI;EACE;ACqoBN;ApBlpBE;EACE;EACA;EACA,sBmBWkE;EnBVlE,gBmBUqD;EnBTrD,mC5CYO;E4CXP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AoB+pBZ;AD3oBI;EACE;AC6oBN;AD3oBM;EACE;AC6oBR,C","sources":["webpack://indicator-ui/./src/styles/fonts.scss","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/styles/colors/primary-var.scss","webpack://indicator-ui/./src/styles/colors/secondary-var.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/button.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/micro-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/CalendarDay.module.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerMain.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DateGrid.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerHeader.module.scss","webpack://indicator-ui/./src/ui/DatePicker/styles/DatePickerFooter.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/mixins/flexField.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/mixins/selectField.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss","webpack://indicator-ui/./src/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/RadioField.module.scss","webpack://indicator-ui/./src/ui/InputFields/RadioField/styles/mixins/radioField.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/mixin/textareaField.scss","webpack://indicator-ui/./src/ui/InputFields/InputField/styles/InputField.module.scss"],"sourcesContent":["@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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\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-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.button.medium {\n padding: 10px;\n}\n.button.medium .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.medium .text {\n padding: 0 8px;\n}\n.button.medium .text {\n font-size: 14px;\n line-height: 20px;\n line-height: 20px;\n font-weight: 500;\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-weight: 500;\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-weight: 500;\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 color: var(--base-white);\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 color: var(--blue-dark-500);\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 color: var(--gray-700);\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 color: var(--blue-dark-100);\n}\n.button.tertiaryWhite:hover .text {\n color: var(--base-white);\n}\n.button.tertiaryWhite:hover .icon svg * {\n stroke: var(--base-white);\n}\n.button.tertiaryWhite:disabled {\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 color: var(--blue-dark-700);\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: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 color: var(--blue-dark-500);\n padding: 0 !important;\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 color: var(--gray-700);\n padding: 0 !important;\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 color: var(--gray-400);\n padding: 0 !important;\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 color: var(--gray-700);\n}\n.button.tabActive:hover .icon svg * {\n stroke: var(--gray-900);\n}\n.button.tabActive:hover .text {\n color: var(--gray-900);\n}\n.button.tabActive:disabled {\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 color: var(--gray-500);\n}\n.button.tab:hover {\n background-color: var(--gray-200);\n}\n.button.tab:hover .icon svg * {\n stroke: var(--gray-800);\n}\n.button.tab:hover .text {\n color: var(--gray-800);\n}\n.button.tab:disabled {\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}",":root {\r\n --base-white: #FFFFFF;\r\n --base-black: #000000;\r\n\r\n --gray-25: #FCFCFD;\r\n --gray-50: #F9FAFB;\r\n --gray-100: #F2F4F7;\r\n --gray-200: #EAECF0;\r\n --gray-300: #D0D5DD;\r\n --gray-400: #98A2B3;\r\n --gray-500: #667085;\r\n --gray-600: #475467;\r\n --gray-700: #344054;\r\n --gray-800: #1D2939;\r\n --gray-900: #101828;\r\n --gray-950: #0C111D;\r\n\r\n --primary-25: #FCFAFF;\r\n --primary-50: #F9F5FF;\r\n --primary-100: #F4EBFF;\r\n --primary-200: #E9D7FE;\r\n --primary-300: #D6BBFB;\r\n --primary-400: #B692F6;\r\n --primary-500: #9E77ED;\r\n --primary-600: #7F56D9;\r\n --primary-700: #6941C6;\r\n --primary-800: #53389E;\r\n --primary-900: #42307D;\r\n --primary-950: #2C1C5F;\r\n\r\n --error-25: #FFFBFA;\r\n --error-50: #FEF3F2;\r\n --error-100: #FEE4E2;\r\n --error-200: #FECDCA;\r\n --error-300: #FDA29B;\r\n --error-400: #F97066;\r\n --error-500: #F04438;\r\n --error-600: #D92D20;\r\n --error-700: #B42318;\r\n --error-800: #912018;\r\n --error-900: #7A271A;\r\n --error-950: #FEFDF0;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n}\r\n",":root {\r\n --blue-dark-25: #F5F8FF;\r\n --blue-dark-50: #EFF4FF;\r\n --blue-dark-100: #D1E0FF;\r\n --blue-dark-200: #B2CCFF;\r\n --blue-dark-300: #84ADFF;\r\n --blue-dark-400: #528BFF;\r\n --blue-dark-500: #2970FF;\r\n --blue-dark-600: #155EEF;\r\n --blue-dark-700: #004EEB;\r\n --blue-dark-800: #0040C1;\r\n --blue-dark-900: #00359E;\r\n --blue-dark-950: #002266;\r\n}\r\n\r\n","@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 baseButton() {\r\n @include modify-flex(row, center, center);\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n flex: 1;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use 'baseButton';\r\n@use 'properties';\r\n\r\n@mixin insertButton() {\r\n .button {\r\n @include baseButton.baseButton();\r\n\r\n &.small {\r\n @include properties.smallButton;\r\n }\r\n\r\n &.medium {\r\n @include properties.mediumButton;\r\n }\r\n\r\n &.large {\r\n @include properties.largeButton;\r\n }\r\n\r\n &.ultra {\r\n @include properties.ultraButton;\r\n }\r\n\r\n &.primary {\r\n @include properties.primaryButton;\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.secondaryColorButton;\r\n }\r\n\r\n &.secondaryGray {\r\n @include properties.secondaryGrayButton;\r\n }\r\n\r\n &.tertiaryWhite {\r\n @include properties.tertiaryWhiteButton;\r\n }\r\n\r\n &.tertiaryColor {\r\n @include properties.tertiaryColorButton;\r\n }\r\n\r\n &.tertiaryGray {\r\n @include properties.tertiaryGrayButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.linkColorButton;\r\n }\r\n\r\n &.linkBlack {\r\n @include properties.linkBlackButton;\r\n }\r\n\r\n &.linkGray {\r\n @include properties.linkGrayButton;\r\n }\r\n\r\n &.tabActive {\r\n @include properties.tabActiveButton;\r\n }\r\n\r\n &.tab {\r\n @include properties.tabButton;\r\n }\r\n\r\n &.warning {\r\n &.primary {\r\n @include properties.warningPrimaryButton;\r\n }\r\n }\r\n\r\n &.warning {\r\n &.secondaryColor {\r\n @include properties.warningSecondaryColorButton;\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 500);\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}px;\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n padding: 10px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\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, $weight: 500);\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, $weight: 500);\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 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) {\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\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 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 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 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 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 }\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 color: var(--blue-dark-500);\r\n padding: 0 !important;\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 color: var(--gray-700);\r\n padding: 0 !important;\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 color: var(--gray-400);\r\n padding: 0 !important;\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 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 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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.button {\n width: fit-content;\n height: fit-content;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button svg {\n flex: none;\n}\n.button.light {\n background: none;\n}\n.button.light svg * {\n stroke: var(--gray-400);\n}\n.button.light:hover {\n background-color: var(--gray-200);\n}\n.button.light:hover svg * {\n stroke: var(--gray-600);\n}\n.button.dark {\n background-color: rgba(12, 17, 29, 0.5019607843);\n}\n.button.dark svg * {\n stroke: var(--base-white);\n}\n.button.dark:hover {\n background-color: rgba(12, 17, 29, 0.8);\n}\n.button.gray {\n background: none;\n}\n.button.gray svg * {\n stroke: var(--gray-500);\n}\n.button.gray:hover {\n background-color: var(--base-white);\n}\n.button.gray:hover svg * {\n stroke: var(--gray-600);\n}\n.button.color {\n background: none;\n}\n.button.color svg * {\n stroke: var(--blue-dark-500);\n}\n.button.color:hover {\n background-color: var(--base-white);\n}\n.button.color:hover svg * {\n stroke: var(--blue-dark-600);\n}\n.button.colorHover {\n background: none;\n}\n.button.colorHover svg * {\n stroke: var(--blue-dark-400);\n}\n.button.colorHover:hover {\n background-color: var(--blue-dark-100);\n}\n.button.colorHover:hover svg * {\n stroke: var(--blue-dark-500);\n}\n.button.redHover {\n background: none;\n}\n.button.redHover svg * {\n stroke: var(--error-400);\n}\n.button.redHover:hover {\n background-color: var(--error-100);\n}\n.button.redHover:hover svg * {\n stroke: var(--error-500);\n}\n.button.colorFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--blue-dark-200);\n}\n.button.colorFill svg * {\n stroke: var(--blue-dark-500);\n}\n.button.colorFill:hover {\n background: var(--blue-dark-50);\n}\n.button.colorFill:hover svg * {\n stroke: var(--blue-dark-500);\n}\n.button.grayFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300);\n}\n.button.grayFill svg * {\n stroke: var(--gray-700);\n}\n.button.grayFill:hover {\n background: var(--gray-50);\n}\n.button.grayFill:hover svg * {\n stroke: var(--gray-900);\n}\n.button.redFill {\n background: var(--base-white);\n box-shadow: 0 0 0 1px var(--error-300);\n}\n.button.redFill svg * {\n stroke: var(--error-500);\n}\n.button.redFill:hover {\n background: var(--error-50);\n}\n.button.redFill:hover svg * {\n stroke: var(--error-600);\n}\n.button.size14 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size14 svg {\n width: 10px;\n height: 10px;\n}\n.button.size16 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size16 svg {\n width: 12px;\n height: 12px;\n}\n.button.size20 {\n border-radius: 3px;\n padding: 3px;\n}\n.button.size20 svg {\n width: 14px;\n height: 14px;\n}\n.button.size24 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size24 svg {\n width: 16px;\n height: 16px;\n}\n.button.size28 {\n border-radius: 4px;\n padding: 4px;\n}\n.button.size28 svg {\n width: 20px;\n height: 20px;\n}","@use 'base-button';\r\n@use 'properties';\r\n\r\n@mixin micro-button() {\r\n .button {\r\n @include base-button.base-button();\r\n\r\n &.light {\r\n @include properties.light();\r\n }\r\n\r\n &.dark {\r\n @include properties.dark();\r\n }\r\n\r\n &.gray {\r\n @include properties.gray();\r\n }\r\n\r\n &.color {\r\n @include properties.color();\r\n }\r\n\r\n &.colorHover {\r\n @include properties.color-hover();\r\n }\r\n\r\n &.redHover {\r\n @include properties.red-hover();\r\n }\r\n\r\n &.colorFill {\r\n @include properties.color-fill();\r\n }\r\n\r\n &.grayFill {\r\n @include properties.gray-fill();\r\n }\r\n\r\n &.redFill {\r\n @include properties.red-fill();\r\n }\r\n\r\n &.size14 {\r\n @include properties.size-14();\r\n }\r\n\r\n &.size16 {\r\n @include properties.size-16();\r\n }\r\n\r\n &.size20 {\r\n @include properties.size-20();\r\n }\r\n\r\n &.size24 {\r\n @include properties.size-24();\r\n }\r\n\r\n &.size28 {\r\n @include properties.size-28();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n @include modify-svg() {\r\n flex: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n background: none;\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n background-color: #0C111D80;\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:hover {\r\n background-color: #0C111DCC;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n background: none;\r\n @include modify-svg($stroke: var(--gray-500));\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n background: none;\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--blue-dark-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n background: none;\r\n @include modify-svg($stroke: var(--blue-dark-400));\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n background: none;\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--blue-dark-200);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:hover {\r\n background: var(--blue-dark-50);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n @include modify-svg($stroke: var(--gray-700));\r\n\r\n &:hover {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n background: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--error-300);\r\n @include modify-svg($stroke: var(--error-500));\r\n\r\n &:hover {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n padding: 4px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.calendarDay {\r\n position: relative;\r\n flex: none;\r\n width: 40px;\r\n height: 40px;\r\n\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n .mark {\r\n width: 100%;\r\n height: 12px;\r\n padding: 4px 0 0 0;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n &::after {\r\n content: '';\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-400);\r\n }\r\n }\r\n\r\n .day {\r\n flex: 1;\r\n width: 100%;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .info {\r\n width: 100%;\r\n height: 12px;\r\n padding: 0 0 2px 0;\r\n @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.holiday {\r\n .day {\r\n color: var(--error-500);\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-500);\r\n\r\n .mark::after {\r\n background-color: var(--base-white);\r\n }\r\n\r\n .day {\r\n color: var(--base-white);\r\n }\r\n\r\n .info {\r\n color: var(--blue-dark-300);\r\n }\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: var(--gray-100);\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n }\r\n\r\n &:before {\r\n // Требует наличия у родителя relative с z-index: 1;\r\n content: '';\r\n width: 60px;\r\n height: 40px;\r\n position: absolute;\r\n background-color: var(--gray-100);\r\n z-index: -1;\r\n }\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--base-white);\r\n z-index: 1;\r\n\r\n &:before {\r\n background: var(--base-white);\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .mark {\r\n &::after {\r\n background-color: var(--gray-300);\r\n }\r\n }\r\n\r\n .day {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--gray-300));\r\n }\r\n }\r\n}","@use \"../fonts\";\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: fonts.$golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n) {\r\n\r\n & {\r\n font-size: #{$size}px;\r\n line-height: #{$line-height}px;\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n border-radius: 16px;\r\n border: 1px solid var(--gray-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerMain {\r\n position: relative;\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n z-index: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n gap: 2px;\r\n z-index: 2;\r\n backdrop-filter: blur(10px);\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n width: 40px;\r\n height: 16px;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .main {\r\n z-index: 0;\r\n\r\n .meta {\r\n width: 100%;\r\n gap: 6px;\r\n z-index: 2;\r\n @include modify-flex($direction: row);\r\n\r\n .month {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .year {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n height: 250px;\r\n overflow-y: hidden;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dateGrid {\r\n max-height: 250px;\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: repeat(5, 1fr);\r\n gap: 2px;\r\n overflow: hidden;\r\n\r\n &.upEntrance {\r\n animation: up-entrance 1s forwards;\r\n }\r\n\r\n &.downEntrance {\r\n animation: down-entrance 1s forwards;\r\n }\r\n\r\n &.upExit {\r\n animation: up-exit 1s forwards;\r\n }\r\n\r\n &.downExit {\r\n animation: down-exit 1s forwards;\r\n }\r\n\r\n &.displayNone {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes up-entrance {\r\n from {\r\n transform: translateY(-100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes down-entrance {\r\n from {\r\n transform: translateY(100%);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes up-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n}\r\n\r\n@keyframes down-exit {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerHeader {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: row);\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900));\r\n }\r\n\r\n .switchers {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 2px;\r\n @include modify-flex($direction: row);\r\n\r\n .item {\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePickerFooter {\r\n width: 100%;\r\n display: flex;\r\n\r\n border-top: 1px solid var(--gray-200);\r\n padding: 16px;\r\n gap: 8px;\r\n\r\n .item {\r\n flex: 1;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--test-variable);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertFlexField() {\r\n .flexField {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n @include centerInsideContent();\r\n\r\n padding: 10px 12px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--test-variable);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .userPic {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n object-fit: scale-down;\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.red {\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;\r\n }\r\n\r\n &.isError {\r\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 #1018280D;\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &.focus {\r\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-100);\r\n cursor: default;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--test-variable);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.selectField .flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .help svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.selectField .flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: var(--blue-dark-500);\n}","@use '@/styles' as *;\r\n@use '../../../FlexField';\r\n\r\n@mixin insertSelectField() {\r\n .selectField {\r\n width: 100%;\r\n position: relative;\r\n\r\n @include FlexField.insertFlexField();\r\n\r\n .modalWindow {\r\n width: 100%;\r\n position: absolute;\r\n z-index: 5;\r\n\r\n .selectModalWindow {\r\n width: 100%;\r\n height: fit-content;\r\n max-height: 300px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n border-radius: 8px;\r\n padding: 4px;\r\n\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n overflow: scroll;\r\n scrollbar-width: none;\r\n\r\n .selectFieldOptionsItem {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n @include centerInsideContent();\r\n\r\n gap: 8px;\r\n padding: 10px 16px;\r\n\r\n .label {\r\n flex: 1;\r\n text-align: left;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-50);\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @content;\r\n }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.inputFieldWrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: var(--blue-dark-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n@mixin insertInputFieldWrapper() {\r\n .inputFieldWrapper {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n }\r\n }\r\n\r\n .hintText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .hintError {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n cursor: pointer;\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n @content;\r\n }\r\n}","@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_regular.woff\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_medium.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: \"Golos UI\";\n src: local(\"Golos UI\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.ttf\") format(\"truetype\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff2\") format(\"woff2\"), url(\"./fontsAssets/Golos-UI/golos-ui_bold.woff\") format(\"woff\");\n font-weight: 600;\n font-style: normal;\n}\n:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\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}","@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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\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}","@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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\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}","@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:root {\n --base-white: #FFFFFF;\n --base-black: #000000;\n --gray-25: #FCFCFD;\n --gray-50: #F9FAFB;\n --gray-100: #F2F4F7;\n --gray-200: #EAECF0;\n --gray-300: #D0D5DD;\n --gray-400: #98A2B3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1D2939;\n --gray-900: #101828;\n --gray-950: #0C111D;\n --primary-25: #FCFAFF;\n --primary-50: #F9F5FF;\n --primary-100: #F4EBFF;\n --primary-200: #E9D7FE;\n --primary-300: #D6BBFB;\n --primary-400: #B692F6;\n --primary-500: #9E77ED;\n --primary-600: #7F56D9;\n --primary-700: #6941C6;\n --primary-800: #53389E;\n --primary-900: #42307D;\n --primary-950: #2C1C5F;\n --error-25: #FFFBFA;\n --error-50: #FEF3F2;\n --error-100: #FEE4E2;\n --error-200: #FECDCA;\n --error-300: #FDA29B;\n --error-400: #F97066;\n --error-500: #F04438;\n --error-600: #D92D20;\n --error-700: #B42318;\n --error-800: #912018;\n --error-900: #7A271A;\n --error-950: #FEFDF0;\n --warning-25: #FFFCF5;\n --warning-50: #FFFAEB;\n --warning-100: #FEF0C7;\n --warning-200: #FEDF89;\n --warning-300: #FEC84B;\n --warning-400: #FDB022;\n --warning-500: #F79009;\n --warning-600: #DC6803;\n --warning-700: #B54708;\n --warning-800: #93370D;\n --warning-900: #7A2E0E;\n --warning-950: #4E1D09;\n}\n\n:root {\n --blue-dark-25: #F5F8FF;\n --blue-dark-50: #EFF4FF;\n --blue-dark-100: #D1E0FF;\n --blue-dark-200: #B2CCFF;\n --blue-dark-300: #84ADFF;\n --blue-dark-400: #528BFF;\n --blue-dark-500: #2970FF;\n --blue-dark-600: #155EEF;\n --blue-dark-700: #004EEB;\n --blue-dark-800: #0040C1;\n --blue-dark-900: #00359E;\n --blue-dark-950: #002266;\n}\n\n.flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--test-variable);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.inputFieldWrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: var(--blue-dark-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.selectField {\n width: 100%;\n position: relative;\n}\n.selectField .flexField {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--test-variable);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.selectField .flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.selectField .flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .inputField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .icon {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .flexField .userPic {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: scale-down;\n}\n.selectField .flexField .help {\n padding: 2px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .help svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.selectField .flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.selectField .flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.selectField .flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.selectField .flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.selectField .flexField.pointer {\n cursor: pointer;\n}\n.selectField .flexField.focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError {\n box-shadow: 0 0 0 1px var(--error-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.selectField .flexField.isError.focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.selectField .flexField.disabled {\n background-color: var(--gray-100);\n cursor: default;\n}\n.selectField .flexField.disabled * {\n cursor: default;\n}\n.selectField .flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n z-index: 5;\n}\n.selectField .modalWindow .selectModalWindow {\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: var(--blue-dark-500);\n}\n\n.switcherField {\n width: 36px;\n height: 20px;\n display: flex;\n justify-content: left;\n border-radius: 12px;\n padding: 2px;\n background-color: var(--gray-200);\n}\n.switcherField:after {\n flex: none;\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n background-color: var(--base-white);\n}\n.switcherField:hover {\n background-color: var(--gray-300);\n}\n.switcherField:focus {\n box-shadow: 0 0 0 4px var(--gray-100);\n}\n.switcherField.active {\n justify-content: right;\n background-color: var(--blue-dark-500);\n}\n.switcherField.active:hover {\n background-color: var(--blue-dark-600);\n}\n.switcherField:disabled {\n cursor: default;\n background-color: var(--gray-200);\n}\n.switcherField:disabled:hover {\n background-color: var(--gray-200);\n}\n\n.radioFieldItem {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n}\n.radioFieldItem .checkbox {\n flex: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.radioFieldItem .label {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.radioFieldItem.active .checkbox {\n border: 1px solid var(--blue-dark-500);\n}\n.radioFieldItem.active .checkbox:after {\n content: \"\";\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}\n\n.textareaField {\n width: 100%;\n height: fit-content;\n min-height: 68px;\n resize: none;\n border-radius: 8px;\n padding: 10px 12px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField:focus {\n box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.textareaField:disabled {\n background-color: var(--gray-100);\n}\n.textareaField:disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField.isError {\n border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}"],"names":[],"sourceRoot":""}