indicator-ui 0.1.120 → 0.1.122

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 (118) hide show
  1. package/dist/index.css +265 -197
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +1 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/ui/Buttons/styles/mixins/baseButton.scss +5 -4
  6. package/dist/scss/ui/Buttons/styles/mixins/properties/index.scss +0 -1
  7. package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +11 -0
  8. package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +19 -29
  9. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +49 -39
  10. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +41 -46
  11. package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +49 -0
  12. package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +49 -0
  13. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +32 -32
  14. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +29 -29
  15. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss +21 -0
  16. package/dist/ts/src/test/App.d.ts +1 -1
  17. package/dist/ts/src/test/layout/PageLayout.d.ts +1 -1
  18. package/dist/ts/src/test/pages/BreadcrumbsPage.d.ts +1 -1
  19. package/dist/ts/src/test/pages/ButtonsPage/ButtonsPage.d.ts +2 -0
  20. package/dist/ts/src/test/pages/CascadeSelectorPage.d.ts +1 -1
  21. package/dist/ts/src/test/pages/CheckboxMarkPage.d.ts +1 -1
  22. package/dist/ts/src/test/pages/CheckboxPage.d.ts +1 -1
  23. package/dist/ts/src/test/pages/DateTimeFieldMaskPage.d.ts +1 -1
  24. package/dist/ts/src/test/pages/DateTimeFieldsPage.d.ts +1 -1
  25. package/dist/ts/src/test/pages/DateTimePickerPage.d.ts +1 -1
  26. package/dist/ts/src/test/pages/DropdownItemPage.d.ts +1 -1
  27. package/dist/ts/src/test/pages/DropdownV2Page.d.ts +1 -1
  28. package/dist/ts/src/test/pages/FieldsPage/FieldsPage.d.ts +1 -1
  29. package/dist/ts/src/test/pages/FormBuilderPage.d.ts +1 -1
  30. package/dist/ts/src/test/pages/FormPage.d.ts +1 -1
  31. package/dist/ts/src/test/pages/HomePage.d.ts +1 -1
  32. package/dist/ts/src/test/pages/LoadingIndicatorPage.d.ts +1 -1
  33. package/dist/ts/src/test/pages/MediaPlayerPage.d.ts +1 -1
  34. package/dist/ts/src/test/pages/MicroButtonsPage.d.ts +1 -1
  35. package/dist/ts/src/test/pages/ModalsPage.d.ts +1 -1
  36. package/dist/ts/src/test/pages/PaginationPage.d.ts +1 -1
  37. package/dist/ts/src/test/pages/SelectFieldPage.d.ts +1 -1
  38. package/dist/ts/src/test/pages/SlideTransitionPage.d.ts +1 -1
  39. package/dist/ts/src/test/pages/TabFramePage.d.ts +1 -1
  40. package/dist/ts/src/test/pages/TagPage.d.ts +1 -1
  41. package/dist/ts/src/test/pages/TestPage.d.ts +1 -1
  42. package/dist/ts/src/test/pages/ToggleBasePage.d.ts +1 -1
  43. package/dist/ts/src/test/pages/TogglePage.d.ts +1 -1
  44. package/dist/ts/src/test/pages/TooltipTage.d.ts +1 -1
  45. package/dist/ts/src/test/pages/UiAnimationsPage.d.ts +1 -1
  46. package/dist/ts/src/test/pages/UseDragPage.d.ts +1 -1
  47. package/dist/ts/src/test/pages/UseSmartPositionPage.d.ts +1 -1
  48. package/dist/ts/src/test/pages/UseSmartScrollPage.d.ts +1 -1
  49. package/dist/ts/src/test/pages/UserPickPage.d.ts +1 -1
  50. package/dist/ts/src/test/pages/index.d.ts +1 -1
  51. package/dist/ts/src/ui/Breadcrumbs/ui/BreadcrumbButton.d.ts +1 -1
  52. package/dist/ts/src/ui/Breadcrumbs/ui/Breadcrumbs.d.ts +1 -1
  53. package/dist/ts/src/ui/Breadcrumbs/ui/Divider.d.ts +1 -1
  54. package/dist/ts/src/ui/Buttons/types/ButtonTypes.d.ts +1 -1
  55. package/dist/ts/src/ui/Carousel/ui/Carousel.d.ts +1 -1
  56. package/dist/ts/src/ui/CascadeSelector/ui/CascadeSelector.d.ts +1 -1
  57. package/dist/ts/src/ui/DateTimePicker/ui/components/CalendarButton.d.ts +1 -1
  58. package/dist/ts/src/ui/DateTimePicker/ui/components/CalendarDay.d.ts +1 -1
  59. package/dist/ts/src/ui/DateTimePicker/ui/components/CalendarMonth.d.ts +1 -1
  60. package/dist/ts/src/ui/DateTimePicker/ui/components/CalendarYear.d.ts +1 -1
  61. package/dist/ts/src/ui/DateTimePicker/ui/components/TimePickerTag.d.ts +1 -1
  62. package/dist/ts/src/ui/DateTimePicker/ui/parts/Footer.d.ts +1 -1
  63. package/dist/ts/src/ui/DateTimePicker/ui/parts/Header.d.ts +1 -1
  64. package/dist/ts/src/ui/DateTimePicker/ui/parts/Main.d.ts +1 -1
  65. package/dist/ts/src/ui/DateTimePicker/ui/pickers/DatePicker.d.ts +1 -1
  66. package/dist/ts/src/ui/DateTimePicker/ui/pickers/MonthPicker.d.ts +1 -1
  67. package/dist/ts/src/ui/DateTimePicker/ui/pickers/TimePicker.d.ts +1 -1
  68. package/dist/ts/src/ui/DateTimePicker/ui/pickers/TimeSuggestions.d.ts +1 -1
  69. package/dist/ts/src/ui/DateTimePicker/ui/pickers/YearPicker.d.ts +1 -1
  70. package/dist/ts/src/ui/DateTimePicker/ui/pickers/YearSwitcher.d.ts +1 -1
  71. package/dist/ts/src/ui/DropdownV2/ui/DropdownItemV2.d.ts +1 -1
  72. package/dist/ts/src/ui/DropdownV2/ui/components/Check.d.ts +1 -1
  73. package/dist/ts/src/ui/DropdownV2/ui/components/Info.d.ts +1 -1
  74. package/dist/ts/src/ui/FormBuilder/lib/formBuilder.d.ts +1 -1
  75. package/dist/ts/src/ui/InputFields/DateTimeField/ui/DateField.d.ts +1 -1
  76. package/dist/ts/src/ui/InputFields/DateTimeField/ui/DateFieldBase.d.ts +1 -1
  77. package/dist/ts/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts +1 -1
  78. package/dist/ts/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts +1 -1
  79. package/dist/ts/src/ui/InputFields/DateTimeField/ui/TimeFieldBase.d.ts +1 -1
  80. package/dist/ts/src/ui/InputFields/DateTimeFieldMask/ui/DateTimeFieldMask.d.ts +1 -1
  81. package/dist/ts/src/ui/InputFields/DateTimeRangeField/ui/DateRangeField.d.ts +1 -1
  82. package/dist/ts/src/ui/InputFields/DateTimeRangeField/ui/DateTimeRangeField.d.ts +1 -1
  83. package/dist/ts/src/ui/InputFields/DateTimeRangeField/ui/TimeRangeField.d.ts +1 -1
  84. package/dist/ts/src/ui/InputFields/TextareaField/ui/TextareaField.d.ts +1 -1
  85. package/dist/ts/src/ui/Loaders/ui/LoadingIndicator.d.ts +1 -1
  86. package/dist/ts/src/ui/MediaViewer/ui/components/ControlBar.d.ts +1 -1
  87. package/dist/ts/src/ui/MediaViewer/ui/components/VideoProgressBar.d.ts +1 -1
  88. package/dist/ts/src/ui/PaginationBar/ui/PageSwitcher.d.ts +1 -1
  89. package/dist/ts/src/ui/PaginationBar/ui/PaginationBar.d.ts +1 -1
  90. package/dist/ts/src/ui/PlayButton/ui/PlayButton.d.ts +1 -1
  91. package/dist/ts/src/ui/SlideTransition/ui/SlideTransition.d.ts +1 -1
  92. package/dist/ts/src/ui/TabButtons/ui/TabButtons.d.ts +1 -1
  93. package/dist/ts/src/ui/TabFrame/ui/TabFrame.d.ts +1 -1
  94. package/dist/ts/src/ui/Tag/ui/FilterTag.d.ts +1 -1
  95. package/dist/ts/src/ui/Tag/ui/Tag.d.ts +1 -1
  96. package/dist/ts/src/ui/Tag/ui/TagCheckbox.d.ts +1 -1
  97. package/dist/ts/src/ui/Tag/ui/TagCount.d.ts +1 -1
  98. package/dist/ts/src/ui/Toggle/ui/Toggle.d.ts +1 -1
  99. package/dist/ts/src/ui/Tooltip/ui/Tooltip.d.ts +1 -1
  100. package/dist/ts/src/ui/UserPick/ui/UserPick.d.ts +1 -1
  101. package/dist/ts/src/ui/formFields/FormDateField/ui/FormDateField.d.ts +1 -1
  102. package/dist/ts/src/ui/formFields/FormDateRangeField/ui/FormDateRangeField.d.ts +1 -1
  103. package/dist/ts/src/ui/formFields/FormDateRangeField/ui/FormDateRangeFieldBase.d.ts +1 -1
  104. package/dist/ts/src/ui/formFields/FormDateRangeField/ui/InputInnerButton.d.ts +1 -1
  105. package/dist/ts/src/ui/formFields/FormDateRangeField/ui/Mask.d.ts +1 -1
  106. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts +59 -53
  107. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/lib/index.d.ts +1 -1
  108. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/ui/FormPaginatedSelectFieldBase.d.ts +1 -1
  109. package/dist/ts/src/ui/formFields/FormRadioField/ui/FieldItem.d.ts +1 -1
  110. package/dist/ts/src/ui/formFields/FormRadioField/ui/FormRadioField.d.ts +1 -1
  111. package/dist/ts/src/ui/formFields/FormSelectField/ui/FormSelectFieldBase.d.ts +1 -1
  112. package/dist/ts/src/ui/formFields/FormTextareaField/ui/FormTextareaFieldBase.d.ts +1 -1
  113. package/dist/ts/src/ui/formFields/extends/ui/DropdownArrow.d.ts +1 -1
  114. package/dist/ts/src/ui/formFields/extends/ui/InputInnerButton.d.ts +1 -1
  115. package/docs/CSSVariables/CSSThemeCustomize.md +61 -0
  116. package/package.json +1 -1
  117. package/dist/scss/ui/Buttons/styles/mixins/properties/link-dark-theme.scss +0 -52
  118. package/dist/ts/src/test/pages/ButtonsPage.d.ts +0 -2
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.css","mappings":"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jCE;EACE;EAOE,uBFY2D;EER3D,mBFQiC;ACkBvC;ADhBM;EACE;ACkBR;ADbE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACeJ;AGxCE;EACE;EACA;EACA,wBJuBgE;EItBhE,gBJsBmD;EIrBnD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AHqDZ;AC/DE;EACE;EAWE,mBF+BiC;ACwBvC;ADtBI;EACE;EACA;EACA;ACwBN;ADrBI;EACE;ACuBN;ADnBE;EACE;ACqBJ;ADlBE;EACE;ACoBJ;ADjBE;EACE;ACmBJ;ADhBE;EACE;ACkBJ;AAjFE;EIHA;AJuFF;AExEI;EEXE;EACA;EACA;AJsFN;AE7EI;EEHE;EACA;EACA;AJmFN;AI/EE;EACE;EACA;AJiFJ;AK9FE;EAEI;EAGA;EAGA,gBDQwD;ECFxD,yBDEsE;AJoF5E;AKpGE;EAEI;EAGA;EAGA,gBDYwD;ECNxD,yBDMsE;AJsF5E;AA1GE;EMPA;ANoHF;AErGI;EIXE;EACA;EACA;ANmHN;AE1GI;EIHE;EACA;EACA;ANgHN;AM5GE;EACE;EACA;AN8GJ;AK3HE;EAEI;EAGA;EAGA,gBCQwD;EDFxD,yBCEsE;ANiH5E;AKjIE;EAEI;EAGA;EAGA,gBCYwD;EDNxD,yBCMsE;ANmH5E;AAnIE;EOXA;APiJF;AElII;EKXE;EACA;EACA;APgJN;AEvII;EKHE;EACA;EACA;AP6IN;AOzIE;EACE;EACA;AP2IJ;AKxJE;EAEI;EAGA;EAGA,gBEQwD;EFFxD,yBEEsE;AP8I5E;AK9JE;EAEI;EAGA;EAGA,gBEYwD;EFNxD,yBEMsE;APgJ5E;AA5JE;EQfA;AR8KF;AE/JI;EMXE;EACA;EACA;AR6KN;AEpKI;EMHE;EACA;EACA;AR0KN;AQtKE;EACE;EACA;ARwKJ;AKrLE;EAEI;EAGA;EAGA,gBGQwD;EHFxD,yBGEsE;AR2K5E;AK3LE;EAEI;EAGA;EAGA,gBGYwD;EHNxD,yBGMsE;AR6K5E;AArLE;ESpBA;EACA;EACA;EACA;AT4MF;AEhNI;EAEI,yBOKyB;AT4MjC;AEnNI;EAEI,yBOSyB;AT2MjC;AK7ME;EAWI,wBIJ0B;ATyMhC;AUjNE;EDcI;IACE;ETsMN;AACF;AUpJE;ED9CI;IACE;ETqMN;AACF;AS3LE;EACE;AT6LJ;AA7ME;EWxBA;EACA;EACA;EACA;AXwOF;AE5OI;EAEI,0BSKyB;AXwOjC;AE/OI;EAEI,0BSSyB;AXuOjC;AKzOE;EAWI,yBMJ0B;AXqOhC;AU7OE;ECcI;IACE;IACA;EXkON;AACF;AUjLE;EC7CI;IACE;IACA;EXiON;AACF;AWzNE;EACE;AX2NJ;AAvOE;EY5BA;EACA;EACA;EACA;AZsQF;AE1QI;EAEI,uBUKyB;AZsQjC;AE7QI;EAEI,uBUSyB;AZqQjC;AKvQE;EAWI,sBOJ0B;AZmQhC;AU3QE;EEcI;IACE;IACA;EZgQN;EY9PM;IACE;EZgQR;AACF;AUlNE;EEzCI;IACE;IACA;EZ8PN;EY5PM;IACE;EZ8PR;AACF;AYpPE;EACE;AZsPJ;AAvQE;EapBA;Ab8RF;AE3SI;EAEI,0BWcyB;Ab8RjC;AE9SI;EAEI,0BWkByB;Ab6RjC;AKxSE;EAWI,yBQK0B;Ab2RhC;AU5SE;ELCA;IAWI,wBQjB0B;EbqT9B;EExTE;IAEI,yBWMyB;EbmT/B;AACF;AUlPE;ELjEA;IAWI,wBQjB0B;Eb6T9B;EEhUE;IAEI,yBWMyB;Eb2T/B;AACF;AazRE;EACE;Ab2RJ;AAlSE;EcxBA;Ad6TF;AE1UI;EAEI,0BYcyB;Ad6TjC;AE7UI;EAEI,0BYkByB;Ad4TjC;AKvUE;EAWI,yBSK0B;Ad0ThC;AU3UE;ELCA;IAWI,yBSjB0B;EdoV9B;EEvVE;IAEI,0BYMyB;EdkV/B;AACF;AUjRE;ELjEA;IAWI,yBSjB0B;Ed4V9B;EE/VE;IAEI,0BYMyB;Ed0V/B;AACF;AcxTE;EACE;Ad0TJ;AA7TE;Ee7BA;Af6VF;AEzWI;EAEI,uBaayB;Af6VjC;AE5WI;EAEI,uBaiByB;Af4VjC;AKtWE;EAWI,sBUI0B;Af0VhC;AU1WE;ELCA;IAWI,sBUjB0B;EfmX9B;EEtXE;IAEI,uBaKyB;EfkX/B;AACF;AUhTE;ELjEA;IAWI,sBUjB0B;Ef2X9B;EE9XE;IAEI,uBaKyB;Ef0X/B;AACF;AexVE;EACE;Af0VJ;AAxVE;EgBhCA;EACA;AhB2XF;AEzYI;EAEI,0BceyB;AhB2XjC;AE5YI;EAEI,0BcmByB;AhB0XjC;AgBvXE;EACE;AhByXJ;AKzYE;EAWI,yBWQ0B;AhByXhC;AU7YE;ELCA;IAWI,yBWjB0B;EhBsZ9B;EEzZE;IAEI,0BcMyB;EhBoZ/B;AACF;AUnVE;ELjEA;IAWI,yBWjB0B;EhB8Z9B;EEjaE;IAEI,0BcMyB;EhB4Z/B;AACF;AgBvXE;EACE;AhByXJ;AAvXE;EiBpCA;EACA;AjB8ZF;AE5aI;EAEI,uBeeyB;AjB8ZjC;AE/aI;EAEI,uBemByB;AjB6ZjC;AiB1ZE;EACE;AjB4ZJ;AK5aE;EAWI,sBYQ0B;AjB4ZhC;AUhbE;ELCA;IAWI,sBYjB0B;EjByb9B;EE5bE;IAEI,uBeMyB;EjBub/B;AACF;AUtXE;ELjEA;IAWI,sBYjB0B;EjBic9B;EEpcE;IAEI,uBeMyB;EjB+b/B;AACF;AiB1ZE;EACE;AjB4ZJ;AAtZE;EkBxCA;EACA;AlBicF;AE/cI;EAEI,uBgBeyB;AlBicjC;AEldI;EAEI,uBgBmByB;AlBgcjC;AkB7bE;EACE;AlB+bJ;AK/cE;EAWI,sBaQ0B;AlB+bhC;AUndE;ELCA;IAWI,sBajB0B;ElB4d9B;EE/dE;IAEI,uBgBMyB;ElB0d/B;AACF;AUzZE;ELjEA;IAWI,sBajB0B;ElBoe9B;EEveE;IAEI,uBgBMyB;ElBke/B;AACF;AkB7bE;EACE;AlB+bJ;AArbE;EmB5CA;EACA;AnBoeF;AElfI;EAEI,4BiBeyB;AnBoejC;AErfI;EAEI,4BiBmByB;AnBmejC;AmBheE;EACE;AnBkeJ;AKlfE;EAWI,2BcQ0B;AnBkehC;AUtfE;ELCA;IAWI,wBcjB0B;EnB+f9B;EElgBE;IAEI,yBiBMyB;EnB6f/B;AACF;AU5bE;ELjEA;IAWI,wBcjB0B;EnBugB9B;EE1gBE;IAEI,yBiBMyB;EnBqgB/B;AACF;AmBheE;EACE;AnBkeJ;AApdE;EoB5DA;EACA;EACA;EACA;ApBmhBF;AEvhBI;EAEI,uBkBKyB;ApBmhBjC;AE1hBI;EAEI,uBkBSyB;ApBkhBjC;AKphBE;EAWI,sBeJ0B;ApBghBhC;AUxhBE;ERRE;IAEI,uBkBuBiC;EpB2gBvC;EoBxgBQ;IACE;EpB0gBV;AACF;AU9dE;ER1EE;IAEI,uBkBqCiC;EpBqgBvC;EoBlgBQ;IACE;EpBogBV;AACF;AoB9fE;EACE;ApBggBJ;AAlfE;EqBhEA;EACA;EACA;EACA;ArBqjBF;AEzjBI;EAEI,uBmBKyB;ArBqjBjC;AE5jBI;EAEI,uBmBSyB;ArBojBjC;AKtjBE;EAWI,sBgBJ0B;ArBkjBhC;AU1jBE;EWcI;IACE;ErB+iBN;EEtkBE;IAEI,uBmBwB+B;ErB+iBrC;EqB5iBM;IACE;ErB8iBR;AACF;AUngBE;EWtCI;IACE;ErB4iBN;EEjlBE;IAEI,uBmBsC+B;ErB4iBrC;EqBziBM;IACE;ErB2iBR;AACF;AqBtiBE;EACE;ArBwiBJ;AArhBI;EsBrEF;EACA;EACA;EACA;AtB6lBF;AUzlBE;EYAI;IACE;IACA;EtB4lBN;EsBzlBI;IACE;IACA;EtB2lBN;AACF;AUjiBE;EYtDI;IACE;IACA;EtB0lBN;AACF;AsBllBE;EACE;AtBolBJ;AA1iBI;EuBzEF;EACA;EACA;AvBsnBF;AEznBI;EAEI,wBqBIyB;AvBsnBjC;AE5nBI;EAEI,wBqBQyB;AvBqnBjC;AKtnBE;EAWI,uBkBL0B;AvBmnBhC;AU1nBE;EaaI;IACE;IACA;EvBgnBN;AACF;AU9jBE;Ea9CI;IACE;IACA;EvB+mBN;AACF;AuBvmBE;EACE;AvBymBJ;AEjpBI;EAEI;AFkpBR;AEppBI;EAEI,wBsBIyB;AxBipBjC;AwB9oBE;EACE;AxBgpBJ;AKjpBE;EAWI,uBmBP0B;AxBgpBhC;AUrpBE;EcYM;IACE;ExB4oBR;EEjqBE;IAEI,wBsBuB+B;ExB2oBrC;AACF;AU3lBE;Ec1CM;IACE;ExBwoBR;EEzqBE;IAEI,wBsBmC+B;ExBuoBrC;AACF;AwBloBE;EACE;AxBooBJ;AA7lBE;EACE;EACA;AA+lBJ;AA3lBI;ES3CF;ATyoBF;AU/qBE;ED0CI;IACE;ETwoBN;AACF;AUlnBE;EDlBI;IACE;ETuoBN;AACF;AApmBI;EW/CF;EACA;AXspBF;AErsBI;EAEI,uBSgDyB;AXspBjC;AExsBI;EAEI,uBSoDyB;AXqpBjC;AKlsBE;EAWI,sBMuC0B;AXmpBhC;AUtsBE;ECyDI;IACE;IACA;EXgpBN;AACF;AU1oBE;ECFI;IACE;IACA;EX+oBN;AACF;AAznBI;EY1CF;EACA;AZsqBF;AE9tBI;EAEI,4BUyDyB;AZsqBjC;AEjuBI;EAEI,4BU6DyB;AZqqBjC;AK3tBE;EAWI,2BOgD0B;AZmqBhC;AU/tBE;EEkEI;IACE;IACA;EZgqBN;EY9pBM;IACE;EZgqBR;AACF;AUtqBE;EEWI;IACE;IACA;EZ8pBN;EY5pBM;IACE;EZ8pBR;AACF;AEzvBI;EAEI,uBW6DyB;Ab6rBjC;AE5vBI;EAEI,uBWiEyB;Ab4rBjC;AKtvBE;EAWI,sBQoD0B;Ab0rBhC;AU1vBE;ELCA;IAWI,wBQgC0B;EbktB9B;EEtwBE;IAEI,yBWuDyB;EbgtB/B;AACF;AUhsBE;ELjEA;IAWI,wBQgC0B;Eb0tB9B;EE9wBE;IAEI,yBWuDyB;EbwtB/B;AACF;AElxBI;EAEI,uBY6DyB;AdstBjC;AErxBI;EAEI,uBYiEyB;AdqtBjC;AK/wBE;EAWI,sBSoD0B;AdmtBhC;AUnxBE;ELCA;IAWI,sBSgC0B;Ed2uB9B;EE/xBE;IAEI,uBYuDyB;EdyuB/B;AACF;AUztBE;ELjEA;IAWI,sBSgC0B;EdmvB9B;EEvyBE;IAEI,uBYuDyB;EdivB/B;AACF,C;;;;AyBzyBA;ECDE;EACA;EACA;EACA;ADDF;ACGE;EACE;EACA;ADDJ;AxBRE;EACE;EAGE,mByBQiB;EzBJjB,uByBIsB;EzBAtB;AwBEN;AvBII;EwBJA;ADGJ;AAXE;EEJA;EACA;AFkBF;AvBpBI;EAEI,uByBCuB;AFoB/B;AffE;EiBFE;IACE;EFoBJ;EvB3BE;IAEI,uByBM2B;EFsBjC;AACF;Af2CE;EiB7DE;IACE;EFqBJ;EvBnCE;IAEI,uByBa2B;EFuBjC;AACF;AA9BE;EGRA;EACA;AHyCF;AvB3CI;EAEI,yB0BCuB;AH2C/B;AftCE;EkBFE;IACE;EH2CJ;AACF;AfuBE;EkB9DE;IACE;EH0CJ;AACF;AA3CE;EIZA;EACA;AJ0DF;AvB5DI;EAEI,uB2BCuB;AJ4D/B;AfvDE;EmBFE;IACE;EJ4DJ;EvBnEE;IAEI,uB2BM2B;EJ8DjC;AACF;AfGE;EmB7DE;IACE;EJ6DJ;EvB3EE;IAEI,uB2Ba2B;EJ+DjC;AACF;AA9DE;EKhBA;EACA;ALiFF;AvBnFI;EAEI,0B4BCuB;ALmF/B;Af9EE;EoBFE;IACE;ELmFJ;EvB1FE;IAEI,0B4BM2B;ELqFjC;AACF;AfpBE;EoB7DE;IACE;ELoFJ;EvBlGE;IAEI,0B4Ba2B;ELsFjC;AACF;AAjFE;EMpBA;EACA;ANwGF;AvB1GI;EAEI,0B6BCuB;AN0G/B;AfrGE;EqBFE;IACE;EN0GJ;EvBjHE;IAEI,0B6BM2B;EN4GjC;AACF;Af3CE;EqB7DE;IACE;EN2GJ;EvBzHE;IAEI,0B6Ba2B;EN6GjC;AACF;AApGE;EOxBA;EACA;AP+HF;AvBjII;EAEI,wB8BCuB;APiI/B;Af5HE;EsBFE;IACE;EPiIJ;EvBxIE;IAEI,wB8BM2B;EPmIjC;AACF;AflEE;EsB7DE;IACE;EPkIJ;EvBhJE;IAEI,wB8Ba2B;EPoIjC;AACF;AAvHE;EQ5BA;EACA;ARsJF;AvBxJI;EAEI,0B+BCuB;ARwJ/B;AfnJE;EuBFE;IACE;ERwJJ;EvB/JE;IAEI,0B+BM2B;ER0JjC;AACF;AfzFE;EuB7DE;IACE;ERyJJ;EvBvKE;IAEI,0B+Ba2B;ER2JjC;AACF;AA1IE;EShCA;EACA;AT6KF;AvB/KI;EAEI,uBgCCuB;AT+K/B;Af1KE;EwBFE;IACE;ET+KJ;EvBtLE;IAEI,uBgCM2B;ETiLjC;AACF;AfhHE;EwB7DE;IACE;ETgLJ;EvB9LE;IAEI,uBgCa2B;ETkLjC;AACF;AA7JE;EUpCA;EACA;AVoMF;AvBtMI;EAEI,wBiCCuB;AVsM/B;AfjME;EyBFE;IACE;EVsMJ;EvB7ME;IAEI,wBiCM2B;EVwMjC;AACF;AfvIE;EyB7DE;IACE;EVuMJ;EvBrNE;IAEI,wBiCa2B;EVyMjC;AACF;AA/KE;EWzCA;EACA;AX2NF;AvB7NI;EAEI,yBkCCuB;AX6N/B;AfxNE;ERRE;IAEI,0BkCK2B;EX6N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DUuB;AHkC/B;Ad/CE;EiBgBE;EACA;AHkCJ;AxDlDI;EAEI,uE2DeyB;AHoCjC;ArD5CE;EAWI,sEwDFwB;AHsC9B;AGpCI;EACE;AHsCN;AGnCE;EACE;EACA;AHqCJ;AF3CM;EMXJ;EACA;AJyDF;AxDnEI;EAEI,0B4DUuB;AJ0D/B;AvD1DE;EACE;EACA;EACA,yB2DF8D;E3DG9D,gB2DHiD;E3DIjD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuDuEZ;AdjFE;EkBiBE;EACA;AJmEJ;AvDxEE;EACE;EACA;EACA,yB2DGgE;E3DFhE,gB2DEmD;E3DDnD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuDqFZ;AFtEM;EOdJ;EACA;ALuFF;AxDlGI;EAEI,oE6DWuB;ALwF/B;AKtFE;EACE;ALwFJ;AdzGE;EmBmBI;ALyFN;Ad5GE;EmBwBE;EACA;ALuFJ;AxD/GI;EAEI,oE6DuByB;ALyFjC;AFtFM;EQ3BJ;EAEA;EACA;ANmHF;AxDvHI;EAEI,sE8DIuB;ANoH/B;ArDjHE;EAWI,qE2DbsB;ANsH5B;AMpHE;EACE;ANsHJ;AdjIE;EoBeE;EACA;ANqHJ;AxDpII;EAEI,sE8DeyB;ANsHjC;ArD9HE;EAWI,qE2DFwB;ANwH9B;AMtHI;EACE;ANwHN;AF5GQ;EStBN;EACA;APqIF;AvDrIE;EACE;EACA;EACA,YAXM;EAYN,gB8DFiD;E9DGjD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuDkJZ;AvD/IE;EACE;EACA;EACA;EACA,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuD4JZ;AxDrKI;EAEI,yB+DcuB;APwJ/B;AdzKE;EqBoBE;APwJJ;AvD/JE;EACE;EACA;EACA,qB8DKqB;E9DJrB,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuD4KZ;AxDrLI;EAEI,sB+DmByB;APmKjC;AOhKE;EACE;APkKJ;AFvJU;ESNR;EACA;APgKF;AvDnLE;EACE;EACA;EACA,YAXM;EAYN,gB8DgBiD;E9DfjD,yBAXO;EAYP,oBAXQ;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","sources":["webpack://indicator-ui/./src/styles/colors/css-variables/primary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/secondary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/fonts.css","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/styles/mixins/fnt.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/adaptive/index.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/link-dark-theme.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/Buttons/styles/mixins/properties/warning-link-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/blue-light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/rose.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/styles/mixins/themes.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/styles/mixins/formFieldMixins.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/SingleRangeField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/checkbox-mark.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/CheckboxMark.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checkbox.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/radio.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checked.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/error.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/disabled.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/correct.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/incorrect.scss","webpack://indicator-ui/./src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/./src/styles/mixins/utils.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/ToggleBase.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/spacer.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/active.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/error.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/medium.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/large.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/hover.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/disabled.scss","webpack://indicator-ui/./src/ui/Toggle/styles/Toggle.module.scss","webpack://indicator-ui/./src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCount.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/Tag.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/base.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/hover.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/active.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/small.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/medium.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/large.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/clicked.scss","webpack://indicator-ui/./src/ui/Tag/styles/FilterTag.module.scss","webpack://indicator-ui/./src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/./src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/./src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PaginationBar.module.scss","webpack://indicator-ui/./src/ui/UserPick/styles/UserPick.module.scss","webpack://indicator-ui/./src/ui/DropdownItem/styles/DropdownItem.module.scss","webpack://indicator-ui/./src/ui/Loaders/styles/LoadingIndicator.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ControlBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ImageViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/MediaViewer.module.scss","webpack://indicator-ui/./src/ui/PlayButton/styles/PlayButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarDay.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarMonth.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarYear.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerTag.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerFeed.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/YearMonthPicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/TimePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/YearSwitcher.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/TimeSuggestions.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/DateTimePicker.module.scss","webpack://indicator-ui/./src/ui/Tooltip/styles/Tooltip.module.scss","webpack://indicator-ui/./src/styles/colors/primary.scss","webpack://indicator-ui/./src/ui/Dropdown/styles/Dropdown.module.scss","webpack://indicator-ui/./src/ui/formFields/FormField/styles/FormField.module.scss","webpack://indicator-ui/./src/ui/formFields/FormFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/formFields/FormSelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/formFields/extends/style/DropdownArrow.module.scss","webpack://indicator-ui/./src/ui/formFields/extends/style/InputInnerButton.module.scss","webpack://indicator-ui/./src/ui/formFields/FormTextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/formFields/FormDateRangeField/styles/Mask.module.scss","webpack://indicator-ui/./src/ui/formFields/FormDateRangeField/styles/FormDateRange.module.scss","webpack://indicator-ui/./src/ui/formFields/FormDateRangeField/styles/InputInnerButton.module.scss","webpack://indicator-ui/./src/ui/formFields/FormPaginatedSelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/Breadcrumbs/styles/BreadcrumbButton.module.scss","webpack://indicator-ui/./src/ui/Breadcrumbs/styles/Divider.module.scss","webpack://indicator-ui/./src/ui/Breadcrumbs/styles/Breadcrumbs.module.scss","webpack://indicator-ui/./src/ui/DropdownV2/styles/DropdownV2.module.scss","webpack://indicator-ui/./src/ui/DropdownV2/styles/DropdownItemV2.module.scss","webpack://indicator-ui/./src/ui/DropdownV2/styles/components/Info.module.scss","webpack://indicator-ui/./src/ui/DropdownV2/styles/components/Check.module.scss"],"sourcesContent":[":root {\r\n --base-white: #FFFFFF;\r\n --base-black: #000000;\r\n\r\n --gray-25: #FCFCFD;\r\n --gray-50: #F9FAFB;\r\n --gray-100: #F2F4F7;\r\n --gray-200: #EAECF0;\r\n --gray-300: #D0D5DD;\r\n --gray-400: #98A2B3;\r\n --gray-500: #667085;\r\n --gray-600: #475467;\r\n --gray-700: #344054;\r\n --gray-800: #1D2939;\r\n --gray-900: #101828;\r\n --gray-950: #0C111D;\r\n\r\n --primary-25: #F5F8FF;\r\n --primary-50: #EFF4FF;\r\n --primary-100: #D1E0FF;\r\n --primary-200: #B2CCFF;\r\n --primary-300: #84ADFF;\r\n --primary-400: #528BFF;\r\n --primary-500: #2970FF;\r\n --primary-600: #155EEF;\r\n --primary-700: #004EEB;\r\n --primary-800: #0040C1;\r\n --primary-900: #00359E;\r\n --primary-950: #002266;\r\n\r\n --error-25: #FFFBFA;\r\n --error-50: #FEF3F2;\r\n --error-100: #FEE4E2;\r\n --error-200: #FECDCA;\r\n --error-300: #FDA29B;\r\n --error-400: #F97066;\r\n --error-500: #F04438;\r\n --error-600: #D92D20;\r\n --error-700: #B42318;\r\n --error-800: #912018;\r\n --error-900: #7A271A;\r\n --error-950: #55160C;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n\r\n --success-25: #F6FEF9;\r\n --success-50: #ECFDF3;\r\n --success-100: #DCFAE6;\r\n --success-200: #ABEFC6;\r\n --success-300: #75E0A7;\r\n --success-400: #47CD89;\r\n --success-500: #17B26A;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085D3A;\r\n --success-900: #074D31;\r\n --success-950: #053321;\r\n\r\n --gray-iron-25: #FCFCFC;\r\n --gray-iron-50: #FAFAFA;\r\n --gray-iron-100: #F4F4F5;\r\n --gray-iron-200: #E4E4E7;\r\n --gray-iron-300: #D1D1D6;\r\n --gray-iron-400: #A0A0AB;\r\n --gray-iron-500: #70707B;\r\n --gray-iron-600: #51525C;\r\n --gray-iron-700: #3F3F46;\r\n --gray-iron-800: #26272B;\r\n --gray-iron-900: #18181B;\r\n --gray-iron-950: #131316;\r\n\r\n --rose-25: #FFF5F6;\r\n --rose-50: #FFF1F3;\r\n --rose-100: #FFE4E8;\r\n --rose-200: #FECDD6;\r\n --rose-300: #FEA3B4;\r\n --rose-400: #FD6F8E;\r\n --rose-500: #F63D68;\r\n --rose-600: #E31B54;\r\n --rose-700: #C01048;\r\n --rose-800: #A11043;\r\n --rose-900: #89123E;\r\n --rose-950: #510B24;\r\n\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n}\r\n",":root {\r\n --blue-dark-25: #F5F8FF;\r\n --blue-dark-50: #EFF4FF;\r\n --blue-dark-100: #D1E0FF;\r\n --blue-dark-200: #B2CCFF;\r\n --blue-dark-300: #84ADFF;\r\n --blue-dark-400: #528BFF;\r\n --blue-dark-500: #2970FF;\r\n --blue-dark-600: #155EEF;\r\n --blue-dark-700: #004EEB;\r\n --blue-dark-800: #0040C1;\r\n --blue-dark-900: #00359E;\r\n --blue-dark-950: #002266;\r\n}\r\n\r\n:root {\r\n --orange-25: #FEFAF5;\r\n --orange-50: #FEF6EE;\r\n --orange-100: #FDEAD7;\r\n --orange-200: #F9DBAF;\r\n --orange-300: #F7B27A;\r\n --orange-400: #F38744;\r\n --orange-500: #EF6820;\r\n --orange-600: #E04F16;\r\n --orange-700: #B93815;\r\n --orange-800: #932F19;\r\n --orange-900: #772917;\r\n --orange-950: #511C10;\r\n}\r\n\r\n:root {\r\n --moss-25: #FAFDF7;\r\n --moss-50: #F5FBEE;\r\n --moss-100: #E6F4D7;\r\n --moss-200: #CEEAB0;\r\n --moss-300: #ACDC79;\r\n --moss-400: #86CB3C;\r\n --moss-500: #669F2A;\r\n --moss-600: #4F7A21;\r\n --moss-700: #3F621A;\r\n --moss-800: #335015;\r\n --moss-900: #2B4212;\r\n --moss-950: #1A280B;\r\n}\r\n\r\n:root {\r\n --yellow-25: #FEFDF0;\r\n --yellow-50: #FEFBE8;\r\n --yellow-100: #FEF7C3;\r\n --yellow-200: #FEEE95;\r\n --yellow-300: #FDE272;\r\n --yellow-400: #FAC515;\r\n --yellow-500: #EAAA08;\r\n --yellow-600: #CA8504;\r\n --yellow-700: #A15C07;\r\n --yellow-800: #854A0E;\r\n --yellow-900: #713B12;\r\n --yellow-950: #542C0D;\r\n}\r\n\r\n:root {\r\n --teal-25: #F6FEFC;\r\n --teal-50: #F0FDF9;\r\n --teal-100: #CCFBEF;\r\n --teal-200: #99F6E0;\r\n --teal-300: #5FE9D0;\r\n --teal-400: #2ED3B7;\r\n --teal-500: #15B79E;\r\n --teal-600: #0E9384;\r\n --teal-700: #107569;\r\n --teal-800: #125D56;\r\n --teal-900: #134E48;\r\n --teal-950: #0A2926;\r\n}",":root {\r\n --golos-ui: 'Golos UI', sans-serif;\r\n --golos: 'Golos Text', sans-serif;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n cursor: pointer;\r\n transition: background-color ease-out 0.2s;\r\n border-radius: 8px;\r\n position: relative;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n\r\n .loader {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n @include modify-svg {\r\n animation: loading 0.9s linear infinite;\r\n }\r\n }\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n @include modify-svg() {\r\n * {\r\n transition: stroke ease-out 0.2s;\r\n }\r\n }\r\n }\r\n\r\n .counter {\r\n min-width: 24px;\r\n height: 24px;\r\n padding: 4px 2px;\r\n border-radius: 12px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n transform: translate(-2px, -2px);\r\n text-align: center;\r\n background-color: var(--blue-dark-500);\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--base-white));\r\n }\r\n\r\n .content {\r\n @include modify-flex($align-items: center);\r\n\r\n .text, .textSecondary {\r\n flex: none;\r\n text-align: center;\r\n transition: color, weight 0.2s;\r\n }\r\n\r\n .textSecondary {\r\n opacity: 0.6;\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}\r\n\r\n@keyframes loading {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}","@use 'mixins/baseButton' as baseButton;\r\n@use 'mixins/properties' as properties;\r\n@use '@/styles' as *;\r\n\r\n.button {\r\n @include baseButton.base-button();\r\n\r\n &.small {\r\n @include properties.smallButton;\r\n }\r\n\r\n &.medium {\r\n @include properties.mediumButton;\r\n }\r\n\r\n &.large {\r\n @include properties.largeButton;\r\n }\r\n\r\n &.ultra {\r\n @include properties.ultraButton;\r\n }\r\n\r\n &.primary {\r\n @include properties.primaryButton;\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.secondaryColorButton;\r\n }\r\n\r\n &.secondaryGray {\r\n @include properties.secondaryGrayButton;\r\n }\r\n\r\n &.tertiaryWhite {\r\n @include properties.tertiaryWhiteButton;\r\n }\r\n\r\n &.tertiaryColor {\r\n @include properties.tertiaryColorButton;\r\n }\r\n\r\n &.tertiaryGray {\r\n @include properties.tertiaryGrayButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.linkColorButton;\r\n }\r\n\r\n &.linkBlack {\r\n @include properties.linkBlackButton;\r\n }\r\n\r\n &.linkGray {\r\n @include properties.linkGrayButton;\r\n }\r\n\r\n &.linkDarkTheme {\r\n @include properties.linkDarkTheme;\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 &.secondaryColor {\r\n @include properties.warningSecondaryColorButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.warningLinkColorButton;\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n cursor: default;\r\n pointer-events: none;\r\n }\r\n\r\n @include darkTheme {\r\n &.primary {\r\n @include properties.primaryDarkThemeButton();\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.secondaryColorDarkThemeButton;\r\n }\r\n\r\n &.secondaryGray {\r\n @include properties.secondaryGrayDarkThemeButton;\r\n }\r\n\r\n &.tertiaryWhite {\r\n @include properties.tertiaryWhiteDarkThemeButton;\r\n }\r\n\r\n &.tertiaryColor {\r\n @include properties.tertiaryColorDarkThemeButton;\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}","@mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {\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 @if ($stroke-width != null) {\r\n stroke-width: $stroke-width;\r\n }\r\n @if ($transition != null) {\r\n transition: $transition;\r\n }\r\n }\r\n\r\n & {\r\n @content;\r\n }\r\n }\r\n}\r\n\r\n@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {\r\n & > svg {\r\n @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {\r\n @content;\r\n }\r\n }\r\n}","$golos-ui: var(--golos-ui);\r\n$golos-text: var(--golos);\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: var(--golos),\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n $units: px,\r\n) {\r\n & {\r\n font-size: #{$size}#{$units};\r\n line-height: #{$line-height}#{$units};\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .loader {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .content {\r\n padding: 0 4px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 400, $family: var(--golos));\r\n }\r\n }\r\n}","@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: null,\r\n $stretch: null,\r\n $style: null,\r\n $variant: null,\r\n $units: px,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}#{$units};\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}#{$units};\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n @if ($family != null) {\r\n font-family: $family;\r\n }\r\n @if ($stretch != null) {\r\n font-stretch: $stretch;\r\n }\r\n @if ($style != null) {\r\n font-style: $style;\r\n }\r\n @if ($variant != null) {\r\n font-variant: $variant;\r\n }\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .loader {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .content {\r\n padding: 0 6px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 400, $family: var(--golos));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n // С учетом border\r\n padding: 11px;\r\n\r\n .loader {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .content {\r\n padding: 0 8px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 16, $line-height: 20, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 16, $line-height: 20, $weight: 400, $family: var(--golos));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n // С учетом border\r\n padding: 17px;\r\n\r\n .loader {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n\r\n .content {\r\n padding: 0 12px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 18, $line-height: 24, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 18, $line-height: 24, $weight: 400, $family: var(--golos));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n border-radius: 8px;\r\n background-color: var(--primary-500);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .loader {\r\n @include modify-svg($stroke: 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 .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n }\r\n\r\n\r\n //&:focus {\r\n // background-color: var(--primary-500);\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n }\r\n}\r\n\r\n@mixin primaryDarkThemeButton {\r\n background-color: var(--rose-500);\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--rose-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-600);\r\n }\r\n }\r\n }\r\n}","$tablet-width: 1024;\r\n\r\n$mobile: 480px;\r\n$tablet: 768px;\r\n$laptop: 1024px;\r\n$desktop: 1280px;\r\n$wide: 1440px;\r\n\r\n// НАДО СНЕСТИ ============================================================\r\n@mixin tablet-plus {\r\n @media only screen and (min-width: #{$tablet-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n// НАДО СНЕСТИ ============================================================\r\n\r\n\r\n// НОВЫЕ !!!\r\n// ---------------- 📱 Mobile ----------------\r\n@mixin mobile-less { // меньше чем mobile\r\n @media (max-width: #{$mobile - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin mobile-less-equal { // до и включая mobile\r\n @media (max-width: #{$mobile}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin mobile-more { // больше чем mobile\r\n @media (min-width: #{$mobile + 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin mobile-more-equal { // от mobile и выше\r\n @media (min-width: #{$mobile}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin mobile { // только mobile (0 - tablet-1)\r\n @media (max-width: #{$tablet - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n// ---------------- 💻 Tablet ----------------\r\n@mixin tablet-less {\r\n @media (max-width: #{$tablet - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet-less-equal {\r\n @media (max-width: #{$tablet}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet-more {\r\n @media (min-width: #{$tablet + 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet-more-equal {\r\n @media (min-width: #{$tablet}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet { // только tablet (от mobile до desktop-1)\r\n @media (min-width: #{$mobile + 1}) and (max-width: #{$desktop - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n// ---------------- 🖥 Desktop ----------------\r\n@mixin desktop-less {\r\n @media (max-width: #{$desktop - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop-less-equal {\r\n @media (max-width: #{$desktop}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop-more {\r\n @media (min-width: #{$desktop + 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop-more-equal {\r\n @media (min-width: #{$desktop}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop { // только desktop (от desktop до wide-1)\r\n @media (min-width: #{$desktop}) and (max-width: #{$wide - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n// ---------------- 🖥️ Wide ----------------\r\n@mixin wide-less {\r\n @media (max-width: #{$wide - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin wide-less-equal {\r\n @media (max-width: #{$wide}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin wide-more {\r\n @media (min-width: #{$wide + 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin wide-more-equal {\r\n @media (min-width: #{$wide}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin wide { // только wide (от wide и выше)\r\n @media (min-width: #{$wide}) {\r\n @content;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--primary-200);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-50);\r\n border: 1px solid var(--primary-300);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-50);\r\n border: 1px solid var(--primary-300);\r\n }\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(--primary-300);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\n@mixin secondaryColorDarkThemeButton {\r\n background-color: transparent;\r\n border: 1px solid var(--rose-900);\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--rose-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--rose-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--rose-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--rose-950);\r\n border: 1px solid var(--rose-700);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-950);\r\n border: 1px solid var(--rose-700);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n border: 1px solid var(--gray-300);\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-50);\r\n border: 1px solid var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-50);\r\n border: 1px solid var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n //&:focus {\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\n@mixin secondaryGrayDarkThemeButton {\r\n background-color: transparent;\r\n border: 1px solid var(--gray-iron-700);\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-iron-200));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-iron-200));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-iron-200));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-iron-800);\r\n border: 1px solid var(--gray-iron-700);\r\n\r\n .text {\r\n color: var(--gray-iron-200);\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-iron-800);\r\n border: 1px solid var(--gray-iron-700);\r\n\r\n .text {\r\n color: var(--gray-iron-200);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n}\r\n\r\n@mixin tertiaryWhiteButton {\r\n border: 1px solid transparent;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--primary-100));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-100));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-100));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryWhiteButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryWhiteButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\n\r\n@mixin tertiaryWhiteDarkThemeButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n}\r\n\r\n@mixin tertiaryWhiteDarkThemeButton {\r\n .loader {\r\n @include modify-svg($stroke: var(--rose-100));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--rose-100));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--rose-100));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryWhiteDarkThemeButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryWhiteDarkThemeButton-hover-state;\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-700));\r\n }\r\n}\r\n\r\n@mixin tertiaryColorButton {\r\n border: 1px solid transparent;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryColorButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryColorButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\n\r\n@mixin tertiaryColorDarkThemeButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--rose-700));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--rose-700));\r\n }\r\n}\r\n\r\n@mixin tertiaryColorDarkThemeButton {\r\n .loader {\r\n @include modify-svg($stroke: var(--rose-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--rose-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--rose-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryColorDarkThemeButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryColorDarkThemeButton-hover-state;\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($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@mixin tertiaryGrayButton {\r\n border: 1px solid transparent;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryGrayButton-hover-state();\r\n }\r\n }\r\n @include tablet {\r\n &:active {\r\n @include tertiaryGrayButton-hover-state();\r\n }\r\n }\r\n }\r\n\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-700));\r\n }\r\n}\r\n\r\n@mixin linkColorButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkColorButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkColorButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n}\r\n\r\n@mixin linkBlackButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkBlackButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkBlackButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n}\r\n\r\n@mixin linkGrayButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkGrayButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkGrayButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkDarkThemeButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n}\r\n\r\n@mixin linkDarkTheme {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-iron-400));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-iron-400));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-iron-400));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkDarkThemeButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkDarkThemeButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.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 border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\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 }\r\n\r\n @include tablet {\r\n &:active {\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 }\r\n }\r\n\r\n &:disabled, &.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 border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .loader {\r\n @include modify-svg($stroke: 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 .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\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\r\n @include tablet {\r\n &:active {\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 }\r\n\r\n &:disabled, &.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 border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\r\n }\r\n\r\n &:active {\r\n border: 1px solid var(--error-500);\r\n background-color: var(--error-500);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\r\n }\r\n }\r\n }\r\n\r\n //&:focus {\r\n // background-color: var(--error-500);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n border: 1px solid var(--error-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\r\n }\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(--error-200);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningLinkColorButton {\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n .text {\r\n color: var(--error-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-700));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n .text {\r\n color: var(--error-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-700));\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n@use 'mixins/properties';\r\n@use 'mixins/base-button';\r\n\r\n.button {\r\n @include base-button.base-micro-button();\r\n\r\n &.light {\r\n @include properties.light();\r\n }\r\n\r\n &.dark {\r\n @include properties.dark();\r\n }\r\n\r\n &.gray {\r\n @include properties.gray();\r\n }\r\n\r\n &.color {\r\n @include properties.color();\r\n }\r\n\r\n &.colorHover {\r\n @include properties.color-hover();\r\n }\r\n\r\n &.redHover {\r\n @include properties.red-hover();\r\n }\r\n\r\n &.colorFill {\r\n @include properties.color-fill();\r\n }\r\n\r\n &.grayFill {\r\n @include properties.gray-fill();\r\n }\r\n\r\n &.redFill {\r\n @include properties.red-fill();\r\n }\r\n\r\n\r\n &.blueLight {\r\n @include properties.blue-light();\r\n }\r\n\r\n &.size14 {\r\n @include properties.size-14();\r\n }\r\n\r\n &.size16 {\r\n @include properties.size-16();\r\n }\r\n\r\n &.size20 {\r\n @include properties.size-20();\r\n }\r\n\r\n &.size24 {\r\n @include properties.size-24();\r\n }\r\n\r\n &.size28 {\r\n @include properties.size-28();\r\n }\r\n\r\n &.rose {\r\n @include properties.rose();\r\n }\r\n\r\n @include darkTheme {\r\n &.colorHover {\r\n @include properties.rose();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-micro-button() {\r\n width: fit-content;\r\n height: fit-content;\r\n cursor: pointer;\r\n transition: all ease-out 200ms;\r\n\r\n &:disabled {\r\n pointer-events: none;\r\n cursor: default;\r\n }\r\n\r\n @include modify-flex(row, center, center);\r\n @include modify-svg() {\r\n flex: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--gray-200);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-200);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n background-color: #0C111D80;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: #0C111DCC;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: #0C111DCC;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n background-color: transparent;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--gray-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--primary-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--primary-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--primary-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--primary-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--primary-100);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-100);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n background: var(--base-white);\r\n border: 1px solid var(--primary-200);\r\n @include modify-svg($stroke: var(--primary-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--primary-50);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--primary-50);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n background: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n @include modify-svg($stroke: var(--gray-700));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n background: var(--base-white);\r\n border: 1px solid var(--error-300);\r\n @include modify-svg($stroke: var(--error-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin blue-light() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--primary-50));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n @include modify-svg($stroke: var(--primary-200));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include modify-svg($stroke: var(--primary-200));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n // 3 - 1 для учета border\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin rose() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--rose-600));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--rose-900);\r\n @include modify-svg($stroke: var(--rose-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-900);\r\n @include modify-svg($stroke: var(--rose-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: var(--ui-form-field-border-radius, 8px);\r\n gap: 12px;\r\n box-sizing: border-box;\r\n background-color: var(--ui-form-field-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-300));\r\n box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D);\r\n transition: all ease-out 200ms;\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n }\r\n\r\n @include centerInsideContent();\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n @include darkTheme {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n transition: -webkit-box-shadow ease-out 200ms;\r\n\r\n /* Полный сброс стандартных стилей автозаполнения */\r\n &:-internal-autofill-selected,\r\n &:-webkit-autofill,\r\n &:-webkit-autofill:hover,\r\n &:-webkit-autofill:active {\r\n -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-900)) !important;\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--base-white)) inset;\r\n background-color: transparent !important;\r\n caret-color: currentColor !important;\r\n @include darkTheme {\r\n -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-25)) !important;\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--gray-950)) inset;\r\n }\r\n }\r\n\r\n &:-webkit-autofill:focus {\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--base-white)) inset;\r\n @include darkTheme {\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--gray-950)) inset;\r\n }\r\n }\r\n\r\n /* Для современных браузеров */\r\n &:auto-fill,\r\n &:autofill {\r\n color: var(--ui-form-field-text-color, var(--gray-900)) !important;\r\n background-color: transparent !important;\r\n box-shadow: 0 0 0 40rem transparent !important;\r\n @include darkTheme {\r\n color: var(--ui-form-field-text-color, var(--gray-25)) !important;\r\n }\r\n }\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n }\r\n\r\n &:read-only {\r\n cursor: default;\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 @include darkTheme {\r\n @include modify-svg($stroke: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\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 &:has(.inputField:focus) {\r\n @include formFieldFocus();\r\n }\r\n\r\n &.isError {\r\n @include formFieldError();\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &:has(.inputField:focus) {\r\n @include formFieldErrorFocus();\r\n }\r\n }\r\n\r\n &.pointer {\r\n *, .inputField {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include formFieldDisabled();\r\n cursor: default;\r\n pointer-events: none;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .userPick {\r\n opacity: 50%;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\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 cursor: pointer;\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\r\n &.smallDisplay {\r\n padding: 0;\r\n border: none;\r\n box-shadow: none;\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n }\r\n\r\n &.largeDisplay {\r\n padding: 0;\r\n border: none;\r\n box-shadow: none;\r\n\r\n .inputField {\r\n @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n }\r\n\r\n // dark new adaptation\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-200)));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n\r\n // dark adaptation\r\n //&.darkTheme {\r\n //\r\n // .inputField {\r\n // caret-color: var(--ui-form-field-text-color, var(--gray-25));\r\n // @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-25)));\r\n //\r\n // &::placeholder, &.placeholder {\r\n // @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n // }\r\n // }\r\n //\r\n // .icon {\r\n // @include modify-svg($stroke: var(--ui-form-field-placeholder-color, var(--gray-500)))\r\n // }\r\n //\r\n // .textSupport {\r\n // @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n // }\r\n //\r\n // .help {\r\n // @include modify-svg($stroke: var(--gray-500))\r\n // }\r\n //\r\n // .dropdown {\r\n // @include modify-svg($stroke: var(--gray-500))\r\n // }\r\n //\r\n // .button {\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 // &.isError {\r\n // @include formFieldError();\r\n //\r\n // .help {\r\n // @include modify-svg($stroke: var(--error-500));\r\n // }\r\n //\r\n // &:has(.inputField:focus),\r\n // &.focus {\r\n // @include formFieldErrorFocus();\r\n // }\r\n // }\r\n //\r\n // &.disabled {\r\n // @include formFieldDisabled();\r\n // cursor: default;\r\n // pointer-events: none;\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 // &.smallDisplay {\r\n // .inputField {\r\n // @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-25));\r\n // }\r\n // }\r\n //\r\n // &.largeDisplay {\r\n // .inputField {\r\n // @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-25));\r\n // }\r\n // }\r\n //}\r\n}","@mixin darkTheme() {\r\n [data-theme=\"dark\"] & {\r\n @content;\r\n }\r\n}","@mixin centerInsideContent {\r\n & {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}","@use './themes' as *;\r\n\r\n@mixin formFieldDisabled {\r\n background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));\r\n border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));\r\n color: var(--ui-form-field-disabled-text-color, var(--gray-500));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));\r\n color: var(--ui-form-field-disabled-text-color, var(--gray-25))\r\n }\r\n}\r\n\r\n@mixin formFieldFocus {\r\n background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));\r\n border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));\r\n box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D));\r\n color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));\r\n border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));\r\n box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D));\r\n color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));\r\n }\r\n}\r\n\r\n@mixin formFieldError {\r\n background-color: var(--ui-form-field-error-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));\r\n box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 #1018280D);\r\n color: var(--ui-form-field-error-text-color, var(--gray-900));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));\r\n border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));\r\n box-shadow: var(--ui-form-field-error-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D));\r\n color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));\r\n }\r\n}\r\n\r\n@mixin formFieldErrorFocus {\r\n background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));\r\n box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 #1018280D);\r\n color: var(--ui-form-field-error-focus-text-color, var(--gray-900));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950))));\r\n border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));\r\n box-shadow: var(--ui-form-field-error-focus-box-shadow, var(--ui-form-field-error-box-shadow, 0 1px 2px 0 #1018280D));\r\n color: var(--ui-form-field-error-focus-text-color, var(--gray-25));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n width: 100%;\r\n height: fit-content;\r\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-700)));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-required-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 @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-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 @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-error-color, var(--error-500)));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n width: fit-content;\r\n padding: 0 12px;\r\n gap: 2px;\r\n cursor: pointer;\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--ui-form-field-helper-link-color, var(--primary-500)), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-helper-link-color, var(--primary-500)));\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n padding: 0;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-500)));\r\n }\r\n\r\n .hintText {\r\n padding: 0;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-600)));\r\n }\r\n\r\n .helperLink {\r\n padding: 0;\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-400)));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-500)));\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-400)));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-500)));\r\n }\r\n }\r\n }\r\n\r\n &.darkTheme {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-400));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n .helperLink {\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-400));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.textareaField {\r\n width: 100%;\r\n height: auto;\r\n min-height: 68px;\r\n overflow: auto;\r\n resize: none;\r\n border-radius: var(--ui-form-field-border-radius, 8px);\r\n // С учетом border\r\n padding: 9px 11px;\r\n background-color: var(--ui-form-field-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-300));\r\n box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D);\r\n transition: all ease-out 200ms;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n }\r\n\r\n &:focus {\r\n @include formFieldFocus();\r\n }\r\n\r\n &:disabled {\r\n @include formFieldDisabled();\r\n }\r\n\r\n &.isError {\r\n @include formFieldError();\r\n\r\n &:focus {\r\n @include formFieldErrorFocus();\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-200)));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeFieldMask {\r\n height: fit-content;\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 0 0 #1018280D;\r\n padding: 9px 11px;\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n @include modify-flex($align-items: center);\r\n\r\n .item {\r\n flex: 1;\r\n min-width: 0;\r\n gap: 6px;\r\n @include modify-flex($align-items: center);\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 .text {\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n height: 100%;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .content {\r\n flex: 1;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .line {\r\n padding: 0 11px;\r\n margin: -2px 0;\r\n @include centerInsideContent();\r\n }\r\n\r\n .xCloseButton {\r\n cursor: pointer;\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n * {\r\n transition: stroke ease-in-out 200ms;\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.isFocus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &.isFocus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n\r\n &.disabled {\r\n border: 1px solid var(--gray-400);\r\n background-color: var(--gray-50);\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n\r\n .item, .item .content {\r\n flex: none;\r\n }\r\n }\r\n\r\n\r\n // dark adaptation\r\n &.darkTheme {\r\n border: 1px solid var(--gray-800);\r\n background-color: var(--gray-950);\r\n\r\n .item {\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n .xCloseButton {\r\n @include modify-svg($stroke: var(--gray-500));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n }\r\n\r\n &.isFocus {\r\n border: 1px solid var(--gray-700);\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-950);\r\n\r\n &.isFocus {\r\n border: 1px solid var(--error-800);\r\n }\r\n }\r\n\r\n &.disabled {\r\n border: 1px solid var(--gray-800);\r\n background-color: var(--gray-950);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeField {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n}\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n // С учетом border\r\n gap: 12px;\r\n box-sizing: border-box;\r\n\r\n overflow: hidden;\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n outline: none;\r\n background: none;\r\n margin: 0;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n @include centerInsideContent();\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 &.disabled {\r\n &, &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n\r\n &.darkTheme {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-25));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.disabled {\r\n &, &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n @include centerInsideContent();\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeRangeField {\r\n width: 100%;\r\n gap: 8px;\r\n @include modify-flex($align-items: center);\r\n\r\n .item {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.SingleRangeField {\r\n height: fit-content;\r\n //position: relative;\r\n\r\n .modalWindow {\r\n position: fixed;\r\n //transform: translateY(4px);\r\n z-index: 10;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthFHug {\r\n height: fit-content;\r\n }\r\n}","@use 'base';\r\n@use 'properties';\r\n@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark() {\r\n .checkboxMark {\r\n transition: all ease-out 0.2s;\r\n\r\n @include base.checkbox-mark-base();\r\n\r\n &.checkbox {\r\n @include properties.checkbox();\r\n }\r\n\r\n &.radio {\r\n @include properties.radio();\r\n }\r\n\r\n &.checked {\r\n @include properties.checked();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate();\r\n }\r\n\r\n &.error {\r\n @include properties.error();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked();\r\n\r\n &.disabled {\r\n @include properties.correct-checked-disabled();\r\n }\r\n }\r\n &.disabled {\r\n @include properties.correct-disabled();\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked();\r\n\r\n &.disabled {\r\n @include properties.incorrect-checked-disabled();\r\n }\r\n }\r\n &.disabled {\r\n @include properties.incorrect-disabled();\r\n }\r\n }\r\n\r\n @media (hover: hover) {\r\n &.hover {\r\n @include base.checkbox-mark-base-hover();\r\n\r\n &.checked {\r\n @include properties.checked-hover();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate-hover();\r\n }\r\n\r\n &.checked.error,\r\n &.error {\r\n @include properties.error-hover();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked-hover();\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked-hover();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark-base-hover() {\r\n background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--primary-50)));\r\n border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--primary-200)));\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--gray-800)));\r\n border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--gray-500)));\r\n }\r\n}\r\n\r\n@mixin checkbox-mark-base() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n overflow: hidden;\r\n background-color: var(--ui-checkbox-mark-background-color, var(--base-white));\r\n border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-300));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-background-color, var(--gray-900));\r\n border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-500));\r\n }\r\n\r\n @include centerInsideContent();\r\n @include modify-svg($stroke-width: 4) {\r\n width: 14px;\r\n height: 14px;\r\n flex: none;\r\n }\r\n}",".checkboxMark {\n transition: all ease-out 0.2s;\n width: 20px;\n height: 20px;\n flex: none;\n box-sizing: border-box;\n cursor: pointer;\n overflow: hidden;\n background-color: var(--ui-checkbox-mark-background-color, var(--base-white));\n border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-300));\n}\n[data-theme=dark] .checkboxMark {\n background-color: var(--ui-checkbox-mark-background-color, var(--gray-900));\n border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-500));\n}\n.checkboxMark {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.checkboxMark > svg * {\n stroke-width: 4;\n}\n.checkboxMark > svg {\n width: 14px;\n height: 14px;\n flex: none;\n}\n.checkboxMark.checkbox {\n border-radius: 6px;\n}\n.checkboxMark.radio {\n border-radius: 50%;\n}\n.checkboxMark.radio:after {\n display: none;\n flex: none;\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.checkboxMark.checked {\n background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-50));\n border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-200));\n}\n.checkboxMark.checked > svg * {\n stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500));\n}\n[data-theme=dark] .checkboxMark.checked {\n background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-950));\n border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-700));\n}\n[data-theme=dark] .checkboxMark.checked > svg * {\n stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));\n}\n[data-theme=dark] .checkboxMark.checked {\n color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));\n}\n[data-theme=dark] .checkboxMark.checked:after {\n background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));\n}\n.checkboxMark.checked:after {\n background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500));\n display: block;\n}\n.checkboxMark.indeterminate {\n background-color: var(--primary-50);\n border: 1px solid var(--primary-200);\n}\n.checkboxMark.indeterminate > svg * {\n stroke: var(--primary-500);\n}\n.checkboxMark.indeterminate {\n font-size: 14px;\n line-height: 14px;\n color: var(--primary-500);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.indeterminate {\n background-color: var(--primary-950);\n border: 1px solid var(--primary-700);\n}\n[data-theme=dark] .checkboxMark.indeterminate {\n font-size: 14px;\n line-height: 14px;\n color: var(--primary-600);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.error {\n background-color: var(--ui-checkbox-mark-error-background-color, var(--error-50));\n border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-200));\n}\n.checkboxMark.error > svg * {\n stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-500));\n}\n.checkboxMark.error:after {\n background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-500));\n}\n[data-theme=dark] .checkboxMark.error:after {\n background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-600));\n}\n[data-theme=dark] .checkboxMark.error {\n background-color: var(--ui-checkbox-mark-error-background-color, var(--error-950));\n border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-700));\n}\n[data-theme=dark] .checkboxMark.error > svg * {\n stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-600));\n}\n.checkboxMark.disabled {\n cursor: default;\n background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-100));\n border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-300));\n}\n.checkboxMark.disabled > svg * {\n stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));\n}\n.checkboxMark.disabled {\n color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));\n}\n.checkboxMark.disabled:after {\n background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));\n}\n[data-theme=dark] .checkboxMark.disabled {\n background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-800));\n border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-700));\n}\n[data-theme=dark] .checkboxMark.disabled > svg * {\n stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));\n}\n[data-theme=dark] .checkboxMark.disabled {\n color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));\n}\n[data-theme=dark] .checkboxMark.disabled:after {\n background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));\n}\n.checkboxMark.correct.checked {\n border: transparent;\n background-color: var(--primary-500);\n}\n.checkboxMark.correct.checked {\n font-size: 14px;\n line-height: 14px;\n color: black;\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked {\n font-size: 16px;\n line-height: 24px;\n color: var(--base-white);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.correct.checked {\n background-color: var(--primary-600);\n}\n[data-theme=dark] .checkboxMark.correct.checked {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-50);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.correct.checked > svg * {\n stroke: var(--gray-50);\n}\n.checkboxMark.correct.checked:after {\n display: none;\n}\n.checkboxMark.correct.checked.disabled {\n border: transparent;\n background-color: var(--gray-300);\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: black;\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--base-white);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.correct.checked.disabled {\n background-color: var(--gray-700);\n}\n[data-theme=dark] .checkboxMark.correct.checked.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.correct.checked.disabled > svg * {\n stroke: var(--gray-500);\n}\n.checkboxMark.correct.checked.disabled:after {\n display: none;\n}\n.checkboxMark.correct.disabled {\n border: 1px solid var(--gray-300);\n background-color: var(--gray-100);\n}\n.checkboxMark.correct.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--gray-300);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.disabled > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.correct.disabled {\n border: 1px solid var(--gray-700);\n background-color: var(--gray-800);\n}\n[data-theme=dark] .checkboxMark.correct.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.correct.disabled > svg * {\n stroke: var(--gray-500);\n}\n.checkboxMark.correct.disabled:after {\n display: none;\n}\n.checkboxMark.incorrect.checked {\n border: transparent;\n background-color: var(--error-500);\n}\n.checkboxMark.incorrect.checked {\n font-size: 14px;\n line-height: 14px;\n color: black;\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked {\n font-size: 16px;\n line-height: 24px;\n color: var(--base-white);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.incorrect.checked {\n background-color: var(--error-600);\n}\n[data-theme=dark] .checkboxMark.incorrect.checked {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-50);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.incorrect.checked > svg * {\n stroke: var(--gray-50);\n}\n.checkboxMark.incorrect.checked:after {\n display: none;\n}\n.checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked.disabled > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-700);\n}\n[data-theme=dark] .checkboxMark.incorrect.checked.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.incorrect.checked.disabled > svg * {\n stroke: var(--gray-500);\n}\n.checkboxMark.incorrect.checked.disabled:after {\n display: none;\n}\n.checkboxMark.incorrect.disabled {\n border: 1px solid var(--gray-300);\n background-color: var(--gray-100);\n}\n.checkboxMark.incorrect.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--gray-300);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.disabled > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.incorrect.disabled {\n border: 1px solid var(--gray-700);\n background-color: var(--gray-800);\n}\n[data-theme=dark] .checkboxMark.incorrect.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.incorrect.disabled > svg * {\n stroke: var(--gray-500);\n}\n.checkboxMark.incorrect.disabled:after {\n display: none;\n}\n@media (hover: hover) {\n .checkboxMark.hover {\n background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--primary-50)));\n border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--primary-200)));\n }\n [data-theme=dark] .checkboxMark.hover {\n background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--gray-800)));\n border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--gray-500)));\n }\n .checkboxMark.hover.checked {\n background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-50)));\n border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-400)));\n }\n [data-theme=dark] .checkboxMark.hover.checked {\n background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-900)));\n border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-700)));\n }\n .checkboxMark.hover.indeterminate {\n border: 1px solid var(--primary-400);\n }\n [data-theme=dark] .checkboxMark.hover.indeterminate {\n border: 1px solid var(--primary-700);\n background-color: var(--primary-900);\n }\n .checkboxMark.hover.checked.error, .checkboxMark.hover.error {\n background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-50)));\n border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-400)));\n }\n [data-theme=dark] .checkboxMark.hover.checked.error, [data-theme=dark] .checkboxMark.hover.error {\n background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-900)));\n border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-700)));\n }\n .checkboxMark.hover.correct.checked {\n border: transparent !important;\n background-color: var(--primary-600) !important;\n }\n [data-theme=dark] .checkboxMark.hover.correct.checked {\n border: transparent !important;\n background-color: var(--primary-700) !important;\n }\n .checkboxMark.hover.incorrect.checked {\n border: transparent !important;\n background-color: var(--error-600) !important;\n }\n [data-theme=dark] .checkboxMark.hover.incorrect.checked {\n border: transparent !important;\n background-color: var(--error-700) !important;\n }\n}","@mixin checkbox() {\r\n border-radius: 6px;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin radio() {\r\n border-radius: 50%;\r\n\r\n &:after {\r\n display: none;\r\n flex: none;\r\n content: '';\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checked-hover() {\r\n background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-50)));\r\n border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-400)));\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-900)));\r\n border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-700)));\r\n }\r\n}\r\n\r\n@mixin checked() {\r\n background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-50));\r\n border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-200));\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500)));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-950));\r\n border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-700));\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600)));\r\n @include fnt-flex($color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600)));\r\n\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));\r\n }\r\n }\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500));\r\n display: block;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin indeterminate-hover() {\r\n border: 1px solid var(--primary-400);\r\n @include darkTheme {\r\n border: 1px solid var(--primary-700);\r\n background-color: var(--primary-900);\r\n }\r\n}\r\n\r\n@mixin indeterminate() {\r\n background-color: var(--primary-50);\r\n border: 1px solid var(--primary-200);\r\n\r\n @include modify-svg($stroke: var(--primary-500));\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--primary-500));\r\n\r\n @include darkTheme {\r\n background-color: var(--primary-950);\r\n border: 1px solid var(--primary-700);\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--primary-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin error-hover() {\r\n background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-50)));\r\n border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-400)));\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-900)));\r\n border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-700)));\r\n }\r\n}\r\n\r\n@mixin error() {\r\n background-color: var(--ui-checkbox-mark-error-background-color, var(--error-50));\r\n border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-200));\r\n\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-500)));\r\n\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-500));\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-600));\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-error-background-color, var(--error-950));\r\n border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-700));\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-600)));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin disabled() {\r\n cursor: default;\r\n\r\n background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-100));\r\n border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-300));\r\n\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300)));\r\n @include fnt-flex($color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300)));\r\n\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-800));\r\n border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-700));\r\n\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700)));\r\n @include fnt-flex($color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700)));\r\n\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin correct-checked-hover() {\r\n border: transparent !important;\r\n background-color: var(--primary-600) !important;\r\n\r\n @include darkTheme {\r\n border: transparent !important;\r\n background-color: var(--primary-700) !important;\r\n }\r\n}\r\n\r\n@mixin correct-checked() {\r\n border: transparent;\r\n background-color: var(--primary-500);\r\n\r\n @include fnt($size: 14, $line-height: 14, $weight: 500);\r\n @include fnt($color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n background-color: var(--primary-600);\r\n @include fnt($color: var(--gray-50));\r\n @include modify-svg($stroke: var(--gray-50));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}\r\n\r\n@mixin correct-checked-disabled() {\r\n border: transparent;\r\n background-color: var(--gray-300);\r\n @include fnt($size: 14, $line-height: 14, $weight: 500);\r\n @include fnt($color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-700);\r\n @include fnt($color: var(--gray-500));\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}\r\n\r\n\r\n@mixin correct-disabled() {\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--gray-100);\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--gray-300));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n border: 1px solid var(--gray-700);\r\n background-color: var(--gray-800);\r\n @include fnt($color: var(--gray-500));\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin incorrect-checked-hover() {\r\n border: transparent !important;\r\n background-color: var(--error-600) !important;\r\n\r\n @include darkTheme {\r\n border: transparent !important;\r\n background-color: var(--error-700) !important;\r\n }\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n border: transparent;\r\n background-color: var(--error-500);\r\n\r\n @include fnt($size: 14, $line-height: 14, $weight: 500);\r\n @include fnt($color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n background-color: var(--error-600);\r\n @include fnt($color: var(--gray-50));\r\n @include modify-svg($stroke: var(--gray-50));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}\r\n\r\n@mixin incorrect-checked-disabled() {\r\n background-color: var(--gray-300);\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-700);\r\n @include fnt($color: var(--gray-500));\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}\r\n\r\n@mixin incorrect-disabled() {\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--gray-100);\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--gray-300));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n border: 1px solid var(--gray-700);\r\n background-color: var(--gray-800);\r\n @include fnt($color: var(--gray-500));\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.checkbox {\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n gap: 8px;\r\n flex: none;\r\n @include modify-flex();\r\n\r\n .textBlock {\r\n flex: 1;\r\n gap: 2px;\r\n overflow: hidden;\r\n @include modify-flex($direction: column, $align-items: start);\r\n\r\n\r\n .text, .supportingText {\r\n width: 100%;\r\n transition: color ease-in-out 200ms;\r\n text-align: start;\r\n }\r\n\r\n .text {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n\r\n &.textBold {\r\n @include fnt-flex($weight: 600);\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n }\r\n\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--ui-checkbox-text-color, var(--gray-700)), $family: $golos-text);\r\n }\r\n\r\n .supportingText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-checkbox-support-text-color, var(--gray-400)), $family: $golos-text);\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-focus-text-color, var(--gray-900)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-focus-support-text-color, var(--gray-500)));\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-active-text-color, var(--gray-700)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-active-support-text-color, var(--gray-500)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-active-focus-text-color, var(--gray-900)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-active-focus-support-text-color, var(--gray-500)));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n pointer-events: none;\r\n\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-disabled-text-color, var(--gray-500)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-disabled-support-text-color, var(--gray-400)));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-error-text-color, var(--gray-700)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-error-support-text-color, var(--error-400)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-error-focus-text-color, var(--gray-900)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-error-focus-support-text-color, var(--error-500)));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n @include darkTheme {\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-text-color, var(--gray-200)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-support-text-color, var(--gray-500)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-focus-text-color, var(--gray-100)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-focus-support-text-color, var(--gray-400)));\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-active-text-color, var(--gray-100)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-active-support-text-color, var(--gray-400)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-active-focus-text-color, var(--gray-100)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-active-focus-support-text-color, var(--gray-400)));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-disabled-text-color, var(--gray-400)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-disabled-support-text-color, var(--gray-600)));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-error-text-color, var(--gray-100)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-error-support-text-color, var(--error-500)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-error-focus-text-color, var(--gray-100)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-error-focus-support-text-color, var(--error-500)));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //&.dark {\r\n // .textBlock {\r\n // .text {\r\n // @include fnt($color: var(--gray-iron-100));\r\n //\r\n // &.textBold {\r\n // @include fnt-flex($weight: 600);\r\n // }\r\n // }\r\n //\r\n // .supportingText {\r\n // @include fnt($color: var(--gray-iron-500));\r\n // }\r\n //\r\n // @include tablet-plus {\r\n // &.hover,\r\n // &.focus {\r\n // .text {\r\n // @include fnt-flex($color: var(--gray-iron-100));\r\n // }\r\n //\r\n // .supportingText {\r\n // @include fnt-flex($color: var(--gray-iron-400));\r\n // }\r\n // }\r\n // }\r\n //\r\n // @include tablet {\r\n // &.active {\r\n // .text {\r\n // @include fnt-flex($color: var(--gray-900));\r\n // }\r\n //\r\n // .supportingText {\r\n // @include fnt-flex($color: var(--gray-500));\r\n // }\r\n // }\r\n // }\r\n // }\r\n //\r\n // &.disabled {\r\n // cursor: default;\r\n //\r\n // .textBlock {\r\n // .text {\r\n // @include fnt-flex($color: var(--gray-iron-100));\r\n // }\r\n //\r\n // .supportingText {\r\n // @include fnt-flex($color: var(--gray-iron-400));\r\n // }\r\n // }\r\n // }\r\n //\r\n // &.error {\r\n // .textBlock .supportingText {\r\n // @include fnt-flex($color: var(--error-400));\r\n // }\r\n // }\r\n //}\r\n}","@mixin hideScrollbar() {\r\n & {\r\n scrollbar-width: none; /* Firefox */\r\n -ms-overflow-style: none; /* IE 10+ */\r\n\r\n &::-webkit-scrollbar {\r\n display: none; /* Chrome, Safari, Opera */\r\n }\r\n }\r\n}\r\n\r\n@mixin hover {\r\n @media (hover: hover) {\r\n &:hover {\r\n @content;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n@use 'mixins';\r\n\r\n.toggleBase {\r\n transition: all ease-out 0.2s;\r\n\r\n --toggle-theme: 'light';\r\n\r\n @include mixins.base();\r\n\r\n .button {\r\n @include mixins.base-button();\r\n }\r\n\r\n .spacer {\r\n transition: flex-grow ease-in-out 0.2s;\r\n @include mixins.spacer();\r\n }\r\n\r\n &.active {\r\n @include mixins.active();\r\n\r\n .spacer {\r\n @include mixins.active-spacer();\r\n }\r\n }\r\n\r\n &.error {\r\n @include mixins.error-base();\r\n\r\n &.active {\r\n @include mixins.error-active();\r\n }\r\n }\r\n\r\n &.medium {\r\n @include mixins.medium-base();\r\n\r\n .button {\r\n @include mixins.medium-button();\r\n }\r\n }\r\n\r\n &.large {\r\n @include mixins.large-base();\r\n\r\n .button {\r\n @include mixins.large-button();\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:not(.disabled).hover, &:not(.disabled):hover {\r\n @include mixins.hover();\r\n\r\n &.error {\r\n @include mixins.hover-error;\r\n }\r\n\r\n &.active {\r\n @include mixins.hover-active();\r\n\r\n &.error {\r\n @include mixins.hover-active-error();\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include mixins.disabled-base();\r\n\r\n @include tablet-plus {\r\n &.hover, &:hover {\r\n @include mixins.disabled-base();\r\n }\r\n }\r\n }\r\n\r\n // dark theme\r\n &.dark {\r\n @include mixins.base(\"dark\");\r\n\r\n &.active {\r\n @include mixins.active(\"dark\");\r\n }\r\n\r\n @include tablet-plus {\r\n &:not(.disabled).hover, &:not(.disabled):hover {\r\n @include mixins.hover(\"dark\");\r\n\r\n &.active {\r\n @include mixins.hover-active(\"dark\");\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base($theme: 'light') {\r\n border-radius: 12px;\r\n padding: 1px;\r\n border: 1px solid transparent;\r\n\r\n @if $theme == 'dark' {\r\n background-color: var(--gray-iron-500);\r\n } @else {\r\n background-color: var(--gray-300);\r\n }\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n flex: none;\r\n border: 1px solid transparent;\r\n border-radius: 50%;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin spacer() {\r\n flex-grow: 0;\r\n}","@mixin active($theme: 'light') {\r\n @if $theme == 'dark' {\r\n background-color: var(--rose-500);\r\n } @else {\r\n background-color: var(--primary-500);\r\n }\r\n}\r\n\r\n@mixin active-spacer() {\r\n flex-grow: 1;\r\n}\r\n\r\n","@mixin error-base() {\r\n background-color: var(--error-200);\r\n}\r\n\r\n@mixin error-active() {\r\n background-color: var(--error-500);\r\n}","@mixin medium-base() {\r\n width: 36px;\r\n height: 20px;\r\n}\r\n\r\n@mixin medium-button() {\r\n width: 16px;\r\n height: 16px;\r\n}","@mixin large-base() {\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n@mixin large-button() {\r\n width: 20px;\r\n height: 20px;\r\n}","@mixin hover($theme: \"light\") {\r\n @if $theme == \"light\" {\r\n background-color: var(--gray-400);\r\n } @else {\r\n background-color: var(--gray-iron-600);\r\n }\r\n}\r\n\r\n@mixin hover-active($theme: \"light\") {\r\n @if $theme == \"light\" {\r\n background-color: var(--primary-600);\r\n } @else {\r\n background-color: var(--rose-600);\r\n }\r\n}\r\n\r\n@mixin hover-error() {\r\n background-color: var(--error-300);\r\n}\r\n\r\n@mixin hover-active-error() {\r\n background-color: var(--error-600);\r\n}","@mixin disabled-base() {\r\n cursor: default;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.toggle {\r\n flex: none;\r\n display: flex;\r\n gap: 8px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n\r\n .textBlock {\r\n flex: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column, $justify-content: start, $align-items: start);\r\n\r\n .text, .description {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n transition: color ease-in-out 200ms;\r\n text-align: start;\r\n }\r\n\r\n .text {\r\n width: 100%;\r\n text-wrap: nowrap;\r\n gap: 6px;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .description {\r\n max-width: 100%;\r\n text-wrap: wrap;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n }\r\n\r\n &.active .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .description {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:not(.disabled).hover .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .description {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n pointer-events: none;\r\n\r\n .textBlock {\r\n opacity: 0.5;\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n &.dark {\r\n .text {\r\n color: var(--gray-iron-300) !important;\r\n }\r\n\r\n .description {\r\n color: var(--gray-iron-400) !important;\r\n }\r\n\r\n &.active .textBlock {\r\n .text {\r\n color: var(--gray-iron-50) !important;\r\n }\r\n\r\n .description {\r\n color: var(--gray-iron-500) !important;\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:not(.disabled).hover .textBlock {\r\n .text {\r\n color: var(--gray-iron-50) !important;\r\n }\r\n\r\n .description {\r\n color: var(--gray-iron-500) !important;\r\n }\r\n }\r\n }\r\n }\r\n}","@use \"@/styles\" as *;\r\n\r\n.cascadeBlockLabel {\r\n gap: 2px;\r\n @include modify-flex();\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n width: 20px;\r\n height: 20px;\r\n transform: rotateX(180deg);\r\n transition: transform ease-out 200ms;\r\n }\r\n\r\n &.open {\r\n @include modify-svg() {\r\n transform: rotateX(0);\r\n }\r\n }\r\n}\r\n\r\n.text {\r\n @include fnt($size: 16, $line-height: 20, $weight: 600, $color: var(--gray-700), $family: $golos-text);\r\n}\r\n\r\n.cascadeBlock {\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n position: relative;\r\n\r\n .list {\r\n padding: 8px 0 8px 16px;\r\n gap: 8px;\r\n @include modify-flex($direction: column);\r\n\r\n &.hide {\r\n display: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tagCheckbox {\r\n border-radius: 4px;\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--base-white), $stroke-width: 3) {\r\n opacity: 0;\r\n transition: opacity ease-in-out 200ms;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--primary-200);\r\n background-color: var(--primary-50);\r\n }\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--primary-500);\r\n background-color: var(--primary-500);\r\n @include modify-svg() {\r\n opacity: 1;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--primary-600);\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-100);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-200);\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.small {\r\n width: 14px;\r\n height: 14px;\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n }\r\n\r\n &.medium {\r\n width: 16px;\r\n height: 16px;\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n &.large {\r\n width: 18px;\r\n height: 18px;\r\n @include modify-svg() {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tagCount {\r\n width: fit-content;\r\n height: fit-content;\r\n border-radius: 3px;\r\n @include fnt-flex($color: var(--gray-700));\r\n\r\n &.gray {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.color {\r\n background-color: var(--primary-100);\r\n }\r\n\r\n &.white {\r\n background-color: var(--base-white);\r\n }\r\n\r\n &.small {\r\n padding: 2px 4px 2px 4px;\r\n @include fnt-flex($size: 12, $line-height: 14, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n &.medium {\r\n padding: 2px 5px 2px 5px;\r\n @include fnt-flex($size: 12, $line-height: 16, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n &.large {\r\n padding: 0 6px 0 6px;\r\n @include fnt-flex($size: 12, $line-height: 20, $weight: 500, $family: var(--golos));\r\n }\r\n}","@use 'properties';\r\n\r\n.tag {\r\n @include properties.base();\r\n\r\n &:hover {\r\n @include properties.hover();\r\n }\r\n\r\n &.active {\r\n @include properties.active();\r\n\r\n &:hover {\r\n @include properties.active-hover();\r\n }\r\n }\r\n\r\n &.small {\r\n @include properties.small();\r\n }\r\n\r\n &.medium {\r\n @include properties.medium();\r\n }\r\n\r\n &.large {\r\n @include properties.large();\r\n }\r\n\r\n &.clicked {\r\n @include properties.clicked();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 3px;\r\n border-radius: 6px;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n transition: background-color ease-out 300ms;\r\n cursor: default;\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .label {\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n\r\n .dotIcon {\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--success-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin hover() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin active() {\r\n border: 1px solid var(--primary-200);\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n }\r\n}\r\n\r\n@mixin active-hover() {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n // С учетом border\r\n padding: 2px 7px;\r\n @include fnt($size: 12, $line-height: 18, $weight: 500, $family: var(--golos));\r\n\r\n .main {\r\n gap: 4px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin medium() {\r\n // С учетом border\r\n padding: 1px 8px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $family: var(--golos));\r\n\r\n .main {\r\n gap: 5px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 4px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin large() {\r\n // С учетом border\r\n padding: 3px 9px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500);\r\n\r\n .main {\r\n gap: 6px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@mixin clicked() {\r\n cursor: pointer;\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: fit-content;\r\n background-color: var(--filter-tag-bg, var(--gray-200));\r\n transition: padding ease-out 200ms, border-radius ease-out 200ms, background ease-out 200ms, color ease-out 200ms;\r\n @include modify-flex($align-items: center);\r\n @include fnt($size: 12, $line-height: 16, $color: var(--filter-tag-color, var(--gray-700)), $weight: 500);\r\n\r\n & > section {\r\n padding: 0 4px;\r\n }\r\n\r\n &:hover {\r\n background-color: var(--filter-tag-bg-hover, var(--gray-300));\r\n @include fnt-flex($color: var(--filter-tag-color-hover, var(--gray-800)))\r\n }\r\n\r\n &.active {\r\n background-color: var(--filter-tag-bg-active, var(--primary-500));\r\n @include fnt-flex($color: var(--filter-tag-color-active, var(--base-white)));\r\n\r\n &:hover {\r\n background-color: var(--filter-tag-bg-active-hover, var(--primary-600));\r\n @include fnt-flex($color: var(--filter-tag-color-active-hover, var(--base-white)));\r\n }\r\n }\r\n\r\n &.small {\r\n border-radius: 6px;\r\n padding: 4px;\r\n @include fnt-flex($size: 12, $line-height: 16, $weight: 500);\r\n }\r\n\r\n &.large {\r\n border-radius: 8px;\r\n padding: 6px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.slideTransition {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n &.hide {\r\n height: 0;\r\n }\r\n\r\n &.show {\r\n height: fit-content;\r\n }\r\n\r\n &.enterUp {\r\n transform-origin: top;\r\n animation: enterAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.exitUp {\r\n transform-origin: top;\r\n animation: exitAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.enterDown {\r\n transform-origin: bottom;\r\n animation: enterAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.exitDown {\r\n transform-origin: bottom;\r\n animation: exitAnimation forwards ease-out 300ms;\r\n }\r\n}\r\n\r\n@keyframes enterAnimation {\r\n from {\r\n height: 0;\r\n }\r\n to {\r\n\r\n }\r\n}\r\n\r\n@keyframes exitAnimation {\r\n from {\r\n }\r\n to {\r\n height: 0;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tabFrame {\r\n height: fit-content;\r\n border-radius: 8px;\r\n padding: 4px;\r\n gap: 4px;\r\n background-color: var(--gray-100);\r\n @include modify-flex();\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-950);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tabButtons {\r\n border-radius: 6px;\r\n padding: 9px;\r\n background-color: var(--gray-100);\r\n cursor: pointer;\r\n transition: all 200ms ease-out;\r\n border: 1px solid transparent;\r\n @include modify-flex($justify-content: center, $align-items: center);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .text {\r\n width: fit-content;\r\n padding: 0 4px;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-600));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-200);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-200);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n flex: none;\r\n @include fnt-flex($color: var(--gray-800));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-50);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-50);\r\n }\r\n }\r\n }\r\n\r\n &.disabled, &:disabled {\r\n border: transparent 1px solid;\r\n box-shadow: none;\r\n background-color: var(--gray-100);\r\n cursor: default;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.mark {\r\n position: relative;\r\n\r\n &:after {\r\n content: '';\r\n top: -4px;\r\n right: -4px;\r\n position: absolute;\r\n\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 4px;\r\n }\r\n\r\n &Error {\r\n &:after {\r\n background-color: var(--error-500);\r\n }\r\n }\r\n\r\n &Info {\r\n &:after {\r\n background-color: var(--primary-500);\r\n }\r\n }\r\n\r\n &Success {\r\n &:after {\r\n background-color: var(--success-500);\r\n }\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-950);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-iron-600))\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-iron-600))\r\n }\r\n\r\n .text {\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-iron-400));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-iron-900);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-200));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-iron-900);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-200));\r\n }\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-iron-500))\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-iron-500))\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n border: 1px solid var(--gray-iron-800);\r\n background-color: var(--gray-iron-900);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-iron-500));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-iron-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-200));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray--iron-800);\r\n border: 1px solid var(--gray-iron-700);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray--iron-800);\r\n }\r\n }\r\n }\r\n\r\n &.disabled, &:disabled {\r\n background-color: var(--gray--iron-900);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-iron-700));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-iron-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-600));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.pageSwitcher {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 16px 0 0 0;\r\n\r\n .arrowButtons {\r\n width: fit-content;\r\n height: fit-content;\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n\r\n @include changeSvg($flex: none, $stroke: var(--gray-600), $width: 20, $height: 20);\r\n @include fnt($size: 14, $line-height: 20, $weight: 600, $color: var(--gray-600));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n color: var(--gray-700);\r\n @include changeSvg($stroke: var(--gray-700));\r\n }\r\n }\r\n\r\n &:focus {\r\n color: var(--gray-600);\r\n @include changeSvg($stroke: var(--gray-600));\r\n }\r\n\r\n &:disabled {\r\n color: var(--gray-300);\r\n @include changeSvg($stroke: var(--gray-300));\r\n }\r\n }\r\n\r\n .buttonsList {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 2px;\r\n\r\n .plug {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n @include centerInsideContent();\r\n }\r\n\r\n .numberButton {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n transition: all linear 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n @include centerInsideContent();\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n color: var(--gray-800);\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n\r\n &.active {\r\n color: var(--gray-800);\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.smallVersion {\r\n justify-content: space-between;\r\n }\r\n\r\n\r\n // dark theme\r\n &.dark {\r\n .buttonsList {\r\n .plug {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-500));\r\n }\r\n\r\n .numberButton {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-500));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n color: var(--gray-iron-400);\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n\r\n &.active {\r\n color: var(--gray-iron-400);\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n }\r\n }\r\n}",".paginationBar {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}","@use '@/styles' as *;\r\n\r\n.userPick, .userPickPlaceholder {\r\n border-radius: 50%;\r\n object-fit: cover;\r\n overflow: hidden;\r\n transition: opacity ease-out 200ms;\r\n &.disabled {\r\n opacity: 50%;\r\n }\r\n}\r\n\r\n.userPickPlaceholder {\r\n background-color: var(--gray-300);\r\n @include modify-svg($fill: var(--gray-400)) {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dropdownItem {\r\n flex: none;\r\n height: fit-content;\r\n gap: 6px;\r\n transition: background-color ease-out 300ms;\r\n overflow: hidden;\r\n\r\n $border-radius: var(--ui-dropdown-item-border-radius, 4px);\r\n\r\n &:first-child {\r\n border-top-right-radius: $border-radius;\r\n border-top-left-radius: $border-radius;\r\n -webkit-border-top-right-radius: $border-radius;\r\n -webkit-border-top-left-radius: $border-radius;\r\n -moz-border-radius-topleft: $border-radius;\r\n -moz-border-radius-topright: $border-radius;\r\n }\r\n\r\n &:last-child {\r\n border-bottom-left-radius: $border-radius;\r\n border-bottom-right-radius: $border-radius;\r\n -webkit-border-bottom-left-radius: $border-radius;\r\n -webkit-border-bottom-right-radius: $border-radius;\r\n -moz-border-radius-bottomleft: $border-radius;\r\n -moz-border-radius-bottomright: $border-radius;\r\n }\r\n\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex: 1;\r\n gap: 6px;\r\n overflow: hidden;\r\n @include modify-flex($align-items: center);\r\n\r\n .text, .supportText {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n }\r\n\r\n .text {\r\n text-wrap: balance;\r\n }\r\n\r\n .supportText {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-wrap: nowrap;\r\n }\r\n }\r\n\r\n .showIcon {\r\n svg {\r\n width: 20px;\r\n height: 20px;\r\n\r\n & > * {\r\n transition: stroke ease-out 200ms\r\n }\r\n }\r\n\r\n @include centerInsideContent();\r\n }\r\n\r\n .check {\r\n opacity: 0;\r\n transition: opacity ease-out 200ms;\r\n\r\n svg {\r\n width: 20px;\r\n height: 20px;\r\n\r\n & > * {\r\n transition: stroke ease-out 200ms\r\n }\r\n }\r\n\r\n @include centerInsideContent();\r\n\r\n & {\r\n display: none;\r\n }\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-text-color, var(--gray-900)));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-support-text-color, var(--gray-400)));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-show-icon-color, var(--gray-400)));\r\n }\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-check-icon-color, var(--primary-500)));\r\n }\r\n\r\n @include hover {\r\n background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-100));\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-hover-text-color, var(--ui-dropdown-item-text-color, var(--gray-900))));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-hover-support-text-color, var(--ui-dropdown-item-support-text-color, var(--gray-400))));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-hover-show-icon-color, var(--ui-dropdown-item-show-icon-color, var(--gray-400))));\r\n }\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-hover-check-icon-color, var(--ui-dropdown-item-check-icon-color, var(--primary-500))));\r\n }\r\n }\r\n\r\n //@include tablet {\r\n // &:active {\r\n // background-color: var(--gray-100);\r\n // }\r\n //}\r\n\r\n &.selected {\r\n background-color: var(--ui-dropdown-item-active-background-color, var(--primary-50));\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-text-color, var(--gray-900)));\r\n }\r\n\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-support-text-color, var(--gray-400)));\r\n }\r\n\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-show-icon-color, var(--gray-400)));\r\n }\r\n\r\n .check {\r\n display: flex;\r\n opacity: 1;\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-check-icon-color, var(--primary-500)));\r\n }\r\n\r\n @include hover {\r\n background-color: var(--ui-dropdown-item-active-hover-background-color, var(--primary-100));\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-hover-text-color, var(--ui-dropdown-item-active-text-color, var(--gray-900))));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-hover-support-text-color, var(--ui-dropdown-item-active-support-text-color, var(--gray-400))));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-hover-show-icon-color, var(--ui-dropdown-item-active-show-icon-color, var(--gray-400))));\r\n }\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-hover-check-icon-color, var(--ui-dropdown-item-active-check-icon-color, var(--primary-500))));\r\n }\r\n }\r\n\r\n //@include tablet {\r\n // &:active {\r\n // background-color: var(--primary-100);\r\n // }\r\n //}\r\n }\r\n\r\n &:disabled, &.disabled {\r\n cursor: default;\r\n pointer-events: none;\r\n opacity: .5;\r\n\r\n //.showIcon {\r\n // @include modify-svg($stroke: var(--gray-300));\r\n //}\r\n //\r\n //.main .supportText, .main .text {\r\n // @include fnt-flex($color: var(--gray-300));\r\n //}\r\n //\r\n //.userIcon {\r\n // opacity: 45%;\r\n //}\r\n //\r\n //.check {\r\n // @include modify-svg($stroke: var(--gray-300));\r\n //}\r\n //\r\n //&.selected {\r\n // background-color: var(--gray-25);\r\n //}\r\n }\r\n\r\n &.small {\r\n padding: 8px 8px 8px 16px;\r\n\r\n .text,\r\n .supportText {\r\n @include fnt-flex($size: 14, $line-height: 20)\r\n }\r\n }\r\n\r\n &.medium {\r\n padding: 10px 10px 10px 16px;\r\n\r\n .text,\r\n .supportText {\r\n @include fnt-flex($size: 16, $line-height: 24)\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n // Dark Theme\r\n @include darkTheme {\r\n\r\n .text {\r\n color: var(--ui-dropdown-item-text-color, var(--gray-200));\r\n }\r\n .supportText {\r\n color: var(--ui-dropdown-item-support-text-color, var(--gray-500));\r\n }\r\n\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-show-icon-color, var(--gray-500)));\r\n }\r\n\r\n @include hover {\r\n background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-800));\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-hover-text-color, var(--ui-dropdown-item-text-color, var(--gray-200))));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-hover-support-text-color, var(--ui-dropdown-item-support-text-color, var(--gray-500))));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-hover-show-icon-color, var(--ui-dropdown-item-show-icon-color, var(--gray-500))));\r\n }\r\n }\r\n\r\n // @include tablet {\r\n // &:active {\r\n // background-color: var(--gray-800);\r\n // }\r\n // }\r\n //\r\n\r\n &.selected {\r\n background-color: var(--ui-dropdown-item-active-background-color, var(--primary-950));\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-text-color, var(--gray-200)));\r\n }\r\n\r\n .supportText {\r\n color: var(--ui-dropdown-item-active-support-text-color, var(--primary-600));\r\n }\r\n\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-show-icon-color, var(--primary-600)))\r\n }\r\n\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-check-icon-color, var(--primary-600)))\r\n }\r\n\r\n @include hover {\r\n background-color: var(--ui-dropdown-item-active-hover-background-color, var(--primary-900));\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-hover-text-color, var(--ui-dropdown-item-active-text-color, var(--gray-200))));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-hover-support-text-color, var(--ui-dropdown-item-active-support-text-color, var(--primary-600))));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-hover-show-icon-color, var(--ui-dropdown-item-active-show-icon-color, var(--primary-600))));\r\n }\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-hover-check-icon-color, var(--ui-dropdown-item-active-check-icon-color, var(--primary-600))))\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.LoadingIndicator {\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n .icon {\r\n animation: spinner-animation linear 1000ms infinite;\r\n @include centerInsideContent();\r\n }\r\n\r\n .text {\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &.lineSimple {\r\n .icon {\r\n @include modify-svg() {\r\n path:first-child {\r\n stroke: var(--gray-300);\r\n }\r\n path:last-child {\r\n stroke: var(--primary-500);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.lineSpinner {\r\n .icon {\r\n @include modify-svg() {\r\n path:first-child {\r\n stroke: var(--gray-300);\r\n }\r\n path:last-child {\r\n stroke: var(--primary-500);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.dotCircle {\r\n }\r\n\r\n &.small {\r\n gap: 16px;\r\n @include modify-svg() {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 20);\r\n }\r\n }\r\n\r\n &.medium {\r\n gap: 16px;\r\n @include modify-svg() {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 20);\r\n }\r\n }\r\n\r\n &.large {\r\n gap: 16px;\r\n @include modify-svg() {\r\n width: 56px;\r\n height: 56px;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 18, $line-height: 28);\r\n }\r\n }\r\n\r\n &.ultra {\r\n gap: 20px;\r\n @include modify-svg() {\r\n width: 64px;\r\n height: 64px;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 18, $line-height: 28);\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n @include darkTheme {\r\n .text {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-100));\r\n }\r\n\r\n &.lineSimple {\r\n .icon {\r\n @include modify-svg() {\r\n path:first-child {\r\n stroke: var(--gray-500);\r\n }\r\n path:last-child {\r\n stroke: var(--primary-600);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.lineSpinner {\r\n .icon {\r\n @include modify-svg() {\r\n path:first-child {\r\n stroke: var(--gray-500);\r\n }\r\n path:last-child {\r\n stroke: var(--primary-600);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@keyframes spinner-animation {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.controlBar {\r\n width: fit-content;\r\n gap: 24px;\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n.videoProgressBar {\r\n width: 100%;\r\n height: 8px;\r\n background-color: #00000066;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n .progressBar {\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background-color: var(--primary-400);\r\n }\r\n\r\n &:not(.dragging) {\r\n .progressBar {\r\n transition: width linear 0.2s;\r\n }\r\n }\r\n\r\n &.dragging {\r\n .progressBar {\r\n transition: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.VideoViewer {\r\n width: fit-content;\r\n height: fit-content;\r\n max-width: 100%;\r\n max-height: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n @include centerInsideContent();\r\n\r\n .loader {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n\r\n &.hide {\r\n display: none;\r\n }\r\n }\r\n\r\n .timer {\r\n position: absolute;\r\n top: 24px;\r\n right: 24px;\r\n\r\n width: fit-content;\r\n height: fit-content;\r\n border-radius: 16px;\r\n padding: 4px 12px;\r\n background-color: #00000066;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: #FFFFFFCC);\r\n }\r\n\r\n .progressBar {\r\n width: 100%;\r\n height: fit-content;\r\n position: absolute;\r\n bottom: 0;\r\n }\r\n\r\n .actions {\r\n width: 100%;\r\n height: fit-content;\r\n position: absolute;\r\n bottom: 32px;\r\n padding: 0 20px;\r\n @include modify-flex($justify-content: space-between);\r\n }\r\n\r\n .content {\r\n flex: none;\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: scale-down;\r\n }\r\n\r\n .playButton {\r\n opacity: 0;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 1;\r\n transform: translate(-50%, -50%);\r\n cursor: default;\r\n @include centerInsideContent();\r\n\r\n &:not(.show) {\r\n display: none;\r\n }\r\n\r\n &.show {\r\n cursor: pointer;\r\n animation: appearance ease-out 200ms forwards;\r\n }\r\n }\r\n}\r\n\r\n@keyframes appearance {\r\n 0% {\r\n display: flex;\r\n }\r\n 1% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.ImageViewer {\r\n width: fit-content;\r\n max-width: 100%;\r\n height: 100%;\r\n object-fit: scale-down;\r\n}","@use '@/styles' as *;\r\n\r\n.MediaViewer {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n background-color: var(--base-white);\r\n @include modify-flex($justify-content: center);\r\n\r\n .content {\r\n width: 100%;\r\n height: 100%;\r\n\r\n .track {\r\n height: 100%;\r\n\r\n .el {\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n @include centerInsideContent;\r\n }\r\n }\r\n }\r\n\r\n .control {\r\n width: fit-content;\r\n position: absolute;\r\n left: 50%;\r\n bottom: 32px;\r\n transform: translateX(-50%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.PlayButton {\r\n border: 1px solid transparent;\r\n border-radius: 50%;\r\n transition: background-color ease-out 300ms;\r\n @include centerInsideContent();\r\n\r\n @include modify-svg($fill: var(--base-white)) {\r\n flex: none;\r\n }\r\n\r\n &.default {\r\n width: 48px;\r\n height: 48px;\r\n padding: 12px 10px 12px 16px;\r\n\r\n @include modify-svg() {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n &.stop {\r\n padding: 12px;\r\n }\r\n }\r\n\r\n &.large {\r\n width: 96px;\r\n height: 96px;\r\n padding: 24px 22px 24px 34px;\r\n\r\n @include modify-svg() {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n &.stop {\r\n padding: 24px;\r\n }\r\n }\r\n\r\n &.light {\r\n width: 24px;\r\n height: 24px;\r\n padding: 6px 4px 6px 7px;\r\n background-color: var(--gray-400);\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n\r\n &.stop {\r\n padding: 8px;\r\n @include modify-svg() {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-400);\r\n }\r\n }\r\n }\r\n\r\n &.dark {\r\n background-color: #00000066;\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: #000000CC;\r\n }\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: pointer;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.CalendarDayWrapper {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n @include centerInsideContent;\r\n\r\n .CalendarDay {\r\n flex: none;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n transition: background-color ease-out 300ms;\r\n z-index: 1;\r\n position: relative;\r\n cursor: pointer;\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;\r\n @include centerInsideContent();\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(--primary-400);\r\n }\r\n }\r\n\r\n .text, .info {\r\n width: 100%;\r\n height: fit-content;\r\n text-align: center;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n @include centerInsideContent();\r\n }\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .info {\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 & {\r\n background-color: var(--base-white);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.currentDay {\r\n background-color: var(--primary-50);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n }\r\n\r\n &.holiday {\r\n .text {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--base-white);\r\n\r\n .mark:after {\r\n background-color: var(--gray-300);\r\n }\r\n\r\n .text {\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 &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: var(--gray-100);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: var(--primary-500);\r\n\r\n .mark:after {\r\n background-color: var(--base-white);\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--primary-300));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n &:before {\r\n position: absolute;\r\n content: '';\r\n height: 100%;\r\n z-index: 0;\r\n background-color: var(--gray-100);\r\n\r\n width: 60px;\r\n top: 0;\r\n transform: translateX(-10px);\r\n }\r\n\r\n &:not(.left):not(.right):before {\r\n left: 0;\r\n }\r\n\r\n &.left, &.right {\r\n &:before {\r\n width: 30px;\r\n }\r\n }\r\n\r\n &.left {\r\n &:before {\r\n left: 0;\r\n transform: translateX(-10px);\r\n }\r\n }\r\n\r\n &.right {\r\n &:before {\r\n right: 0;\r\n transform: translateX(10px);\r\n }\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n .CalendarDay {\r\n .mark {\r\n &:after {\r\n background-color: var(--rose-600);\r\n }\r\n }\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-iron-300));\r\n }\r\n\r\n .info {\r\n @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-iron-600));\r\n }\r\n\r\n & {\r\n background-color: var(--gray-iron-900);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-500);\r\n }\r\n }\r\n }\r\n\r\n &.currentDay {\r\n background-color: var(--rose-950);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--rose-900);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-500);\r\n }\r\n }\r\n }\r\n\r\n &.holiday {\r\n .text {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-iron-900);\r\n\r\n .mark:after {\r\n background-color: var(--gray-iron-700);\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-600));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--gray-iron-700));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-iron-800);\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: var(--gray-iron-800);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-iron-700);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-500);\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: var(--rose-500);\r\n\r\n .mark:after {\r\n background-color: var(--base-white);\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--rose-700));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--rose-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-600);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n &:before {\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.CalendarMonth {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 80px;\r\n padding: 10px 8px;\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n transition: background-color ease-out 300ms;\r\n @include centerInsideContent;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.current:not(&.disabled) {\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-900);\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-iron-800);\r\n }\r\n\r\n &.current:not(&.disabled) {\r\n background-color: var(--rose-950);\r\n\r\n &:hover {\r\n background-color: var(--rose-900);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-iron-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.CalendarYear {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 80px;\r\n padding: 16px 8px;\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n transition: background-color ease-out 300ms;\r\n @include centerInsideContent;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.current {\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-900);\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-iron-800);\r\n }\r\n\r\n &.current {\r\n background-color: var(--rose-950);\r\n\r\n &:hover {\r\n background-color: var(--rose-900);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-iron-600));\r\n }\r\n }\r\n}\r\n\r\n","@use '@/styles' as *;\r\n\r\n.CalendarButton {\r\n width: fit-content;\r\n height: fit-content;\r\n cursor: pointer;\r\n transition: color ease-out 300ms;\r\n\r\n &.black {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-900), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n }\r\n\r\n @include darkTheme {\r\n &.black {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-iron-100), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--rose-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-iron-600), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--rose-500));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.TimePickerTag {\r\n width: fit-content;\r\n height: fit-content;\r\n padding: 6px 12px;\r\n border-radius: 16px;\r\n background-color: var(--gray-100);\r\n transition: background-color ease-out 300ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-800);\r\n @include fnt-flex($color: var(--gray-iron-300));\r\n\r\n &:hover {\r\n background-color: var(--gray-iron-700);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.wrapper {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n z-index: 2;\r\n\r\n .viewContent {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: var(--gray-100);\r\n overflow: hidden;\r\n z-index: 1;\r\n clip-path: inset(calc(50% - 16px) 0 calc(50% - 16px) 0 round 8px);\r\n pointer-events: none;\r\n @include modify-flex($direction: column);\r\n }\r\n\r\n .TimePickerFeed {\r\n width: fit-content;\r\n height: 100%;\r\n overflow-x: hidden;\r\n overflow-y: scroll;\r\n user-select: none;\r\n position: relative;\r\n transform-style: preserve-3d;\r\n transform: translateZ(0);\r\n -webkit-overflow-scrolling: touch;\r\n @include hideScrollbar;\r\n @include modify-flex($direction: column, $align-items: center);\r\n }\r\n\r\n .item {\r\n flex: none;\r\n width: 48px;\r\n height: 32px;\r\n text-align: center;\r\n padding: 0 8px;\r\n box-sizing: border-box;\r\n transform-style: preserve-3d;\r\n perspective: 304px;\r\n position: relative;\r\n backface-visibility: hidden;\r\n will-change: transform;\r\n\r\n .content {\r\n width: 100%;\r\n height: 100%;\r\n transition: opacity ease-out 100ms;\r\n @include centerInsideContent;\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-300), $family: $golos-text);\r\n }\r\n\r\n &.center .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n }\r\n\r\n &.floor1 .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n\r\n &.floor1 .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-300), $family: $golos-text);\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n .viewContent {\r\n background-color: transparent;\r\n }\r\n\r\n .item {\r\n .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-700), $family: $golos-text);\r\n }\r\n\r\n &.center .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n }\r\n\r\n &.floor1 .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-600), $family: $golos-text);\r\n }\r\n\r\n &.floor1 .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-700), $family: $golos-text);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n width: 100%;\r\n height: fit-content;\r\n max-width: 324px;\r\n background-color: var(--base-white);\r\n padding: 16px;\r\n gap: 8px;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n .monthYear, .changeMonth {\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .monthYear {\r\n gap: 6px;\r\n }\r\n\r\n .changeMonth {\r\n gap: 2px;\r\n }\r\n }\r\n\r\n .weekDaysList {\r\n width: 100%;\r\n gap: 2px;\r\n @include modify-flex($align-items: center);\r\n\r\n .weekDay {\r\n flex: 1;\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n .daysGrid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: auto;\r\n gap: 2px;\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-900);\r\n\r\n .weekDaysList {\r\n .weekDay {\r\n @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-iron-500));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.YearMonthPicker {\r\n width: 100%;\r\n height: fit-content;\r\n max-width: 324px;\r\n background-color: var(--base-white);\r\n padding: 16px;\r\n gap: 12px;\r\n @include modify-flex($direction: column);\r\n\r\n & > div {\r\n width: 100%;\r\n @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n & > section {\r\n gap: 2px;\r\n @include modify-flex($align-items: center);\r\n }\r\n }\r\n\r\n & > section {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 4px;\r\n }\r\n\r\n @include darkTheme() {\r\n background-color: var(--gray-iron-900);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.TimePicker {\r\n width: 100%;\r\n min-width: 292px;\r\n height: fit-content;\r\n @include centerInsideContent;\r\n\r\n .timer {\r\n width: 100%;\r\n height: fit-content;\r\n gap: 8px;\r\n padding: 16px;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n\r\n .main {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n\r\n .divider {\r\n width: fit-content;\r\n height: fit-content;\r\n z-index: 2;\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-400), $family: var(--golos));\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n }\r\n\r\n &:before {\r\n content: '';\r\n width: 100%;\r\n height: 32px;\r\n border-radius: 8px;\r\n background-color: var(--gray-100);\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n transform: translateY(-50%);\r\n z-index: 1;\r\n }\r\n }\r\n\r\n .line {\r\n flex: 1;\r\n height: 1px;\r\n background-color: var(--gray-300);\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n .timer {\r\n .main {\r\n .divider {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-300), $family: var(--golos));\r\n }\r\n\r\n &:before {\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n\r\n .line {\r\n background-color: var(--gray-iron-700);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.switcher {\r\n width: 100%;\r\n padding: 16px 16px 12px 16px;\r\n @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n & > section {\r\n width: fit-content;\r\n gap: 4px;\r\n @include modify-flex($align-items: center);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: 100%;\r\n gap: 4px;\r\n padding: 0 16px 16px 16px;\r\n overflow: auto;\r\n\r\n @include hideScrollbar;\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n\r\n\r\n.DateTimePicker {\r\n width: 324px;\r\n height: fit-content;\r\n border-radius: 16px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814, 0 0 0 1px var(--gray-300);\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: column);\r\n\r\n .title, .subtitle {\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n\r\n .title {\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900), $family: $golos-text);\r\n }\r\n\r\n .subtitle {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500), $family: $golos-text);\r\n }\r\n }\r\n\r\n .content {\r\n width: 100%;\r\n height: fit-content;\r\n @include modify-flex($direction: column);\r\n\r\n .tabWrapper {\r\n padding: 12px 16px 0 16px;\r\n }\r\n\r\n .pickerWrapper {\r\n width: 100%;\r\n height: fit-content;\r\n }\r\n }\r\n\r\n .actions {\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n border-top: 1px solid var(--gray-200);\r\n @include modify-flex();\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-900);\r\n box-shadow: 0 4px 32px 0 #00000040;\r\n border: 1px solid var(--gray-iron-700);\r\n\r\n .header {\r\n .title {\r\n color: var(--gray-iron-100)\r\n }\r\n\r\n .subtitle {\r\n color: var(--gray-iron-500)\r\n }\r\n }\r\n\r\n .actions {\r\n border-top: 1px solid var(--gray-iron-800);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.Container {\r\n position: fixed;\r\n z-index: 10;\r\n opacity: 0;\r\n transition: opacity .2s ease-in;\r\n}\r\n\r\n.Tooltip {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n width: fit-content;\r\n height: fit-content;\r\n max-width: 320px;\r\n background-color: $base-white;\r\n border: 1px solid $gray-200;\r\n border-radius: 8px;\r\n padding: 11px;\r\n gap: 4px;\r\n box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n .Text {\r\n @include fnt($size: 12, $line-height: 18, $weight: 700)\r\n }\r\n\r\n .Description {\r\n @include fnt($size: 12, $line-height: 18)\r\n }\r\n\r\n .Arrow {\r\n position: absolute;\r\n display: block;\r\n height: 12px;\r\n width: 12px;\r\n background-color: $base-white;\r\n border-top: 1px solid $gray-200;\r\n border-right: 1px solid $gray-200;\r\n border-top-right-radius: 1px;\r\n\r\n &.LeftCenter,\r\n &.RightCenter {\r\n top: calc(50% - 6.5px);\r\n }\r\n\r\n &.LeftTop,\r\n &.RightTop {\r\n top: 16px;\r\n }\r\n\r\n &.LeftBottom,\r\n &.RightBottom {\r\n bottom: 16px;\r\n }\r\n\r\n &.LeftTop,\r\n &.LeftCenter,\r\n &.LeftBottom {\r\n left: -6.5px;\r\n transform: rotate(-135deg);\r\n }\r\n\r\n &.RightTop,\r\n &.RightCenter,\r\n &.RightBottom {\r\n right: -6.5px;\r\n transform: rotate(45deg);\r\n }\r\n\r\n &.BottomLeft,\r\n &.BottomRight,\r\n &.BottomCenter {\r\n bottom: -6.5px;\r\n transform: rotate(135deg);\r\n }\r\n\r\n &.TopCenter,\r\n &.BottomCenter {\r\n left: calc(50% - 6.5px);\r\n }\r\n\r\n &.TopLeft,\r\n &.BottomLeft {\r\n left: 16px;\r\n }\r\n\r\n &.TopRight,\r\n &.BottomRight {\r\n right: 16px;\r\n }\r\n\r\n &.TopLeft,\r\n &.TopRight,\r\n &.TopCenter {\r\n top: -6.5px;\r\n transform: rotate(-45deg);\r\n }\r\n }\r\n\r\n &.Dark {\r\n background-color: $gray-900;\r\n border-color: $gray-900;\r\n\r\n .Description,\r\n .Text {\r\n color: $base-white;\r\n }\r\n\r\n .Arrow {\r\n background-color: $gray-900;\r\n border-color: $gray-900;\r\n }\r\n }\r\n\r\n}\r\n\r\n","$base-white: #FFFFFF !default;\r\n$base-black: #000000 !default;\r\n\r\n$gray-25: #FCFCFD !default;\r\n$gray-50: #F9FAFB !default;\r\n$gray-100: #F2F4F7 !default;\r\n$gray-200: #EAECF0 !default;\r\n$gray-300: #D0D5DD !default;\r\n$gray-400: #98A2B3 !default;\r\n$gray-500: #667085 !default;\r\n$gray-600: #475467 !default;\r\n$gray-700: #344054 !default;\r\n$gray-800: #1D2939 !default;\r\n$gray-900: #101828 !default;\r\n$gray-950: #0C111D !default;\r\n\r\n$primary-25: #FCFAFF !default;\r\n$primary-50: #F9F5FF !default;\r\n$primary-100: #F4EBFF !default;\r\n$primary-200: #E9D7FE !default;\r\n$primary-300: #D6BBFB !default;\r\n$primary-400: #B692F6 !default;\r\n$primary-500: #9E77ED !default;\r\n$primary-600: #7F56D9 !default;\r\n$primary-700: #6941C6 !default;\r\n$primary-800: #53389E !default;\r\n$primary-900: #42307D !default;\r\n$primary-950: #2C1C5F !default;\r\n\r\n$error-25: #FFFBFA !default;\r\n$error-50: #FEF3F2 !default;\r\n$error-100: #FEE4E2 !default;\r\n$error-200: #FECDCA !default;\r\n$error-300: #FDA29B !default;\r\n$error-400: #F97066 !default;\r\n$error-500: #F04438 !default;\r\n$error-600: #D92D20 !default;\r\n$error-700: #B42318 !default;\r\n$error-800: #912018 !default;\r\n$error-900: #7A271A !default;\r\n$error-950: #55160C !default;\r\n\r\n$warning-25: #FFFCF5 !default;\r\n$warning-50: #FFFAEB !default;\r\n$warning-100: #FEF0C7 !default;\r\n$warning-200: #FEDF89 !default;\r\n$warning-300: #FEC84B !default;\r\n$warning-400: #FDB022 !default;\r\n$warning-500: #F79009 !default;\r\n$warning-600: #DC6803 !default;\r\n$warning-700: #B54708 !default;\r\n$warning-800: #93370D !default;\r\n$warning-900: #7A2E0E !default;\r\n$warning-950: #4E1D09 !default;\r\n","@use '@/styles' as *;\r\n\r\n.Dropdown {\r\n width: 100%;\r\n max-height: 300px;\r\n min-height: 40px;\r\n height: fit-content;\r\n border-radius: var(--ui-dropdown-border-radius, 8px);\r\n padding: 4px;\r\n border: 1px solid var(--ui-dropdown-border-color, var(--gray-200));\r\n background-color: var(--ui-dropdown-background-color, var(--base-white));\r\n box-shadow: var(--ui-dropdown-box-shadow, 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814);\r\n overflow: auto;\r\n position: relative;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 8px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n text-wrap: nowrap;\r\n @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--ui-dropdown-title-color, var(--gray-600)));\r\n }\r\n\r\n .loader {\r\n position: sticky;\r\n bottom: 0;\r\n left: 0;\r\n }\r\n\r\n @include darkTheme {\r\n border: 1px solid var(--ui-dropdown-border-color, var(--gray-800));\r\n background-color: var(--ui-dropdown-background-color, var(--gray-900));\r\n box-shadow: var(--ui-dropdown-box-shadow, 0 4px 24px 0 #00000040);\r\n\r\n .header {\r\n color: var(--ui-dropdown-title-color, var(--gray-500));\r\n }\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: var(--ui-form-field-border-radius, 8px);\r\n gap: 12px;\r\n box-sizing: border-box;\r\n background-color: var(--ui-form-field-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-300));\r\n box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D);\r\n transition: all ease-out 200ms;\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n }\r\n\r\n @include centerInsideContent();\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-iron-500)));\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n @include darkTheme {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n transition: -webkit-box-shadow ease-out 200ms;\r\n\r\n /* Полный сброс стандартных стилей автозаполнения */\r\n &:-webkit-autofill,\r\n &:-webkit-autofill:hover,\r\n &:-webkit-autofill:active {\r\n -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-900)) !important;\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--base-white)) inset;\r\n background-color: transparent !important;\r\n caret-color: currentColor !important;\r\n @include darkTheme {\r\n -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-200)) !important;\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--gray-950)) inset;\r\n }\r\n }\r\n\r\n &:-webkit-autofill:focus {\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--base-white)) inset;\r\n @include darkTheme {\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--gray-950)) inset;\r\n }\r\n }\r\n\r\n /* Для современных браузеров */\r\n &:auto-fill,\r\n &:autofill {\r\n color: var(--ui-form-field-text-color, var(--gray-900)) !important;\r\n background-color: transparent !important;\r\n box-shadow: 0 0 0 40rem transparent !important;\r\n @include darkTheme {\r\n color: var(--ui-form-field-text-color, var(--gray-25)) !important;\r\n }\r\n }\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n }\r\n\r\n &:read-only {\r\n cursor: default;\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 @include darkTheme {\r\n @include modify-svg($stroke: var(--ui-form-field-placeholder-color, var(--gray-iron-500)));\r\n }\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 &:has(.inputField:focus) {\r\n @include formFieldFocus();\r\n }\r\n\r\n &.error {\r\n @include formFieldError();\r\n\r\n //.help {\r\n // @include modify-svg($stroke: var(--error-500));\r\n //}\r\n\r\n &:has(.inputField:focus) {\r\n @include formFieldErrorFocus();\r\n }\r\n }\r\n\r\n &.pointer {\r\n *, .inputField {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include formFieldDisabled();\r\n cursor: default;\r\n pointer-events: none;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .userPick {\r\n opacity: 50%;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n &.smallDisplay, &.largeDisplay {\r\n padding: 0;\r\n border: none;\r\n box-shadow: none;\r\n }\r\n\r\n &.smallDisplay .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n &.largeDisplay .inputField {\r\n @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n // dark adaptation\r\n @include darkTheme {\r\n\r\n .inputField {\r\n caret-color: var(--ui-form-field-text-color, var(--gray-200));\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-200)));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-form-field-placeholder-color, var(--gray-iron-500)));\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-iron-500)));\r\n }\r\n\r\n //.help {\r\n // @include modify-svg($stroke: var(--gray-iron-500))\r\n //}\r\n\r\n .dropdown {\r\n @include modify-svg($stroke: var(--gray-iron-500))\r\n }\r\n\r\n .button {\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-iron-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-iron-500));\r\n }\r\n }\r\n }\r\n\r\n &.smallDisplay {\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n }\r\n }\r\n\r\n &.largeDisplay {\r\n .inputField {\r\n @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-700)));\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-required-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(--ui-form-field-hint-text-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(--ui-form-field-hint-error-color, var(--error-500)));\r\n }\r\n\r\n .helperLink {\r\n width: fit-content;\r\n padding: 0 12px;\r\n gap: 2px;\r\n cursor: pointer;\r\n @include modify-flex;\r\n @include modify-svg($stroke: var(--ui-form-field-helper-link-color, var(--primary-500))) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n a {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-helper-link-color, var(--primary-500)));\r\n }\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n padding: 0;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-500));\r\n }\r\n\r\n .hintText {\r\n padding: 0;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .helperLink {\r\n padding: 0;\r\n }\r\n }\r\n\r\n\r\n @include darkTheme {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-400)));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-500)));\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-400)));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-500)));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n width: 100%;\r\n height: fit-content;\r\n}","@use '@/styles/index' as *;\r\n\r\n.button {\r\n @include centerInsideContent;\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n transition: transform 0.2s ease-out;\r\n }\r\n\r\n &.open {\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n transform: rotateZ(180deg);\r\n }\r\n }\r\n}","@use '@/styles/index' as *;\r\n\r\n.button {\r\n @include centerInsideContent;\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\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 &.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}","@use '@/styles' as *;\r\n\r\n.textareaField {\r\n width: 100%;\r\n height: auto;\r\n min-height: 68px;\r\n overflow: auto;\r\n resize: none;\r\n border-radius: var(--ui-form-field-border-radius, 8px);\r\n // С учетом border\r\n padding: 9px 11px;\r\n background-color: var(--ui-form-field-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-300));\r\n box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D);\r\n transition: all ease-out 200ms;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n }\r\n\r\n &:focus {\r\n @include formFieldFocus();\r\n }\r\n\r\n &:disabled {\r\n @include formFieldDisabled();\r\n }\r\n\r\n &.isError {\r\n @include formFieldError();\r\n\r\n &:focus {\r\n @include formFieldErrorFocus();\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-200)));\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n &.darkTheme {\r\n background-color: var(--gray-950);\r\n border: 1px solid var(--gray-800);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-25));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &:focus {\r\n border: 1px solid var(--gray-700);\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--gray-950);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n min-width: 0;\r\n height: fit-content;\r\n padding: 0 12px 0 0;\r\n gap: 6px;\r\n overflow: hidden;\r\n @include modify-flex($align-items: center);\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n &, input::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $color: var(--gray-400), $weight: 400);\r\n }\r\n\r\n input {\r\n flex: 1;\r\n min-width: 0;\r\n @include fnt($size: 16, $line-height: 24, $color: var(--gray-900), $weight: 400);\r\n }\r\n\r\n &.divider {\r\n padding: 0 0 0 11px;\r\n border-left: 1px solid var(--gray-300);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.wrapper {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 9px 11px;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n border-radius: 8px;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n transition: border ease-out 200ms;\r\n @include modify-flex($align-items: center);\r\n\r\n & > * {\r\n flex: 1;\r\n }\r\n\r\n & > section {\r\n flex: none;\r\n width: 26px;\r\n height: fit-content;\r\n padding: 0 0 0 6px;\r\n overflow: hidden;\r\n transition: width ease-out 200ms;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n\r\n & > * {\r\n min-width: 0;\r\n }\r\n }\r\n\r\n &.empty > section {\r\n width: 0;\r\n padding: 0;\r\n }\r\n\r\n &.error {\r\n border: 1px solid var(--error-300);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.button {\r\n width: 22px;\r\n height: 22px;\r\n padding: 2px 0;\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n * {\r\n transition: stroke ease-out 200ms;\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 &.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}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n width: 100%;\r\n height: fit-content;\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: fit-content;\r\n transition: color ease-out 200ms,\r\n font-weight ease-out 200ms,\r\n background-color ease-out 200ms,\r\n box-shadow ease-out 200ms;\r\n padding: 4px 8px;\r\n border-radius: 6px;\r\n box-shadow: 0 0 0 4px transparent;\r\n background-color: transparent;\r\n @include modify-flex($align-items: center, $justify-content: centerl);\r\n @include fnt($size: 14, $line-height: 20, $color: var(--gray-600), $weight: 500);\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n\r\n * {\r\n transition: stroke ease-out 200ms;\r\n }\r\n }\r\n\r\n &:hover {\r\n @include fnt-flex($weight: 600);\r\n }\r\n\r\n\r\n &.text {\r\n @include modify-svg($stroke: var(--gray-500));\r\n @include fnt-flex($color: var(--gray-600));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-700));\r\n @include fnt-flex($color: var(--gray-800));\r\n }\r\n\r\n &.current, &.current :hover {\r\n @include modify-svg($stroke: var(--primary-700));\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px #F4EBFF;\r\n }\r\n }\r\n\r\n &.buttonPrimary {\r\n @include modify-svg($stroke: var(--gray-500));\r\n @include fnt-flex($color: var(--gray-600));\r\n\r\n &:hover {\r\n background-color: var(--primary-50);\r\n @include modify-svg($stroke: var(--primary-700));\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n\r\n &.current, &.current :hover {\r\n @include modify-svg($stroke: var(--primary-700));\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n\r\n &.buttonGray {\r\n @include modify-svg($stroke: var(--gray-500));\r\n @include fnt-flex($color: var(--gray-600));\r\n\r\n &:hover {\r\n background-color: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-700));\r\n @include fnt-flex($color: var(--gray-800));\r\n }\r\n\r\n &.current, &.current :hover {\r\n @include modify-svg($stroke: var(--primary-700));\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n @include simple-modify-svg($stroke: var(--gray-300)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 12px;\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: 100%;\r\n border-radius: 8px;\r\n padding: 4px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-200);\r\n box-shadow: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: 100%;\r\n height: fit-content;\r\n gap: 16px;\r\n background-color: transparent;\r\n transition: background-color ease-out 200ms;\r\n cursor: pointer;\r\n @include modify-flex($align-items: center);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400), $transition: stroke ease-out 200ms) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.selected {\r\n background-color: var(--blue-dark-50);\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n\r\n &.disabled {\r\n pointer-events: none;\r\n background-color: var(--gray-25);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-300));\r\n }\r\n }\r\n\r\n &.small {\r\n padding: 8px 8px 8px 16px;\r\n }\r\n\r\n &.medium {\r\n padding: 10px 10px 10px 16px;\r\n }\r\n\r\n}","@use '@/styles' as *;\r\n\r\n.info {\r\n flex: 1;\r\n display: inline;\r\n gap: 6px;\r\n white-space: pre-wrap;\r\n\r\n & > h6 {\r\n display: inline;\r\n @include fnt($size: 14, $line-height: 20, $color: var(--gray-900), $weight: 400);\r\n }\r\n\r\n & > span {\r\n display: inline;\r\n @include fnt($size: 14, $line-height: 20, $color: var(--gray-400), $weight: 400);\r\n }\r\n\r\n &.disabled {\r\n & > h6, & > span {\r\n @include fnt($color: var(--gray-300));\r\n }\r\n }\r\n\r\n &.small {\r\n & > h6, & > span {\r\n @include fnt($size: 14, $line-height: 20);\r\n }\r\n }\r\n\r\n &.medium {\r\n & > h6, & > span {\r\n @include fnt($size: 16, $line-height: 24);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.check {\r\n @include simple-modify-svg($stroke: var(--blue-dark-500), $transition: (stroke ease-out 200ms, opacity ease-out 200ms)) {\r\n opacity: 0;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n\r\n &.disabled {\r\n @include simple-modify-svg($stroke: var(--gray-300));\r\n }\r\n}"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"index.css","mappings":"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EAOE,uBFa2D;EET3D,mBFSiC;ACiBvC;ADfM;EACE;ACiBR;ADZE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACcJ;AGxCE;EACE;EACA;EACA,wBJwBgE;EIvBhE,gBJuBmD;EItBnD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AHqDZ;AC/DE;EACE;EAWE,mBFgCiC;ACuBvC;ADrBI;EACE;EACA;EACA;ACuBN;ADpBI;EACE;ACsBN;ADlBE;EACE;ACoBJ;ADjBE;EACE;ACmBJ;ADhBE;EACE;ACkBJ;ADfE;EACE;ACiBJ;AAjFE;EIHA;AJuFF;AExEI;EEXE;EACA;EACA;AJsFN;AE7EI;EEHE;EACA;EACA;AJmFN;AI/EE;EACE;EACA;AJiFJ;AK9FE;EAEI;EAGA;EAGA,gBDQwD;ECFxD,yBDEsE;AJoF5E;AKpGE;EAEI;EAGA;EAGA,gBDYwD;ECNxD,yBDMsE;AJsF5E;AA1GE;EMPA;ANoHF;AErGI;EIXE;EACA;EACA;ANmHN;AE1GI;EIHE;EACA;EACA;ANgHN;AM5GE;EACE;EACA;AN8GJ;AK3HE;EAEI;EAGA;EAGA,gBCQwD;EDFxD,yBCEsE;ANiH5E;AKjIE;EAEI;EAGA;EAGA,gBCYwD;EDNxD,yBCMsE;ANmH5E;AAnIE;EOXA;APiJF;AElII;EKXE;EACA;EACA;APgJN;AEvII;EKHE;EACA;EACA;AP6IN;AOzIE;EACE;EACA;AP2IJ;AKxJE;EAEI;EAGA;EAGA,gBEQwD;EFFxD,yBEEsE;AP8I5E;AK9JE;EAEI;EAGA;EAGA,gBEYwD;EFNxD,yBEMsE;APgJ5E;AA5JE;EQfA;AR8KF;AE/JI;EMXE;EACA;EACA;AR6KN;AEpKI;EMHE;EACA;EACA;AR0KN;AQtKE;EACE;EACA;ARwKJ;AKrLE;EAEI;EAGA;EAGA,gBGQwD;EHFxD,yBGEsE;AR2K5E;AK3LE;EAEI;EAGA;EAGA,gBGYwD;EHNxD,yBGMsE;AR6K5E;AArLE;ESpBA;EACA;EACA;EACA;AT4MF;AEhNI;;EAEI,8DOMyB;AT4MjC;AK3ME;EAWI,6DIP0B;AT0MhC;AU/ME;EDWI;IACE;IACA;ETuMN;EE5NE;;IAEI,oEOsB+B;ETwMrC;AACF;AUvJE;ED5CI;IACE;IACA;ETsMN;EEtOE;;IAEI,oEOiC+B;ETuMrC;AACF;AS5LE;EACE;EACA;AT8LJ;AAtNE;EWxBA;EACA;EACA;EACA;AXiPF;AErPI;;EAEI,uESMyB;AXiPjC;AKhPE;EAWI,sEMP0B;AX+OhC;AUpPE;ECWI;IACE;IACA;EX4ON;EEjQE;;IAEI,6ESsB+B;EX6OrC;AACF;AU5LE;EC5CI;IACE;IACA;EX2ON;EE3QE;;IAEI,6ESiC+B;EX4OrC;AACF;AWnOE;EACE;AXqOJ;AYpRE;EDmDE;EACA;AXoOJ;AEvRI;;EAEI,uESqD2B;AXoOnC;AKlRE;EAWI,sEMwC4B;AXkOlC;AUtRE;EC0DM;IACE;IACA;EX+NR;EEnSE;;IAEI,6ESqEiC;EXgOvC;AACF;AU9NE;ECGM;IACE;IACA;EX8NR;EE7SE;;IAEI,6ESgFiC;EX+NvC;AACF;AArRE;Ea5BA;EACA;EACA;EACA;AboTF;AExTI;;EAEI,mEWMyB;AboTjC;AKnTE;EAWI,kEQP0B;AbkThC;AUvTE;EGWI;IACE;IACA;Eb+SN;Ea7SM;IACE;Eb+SR;AACF;AU9PE;EG5CI;IACE;IACA;Eb6SN;Ea3SM;IACE;Eb6SR;AACF;AanSE;EACE;AbqSJ;AYrVE;ECoDE;EACA;EACA;AboSJ;AEzVI;;EAEI,mEWuD2B;AboSnC;AKpVE;EAWI,kEQ0C4B;AbkSlC;AUxVE;EG4DM;IACE;IACA;Eb+RR;Ea7RQ;IACE;Eb+RV;AACF;AU/RE;EGKM;IACE;IACA;Eb6RR;Ea3RQ;IACE;Eb6RV;AACF;AAjVE;EcpBA;AdwWF;AErXI;EAEI,0BYcyB;AdwWjC;AExXI;EAEI,0BYkByB;AduWjC;AKlXE;EAWI,yBSK0B;AdqWhC;AUtXE;ELCA;IAWI,wBSjB0B;Ed+X9B;EElYE;IAEI,yBYMyB;Ed6X/B;AACF;AU5TE;ELjEA;IAWI,wBSjB0B;EduY9B;EE1YE;IAEI,yBYMyB;EdqY/B;AACF;AcnWE;EACE;AdqWJ;AEjZI;EAEI,0BY+C2B;AdmWnC;AEpZI;EAEI,0BYmD2B;AdkWnC;AK9YE;EAWI,yBSsC4B;AdgWlC;AUlZE;ELCA;IAWI,wBS8D0B;Ed4U9B;EE9ZE;IAEI,yBYqFyB;Ed0U/B;AACF;AUxVE;ELjEA;IAWI,wBS8D0B;EdoV9B;EEtaE;IAEI,yBYqFyB;EdkV/B;AACF;AArYE;EeXA;AfmZF;AE7aI;EAEI,0Ba2ByB;AfmZjC;AEhbI;EAEI,0Ba+ByB;AfkZjC;AK1aE;EAWI,yBUkB0B;AfgZhC;AU9aE;ELCA;IAWI,yBUjB0B;Efub9B;EE1bE;IAEI,0BaMyB;Efqb/B;AACF;AUpXE;ELjEA;IAWI,yBUjB0B;Ef+b9B;EElcE;IAEI,0BaMyB;Ef6b/B;AACF;Ae9YE;EACE;AfgZJ;AEzcI;EAEI,0Ba4D2B;Af8YnC;AE5cI;EAEI,0BagE2B;Af6YnC;AKtcE;EAWI,yBUmD4B;Af2YlC;AU1cE;ELCA;IAWI,yBUL0B;Efuc9B;EEtdE;IAEI,0BakByB;Efqc/B;AACF;AUhZE;ELjEA;IAWI,yBUL0B;Ef+c9B;EE9dE;IAEI,0BakByB;Ef6c/B;AACF;AAzbE;EgB7BA;AhBydF;AEreI;EAEI,uBcayB;AhBydjC;AExeI;EAEI,uBciByB;AhBwdjC;AKleE;EAWI,sBWI0B;AhBsdhC;AUteE;ELCA;IAWI,sBWjB0B;EhB+e9B;EElfE;IAEI,uBcKyB;EhB8e/B;AACF;AU5aE;ELjEA;IAWI,sBWjB0B;EhBuf9B;EE1fE;IAEI,uBcKyB;EhBsf/B;AACF;AgBpdE;EACE;AhBsdJ;AApdE;EiBhCA;EACA;AjBufF;AErgBI;EAEI,0BeeyB;AjBufjC;AExgBI;EAEI,0BemByB;AjBsfjC;AiBnfE;EACE;AjBqfJ;AKrgBE;EAWI,yBYQ0B;AjBqfhC;AUzgBE;ELCA;IAWI,yBYjB0B;EjBkhB9B;EErhBE;IAEI,0BeMyB;EjBghB/B;AACF;AU/cE;ELjEA;IAWI,yBYjB0B;EjB0hB9B;EE7hBE;IAEI,0BeMyB;EjBwhB/B;AACF;AiBnfE;EACE;AjBqfJ;AAnfE;EkBpCA;EACA;AlB0hBF;AExiBI;EAEI,uBgBeyB;AlB0hBjC;AE3iBI;EAEI,uBgBmByB;AlByhBjC;AkBthBE;EACE;AlBwhBJ;AKxiBE;EAWI,sBaQ0B;AlBwhBhC;AU5iBE;ELCA;IAWI,sBajB0B;ElBqjB9B;EExjBE;IAEI,uBgBMyB;ElBmjB/B;AACF;AUlfE;ELjEA;IAWI,sBajB0B;ElB6jB9B;EEhkBE;IAEI,uBgBMyB;ElB2jB/B;AACF;AkBthBE;EACE;AlBwhBJ;AAlhBE;EmB7BA;EACA;AnBkjBF;AE3kBI;EAEI,uBiB0ByB;AnBkjBjC;AE9kBI;EAEI,uBiB8ByB;AnBijBjC;AmB9iBE;EACE;AnBgjBJ;AK3kBE;EAWI,sBcmB0B;AnBgjBhC;AU/kBE;ELCA;IAWI,sBcjB0B;EnBwlB9B;EE3lBE;IAEI,uBiBMyB;EnBslB/B;EKrlBA;IAWI,wBcP4B;EnBolBhC;EEjmBE;IAEI,yBiBgB2B;EnBklBjC;AACF;AU3hBE;ELjEA;IAWI,sBcjB0B;EnBsmB9B;EEzmBE;IAEI,uBiBMyB;EnBomB/B;EKnmBA;IAWI,wBcP4B;EnBkmBhC;EE/mBE;IAEI,yBiBgB2B;EnBgmBjC;AACF;AmB1jBE;EACE;AnB4jBJ;AA7jBE;EoBxDA;EACA;EACA;EACA;ApBwnBF;AE5nBI;EAEI,uBkBKyB;ApBwnBjC;AE/nBI;EAEI,uBkBSyB;ApBunBjC;AKznBE;EAWI,sBeJ0B;ApBqnBhC;AU7nBE;ERRE;IAEI,uBkBuBiC;EpBgnBvC;EoB7mBQ;IACE;EpB+mBV;AACF;AUnkBE;ER1EE;IAEI,uBkBqCiC;EpB0mBvC;EoBvmBQ;IACE;EpBymBV;AACF;AoBnmBE;EACE;ApBqmBJ;AYzpBE;EQwDE;EACA;ApBomBJ;AE5pBI;EAEI,uBkByD2B;ApBomBnC;AE/pBI;EAEI,uBkB6D2B;ApBmmBnC;AKzpBE;EAWI,sBegD4B;ApBimBlC;AU7pBE;EUkEM;IACE;EpB8lBR;EEzqBE;IAEI,uBkB4EiC;EpB8lBvC;EoB3lBQ;IACE;EpB6lBV;AACF;AUtmBE;EUcM;IACE;EpB2lBR;EEprBE;IAEI,uBkB0FiC;EpB2lBvC;EoBxlBQ;IACE;EpB0lBV;AACF;AA9nBE;EqB5DA;EACA;EACA;EACA;ArB6rBF;AEjsBI;EAEI,uBmBKyB;ArB6rBjC;AEpsBI;EAEI,uBmBSyB;ArB4rBjC;AK9rBE;EAWI,sBgBJ0B;ArB0rBhC;AUlsBE;EWcI;IACE;ErBurBN;EE9sBE;IAEI,uBmBwB+B;ErBurBrC;EqBprBM;IACE;ErBsrBR;AACF;AU3oBE;EWtCI;IACE;ErBorBN;EEztBE;IAEI,uBmBsC+B;ErBorBrC;EqBjrBM;IACE;ErBmrBR;AACF;AqB9qBE;EACE;ArBgrBJ;AYpuBE;ESwDE;EACA;ArB+qBJ;AEvuBI;EAEI,uBmByD2B;ArB+qBnC;AE1uBI;EAEI,uBmB6D2B;ArB8qBnC;AKpuBE;EAWI,sBgBgD4B;ArB4qBlC;AUxuBE;EWkEM;IACE;ErByqBR;EEpvBE;IAEI,uBmB4EiC;ErByqBvC;EqBtqBQ;IACE;ErBwqBV;AACF;AUjrBE;EWcM;IACE;ErBsqBR;EE/vBE;IAEI,uBmB0FiC;ErBsqBvC;EqBnqBQ;IACE;ErBqqBV;AACF;AApsBI;EsBjEF;EACA;EACA;EACA;AtBwwBF;AUpwBE;EYAI;IACE;IACA;EtBuwBN;EsBpwBI;IACE;IACA;EtBswBN;AACF;AU5sBE;EYtDI;IACE;IACA;EtBqwBN;AACF;AsB7vBE;EACE;AtB+vBJ;AAztBI;EuBrEF;EACA;EACA;AvBiyBF;AEpyBI;EAEI,wBqBIyB;AvBiyBjC;AEvyBI;EAEI,wBqBQyB;AvBgyBjC;AKjyBE;EAWI,uBkBL0B;AvB8xBhC;AUryBE;EaaI;IACE;IACA;EvB2xBN;AACF;AUzuBE;Ea9CI;IACE;IACA;EvB0xBN;AACF;AuBlxBE;EACE;AvBoxBJ;AY7zBE;EW6CE;EACA;AvBmxBJ;AUxzBE;EayCM;IACE;IACA;EvBkxBR;AACF;AU5vBE;EalBM;IACE;IACA;EvBixBR;AACF;AE50BI;EAEI;AF60BR;AE/0BI;EAEI,wBsBIyB;AxB40BjC;AwBz0BE;EACE;AxB20BJ;AK50BE;EAWI,uBmBP0B;AxB20BhC;AUh1BE;EcYM;IACE;ExBu0BR;EE51BE;IAEI,wBsBuB+B;ExBs0BrC;AACF;AUtxBE;Ec1CM;IACE;ExBm0BR;EEp2BE;IAEI,wBsBmC+B;ExBk0BrC;AACF;AwB7zBE;EACE;AxB+zBJ;AA5xBE;EACE;EACA;AA8xBJ,C;;;;AyB72BA;ECDE;EACA;EACA;EACA;ADDF;ACGE;EACE;EACA;ADDJ;AxBRE;EACE;EAGE,mByBQiB;EzBJjB,uByBIsB;EzBAtB;AwBEN;AvBII;EwBJA;ADGJ;AAXE;EEJA;EACA;AFkBF;AvBpBI;EAEI,uByBCuB;AFoB/B;AffE;EiBFE;IACE;EFoBJ;EvB3BE;IAEI,uByBM2B;EFsBjC;AACF;Af2CE;EiB7DE;IACE;EFqBJ;EvBnCE;IAEI,uByBa2B;EFuBjC;AACF;AA9BE;EGRA;EACA;AHyCF;AvB3CI;EAEI,yB0BCuB;AH2C/B;AftCE;EkBFE;IACE;EH2CJ;AACF;AfuBE;EkB9DE;IACE;EH0CJ;AACF;AA3CE;EIZA;EACA;AJ0DF;AvB5DI;EAEI,uB2BCuB;AJ4D/B;AfvDE;EmBFE;IACE;EJ4DJ;EvBnEE;IAEI,uB2BM2B;EJ8DjC;AACF;AfGE;EmB7DE;IACE;EJ6DJ;EvB3EE;IAEI,uB2Ba2B;EJ+DjC;AACF;AA9DE;EKhBA;EACA;ALiFF;AvBnFI;EAEI,0B4BCuB;ALmF/B;Af9EE;EoBFE;IACE;ELmFJ;EvB1FE;IAEI,0B4BM2B;ELqFjC;AACF;AfpBE;EoB7DE;IACE;ELoFJ;EvBlGE;IAEI,0B4Ba2B;ELsFjC;AACF;AAjFE;EMpBA;EACA;ANwGF;AvB1GI;EAEI,0B6BCuB;AN0G/B;AfrGE;EqBFE;IACE;EN0GJ;EvBjHE;IAEI,0B6BM2B;EN4GjC;AACF;Af3CE;EqB7DE;IACE;EN2GJ;EvBzHE;IAEI,0B6Ba2B;EN6GjC;AACF;AApGE;EOxBA;EACA;AP+HF;AvBjII;EAEI,wB8BCuB;APiI/B;Af5HE;EsBFE;IACE;EPiIJ;EvBxIE;IAEI,wB8BM2B;EPmIjC;AACF;AflEE;EsB7DE;IACE;EPkIJ;EvBhJE;IAEI,wB8Ba2B;EPoIjC;AACF;AAvHE;EQ5BA;EACA;ARsJF;AvBxJI;EAEI,0B+BCuB;ARwJ/B;AfnJE;EuBFE;IACE;ERwJJ;EvB/JE;IAEI,0B+BM2B;ER0JjC;AACF;AfzFE;EuB7DE;IACE;ERyJJ;EvBvKE;IAEI,0B+Ba2B;ER2JjC;AACF;AA1IE;EShCA;EACA;AT6KF;AvB/KI;EAEI,uBgCCuB;AT+K/B;Af1KE;EwBFE;IACE;ET+KJ;EvBtLE;IAEI,uBgCM2B;ETiLjC;AACF;AfhHE;EwB7DE;IACE;ETgLJ;EvB9LE;IAEI,uBgCa2B;ETkLjC;AACF;AA7JE;EUpCA;EACA;AVoMF;AvBtMI;EAEI,wBiCCuB;AVsM/B;AfjME;EyBFE;IACE;EVsMJ;EvB7ME;IAEI,wBiCM2B;EVwMjC;AACF;AfvIE;EyB7DE;IACE;EVuMJ;EvBrNE;IAEI,wBiCa2B;EVyMjC;AACF;AA/KE;EWzCA;EACA;AX2NF;AvB7NI;EAEI,yBkCCuB;AX6N/B;AfxNE;ERRE;IAEI,0BkCK2B;EX6NjC;AACF;Af3JE;ER1EE;IAEI,0BkCW2B;EX4NjC;AACF;AA5LE;EY7CA;EAEA;AZ2OF;AvB7NI;EmCXA;EACA;AZ2OJ;AAhME;EajDA;EAEA;AbmPF;AvBrOI;EoCXA;EACA;AbmPJ;AApME;EcrDA;EAEA;Ad2PF;AvB7OI;EqCXA;EACA;Ad2PJ;AAxME;EezDA;EAEA;AfmQF;AvBrPI;EsCXA;EACA;AfmQJ;AA5ME;EgB7DA;EAEA;AhB2QF;AvB7PI;EuCXA;EACA;AhB2QJ;AAhNE;EiBjEA;EACA;AjBoRF;AvBtRI;EAEI,uBwCCuB;AjBsR/B;AfjRE;EgCFE;IACE;EjBsRJ;EvB7RE;IAEI,uBwCM2B;EjBwRjC;AACF;AfvNE;EgC7DE;IACE;EjBuRJ;EvBrSE;IAEI,uBwCa2B;EjByRjC;AACF;AAlOI;EiBtEF;EACA;AjB2SF;AvB7SI;EAEI,uBwCCuB;AjB6S/B;AfxSE;EgCFE;IACE;EjB6SJ;EvBpTE;IAEI,uBwCM2B;EjB+SjC;AACF;Af9OE;EgC7DE;IACE;EjB8SJ;EvB5TE;IAEI,uBwCa2B;EjBgTjC;AACF,C;;;;AkBlUA,gBAAgB;AAEhB;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;A/BZE;E+BiBE;EACA;AAF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;ARnDE;EACE;EACA;EACA;AQqDJ;AlDvDI;EAEI,uBkDuCyB;AAiBjC;AlDzCI;EkDyBE;EACA;EACA;AAmBN,C;;;;AC/DA;EACE;EACA;AADF;ApDFE;EACE;EAWE,mBoDR+B;AAErC;AAAE;EACE;EACA;AAEJ,C;;;;ACTA;EACE;AADF;AAIE;EACE;EAEA;AAHJ;AAME;EACE;AAJJ;AAOE;EACE;AALJ,C;;;;ACPE;EACE;ECMF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACTF;A7CTE;E4CqBE;EACA;ACTJ;AbbE;EACE;EACA;EACA;AaeJ;AvDjBI;EAUI,esDe6B;ACLrC;AvDHI;EsDSA;EACA;EACA;ACHJ;AFjBM;EGTJ;AD6BF;AFhBM;EIXJ;AF8BF;AE5BE;EACE;EACA;EACA;EACA;EACA;EACA;AF8BJ;AFvBM;EKNJ;EACA;AHgCF;AvD3CI;EAEI,uE0DUuB;AHkC/B;A7C/CE;EgDgBE;EACA;AHkCJ;AvDlDI;EAEI,uE0DeyB;AHoCjC;ApD5CE;EAWI,sEuDFwB;AHsC9B;AGpCI;EACE;AHsCN;AGnCE;EACE;EACA;AHqCJ;AF3CM;EMXJ;EACA;AJyDF;AvDnEI;EAEI,0B2DUuB;AJ0D/B;AtD1DE;EACE;EACA;EACA,yB0DF8D;E1DG9D,gB0DHiD;E1DIjD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsDuEZ;A7CjFE;EiDiBE;EACA;AJmEJ;AtDxEE;EACE;EACA;EACA,yB0DGgE;E1DFhE,gB0DEmD;E1DDnD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsDqFZ;AFtEM;EOdJ;EACA;ALuFF;AvDlGI;EAEI,oE4DWuB;ALwF/B;AKtFE;EACE;ALwFJ;A7CzGE;EkDmBI;ALyFN;A7C5GE;EkDwBE;EACA;ALuFJ;AvD/GI;EAEI,oE4DuByB;ALyFjC;AFtFM;EQ3BJ;EAEA;EACA;ANmHF;AvDvHI;EAEI,sE6DIuB;ANoH/B;ApDjHE;EAWI,qE0DbsB;ANsH5B;AMpHE;EACE;ANsHJ;A7CjIE;EmDeE;EACA;ANqHJ;AvDpII;EAEI,sE6DeyB;ANsHjC;ApD9HE;EAWI,qE0DFwB;ANwH9B;AMtHI;EACE;ANwHN;AF5GQ;EStBN;EACA;APqIF;AtDrIE;EACE;EACA;EACA,YAXM;EAYN,gB6DFiD;E7DGjD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsDkJZ;AtD/IE;EACE;EACA;EACA;EACA,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsD4JZ;AvDrKI;EAEI,yB8DcuB;APwJ/B;A7CzKE;EoDoBE;APwJJ;AtD/JE;EACE;EACA;EACA,qB6DKqB;E7DJrB,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsD4KZ;AvDrLI;EAEI,sB8DmByB;APmKjC;AOhKE;EACE;APkKJ;AFvJU;ESNR;EACA;APgKF;AtDnLE;EACE;EACA;EACA,YAXM;EAYN,gB6DgBiD;E7DfjD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsDgMZ;AtD7LE;EACE;EACA;EACA,wB6DkBmB;E7DjBnB,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsD0MZ;AvDnNI;EAEI,yB8DgCuB;APoL/B;A7CvNE;EoDsCE;APoLJ;AtD7ME;EACE;EACA;EACA,sB6DuBqB;E7DtBrB,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsD0NZ;AvDnOI;EAEI,uB8DqCyB;AP+LjC;AO5LE;EACE;AP8LJ;AFjMQ;ESSN;EACA;AP2LF;AtDjOE;EACE;EACA;EACA,sB6DoC8D;E7DnC9D,gB6DmCiD;E7DlCjD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsD8OZ;AvDvPI;EAEI,yB8DkDuB;APsM/B;A7C3PE;EoDwDE;EACA;APsMJ;AtDlPE;EACE;EACA;EACA,sB6D0CqB;E7DzCrB,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsD+PZ;AvDxQI;EAEI,uB8DwDyB;APiNjC;AO9ME;EACE;APgNJ;AFhOQ;EUnCN;EACA;ARsQF;AtDtQE;EACE;EACA;EACA,YAXM;EAYN,gB8DFiD;E9DGjD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsDmRZ;AtDhRE;EACE;EACA;EACA;EACA,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsD6RZ;AvDtSI;EAEI,yB+DcuB;ARyR/B;A7C1SE;EqDoBE;ARyRJ;AtDhSE;EACE;EACA;EACA,qB8DKqB;E9DJrB,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsD6SZ;AvDtTI;EAEI,sB+DmByB;ARoSjC;AQjSE;EACE;ARmSJ;AF3QU;EUnBR;EACA;ARiSF;AtDpTE;EACE;EACA;EACA,wB8DiB8D;E9DhB9D,gB8DgBiD;E9DfjD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsDiUZ;AvD1UI;EAEI,yB+D+BuB;AR4S/B;A7C9UE;EqDqCE;AR4SJ;AtDpUE;EACE;EACA;EACA,sB8DsBqB;E9DrBrB,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsDiVZ;AvD1VI;EAEI,uB+DoCyB;ARuTjC;AQpTE;EACE;ARsTJ;AF3SQ;EUNN;EACA;ARoTF;AtDxVE;EACE;EACA;EACA,sB8DkC8D;E9DjC9D,gB8DiCiD;E9DhCjD,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsDqWZ;AvD9WI;EAEI,yB+DgDuB;AR+T/B;A7ClXE;EqDsDE;EACA;AR+TJ;AtDzWE;EACE;EACA;EACA,sB8DwCqB;E9DvCrB,gBAXO;EAYP,yBAXO;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsDsXZ;AvD/XI;EAEI,uB+DsDyB;AR0UjC;AQvUE;EACE;ARyUJ;AF3UI;EACI;IC1DN;IACA;ECwYA;E7C3YA;I4CKE;IACA;ECyYF;EFhVQ;IK7DR;IACA;EHgZA;E7CnZA;IgDKE;IACA;EHiZF;EFpVQ;IMjER;EJwZA;E7C1ZA;IiDIE;IACA;EJyZF;EFvVQ;IOrER;IACA;EL+ZA;E7ClaA;IkDKE;IACA;ELgaF;EFzVU;IS3EV;IACA;EPuaA;E7C1aA;IoDME;IACA;EPuaF;EF3VU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;EAYP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkG+BZ;AANE;EACE;EACA;EACA;EACA;AAQJ;AALE;EACE;EACA;EACA;EACA;EACA;AAOJ;ApGtDE;EACE;EAOE,8BoGwCqC;AAU3C;AAPE;EACE;EACA;EACA;EACA;AASJ;AANE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAQJ;AzDzEE;EACE;EACA;EACA;AyD2EJ;AAVI;EACE;AAYN;AATI;EACE;EACA;AAWN;;AANA;EACE;IACE;EASF;EAPA;IACE;EASF;EAPA;IACE;EASF;AACF,C;;;;AChGA;EACE;EACA;EACA;EACA;AADF,C;;;;ACHA;EACE;EACA;EACA;EACA;AADF;AtGJE;EACE;EAOE,uBsGFmC;AAEzC;AAAE;EACE;EACA;AAEJ;AAAI;EACE;AAEN;AAAM;EACE;EACA;EACA;AAER;A3DpBE;EACE;EACA;EACA;A2DsBJ;AADE;EACE;EACA;EACA;EACA;EACA;AAGJ,C;;;;AC/BA;EACE;EACA;EACA;AADF;A5DHE;EACE;EACA;EACA;A4DKJ;AtGPI;EAMI;AsGIR;AtGOI;EsGVA;AAMJ;AAHE;EACE;EACA;EACA;AAKJ;AtGDI;EsGDE;EACA;AAKN;AAFI;EACE;AAIN;AAAE;EACE;EACA;EACA;AAEJ;AtGbI;EsGcE;EACA;AAEN;AACI;EACE;AACN;AAGE;EACE;EACA;EACA;EACA;AADJ;AtG1BI;EsG8BE;EACA;AADN;AAII;EACE;AAFN;AtGjCI;EsGqCI;EACA;AADR;A9F9CE;E8FoDI;IACE;EAHN;AACF;AAOE;EACE;AALJ;A9FtDE;E8F8DI;IACE;EALN;AACF;AASE;EACE;AAPJ,C;;;;ACtEA;EACE;EACA;EACA;AADF;A7DHE;EACE;EACA;EACA;A6DKJ;AADE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGJ;AxGlBE;EACE;EAGE,sBwGY+B;ExGR/B,uBwGQyD;ExGJzD,mBwGI+E;AAQrF;AANI;EACE;EACA;EACA;AAQN;A7D7BE;EACE;EACA;EACA;A6D+BJ;AAVM;EACE;EACA;EACA;EA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","sources":["webpack://indicator-ui/./src/styles/colors/css-variables/primary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/secondary-var.css","webpack://indicator-ui/./src/styles/colors/css-variables/fonts.css","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/styles/mixins/fnt.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/adaptive/index.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/styles/mixins/themes.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/Buttons/styles/mixins/properties/warning-link-color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/MicroButton.module.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/dark.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-hover.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/color-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/gray-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/red-fill.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/blue-light.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-14.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-16.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-20.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-24.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/size-28.scss","webpack://indicator-ui/./src/ui/MicroButton/styles/mixins/properties/rose.scss","webpack://indicator-ui/./src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/styles/mixins/formFieldMixins.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/SingleRangeField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/checkbox-mark.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/CheckboxMark.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checkbox.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/radio.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checked.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/error.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/disabled.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/correct.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/incorrect.scss","webpack://indicator-ui/./src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/./src/styles/mixins/utils.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/ToggleBase.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/spacer.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/active.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/error.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/medium.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/large.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/hover.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/disabled.scss","webpack://indicator-ui/./src/ui/Toggle/styles/Toggle.module.scss","webpack://indicator-ui/./src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCount.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/Tag.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/base.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/hover.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/active.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/small.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/medium.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/large.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/clicked.scss","webpack://indicator-ui/./src/ui/Tag/styles/FilterTag.module.scss","webpack://indicator-ui/./src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/./src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/./src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PaginationBar.module.scss","webpack://indicator-ui/./src/ui/UserPick/styles/UserPick.module.scss","webpack://indicator-ui/./src/ui/DropdownItem/styles/DropdownItem.module.scss","webpack://indicator-ui/./src/ui/Loaders/styles/LoadingIndicator.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ControlBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ImageViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/MediaViewer.module.scss","webpack://indicator-ui/./src/ui/PlayButton/styles/PlayButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarDay.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarMonth.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarYear.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerTag.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerFeed.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/YearMonthPicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/TimePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/YearSwitcher.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/TimeSuggestions.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/DateTimePicker.module.scss","webpack://indicator-ui/./src/ui/Tooltip/styles/Tooltip.module.scss","webpack://indicator-ui/./src/styles/colors/primary.scss","webpack://indicator-ui/./src/ui/Dropdown/styles/Dropdown.module.scss","webpack://indicator-ui/./src/ui/formFields/FormField/styles/FormField.module.scss","webpack://indicator-ui/./src/ui/formFields/FormFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/formFields/FormSelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/formFields/extends/style/DropdownArrow.module.scss","webpack://indicator-ui/./src/ui/formFields/extends/style/InputInnerButton.module.scss","webpack://indicator-ui/./src/ui/formFields/FormTextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/formFields/FormDateRangeField/styles/Mask.module.scss","webpack://indicator-ui/./src/ui/formFields/FormDateRangeField/styles/FormDateRange.module.scss","webpack://indicator-ui/./src/ui/formFields/FormDateRangeField/styles/InputInnerButton.module.scss","webpack://indicator-ui/./src/ui/formFields/FormPaginatedSelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/ui/Breadcrumbs/styles/BreadcrumbButton.module.scss","webpack://indicator-ui/./src/ui/Breadcrumbs/styles/Divider.module.scss","webpack://indicator-ui/./src/ui/Breadcrumbs/styles/Breadcrumbs.module.scss","webpack://indicator-ui/./src/ui/DropdownV2/styles/DropdownV2.module.scss","webpack://indicator-ui/./src/ui/DropdownV2/styles/DropdownItemV2.module.scss","webpack://indicator-ui/./src/ui/DropdownV2/styles/components/Info.module.scss","webpack://indicator-ui/./src/ui/DropdownV2/styles/components/Check.module.scss"],"sourcesContent":[":root {\r\n --base-white: #FFFFFF;\r\n --base-black: #000000;\r\n\r\n --gray-25: #FCFCFD;\r\n --gray-50: #F9FAFB;\r\n --gray-100: #F2F4F7;\r\n --gray-200: #EAECF0;\r\n --gray-300: #D0D5DD;\r\n --gray-400: #98A2B3;\r\n --gray-500: #667085;\r\n --gray-600: #475467;\r\n --gray-700: #344054;\r\n --gray-800: #1D2939;\r\n --gray-900: #101828;\r\n --gray-950: #0C111D;\r\n\r\n --primary-25: #F5F8FF;\r\n --primary-50: #EFF4FF;\r\n --primary-100: #D1E0FF;\r\n --primary-200: #B2CCFF;\r\n --primary-300: #84ADFF;\r\n --primary-400: #528BFF;\r\n --primary-500: #2970FF;\r\n --primary-600: #155EEF;\r\n --primary-700: #004EEB;\r\n --primary-800: #0040C1;\r\n --primary-900: #00359E;\r\n --primary-950: #002266;\r\n\r\n --error-25: #FFFBFA;\r\n --error-50: #FEF3F2;\r\n --error-100: #FEE4E2;\r\n --error-200: #FECDCA;\r\n --error-300: #FDA29B;\r\n --error-400: #F97066;\r\n --error-500: #F04438;\r\n --error-600: #D92D20;\r\n --error-700: #B42318;\r\n --error-800: #912018;\r\n --error-900: #7A271A;\r\n --error-950: #55160C;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n\r\n --success-25: #F6FEF9;\r\n --success-50: #ECFDF3;\r\n --success-100: #DCFAE6;\r\n --success-200: #ABEFC6;\r\n --success-300: #75E0A7;\r\n --success-400: #47CD89;\r\n --success-500: #17B26A;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085D3A;\r\n --success-900: #074D31;\r\n --success-950: #053321;\r\n\r\n --gray-iron-25: #FCFCFC;\r\n --gray-iron-50: #FAFAFA;\r\n --gray-iron-100: #F4F4F5;\r\n --gray-iron-200: #E4E4E7;\r\n --gray-iron-300: #D1D1D6;\r\n --gray-iron-400: #A0A0AB;\r\n --gray-iron-500: #70707B;\r\n --gray-iron-600: #51525C;\r\n --gray-iron-700: #3F3F46;\r\n --gray-iron-800: #26272B;\r\n --gray-iron-900: #18181B;\r\n --gray-iron-950: #131316;\r\n\r\n --rose-25: #FFF5F6;\r\n --rose-50: #FFF1F3;\r\n --rose-100: #FFE4E8;\r\n --rose-200: #FECDD6;\r\n --rose-300: #FEA3B4;\r\n --rose-400: #FD6F8E;\r\n --rose-500: #F63D68;\r\n --rose-600: #E31B54;\r\n --rose-700: #C01048;\r\n --rose-800: #A11043;\r\n --rose-900: #89123E;\r\n --rose-950: #510B24;\r\n\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n}\r\n",":root {\r\n --blue-dark-25: #F5F8FF;\r\n --blue-dark-50: #EFF4FF;\r\n --blue-dark-100: #D1E0FF;\r\n --blue-dark-200: #B2CCFF;\r\n --blue-dark-300: #84ADFF;\r\n --blue-dark-400: #528BFF;\r\n --blue-dark-500: #2970FF;\r\n --blue-dark-600: #155EEF;\r\n --blue-dark-700: #004EEB;\r\n --blue-dark-800: #0040C1;\r\n --blue-dark-900: #00359E;\r\n --blue-dark-950: #002266;\r\n}\r\n\r\n:root {\r\n --orange-25: #FEFAF5;\r\n --orange-50: #FEF6EE;\r\n --orange-100: #FDEAD7;\r\n --orange-200: #F9DBAF;\r\n --orange-300: #F7B27A;\r\n --orange-400: #F38744;\r\n --orange-500: #EF6820;\r\n --orange-600: #E04F16;\r\n --orange-700: #B93815;\r\n --orange-800: #932F19;\r\n --orange-900: #772917;\r\n --orange-950: #511C10;\r\n}\r\n\r\n:root {\r\n --moss-25: #FAFDF7;\r\n --moss-50: #F5FBEE;\r\n --moss-100: #E6F4D7;\r\n --moss-200: #CEEAB0;\r\n --moss-300: #ACDC79;\r\n --moss-400: #86CB3C;\r\n --moss-500: #669F2A;\r\n --moss-600: #4F7A21;\r\n --moss-700: #3F621A;\r\n --moss-800: #335015;\r\n --moss-900: #2B4212;\r\n --moss-950: #1A280B;\r\n}\r\n\r\n:root {\r\n --yellow-25: #FEFDF0;\r\n --yellow-50: #FEFBE8;\r\n --yellow-100: #FEF7C3;\r\n --yellow-200: #FEEE95;\r\n --yellow-300: #FDE272;\r\n --yellow-400: #FAC515;\r\n --yellow-500: #EAAA08;\r\n --yellow-600: #CA8504;\r\n --yellow-700: #A15C07;\r\n --yellow-800: #854A0E;\r\n --yellow-900: #713B12;\r\n --yellow-950: #542C0D;\r\n}\r\n\r\n:root {\r\n --teal-25: #F6FEFC;\r\n --teal-50: #F0FDF9;\r\n --teal-100: #CCFBEF;\r\n --teal-200: #99F6E0;\r\n --teal-300: #5FE9D0;\r\n --teal-400: #2ED3B7;\r\n --teal-500: #15B79E;\r\n --teal-600: #0E9384;\r\n --teal-700: #107569;\r\n --teal-800: #125D56;\r\n --teal-900: #134E48;\r\n --teal-950: #0A2926;\r\n}",":root {\r\n --golos-ui: 'Golos UI', sans-serif;\r\n --golos: 'Golos Text', sans-serif;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n cursor: pointer;\r\n transition: background-color ease-out 0.2s;\r\n border-radius: var(--ui-button-radius, 8px);\r\n position: relative;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n\r\n\r\n .loader {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n @include modify-svg {\r\n animation: loading 0.9s linear infinite;\r\n }\r\n }\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n @include modify-svg() {\r\n * {\r\n transition: stroke ease-out 0.2s;\r\n }\r\n }\r\n }\r\n\r\n .counter {\r\n min-width: 24px;\r\n height: 24px;\r\n padding: 4px 6px;\r\n border-radius: 12px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n transform: translate(-2px, -2px);\r\n text-align: center;\r\n background-color: var(--primary-500);\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--base-white));\r\n }\r\n\r\n .content {\r\n @include modify-flex($align-items: center);\r\n\r\n .text, .textSecondary {\r\n flex: none;\r\n text-align: center;\r\n transition: color ease-out 0.2s, weight ease-out 0.2s;\r\n }\r\n\r\n .textSecondary {\r\n opacity: 0.6;\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}\r\n\r\n@keyframes loading {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}","@use 'mixins/baseButton' as baseButton;\r\n@use 'mixins/properties' as properties;\r\n@use '@/styles' as *;\r\n\r\n.button {\r\n @include baseButton.base-button();\r\n\r\n &.small {\r\n @include properties.smallButton;\r\n }\r\n\r\n &.medium {\r\n @include properties.mediumButton;\r\n }\r\n\r\n &.large {\r\n @include properties.largeButton;\r\n }\r\n\r\n &.ultra {\r\n @include properties.ultraButton;\r\n }\r\n\r\n &.primary {\r\n @include properties.primaryButton;\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.secondaryColorButton;\r\n }\r\n\r\n &.secondaryGray {\r\n @include properties.secondaryGrayButton;\r\n }\r\n\r\n &.tertiaryWhite {\r\n @include properties.tertiaryWhiteButton;\r\n }\r\n\r\n &.tertiaryColor {\r\n @include properties.tertiaryColorButton;\r\n }\r\n\r\n &.tertiaryGray {\r\n @include properties.tertiaryGrayButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.linkColorButton;\r\n }\r\n\r\n &.linkBlack {\r\n @include properties.linkBlackButton;\r\n }\r\n\r\n &.linkGray {\r\n @include properties.linkGrayButton;\r\n }\r\n\r\n &.tabActive {\r\n @include properties.tabActiveButton;\r\n }\r\n\r\n &.tab {\r\n @include properties.tabButton;\r\n }\r\n\r\n &.warning {\r\n &.primary {\r\n @include properties.warningPrimaryButton;\r\n }\r\n\r\n &.secondaryColor {\r\n @include properties.warningSecondaryColorButton;\r\n }\r\n\r\n &.linkColor {\r\n @include properties.warningLinkColorButton;\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n cursor: default;\r\n pointer-events: none;\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}","@mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {\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 @if ($stroke-width != null) {\r\n stroke-width: $stroke-width;\r\n }\r\n @if ($transition != null) {\r\n transition: $transition;\r\n }\r\n }\r\n\r\n & {\r\n @content;\r\n }\r\n }\r\n}\r\n\r\n@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {\r\n & > svg {\r\n @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {\r\n @content;\r\n }\r\n }\r\n}","$golos-ui: var(--golos-ui);\r\n$golos-text: var(--golos);\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: var(--golos),\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n $units: px,\r\n) {\r\n & {\r\n font-size: #{$size}#{$units};\r\n line-height: #{$line-height}#{$units};\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .loader {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .content {\r\n padding: 0 4px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 400, $family: var(--golos));\r\n }\r\n }\r\n}","@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: null,\r\n $stretch: null,\r\n $style: null,\r\n $variant: null,\r\n $units: px,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}#{$units};\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}#{$units};\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n @if ($family != null) {\r\n font-family: $family;\r\n }\r\n @if ($stretch != null) {\r\n font-stretch: $stretch;\r\n }\r\n @if ($style != null) {\r\n font-style: $style;\r\n }\r\n @if ($variant != null) {\r\n font-variant: $variant;\r\n }\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .loader {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .content {\r\n padding: 0 6px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 400, $family: var(--golos));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n // С учетом border\r\n padding: 11px;\r\n\r\n .loader {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .content {\r\n padding: 0 8px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 16, $line-height: 20, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 16, $line-height: 20, $weight: 400, $family: var(--golos));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n // С учетом border\r\n padding: 17px;\r\n\r\n .loader {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg() {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n\r\n .content {\r\n padding: 0 12px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 18, $line-height: 24, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 18, $line-height: 24, $weight: 400, $family: var(--golos));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n border-radius: 8px;\r\n background-color: var(--ui-button-primary-background-color, var(--primary-500));\r\n border: 1px solid var(--ui-button-primary-border-color, transparent);\r\n box-shadow: var(--ui-button-primary-box-shadowr, 0 1px 2px 0 #1018280D);\r\n\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-primary-icon-color, var(--base-white)));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--ui-button-primary-text-color, var(--base-white)));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--ui-button-primary-background-color, var(--primary-600));\r\n border: 1px solid var(--ui-button-primary-border-color, transparent);\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-primary-hover-icon-color, var(--base-white)));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--ui-button-primary-background-color, var(--primary-600));\r\n border: 1px solid var(--ui-button-primary-border-color, transparent);\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-primary-hover-icon-color, var(--base-white)));\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n //&:focus {\r\n // background-color: var(--primary-500);\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n}","$tablet-width: 1024;\r\n\r\n$mobile: 480px;\r\n$tablet: 768px;\r\n$laptop: 1024px;\r\n$desktop: 1280px;\r\n$wide: 1440px;\r\n\r\n// НАДО СНЕСТИ ============================================================\r\n@mixin tablet-plus {\r\n @media only screen and (min-width: #{$tablet-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n// НАДО СНЕСТИ ============================================================\r\n\r\n\r\n// НОВЫЕ !!!\r\n// ---------------- 📱 Mobile ----------------\r\n@mixin mobile-less { // меньше чем mobile\r\n @media (max-width: #{$mobile - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin mobile-less-equal { // до и включая mobile\r\n @media (max-width: #{$mobile}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin mobile-more { // больше чем mobile\r\n @media (min-width: #{$mobile + 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin mobile-more-equal { // от mobile и выше\r\n @media (min-width: #{$mobile}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin mobile { // только mobile (0 - tablet-1)\r\n @media (max-width: #{$tablet - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n// ---------------- 💻 Tablet ----------------\r\n@mixin tablet-less {\r\n @media (max-width: #{$tablet - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet-less-equal {\r\n @media (max-width: #{$tablet}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet-more {\r\n @media (min-width: #{$tablet + 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet-more-equal {\r\n @media (min-width: #{$tablet}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet { // только tablet (от mobile до desktop-1)\r\n @media (min-width: #{$mobile + 1}) and (max-width: #{$desktop - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n// ---------------- 🖥 Desktop ----------------\r\n@mixin desktop-less {\r\n @media (max-width: #{$desktop - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop-less-equal {\r\n @media (max-width: #{$desktop}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop-more {\r\n @media (min-width: #{$desktop + 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop-more-equal {\r\n @media (min-width: #{$desktop}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop { // только desktop (от desktop до wide-1)\r\n @media (min-width: #{$desktop}) and (max-width: #{$wide - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n// ---------------- 🖥️ Wide ----------------\r\n@mixin wide-less {\r\n @media (max-width: #{$wide - 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin wide-less-equal {\r\n @media (max-width: #{$wide}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin wide-more {\r\n @media (min-width: #{$wide + 1}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin wide-more-equal {\r\n @media (min-width: #{$wide}) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin wide { // только wide (от wide и выше)\r\n @media (min-width: #{$wide}) {\r\n @content;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n border-radius: var(--ui-button-radius, 8px);\r\n background-color: var(--ui-button-secondary-color-background-color, var(--base-white));\r\n border: 1px solid var(--ui-button-secondary-color-border-color, var(--primary-200));\r\n box-shadow: var(--ui-button-secondary-color-box-shadow, 0 1px 2px 0 #1018280D);\r\n\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-secondary-color-icon-color, var(--primary-500)));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--ui-button-secondary-color-icon-color, var(--primary-500)));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--ui-button-secondary-color-hover-background-color, var(--primary-50));\r\n border: 1px solid var(--ui-button-secondary-color-hover-border-color, var(--primary-300));\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500)));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--ui-button-secondary-color-hover-background-color, var(--primary-50));\r\n border: 1px solid var(--ui-button-secondary-color-hover-border-color, var(--primary-300));\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500)));\r\n }\r\n }\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(--primary-300);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-button-secondary-color-background-color, transparent);\r\n border: 1px solid var(--ui-button-secondary-color-border-color, var(--primary-900));\r\n\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-secondary-color-icon-color, var(--primary-500)));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--ui-button-secondary-color-text-color, var(--primary-500)));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--ui-button-secondary-color-hover-background-color, var(--primary-950));\r\n border: 1px solid var(--ui-button-secondary-color-hover-border-color, var(--primary-700));\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500)));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--ui-button-secondary-color-hover-background-color, var(--primary-950));\r\n border: 1px solid var(--ui-button-secondary-color-hover-border-color, var(--primary-700));\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500)));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@mixin darkTheme() {\r\n [data-theme=\"dark\"] & {\r\n @content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin secondaryGrayButton {\r\n border-radius: var(--ui-button-radius, 8px);\r\n background-color: var(--ui-button-secondary-gray-background-color, var(--base-white));\r\n border: 1px solid var(--ui-button-secondary-gray-border-color, var(--gray-300));\r\n box-shadow: var(--ui-button-secondary-gray-box-shadow, 0 1px 2px 0 #1018280D);\r\n\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-secondary-gray-icon-color, var(--gray-700)));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--ui-button-secondary-gray-icon-color, var(--gray-700)));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--ui-button-secondary-gray-hover-background-color, var(--gray-50));\r\n border: 1px solid var(--ui-button-secondary-gray-hover-border-color, var(--gray-300));\r\n\r\n .text {\r\n color: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-800));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--ui-button-secondary-gray-hover-background-color, var(--gray-50));\r\n border: 1px solid var(--ui-button-secondary-gray-hover-border-color, var(--gray-300));\r\n\r\n .text {\r\n color: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-800));\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n //&:focus {\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-button-secondary-gray-background-color, transparent);\r\n border: 1px solid var(--ui-button-secondary-gray-border-color, var(--gray-iron-700));\r\n box-shadow: var(--ui-button-secondary-gray-box-shadow, 0 1px 2px 0 #1018280D);\r\n\r\n .loader,\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-button-secondary-gray-icon-color, var(--gray-200)));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--ui-button-secondary-gray-text-color, var(--gray-200)));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--ui-button-secondary-gray-hover-background-color, var(--gray-800));\r\n border: 1px solid var(--ui-button-secondary-gray-hover-border-color, var(--gray-700));\r\n\r\n .text {\r\n color: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-200));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--ui-button-secondary-gray-hover-background-color, var(--gray-800));\r\n border: 1px solid var(--ui-button-secondary-gray-hover-border-color, var(--gray-700));\r\n\r\n .text {\r\n color: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-200));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n}\r\n\r\n@mixin tertiaryWhiteButton {\r\n border: 1px solid transparent;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--primary-100));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-100));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-100));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryWhiteButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryWhiteButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n\r\n @include darkTheme {\r\n .loader {\r\n @include modify-svg($stroke: var(--primary-100));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-100));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-100));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryWhiteDarkThemeButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryWhiteDarkThemeButton-hover-state;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n@mixin tertiaryWhiteDarkThemeButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-700));\r\n }\r\n}\r\n\r\n@mixin tertiaryColorDarkThemeButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-700));\r\n }\r\n}\r\n\r\n\r\n@mixin tertiaryColorButton {\r\n border: 1px solid transparent;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryColorButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryColorButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n\r\n @include darkTheme {\r\n .loader {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryColorDarkThemeButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryColorDarkThemeButton-hover-state;\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($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@mixin tertiaryGrayButton {\r\n border: 1px solid transparent;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryGrayButton-hover-state();\r\n }\r\n }\r\n @include tablet {\r\n &:active {\r\n @include tertiaryGrayButton-hover-state();\r\n }\r\n }\r\n }\r\n\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-700));\r\n }\r\n}\r\n\r\n@mixin linkColorButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkColorButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkColorButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n}\r\n\r\n@mixin linkBlackButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkBlackButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkBlackButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n @include darkTheme {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n }\r\n}\r\n\r\n@mixin linkGrayButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkGrayButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkGrayButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.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 border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\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 }\r\n\r\n @include tablet {\r\n &:active {\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 }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-700);\r\n box-shadow: 0 1px 2px 0 #05070c8a;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-600);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-200));\r\n }\r\n\r\n .text {\r\n color: var(--gray-200);\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-600);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-200));\r\n }\r\n\r\n .text {\r\n color: var(--gray-200);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabButton {\r\n border-radius: 6px;\r\n background-color: var(--gray-100);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .loader {\r\n @include modify-svg($stroke: 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 .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\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\r\n @include tablet {\r\n &:active {\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 }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-900);\r\n box-shadow: 0 1px 2px 0 #05070c8a;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-800);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-200));\r\n }\r\n\r\n .text {\r\n color: var(--gray-200);\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-800);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-200));\r\n }\r\n\r\n .text {\r\n color: var(--gray-200);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningPrimaryButton {\r\n border-radius: 8px;\r\n background-color: var(--error-500);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\r\n }\r\n\r\n &:active {\r\n border: 1px solid var(--error-500);\r\n background-color: var(--error-500);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\r\n }\r\n }\r\n }\r\n\r\n //&:focus {\r\n // background-color: var(--error-500);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n border: 1px solid var(--error-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\r\n }\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(--error-200);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n\r\n @include darkTheme {\r\n background-color: transparent;\r\n border: 1px solid var(--error-600);\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--error-950);\r\n border: 1px solid var(--error-500);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--error-950);\r\n border: 1px solid var(--error-500);\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningLinkColorButton {\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .loader {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n .text {\r\n color: var(--error-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-700));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n .text {\r\n color: var(--error-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-700));\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n@use 'mixins/properties';\r\n@use 'mixins/base-button';\r\n\r\n.button {\r\n @include base-button.base-micro-button();\r\n\r\n &.light {\r\n @include properties.light();\r\n }\r\n\r\n &.dark {\r\n @include properties.dark();\r\n }\r\n\r\n &.gray {\r\n @include properties.gray();\r\n }\r\n\r\n &.color {\r\n @include properties.color();\r\n }\r\n\r\n &.colorHover {\r\n @include properties.color-hover();\r\n }\r\n\r\n &.redHover {\r\n @include properties.red-hover();\r\n }\r\n\r\n &.colorFill {\r\n @include properties.color-fill();\r\n }\r\n\r\n &.grayFill {\r\n @include properties.gray-fill();\r\n }\r\n\r\n &.redFill {\r\n @include properties.red-fill();\r\n }\r\n\r\n\r\n &.blueLight {\r\n @include properties.blue-light();\r\n }\r\n\r\n &.size14 {\r\n @include properties.size-14();\r\n }\r\n\r\n &.size16 {\r\n @include properties.size-16();\r\n }\r\n\r\n &.size20 {\r\n @include properties.size-20();\r\n }\r\n\r\n &.size24 {\r\n @include properties.size-24();\r\n }\r\n\r\n &.size28 {\r\n @include properties.size-28();\r\n }\r\n\r\n &.rose {\r\n @include properties.rose();\r\n }\r\n\r\n @include darkTheme {\r\n &.colorHover {\r\n @include properties.rose();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-micro-button() {\r\n width: fit-content;\r\n height: fit-content;\r\n cursor: pointer;\r\n transition: all ease-out 200ms;\r\n\r\n &:disabled {\r\n pointer-events: none;\r\n cursor: default;\r\n }\r\n\r\n @include modify-flex(row, center, center);\r\n @include modify-svg() {\r\n flex: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin light() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--gray-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--gray-200);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-200);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin dark() {\r\n background-color: #0C111D80;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: #0C111DCC;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: #0C111DCC;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray() {\r\n background-color: transparent;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--gray-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--primary-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--primary-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--primary-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--primary-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--primary-100);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-100);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n background: var(--base-white);\r\n border: 1px solid var(--primary-200);\r\n @include modify-svg($stroke: var(--primary-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--primary-50);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--primary-50);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n background: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n @include modify-svg($stroke: var(--gray-700));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n background: var(--base-white);\r\n border: 1px solid var(--error-300);\r\n @include modify-svg($stroke: var(--error-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin blue-light() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--primary-50));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n @include modify-svg($stroke: var(--primary-200));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include modify-svg($stroke: var(--primary-200));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n // 3 - 1 для учета border\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin rose() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--rose-600));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--rose-900);\r\n @include modify-svg($stroke: var(--rose-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-900);\r\n @include modify-svg($stroke: var(--rose-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: var(--ui-form-field-border-radius, 8px);\r\n gap: 12px;\r\n box-sizing: border-box;\r\n background-color: var(--ui-form-field-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-300));\r\n box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D);\r\n transition: all ease-out 200ms;\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n }\r\n\r\n @include centerInsideContent();\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n @include darkTheme {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n transition: -webkit-box-shadow ease-out 200ms;\r\n\r\n /* Полный сброс стандартных стилей автозаполнения */\r\n &:-internal-autofill-selected,\r\n &:-webkit-autofill,\r\n &:-webkit-autofill:hover,\r\n &:-webkit-autofill:active {\r\n -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-900)) !important;\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--base-white)) inset;\r\n background-color: transparent !important;\r\n caret-color: currentColor !important;\r\n @include darkTheme {\r\n -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-25)) !important;\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--gray-950)) inset;\r\n }\r\n }\r\n\r\n &:-webkit-autofill:focus {\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--base-white)) inset;\r\n @include darkTheme {\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--gray-950)) inset;\r\n }\r\n }\r\n\r\n /* Для современных браузеров */\r\n &:auto-fill,\r\n &:autofill {\r\n color: var(--ui-form-field-text-color, var(--gray-900)) !important;\r\n background-color: transparent !important;\r\n box-shadow: 0 0 0 40rem transparent !important;\r\n @include darkTheme {\r\n color: var(--ui-form-field-text-color, var(--gray-25)) !important;\r\n }\r\n }\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n }\r\n\r\n &:read-only {\r\n cursor: default;\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 @include darkTheme {\r\n @include modify-svg($stroke: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\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 &:has(.inputField:focus) {\r\n @include formFieldFocus();\r\n }\r\n\r\n &.isError {\r\n @include formFieldError();\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &:has(.inputField:focus) {\r\n @include formFieldErrorFocus();\r\n }\r\n }\r\n\r\n &.pointer {\r\n *, .inputField {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include formFieldDisabled();\r\n cursor: default;\r\n pointer-events: none;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .userPick {\r\n opacity: 50%;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\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 cursor: pointer;\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\r\n &.smallDisplay {\r\n padding: 0;\r\n border: none;\r\n box-shadow: none;\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n }\r\n\r\n &.largeDisplay {\r\n padding: 0;\r\n border: none;\r\n box-shadow: none;\r\n\r\n .inputField {\r\n @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n }\r\n\r\n // dark new adaptation\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-200)));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n\r\n // dark adaptation\r\n //&.darkTheme {\r\n //\r\n // .inputField {\r\n // caret-color: var(--ui-form-field-text-color, var(--gray-25));\r\n // @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-25)));\r\n //\r\n // &::placeholder, &.placeholder {\r\n // @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n // }\r\n // }\r\n //\r\n // .icon {\r\n // @include modify-svg($stroke: var(--ui-form-field-placeholder-color, var(--gray-500)))\r\n // }\r\n //\r\n // .textSupport {\r\n // @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n // }\r\n //\r\n // .help {\r\n // @include modify-svg($stroke: var(--gray-500))\r\n // }\r\n //\r\n // .dropdown {\r\n // @include modify-svg($stroke: var(--gray-500))\r\n // }\r\n //\r\n // .button {\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 // &.isError {\r\n // @include formFieldError();\r\n //\r\n // .help {\r\n // @include modify-svg($stroke: var(--error-500));\r\n // }\r\n //\r\n // &:has(.inputField:focus),\r\n // &.focus {\r\n // @include formFieldErrorFocus();\r\n // }\r\n // }\r\n //\r\n // &.disabled {\r\n // @include formFieldDisabled();\r\n // cursor: default;\r\n // pointer-events: none;\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 // &.smallDisplay {\r\n // .inputField {\r\n // @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-25));\r\n // }\r\n // }\r\n //\r\n // &.largeDisplay {\r\n // .inputField {\r\n // @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-25));\r\n // }\r\n // }\r\n //}\r\n}","@mixin centerInsideContent {\r\n & {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}","@use './themes' as *;\r\n\r\n@mixin formFieldDisabled {\r\n background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));\r\n border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));\r\n color: var(--ui-form-field-disabled-text-color, var(--gray-500));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));\r\n color: var(--ui-form-field-disabled-text-color, var(--gray-25))\r\n }\r\n}\r\n\r\n@mixin formFieldFocus {\r\n background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));\r\n border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));\r\n box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D));\r\n color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));\r\n border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));\r\n box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D));\r\n color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));\r\n }\r\n}\r\n\r\n@mixin formFieldError {\r\n background-color: var(--ui-form-field-error-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));\r\n box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 #1018280D);\r\n color: var(--ui-form-field-error-text-color, var(--gray-900));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));\r\n border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));\r\n box-shadow: var(--ui-form-field-error-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D));\r\n color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));\r\n }\r\n}\r\n\r\n@mixin formFieldErrorFocus {\r\n background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));\r\n box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 #1018280D);\r\n color: var(--ui-form-field-error-focus-text-color, var(--gray-900));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950))));\r\n border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));\r\n box-shadow: var(--ui-form-field-error-focus-box-shadow, var(--ui-form-field-error-box-shadow, 0 1px 2px 0 #1018280D));\r\n color: var(--ui-form-field-error-focus-text-color, var(--gray-25));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n width: 100%;\r\n height: fit-content;\r\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-700)));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-required-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 @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-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 @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-error-color, var(--error-500)));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n width: fit-content;\r\n padding: 0 12px;\r\n gap: 2px;\r\n cursor: pointer;\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--ui-form-field-helper-link-color, var(--primary-500)), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-helper-link-color, var(--primary-500)));\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n padding: 0;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-500)));\r\n }\r\n\r\n .hintText {\r\n padding: 0;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-600)));\r\n }\r\n\r\n .helperLink {\r\n padding: 0;\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-400)));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-500)));\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-400)));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-500)));\r\n }\r\n }\r\n }\r\n\r\n &.darkTheme {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-400));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n .helperLink {\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-400));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.textareaField {\r\n width: 100%;\r\n height: auto;\r\n min-height: 68px;\r\n overflow: auto;\r\n resize: none;\r\n border-radius: var(--ui-form-field-border-radius, 8px);\r\n // С учетом border\r\n padding: 9px 11px;\r\n background-color: var(--ui-form-field-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-300));\r\n box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D);\r\n transition: all ease-out 200ms;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n }\r\n\r\n &:focus {\r\n @include formFieldFocus();\r\n }\r\n\r\n &:disabled {\r\n @include formFieldDisabled();\r\n }\r\n\r\n &.isError {\r\n @include formFieldError();\r\n\r\n &:focus {\r\n @include formFieldErrorFocus();\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-200)));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeFieldMask {\r\n height: fit-content;\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 0 0 #1018280D;\r\n padding: 9px 11px;\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n @include modify-flex($align-items: center);\r\n\r\n .item {\r\n flex: 1;\r\n min-width: 0;\r\n gap: 6px;\r\n @include modify-flex($align-items: center);\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 .text {\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n height: 100%;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .content {\r\n flex: 1;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .line {\r\n padding: 0 11px;\r\n margin: -2px 0;\r\n @include centerInsideContent();\r\n }\r\n\r\n .xCloseButton {\r\n cursor: pointer;\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n * {\r\n transition: stroke ease-in-out 200ms;\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.isFocus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &.isFocus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n\r\n &.disabled {\r\n border: 1px solid var(--gray-400);\r\n background-color: var(--gray-50);\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n\r\n .item, .item .content {\r\n flex: none;\r\n }\r\n }\r\n\r\n\r\n // dark adaptation\r\n &.darkTheme {\r\n border: 1px solid var(--gray-800);\r\n background-color: var(--gray-950);\r\n\r\n .item {\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n .xCloseButton {\r\n @include modify-svg($stroke: var(--gray-500));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-600));\r\n }\r\n }\r\n }\r\n\r\n &.isFocus {\r\n border: 1px solid var(--gray-700);\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-950);\r\n\r\n &.isFocus {\r\n border: 1px solid var(--error-800);\r\n }\r\n }\r\n\r\n &.disabled {\r\n border: 1px solid var(--gray-800);\r\n background-color: var(--gray-950);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeField {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n}\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n // С учетом border\r\n gap: 12px;\r\n box-sizing: border-box;\r\n\r\n overflow: hidden;\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n outline: none;\r\n background: none;\r\n margin: 0;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n @include centerInsideContent();\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 &.disabled {\r\n &, &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n\r\n &.darkTheme {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-25));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.disabled {\r\n &, &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n @include centerInsideContent();\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.DateTimeRangeField {\r\n width: 100%;\r\n gap: 8px;\r\n @include modify-flex($align-items: center);\r\n\r\n .item {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.SingleRangeField {\r\n height: fit-content;\r\n //position: relative;\r\n\r\n .modalWindow {\r\n position: fixed;\r\n //transform: translateY(4px);\r\n z-index: 10;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthFHug {\r\n height: fit-content;\r\n }\r\n}","@use 'base';\r\n@use 'properties';\r\n@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark() {\r\n .checkboxMark {\r\n transition: all ease-out 0.2s;\r\n\r\n @include base.checkbox-mark-base();\r\n\r\n &.checkbox {\r\n @include properties.checkbox();\r\n }\r\n\r\n &.radio {\r\n @include properties.radio();\r\n }\r\n\r\n &.checked {\r\n @include properties.checked();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate();\r\n }\r\n\r\n &.error {\r\n @include properties.error();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked();\r\n\r\n &.disabled {\r\n @include properties.correct-checked-disabled();\r\n }\r\n }\r\n &.disabled {\r\n @include properties.correct-disabled();\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked();\r\n\r\n &.disabled {\r\n @include properties.incorrect-checked-disabled();\r\n }\r\n }\r\n &.disabled {\r\n @include properties.incorrect-disabled();\r\n }\r\n }\r\n\r\n @media (hover: hover) {\r\n &.hover {\r\n @include base.checkbox-mark-base-hover();\r\n\r\n &.checked {\r\n @include properties.checked-hover();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate-hover();\r\n }\r\n\r\n &.checked.error,\r\n &.error {\r\n @include properties.error-hover();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked-hover();\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked-hover();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark-base-hover() {\r\n background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--primary-50)));\r\n border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--primary-200)));\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--gray-800)));\r\n border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--gray-500)));\r\n }\r\n}\r\n\r\n@mixin checkbox-mark-base() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n overflow: hidden;\r\n background-color: var(--ui-checkbox-mark-background-color, var(--base-white));\r\n border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-300));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-background-color, var(--gray-900));\r\n border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-500));\r\n }\r\n\r\n @include centerInsideContent();\r\n @include modify-svg($stroke-width: 4) {\r\n width: 14px;\r\n height: 14px;\r\n flex: none;\r\n }\r\n}",".checkboxMark {\n transition: all ease-out 0.2s;\n width: 20px;\n height: 20px;\n flex: none;\n box-sizing: border-box;\n cursor: pointer;\n overflow: hidden;\n background-color: var(--ui-checkbox-mark-background-color, var(--base-white));\n border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-300));\n}\n[data-theme=dark] .checkboxMark {\n background-color: var(--ui-checkbox-mark-background-color, var(--gray-900));\n border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-500));\n}\n.checkboxMark {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.checkboxMark > svg * {\n stroke-width: 4;\n}\n.checkboxMark > svg {\n width: 14px;\n height: 14px;\n flex: none;\n}\n.checkboxMark.checkbox {\n border-radius: 6px;\n}\n.checkboxMark.radio {\n border-radius: 50%;\n}\n.checkboxMark.radio:after {\n display: none;\n flex: none;\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.checkboxMark.checked {\n background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-50));\n border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-200));\n}\n.checkboxMark.checked > svg * {\n stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500));\n}\n[data-theme=dark] .checkboxMark.checked {\n background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-950));\n border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-700));\n}\n[data-theme=dark] .checkboxMark.checked > svg * {\n stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));\n}\n[data-theme=dark] .checkboxMark.checked {\n color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));\n}\n[data-theme=dark] .checkboxMark.checked:after {\n background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));\n}\n.checkboxMark.checked:after {\n background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500));\n display: block;\n}\n.checkboxMark.indeterminate {\n background-color: var(--primary-50);\n border: 1px solid var(--primary-200);\n}\n.checkboxMark.indeterminate > svg * {\n stroke: var(--primary-500);\n}\n.checkboxMark.indeterminate {\n font-size: 14px;\n line-height: 14px;\n color: var(--primary-500);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.indeterminate {\n background-color: var(--primary-950);\n border: 1px solid var(--primary-700);\n}\n[data-theme=dark] .checkboxMark.indeterminate {\n font-size: 14px;\n line-height: 14px;\n color: var(--primary-600);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.error {\n background-color: var(--ui-checkbox-mark-error-background-color, var(--error-50));\n border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-200));\n}\n.checkboxMark.error > svg * {\n stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-500));\n}\n.checkboxMark.error:after {\n background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-500));\n}\n[data-theme=dark] .checkboxMark.error:after {\n background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-600));\n}\n[data-theme=dark] .checkboxMark.error {\n background-color: var(--ui-checkbox-mark-error-background-color, var(--error-950));\n border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-700));\n}\n[data-theme=dark] .checkboxMark.error > svg * {\n stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-600));\n}\n.checkboxMark.disabled {\n cursor: default;\n background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-100));\n border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-300));\n}\n.checkboxMark.disabled > svg * {\n stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));\n}\n.checkboxMark.disabled {\n color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));\n}\n.checkboxMark.disabled:after {\n background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));\n}\n[data-theme=dark] .checkboxMark.disabled {\n background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-800));\n border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-700));\n}\n[data-theme=dark] .checkboxMark.disabled > svg * {\n stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));\n}\n[data-theme=dark] .checkboxMark.disabled {\n color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));\n}\n[data-theme=dark] .checkboxMark.disabled:after {\n background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));\n}\n.checkboxMark.correct.checked {\n border: transparent;\n background-color: var(--primary-500);\n}\n.checkboxMark.correct.checked {\n font-size: 14px;\n line-height: 14px;\n color: black;\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked {\n font-size: 16px;\n line-height: 24px;\n color: var(--base-white);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.correct.checked {\n background-color: var(--primary-600);\n}\n[data-theme=dark] .checkboxMark.correct.checked {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-50);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.correct.checked > svg * {\n stroke: var(--gray-50);\n}\n.checkboxMark.correct.checked:after {\n display: none;\n}\n.checkboxMark.correct.checked.disabled {\n border: transparent;\n background-color: var(--gray-300);\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: black;\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--base-white);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.correct.checked.disabled {\n background-color: var(--gray-700);\n}\n[data-theme=dark] .checkboxMark.correct.checked.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.correct.checked.disabled > svg * {\n stroke: var(--gray-500);\n}\n.checkboxMark.correct.checked.disabled:after {\n display: none;\n}\n.checkboxMark.correct.disabled {\n border: 1px solid var(--gray-300);\n background-color: var(--gray-100);\n}\n.checkboxMark.correct.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--gray-300);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.disabled > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.correct.disabled {\n border: 1px solid var(--gray-700);\n background-color: var(--gray-800);\n}\n[data-theme=dark] .checkboxMark.correct.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.correct.disabled > svg * {\n stroke: var(--gray-500);\n}\n.checkboxMark.correct.disabled:after {\n display: none;\n}\n.checkboxMark.incorrect.checked {\n border: transparent;\n background-color: var(--error-500);\n}\n.checkboxMark.incorrect.checked {\n font-size: 14px;\n line-height: 14px;\n color: black;\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked {\n font-size: 16px;\n line-height: 24px;\n color: var(--base-white);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.incorrect.checked {\n background-color: var(--error-600);\n}\n[data-theme=dark] .checkboxMark.incorrect.checked {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-50);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.incorrect.checked > svg * {\n stroke: var(--gray-50);\n}\n.checkboxMark.incorrect.checked:after {\n display: none;\n}\n.checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked.disabled > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-700);\n}\n[data-theme=dark] .checkboxMark.incorrect.checked.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.incorrect.checked.disabled > svg * {\n stroke: var(--gray-500);\n}\n.checkboxMark.incorrect.checked.disabled:after {\n display: none;\n}\n.checkboxMark.incorrect.disabled {\n border: 1px solid var(--gray-300);\n background-color: var(--gray-100);\n}\n.checkboxMark.incorrect.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--gray-300);\n font-weight: 500;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.disabled > svg * {\n stroke: var(--base-white);\n}\n[data-theme=dark] .checkboxMark.incorrect.disabled {\n border: 1px solid var(--gray-700);\n background-color: var(--gray-800);\n}\n[data-theme=dark] .checkboxMark.incorrect.disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: var(--golos);\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n[data-theme=dark] .checkboxMark.incorrect.disabled > svg * {\n stroke: var(--gray-500);\n}\n.checkboxMark.incorrect.disabled:after {\n display: none;\n}\n@media (hover: hover) {\n .checkboxMark.hover {\n background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--primary-50)));\n border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--primary-200)));\n }\n [data-theme=dark] .checkboxMark.hover {\n background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--gray-800)));\n border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--gray-500)));\n }\n .checkboxMark.hover.checked {\n background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-50)));\n border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-400)));\n }\n [data-theme=dark] .checkboxMark.hover.checked {\n background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-900)));\n border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-700)));\n }\n .checkboxMark.hover.indeterminate {\n border: 1px solid var(--primary-400);\n }\n [data-theme=dark] .checkboxMark.hover.indeterminate {\n border: 1px solid var(--primary-700);\n background-color: var(--primary-900);\n }\n .checkboxMark.hover.checked.error, .checkboxMark.hover.error {\n background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-50)));\n border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-400)));\n }\n [data-theme=dark] .checkboxMark.hover.checked.error, [data-theme=dark] .checkboxMark.hover.error {\n background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-900)));\n border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-700)));\n }\n .checkboxMark.hover.correct.checked {\n border: transparent !important;\n background-color: var(--primary-600) !important;\n }\n [data-theme=dark] .checkboxMark.hover.correct.checked {\n border: transparent !important;\n background-color: var(--primary-700) !important;\n }\n .checkboxMark.hover.incorrect.checked {\n border: transparent !important;\n background-color: var(--error-600) !important;\n }\n [data-theme=dark] .checkboxMark.hover.incorrect.checked {\n border: transparent !important;\n background-color: var(--error-700) !important;\n }\n}","@mixin checkbox() {\r\n border-radius: 6px;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin radio() {\r\n border-radius: 50%;\r\n\r\n &:after {\r\n display: none;\r\n flex: none;\r\n content: '';\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checked-hover() {\r\n background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-50)));\r\n border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-400)));\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-900)));\r\n border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-700)));\r\n }\r\n}\r\n\r\n@mixin checked() {\r\n background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-50));\r\n border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-200));\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500)));\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-950));\r\n border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-700));\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600)));\r\n @include fnt-flex($color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600)));\r\n\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));\r\n }\r\n }\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500));\r\n display: block;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin indeterminate-hover() {\r\n border: 1px solid var(--primary-400);\r\n @include darkTheme {\r\n border: 1px solid var(--primary-700);\r\n background-color: var(--primary-900);\r\n }\r\n}\r\n\r\n@mixin indeterminate() {\r\n background-color: var(--primary-50);\r\n border: 1px solid var(--primary-200);\r\n\r\n @include modify-svg($stroke: var(--primary-500));\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--primary-500));\r\n\r\n @include darkTheme {\r\n background-color: var(--primary-950);\r\n border: 1px solid var(--primary-700);\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--primary-600));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin error-hover() {\r\n background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-50)));\r\n border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-400)));\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-900)));\r\n border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-700)));\r\n }\r\n}\r\n\r\n@mixin error() {\r\n background-color: var(--ui-checkbox-mark-error-background-color, var(--error-50));\r\n border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-200));\r\n\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-500)));\r\n\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-500));\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-600));\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-error-background-color, var(--error-950));\r\n border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-700));\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-600)));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin disabled() {\r\n cursor: default;\r\n\r\n background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-100));\r\n border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-300));\r\n\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300)));\r\n @include fnt-flex($color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300)));\r\n\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-800));\r\n border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-700));\r\n\r\n @include modify-svg($stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700)));\r\n @include fnt-flex($color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700)));\r\n\r\n &:after {\r\n background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin correct-checked-hover() {\r\n border: transparent !important;\r\n background-color: var(--primary-600) !important;\r\n\r\n @include darkTheme {\r\n border: transparent !important;\r\n background-color: var(--primary-700) !important;\r\n }\r\n}\r\n\r\n@mixin correct-checked() {\r\n border: transparent;\r\n background-color: var(--primary-500);\r\n\r\n @include fnt($size: 14, $line-height: 14, $weight: 500);\r\n @include fnt($color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n background-color: var(--primary-600);\r\n @include fnt($color: var(--gray-50));\r\n @include modify-svg($stroke: var(--gray-50));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}\r\n\r\n@mixin correct-checked-disabled() {\r\n border: transparent;\r\n background-color: var(--gray-300);\r\n @include fnt($size: 14, $line-height: 14, $weight: 500);\r\n @include fnt($color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-700);\r\n @include fnt($color: var(--gray-500));\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}\r\n\r\n\r\n@mixin correct-disabled() {\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--gray-100);\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--gray-300));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n border: 1px solid var(--gray-700);\r\n background-color: var(--gray-800);\r\n @include fnt($color: var(--gray-500));\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin incorrect-checked-hover() {\r\n border: transparent !important;\r\n background-color: var(--error-600) !important;\r\n\r\n @include darkTheme {\r\n border: transparent !important;\r\n background-color: var(--error-700) !important;\r\n }\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n border: transparent;\r\n background-color: var(--error-500);\r\n\r\n @include fnt($size: 14, $line-height: 14, $weight: 500);\r\n @include fnt($color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n background-color: var(--error-600);\r\n @include fnt($color: var(--gray-50));\r\n @include modify-svg($stroke: var(--gray-50));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}\r\n\r\n@mixin incorrect-checked-disabled() {\r\n background-color: var(--gray-300);\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-700);\r\n @include fnt($color: var(--gray-500));\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}\r\n\r\n@mixin incorrect-disabled() {\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--gray-100);\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--gray-300));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n @include darkTheme {\r\n border: 1px solid var(--gray-700);\r\n background-color: var(--gray-800);\r\n @include fnt($color: var(--gray-500));\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n &:after {\r\n display: none;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.checkbox {\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n gap: 8px;\r\n flex: none;\r\n @include modify-flex();\r\n\r\n .textBlock {\r\n flex: 1;\r\n gap: 2px;\r\n overflow: hidden;\r\n @include modify-flex($direction: column, $align-items: start);\r\n\r\n\r\n .text, .supportingText {\r\n width: 100%;\r\n transition: color ease-in-out 200ms;\r\n text-align: start;\r\n }\r\n\r\n .text {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n\r\n &.textBold {\r\n @include fnt-flex($weight: 600);\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n }\r\n\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--ui-checkbox-text-color, var(--gray-700)), $family: $golos-text);\r\n }\r\n\r\n .supportingText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-checkbox-support-text-color, var(--gray-400)), $family: $golos-text);\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-focus-text-color, var(--gray-900)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-focus-support-text-color, var(--gray-500)));\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-active-text-color, var(--gray-700)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-active-support-text-color, var(--gray-500)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-active-focus-text-color, var(--gray-900)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-active-focus-support-text-color, var(--gray-500)));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n pointer-events: none;\r\n\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-disabled-text-color, var(--gray-500)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-disabled-support-text-color, var(--gray-400)));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-error-text-color, var(--gray-700)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-error-support-text-color, var(--error-400)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-error-focus-text-color, var(--gray-900)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-error-focus-support-text-color, var(--error-500)));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n @include darkTheme {\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-text-color, var(--gray-200)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-support-text-color, var(--gray-500)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-focus-text-color, var(--gray-100)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-focus-support-text-color, var(--gray-400)));\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-active-text-color, var(--gray-100)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-active-support-text-color, var(--gray-400)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-active-focus-text-color, var(--gray-100)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-active-focus-support-text-color, var(--gray-400)));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-disabled-text-color, var(--gray-400)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-disabled-support-text-color, var(--gray-600)));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-error-text-color, var(--gray-100)));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-error-support-text-color, var(--error-500)));\r\n }\r\n\r\n &.focus,\r\n &.hover {\r\n @include hover {\r\n .text {\r\n @include fnt-flex($color: var(--ui-checkbox-error-focus-text-color, var(--gray-100)));\r\n }\r\n .supportingText {\r\n @include fnt-flex($color: var(--ui-checkbox-error-focus-support-text-color, var(--error-500)));\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //&.dark {\r\n // .textBlock {\r\n // .text {\r\n // @include fnt($color: var(--gray-iron-100));\r\n //\r\n // &.textBold {\r\n // @include fnt-flex($weight: 600);\r\n // }\r\n // }\r\n //\r\n // .supportingText {\r\n // @include fnt($color: var(--gray-iron-500));\r\n // }\r\n //\r\n // @include tablet-plus {\r\n // &.hover,\r\n // &.focus {\r\n // .text {\r\n // @include fnt-flex($color: var(--gray-iron-100));\r\n // }\r\n //\r\n // .supportingText {\r\n // @include fnt-flex($color: var(--gray-iron-400));\r\n // }\r\n // }\r\n // }\r\n //\r\n // @include tablet {\r\n // &.active {\r\n // .text {\r\n // @include fnt-flex($color: var(--gray-900));\r\n // }\r\n //\r\n // .supportingText {\r\n // @include fnt-flex($color: var(--gray-500));\r\n // }\r\n // }\r\n // }\r\n // }\r\n //\r\n // &.disabled {\r\n // cursor: default;\r\n //\r\n // .textBlock {\r\n // .text {\r\n // @include fnt-flex($color: var(--gray-iron-100));\r\n // }\r\n //\r\n // .supportingText {\r\n // @include fnt-flex($color: var(--gray-iron-400));\r\n // }\r\n // }\r\n // }\r\n //\r\n // &.error {\r\n // .textBlock .supportingText {\r\n // @include fnt-flex($color: var(--error-400));\r\n // }\r\n // }\r\n //}\r\n}","@mixin hideScrollbar() {\r\n & {\r\n scrollbar-width: none; /* Firefox */\r\n -ms-overflow-style: none; /* IE 10+ */\r\n\r\n &::-webkit-scrollbar {\r\n display: none; /* Chrome, Safari, Opera */\r\n }\r\n }\r\n}\r\n\r\n@mixin hover {\r\n @media (hover: hover) {\r\n &:hover {\r\n @content;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n@use 'mixins';\r\n\r\n.toggleBase {\r\n transition: all ease-out 0.2s;\r\n\r\n --toggle-theme: 'light';\r\n\r\n @include mixins.base();\r\n\r\n .button {\r\n @include mixins.base-button();\r\n }\r\n\r\n .spacer {\r\n transition: flex-grow ease-in-out 0.2s;\r\n @include mixins.spacer();\r\n }\r\n\r\n &.active {\r\n @include mixins.active();\r\n\r\n .spacer {\r\n @include mixins.active-spacer();\r\n }\r\n }\r\n\r\n &.error {\r\n @include mixins.error-base();\r\n\r\n &.active {\r\n @include mixins.error-active();\r\n }\r\n }\r\n\r\n &.medium {\r\n @include mixins.medium-base();\r\n\r\n .button {\r\n @include mixins.medium-button();\r\n }\r\n }\r\n\r\n &.large {\r\n @include mixins.large-base();\r\n\r\n .button {\r\n @include mixins.large-button();\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:not(.disabled).hover, &:not(.disabled):hover {\r\n @include mixins.hover();\r\n\r\n &.error {\r\n @include mixins.hover-error;\r\n }\r\n\r\n &.active {\r\n @include mixins.hover-active();\r\n\r\n &.error {\r\n @include mixins.hover-active-error();\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include mixins.disabled-base();\r\n\r\n @include tablet-plus {\r\n &.hover, &:hover {\r\n @include mixins.disabled-base();\r\n }\r\n }\r\n }\r\n\r\n // dark theme\r\n &.dark {\r\n @include mixins.base(\"dark\");\r\n\r\n &.active {\r\n @include mixins.active(\"dark\");\r\n }\r\n\r\n @include tablet-plus {\r\n &:not(.disabled).hover, &:not(.disabled):hover {\r\n @include mixins.hover(\"dark\");\r\n\r\n &.active {\r\n @include mixins.hover-active(\"dark\");\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base($theme: 'light') {\r\n border-radius: 12px;\r\n padding: 1px;\r\n border: 1px solid transparent;\r\n\r\n @if $theme == 'dark' {\r\n background-color: var(--gray-iron-500);\r\n } @else {\r\n background-color: var(--gray-300);\r\n }\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n flex: none;\r\n border: 1px solid transparent;\r\n border-radius: 50%;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin spacer() {\r\n flex-grow: 0;\r\n}","@mixin active($theme: 'light') {\r\n @if $theme == 'dark' {\r\n background-color: var(--rose-500);\r\n } @else {\r\n background-color: var(--primary-500);\r\n }\r\n}\r\n\r\n@mixin active-spacer() {\r\n flex-grow: 1;\r\n}\r\n\r\n","@mixin error-base() {\r\n background-color: var(--error-200);\r\n}\r\n\r\n@mixin error-active() {\r\n background-color: var(--error-500);\r\n}","@mixin medium-base() {\r\n width: 36px;\r\n height: 20px;\r\n}\r\n\r\n@mixin medium-button() {\r\n width: 16px;\r\n height: 16px;\r\n}","@mixin large-base() {\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n@mixin large-button() {\r\n width: 20px;\r\n height: 20px;\r\n}","@mixin hover($theme: \"light\") {\r\n @if $theme == \"light\" {\r\n background-color: var(--gray-400);\r\n } @else {\r\n background-color: var(--gray-iron-600);\r\n }\r\n}\r\n\r\n@mixin hover-active($theme: \"light\") {\r\n @if $theme == \"light\" {\r\n background-color: var(--primary-600);\r\n } @else {\r\n background-color: var(--rose-600);\r\n }\r\n}\r\n\r\n@mixin hover-error() {\r\n background-color: var(--error-300);\r\n}\r\n\r\n@mixin hover-active-error() {\r\n background-color: var(--error-600);\r\n}","@mixin disabled-base() {\r\n cursor: default;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.toggle {\r\n flex: none;\r\n display: flex;\r\n gap: 8px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n\r\n .textBlock {\r\n flex: 1;\r\n overflow: hidden;\r\n @include modify-flex($direction: column, $justify-content: start, $align-items: start);\r\n\r\n .text, .description {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n transition: color ease-in-out 200ms;\r\n text-align: start;\r\n }\r\n\r\n .text {\r\n width: 100%;\r\n text-wrap: nowrap;\r\n gap: 6px;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .description {\r\n max-width: 100%;\r\n text-wrap: wrap;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n }\r\n\r\n &.active .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .description {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:not(.disabled).hover .textBlock {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .description {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n pointer-events: none;\r\n\r\n .textBlock {\r\n opacity: 0.5;\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n &.dark {\r\n .text {\r\n color: var(--gray-iron-300) !important;\r\n }\r\n\r\n .description {\r\n color: var(--gray-iron-400) !important;\r\n }\r\n\r\n &.active .textBlock {\r\n .text {\r\n color: var(--gray-iron-50) !important;\r\n }\r\n\r\n .description {\r\n color: var(--gray-iron-500) !important;\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:not(.disabled).hover .textBlock {\r\n .text {\r\n color: var(--gray-iron-50) !important;\r\n }\r\n\r\n .description {\r\n color: var(--gray-iron-500) !important;\r\n }\r\n }\r\n }\r\n }\r\n}","@use \"@/styles\" as *;\r\n\r\n.cascadeBlockLabel {\r\n gap: 2px;\r\n @include modify-flex();\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n width: 20px;\r\n height: 20px;\r\n transform: rotateX(180deg);\r\n transition: transform ease-out 200ms;\r\n }\r\n\r\n &.open {\r\n @include modify-svg() {\r\n transform: rotateX(0);\r\n }\r\n }\r\n}\r\n\r\n.text {\r\n @include fnt($size: 16, $line-height: 20, $weight: 600, $color: var(--gray-700), $family: $golos-text);\r\n}\r\n\r\n.cascadeBlock {\r\n width: 100%;\r\n height: fit-content;\r\n overflow: hidden;\r\n position: relative;\r\n\r\n .list {\r\n padding: 8px 0 8px 16px;\r\n gap: 8px;\r\n @include modify-flex($direction: column);\r\n\r\n &.hide {\r\n display: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tagCheckbox {\r\n border-radius: 4px;\r\n box-shadow: 0 0 0 1px var(--gray-300);\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--base-white), $stroke-width: 3) {\r\n opacity: 0;\r\n transition: opacity ease-in-out 200ms;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--primary-200);\r\n background-color: var(--primary-50);\r\n }\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--primary-500);\r\n background-color: var(--primary-500);\r\n @include modify-svg() {\r\n opacity: 1;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--primary-600);\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-100);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-200);\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.small {\r\n width: 14px;\r\n height: 14px;\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n }\r\n\r\n &.medium {\r\n width: 16px;\r\n height: 16px;\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n &.large {\r\n width: 18px;\r\n height: 18px;\r\n @include modify-svg() {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tagCount {\r\n width: fit-content;\r\n height: fit-content;\r\n border-radius: 3px;\r\n @include fnt-flex($color: var(--gray-700));\r\n\r\n &.gray {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.color {\r\n background-color: var(--primary-100);\r\n }\r\n\r\n &.white {\r\n background-color: var(--base-white);\r\n }\r\n\r\n &.small {\r\n padding: 2px 4px 2px 4px;\r\n @include fnt-flex($size: 12, $line-height: 14, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n &.medium {\r\n padding: 2px 5px 2px 5px;\r\n @include fnt-flex($size: 12, $line-height: 16, $weight: 500, $family: var(--golos));\r\n }\r\n\r\n &.large {\r\n padding: 0 6px 0 6px;\r\n @include fnt-flex($size: 12, $line-height: 20, $weight: 500, $family: var(--golos));\r\n }\r\n}","@use 'properties';\r\n\r\n.tag {\r\n @include properties.base();\r\n\r\n &:hover {\r\n @include properties.hover();\r\n }\r\n\r\n &.active {\r\n @include properties.active();\r\n\r\n &:hover {\r\n @include properties.active-hover();\r\n }\r\n }\r\n\r\n &.small {\r\n @include properties.small();\r\n }\r\n\r\n &.medium {\r\n @include properties.medium();\r\n }\r\n\r\n &.large {\r\n @include properties.large();\r\n }\r\n\r\n &.clicked {\r\n @include properties.clicked();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 3px;\r\n border-radius: 6px;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n transition: background-color ease-out 300ms;\r\n cursor: default;\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .label {\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n\r\n .dotIcon {\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--success-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin hover() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin active() {\r\n border: 1px solid var(--primary-200);\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n }\r\n}\r\n\r\n@mixin active-hover() {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n // С учетом border\r\n padding: 2px 7px;\r\n @include fnt($size: 12, $line-height: 18, $weight: 500, $family: var(--golos));\r\n\r\n .main {\r\n gap: 4px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin medium() {\r\n // С учетом border\r\n padding: 1px 8px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $family: var(--golos));\r\n\r\n .main {\r\n gap: 5px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 4px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin large() {\r\n // С учетом border\r\n padding: 3px 9px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500);\r\n\r\n .main {\r\n gap: 6px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@mixin clicked() {\r\n cursor: pointer;\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: fit-content;\r\n background-color: var(--filter-tag-bg, var(--gray-200));\r\n transition: padding ease-out 200ms, border-radius ease-out 200ms, background ease-out 200ms, color ease-out 200ms;\r\n @include modify-flex($align-items: center);\r\n @include fnt($size: 12, $line-height: 16, $color: var(--filter-tag-color, var(--gray-700)), $weight: 500);\r\n\r\n & > section {\r\n padding: 0 4px;\r\n }\r\n\r\n &:hover {\r\n background-color: var(--filter-tag-bg-hover, var(--gray-300));\r\n @include fnt-flex($color: var(--filter-tag-color-hover, var(--gray-800)))\r\n }\r\n\r\n &.active {\r\n background-color: var(--filter-tag-bg-active, var(--primary-500));\r\n @include fnt-flex($color: var(--filter-tag-color-active, var(--base-white)));\r\n\r\n &:hover {\r\n background-color: var(--filter-tag-bg-active-hover, var(--primary-600));\r\n @include fnt-flex($color: var(--filter-tag-color-active-hover, var(--base-white)));\r\n }\r\n }\r\n\r\n &.small {\r\n border-radius: 6px;\r\n padding: 4px;\r\n @include fnt-flex($size: 12, $line-height: 16, $weight: 500);\r\n }\r\n\r\n &.large {\r\n border-radius: 8px;\r\n padding: 6px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.slideTransition {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n &.hide {\r\n height: 0;\r\n }\r\n\r\n &.show {\r\n height: fit-content;\r\n }\r\n\r\n &.enterUp {\r\n transform-origin: top;\r\n animation: enterAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.exitUp {\r\n transform-origin: top;\r\n animation: exitAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.enterDown {\r\n transform-origin: bottom;\r\n animation: enterAnimation forwards ease-out 300ms;\r\n }\r\n\r\n &.exitDown {\r\n transform-origin: bottom;\r\n animation: exitAnimation forwards ease-out 300ms;\r\n }\r\n}\r\n\r\n@keyframes enterAnimation {\r\n from {\r\n height: 0;\r\n }\r\n to {\r\n\r\n }\r\n}\r\n\r\n@keyframes exitAnimation {\r\n from {\r\n }\r\n to {\r\n height: 0;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tabFrame {\r\n height: fit-content;\r\n border-radius: 8px;\r\n padding: 4px;\r\n gap: 4px;\r\n background-color: var(--gray-100);\r\n @include modify-flex();\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-950);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tabButtons {\r\n border-radius: 6px;\r\n padding: 9px;\r\n background-color: var(--gray-100);\r\n cursor: pointer;\r\n transition: all 200ms ease-out;\r\n border: 1px solid transparent;\r\n @include modify-flex($justify-content: center, $align-items: center);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .text {\r\n width: fit-content;\r\n padding: 0 4px;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-600));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-200);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-200);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n flex: none;\r\n @include fnt-flex($color: var(--gray-800));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-50);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-50);\r\n }\r\n }\r\n }\r\n\r\n &.disabled, &:disabled {\r\n border: transparent 1px solid;\r\n box-shadow: none;\r\n background-color: var(--gray-100);\r\n cursor: default;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.mark {\r\n position: relative;\r\n\r\n &:after {\r\n content: '';\r\n top: -4px;\r\n right: -4px;\r\n position: absolute;\r\n\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 4px;\r\n }\r\n\r\n &Error {\r\n &:after {\r\n background-color: var(--error-500);\r\n }\r\n }\r\n\r\n &Info {\r\n &:after {\r\n background-color: var(--primary-500);\r\n }\r\n }\r\n\r\n &Success {\r\n &:after {\r\n background-color: var(--success-500);\r\n }\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-950);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-iron-600))\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-iron-600))\r\n }\r\n\r\n .text {\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-iron-400));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-iron-900);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-200));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-iron-900);\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-200));\r\n }\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-iron-500))\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-iron-500))\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n border: 1px solid var(--gray-iron-800);\r\n background-color: var(--gray-iron-900);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-iron-500));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-iron-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-200));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray--iron-800);\r\n border: 1px solid var(--gray-iron-700);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray--iron-800);\r\n }\r\n }\r\n }\r\n\r\n &.disabled, &:disabled {\r\n background-color: var(--gray--iron-900);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-iron-700));\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-iron-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-600));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.pageSwitcher {\r\n width: 100%;\r\n height: fit-content;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 16px 0 0 0;\r\n\r\n .arrowButtons {\r\n width: fit-content;\r\n height: fit-content;\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n\r\n @include changeSvg($flex: none, $stroke: var(--gray-600), $width: 20, $height: 20);\r\n @include fnt($size: 14, $line-height: 20, $weight: 600, $color: var(--gray-600));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n color: var(--gray-700);\r\n @include changeSvg($stroke: var(--gray-700));\r\n }\r\n }\r\n\r\n &:focus {\r\n color: var(--gray-600);\r\n @include changeSvg($stroke: var(--gray-600));\r\n }\r\n\r\n &:disabled {\r\n color: var(--gray-300);\r\n @include changeSvg($stroke: var(--gray-300));\r\n }\r\n }\r\n\r\n .buttonsList {\r\n width: fit-content;\r\n height: fit-content;\r\n\r\n display: flex;\r\n gap: 2px;\r\n\r\n .plug {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n @include centerInsideContent();\r\n }\r\n\r\n .numberButton {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n transition: all linear 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-600));\r\n @include centerInsideContent();\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n color: var(--gray-800);\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n\r\n &.active {\r\n color: var(--gray-800);\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.smallVersion {\r\n justify-content: space-between;\r\n }\r\n\r\n\r\n // dark theme\r\n &.dark {\r\n .buttonsList {\r\n .plug {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-500));\r\n }\r\n\r\n .numberButton {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-iron-500));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n color: var(--gray-iron-400);\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n\r\n &.active {\r\n color: var(--gray-iron-400);\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n }\r\n }\r\n}",".paginationBar {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}","@use '@/styles' as *;\r\n\r\n.userPick, .userPickPlaceholder {\r\n border-radius: 50%;\r\n object-fit: cover;\r\n overflow: hidden;\r\n transition: opacity ease-out 200ms;\r\n &.disabled {\r\n opacity: 50%;\r\n }\r\n}\r\n\r\n.userPickPlaceholder {\r\n background-color: var(--gray-300);\r\n @include modify-svg($fill: var(--gray-400)) {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.dropdownItem {\r\n flex: none;\r\n height: fit-content;\r\n gap: 6px;\r\n transition: background-color ease-out 300ms;\r\n overflow: hidden;\r\n\r\n $border-radius: var(--ui-dropdown-item-border-radius, 4px);\r\n\r\n &:first-child {\r\n border-top-right-radius: $border-radius;\r\n border-top-left-radius: $border-radius;\r\n -webkit-border-top-right-radius: $border-radius;\r\n -webkit-border-top-left-radius: $border-radius;\r\n -moz-border-radius-topleft: $border-radius;\r\n -moz-border-radius-topright: $border-radius;\r\n }\r\n\r\n &:last-child {\r\n border-bottom-left-radius: $border-radius;\r\n border-bottom-right-radius: $border-radius;\r\n -webkit-border-bottom-left-radius: $border-radius;\r\n -webkit-border-bottom-right-radius: $border-radius;\r\n -moz-border-radius-bottomleft: $border-radius;\r\n -moz-border-radius-bottomright: $border-radius;\r\n }\r\n\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex: 1;\r\n gap: 6px;\r\n overflow: hidden;\r\n @include modify-flex($align-items: center);\r\n\r\n .text, .supportText {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n }\r\n\r\n .text {\r\n text-wrap: balance;\r\n }\r\n\r\n .supportText {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-wrap: nowrap;\r\n }\r\n }\r\n\r\n .showIcon {\r\n svg {\r\n width: 20px;\r\n height: 20px;\r\n\r\n & > * {\r\n transition: stroke ease-out 200ms\r\n }\r\n }\r\n\r\n @include centerInsideContent();\r\n }\r\n\r\n .check {\r\n opacity: 0;\r\n transition: opacity ease-out 200ms;\r\n\r\n svg {\r\n width: 20px;\r\n height: 20px;\r\n\r\n & > * {\r\n transition: stroke ease-out 200ms\r\n }\r\n }\r\n\r\n @include centerInsideContent();\r\n\r\n & {\r\n display: none;\r\n }\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-text-color, var(--gray-900)));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-support-text-color, var(--gray-400)));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-show-icon-color, var(--gray-400)));\r\n }\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-check-icon-color, var(--primary-500)));\r\n }\r\n\r\n @include hover {\r\n background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-100));\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-hover-text-color, var(--ui-dropdown-item-text-color, var(--gray-900))));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-hover-support-text-color, var(--ui-dropdown-item-support-text-color, var(--gray-400))));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-hover-show-icon-color, var(--ui-dropdown-item-show-icon-color, var(--gray-400))));\r\n }\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-hover-check-icon-color, var(--ui-dropdown-item-check-icon-color, var(--primary-500))));\r\n }\r\n }\r\n\r\n //@include tablet {\r\n // &:active {\r\n // background-color: var(--gray-100);\r\n // }\r\n //}\r\n\r\n &.selected {\r\n background-color: var(--ui-dropdown-item-active-background-color, var(--primary-50));\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-text-color, var(--gray-900)));\r\n }\r\n\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-support-text-color, var(--gray-400)));\r\n }\r\n\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-show-icon-color, var(--gray-400)));\r\n }\r\n\r\n .check {\r\n display: flex;\r\n opacity: 1;\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-check-icon-color, var(--primary-500)));\r\n }\r\n\r\n @include hover {\r\n background-color: var(--ui-dropdown-item-active-hover-background-color, var(--primary-100));\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-hover-text-color, var(--ui-dropdown-item-active-text-color, var(--gray-900))));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-hover-support-text-color, var(--ui-dropdown-item-active-support-text-color, var(--gray-400))));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-hover-show-icon-color, var(--ui-dropdown-item-active-show-icon-color, var(--gray-400))));\r\n }\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-hover-check-icon-color, var(--ui-dropdown-item-active-check-icon-color, var(--primary-500))));\r\n }\r\n }\r\n\r\n //@include tablet {\r\n // &:active {\r\n // background-color: var(--primary-100);\r\n // }\r\n //}\r\n }\r\n\r\n &:disabled, &.disabled {\r\n cursor: default;\r\n pointer-events: none;\r\n opacity: .5;\r\n\r\n //.showIcon {\r\n // @include modify-svg($stroke: var(--gray-300));\r\n //}\r\n //\r\n //.main .supportText, .main .text {\r\n // @include fnt-flex($color: var(--gray-300));\r\n //}\r\n //\r\n //.userIcon {\r\n // opacity: 45%;\r\n //}\r\n //\r\n //.check {\r\n // @include modify-svg($stroke: var(--gray-300));\r\n //}\r\n //\r\n //&.selected {\r\n // background-color: var(--gray-25);\r\n //}\r\n }\r\n\r\n &.small {\r\n padding: 8px 8px 8px 16px;\r\n\r\n .text,\r\n .supportText {\r\n @include fnt-flex($size: 14, $line-height: 20)\r\n }\r\n }\r\n\r\n &.medium {\r\n padding: 10px 10px 10px 16px;\r\n\r\n .text,\r\n .supportText {\r\n @include fnt-flex($size: 16, $line-height: 24)\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n // Dark Theme\r\n @include darkTheme {\r\n\r\n .text {\r\n color: var(--ui-dropdown-item-text-color, var(--gray-200));\r\n }\r\n .supportText {\r\n color: var(--ui-dropdown-item-support-text-color, var(--gray-500));\r\n }\r\n\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-show-icon-color, var(--gray-500)));\r\n }\r\n\r\n @include hover {\r\n background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-800));\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-hover-text-color, var(--ui-dropdown-item-text-color, var(--gray-200))));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-hover-support-text-color, var(--ui-dropdown-item-support-text-color, var(--gray-500))));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-hover-show-icon-color, var(--ui-dropdown-item-show-icon-color, var(--gray-500))));\r\n }\r\n }\r\n\r\n // @include tablet {\r\n // &:active {\r\n // background-color: var(--gray-800);\r\n // }\r\n // }\r\n //\r\n\r\n &.selected {\r\n background-color: var(--ui-dropdown-item-active-background-color, var(--primary-950));\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-text-color, var(--gray-200)));\r\n }\r\n\r\n .supportText {\r\n color: var(--ui-dropdown-item-active-support-text-color, var(--primary-600));\r\n }\r\n\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-show-icon-color, var(--primary-600)))\r\n }\r\n\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-check-icon-color, var(--primary-600)))\r\n }\r\n\r\n @include hover {\r\n background-color: var(--ui-dropdown-item-active-hover-background-color, var(--primary-900));\r\n\r\n .text {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-hover-text-color, var(--ui-dropdown-item-active-text-color, var(--gray-200))));\r\n }\r\n .supportText {\r\n @include fnt-flex($color: var(--ui-dropdown-item-active-hover-support-text-color, var(--ui-dropdown-item-active-support-text-color, var(--primary-600))));\r\n }\r\n .showIcon {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-hover-show-icon-color, var(--ui-dropdown-item-active-show-icon-color, var(--primary-600))));\r\n }\r\n .check {\r\n @include modify-svg($stroke: var(--ui-dropdown-item-active-hover-check-icon-color, var(--ui-dropdown-item-active-check-icon-color, var(--primary-600))))\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.LoadingIndicator {\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n .icon {\r\n animation: spinner-animation linear 1000ms infinite;\r\n @include centerInsideContent();\r\n }\r\n\r\n .text {\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n &.lineSimple {\r\n .icon {\r\n @include modify-svg() {\r\n path:first-child {\r\n stroke: var(--gray-300);\r\n }\r\n path:last-child {\r\n stroke: var(--primary-500);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.lineSpinner {\r\n .icon {\r\n @include modify-svg() {\r\n path:first-child {\r\n stroke: var(--gray-300);\r\n }\r\n path:last-child {\r\n stroke: var(--primary-500);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.dotCircle {\r\n }\r\n\r\n &.small {\r\n gap: 16px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 20);\r\n }\r\n }\r\n\r\n &.medium {\r\n gap: 16px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 20);\r\n }\r\n }\r\n\r\n &.large {\r\n gap: 16px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n width: 56px;\r\n height: 56px;\r\n }\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 18, $line-height: 28);\r\n }\r\n }\r\n\r\n &.ultra {\r\n gap: 20px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n width: 64px;\r\n height: 64px;\r\n }\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 18, $line-height: 28);\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n\r\n @include darkTheme {\r\n .text {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-100));\r\n }\r\n\r\n &.lineSimple {\r\n .icon {\r\n @include modify-svg() {\r\n path:first-child {\r\n stroke: var(--gray-500);\r\n }\r\n path:last-child {\r\n stroke: var(--primary-600);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.lineSpinner {\r\n .icon {\r\n @include modify-svg() {\r\n path:first-child {\r\n stroke: var(--gray-500);\r\n }\r\n path:last-child {\r\n stroke: var(--primary-600);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@keyframes spinner-animation {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.controlBar {\r\n width: fit-content;\r\n gap: 24px;\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n.videoProgressBar {\r\n width: 100%;\r\n height: 8px;\r\n background-color: #00000066;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n .progressBar {\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background-color: var(--primary-400);\r\n }\r\n\r\n &:not(.dragging) {\r\n .progressBar {\r\n transition: width linear 0.2s;\r\n }\r\n }\r\n\r\n &.dragging {\r\n .progressBar {\r\n transition: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.VideoViewer {\r\n width: fit-content;\r\n height: fit-content;\r\n max-width: 100%;\r\n max-height: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n @include centerInsideContent();\r\n\r\n .loader {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n\r\n &.hide {\r\n display: none;\r\n }\r\n }\r\n\r\n .timer {\r\n position: absolute;\r\n top: 24px;\r\n right: 24px;\r\n\r\n width: fit-content;\r\n height: fit-content;\r\n border-radius: 16px;\r\n padding: 4px 12px;\r\n background-color: #00000066;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: #FFFFFFCC);\r\n }\r\n\r\n .progressBar {\r\n width: 100%;\r\n height: fit-content;\r\n position: absolute;\r\n bottom: 0;\r\n }\r\n\r\n .actions {\r\n width: 100%;\r\n height: fit-content;\r\n position: absolute;\r\n bottom: 32px;\r\n padding: 0 20px;\r\n @include modify-flex($justify-content: space-between);\r\n }\r\n\r\n .content {\r\n flex: none;\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: scale-down;\r\n }\r\n\r\n .playButton {\r\n opacity: 0;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 1;\r\n transform: translate(-50%, -50%);\r\n cursor: default;\r\n @include centerInsideContent();\r\n\r\n &:not(.show) {\r\n display: none;\r\n }\r\n\r\n &.show {\r\n cursor: pointer;\r\n animation: appearance ease-out 200ms forwards;\r\n }\r\n }\r\n}\r\n\r\n@keyframes appearance {\r\n 0% {\r\n display: flex;\r\n }\r\n 1% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.ImageViewer {\r\n width: fit-content;\r\n max-width: 100%;\r\n height: 100%;\r\n object-fit: scale-down;\r\n}","@use '@/styles' as *;\r\n\r\n.MediaViewer {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n background-color: var(--base-white);\r\n @include modify-flex($justify-content: center);\r\n\r\n .content {\r\n width: 100%;\r\n height: 100%;\r\n\r\n .track {\r\n height: 100%;\r\n\r\n .el {\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n @include centerInsideContent;\r\n }\r\n }\r\n }\r\n\r\n .control {\r\n width: fit-content;\r\n position: absolute;\r\n left: 50%;\r\n bottom: 32px;\r\n transform: translateX(-50%);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.PlayButton {\r\n border: 1px solid transparent;\r\n border-radius: 50%;\r\n transition: background-color ease-out 300ms;\r\n @include centerInsideContent();\r\n\r\n @include modify-svg($fill: var(--base-white)) {\r\n flex: none;\r\n }\r\n\r\n &.default {\r\n width: 48px;\r\n height: 48px;\r\n padding: 12px 10px 12px 16px;\r\n\r\n @include modify-svg() {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n &.stop {\r\n padding: 12px;\r\n }\r\n }\r\n\r\n &.large {\r\n width: 96px;\r\n height: 96px;\r\n padding: 24px 22px 24px 34px;\r\n\r\n @include modify-svg() {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n &.stop {\r\n padding: 24px;\r\n }\r\n }\r\n\r\n &.light {\r\n width: 24px;\r\n height: 24px;\r\n padding: 6px 4px 6px 7px;\r\n background-color: var(--gray-400);\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n\r\n &.stop {\r\n padding: 8px;\r\n @include modify-svg() {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-400);\r\n }\r\n }\r\n }\r\n\r\n &.dark {\r\n background-color: #00000066;\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: #000000CC;\r\n }\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: pointer;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.CalendarDayWrapper {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n @include centerInsideContent;\r\n\r\n .CalendarDay {\r\n flex: none;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n transition: background-color ease-out 300ms;\r\n z-index: 1;\r\n position: relative;\r\n cursor: pointer;\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;\r\n @include centerInsideContent();\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(--primary-400);\r\n }\r\n }\r\n\r\n .text, .info {\r\n width: 100%;\r\n height: fit-content;\r\n text-align: center;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n @include centerInsideContent();\r\n }\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .info {\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 & {\r\n background-color: var(--base-white);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.currentDay {\r\n background-color: var(--primary-50);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n }\r\n\r\n &.holiday {\r\n .text {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--base-white);\r\n\r\n .mark:after {\r\n background-color: var(--gray-300);\r\n }\r\n\r\n .text {\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 &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: var(--gray-100);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: var(--primary-500);\r\n\r\n .mark:after {\r\n background-color: var(--base-white);\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--primary-300));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n &:before {\r\n position: absolute;\r\n content: '';\r\n height: 100%;\r\n z-index: 0;\r\n background-color: var(--gray-100);\r\n\r\n width: 60px;\r\n top: 0;\r\n transform: translateX(-10px);\r\n }\r\n\r\n &:not(.left):not(.right):before {\r\n left: 0;\r\n }\r\n\r\n &.left, &.right {\r\n &:before {\r\n width: 30px;\r\n }\r\n }\r\n\r\n &.left {\r\n &:before {\r\n left: 0;\r\n transform: translateX(-10px);\r\n }\r\n }\r\n\r\n &.right {\r\n &:before {\r\n right: 0;\r\n transform: translateX(10px);\r\n }\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n .CalendarDay {\r\n .mark {\r\n &:after {\r\n background-color: var(--rose-600);\r\n }\r\n }\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-iron-300));\r\n }\r\n\r\n .info {\r\n @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-iron-600));\r\n }\r\n\r\n & {\r\n background-color: var(--gray-iron-900);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-500);\r\n }\r\n }\r\n }\r\n\r\n &.currentDay {\r\n background-color: var(--rose-950);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--rose-900);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-500);\r\n }\r\n }\r\n }\r\n\r\n &.holiday {\r\n .text {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-iron-900);\r\n\r\n .mark:after {\r\n background-color: var(--gray-iron-700);\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-iron-600));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--gray-iron-700));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-iron-800);\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: var(--gray-iron-800);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-iron-700);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-500);\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: var(--rose-500);\r\n\r\n .mark:after {\r\n background-color: var(--base-white);\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--rose-700));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--rose-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--rose-600);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n &:before {\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.CalendarMonth {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 80px;\r\n padding: 10px 8px;\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n transition: background-color ease-out 300ms;\r\n @include centerInsideContent;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.current:not(&.disabled) {\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-900);\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-iron-800);\r\n }\r\n\r\n &.current:not(&.disabled) {\r\n background-color: var(--rose-950);\r\n\r\n &:hover {\r\n background-color: var(--rose-900);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-iron-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.CalendarYear {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 80px;\r\n padding: 16px 8px;\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n transition: background-color ease-out 300ms;\r\n @include centerInsideContent;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.current {\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-900);\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-iron-800);\r\n }\r\n\r\n &.current {\r\n background-color: var(--rose-950);\r\n\r\n &:hover {\r\n background-color: var(--rose-900);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-iron-600));\r\n }\r\n }\r\n}\r\n\r\n","@use '@/styles' as *;\r\n\r\n.CalendarButton {\r\n width: fit-content;\r\n height: fit-content;\r\n cursor: pointer;\r\n transition: color ease-out 300ms;\r\n\r\n &.black {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-900), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n }\r\n\r\n @include darkTheme {\r\n &.black {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-iron-100), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--rose-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-iron-600), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--rose-500));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.TimePickerTag {\r\n width: fit-content;\r\n height: fit-content;\r\n padding: 6px 12px;\r\n border-radius: 16px;\r\n background-color: var(--gray-100);\r\n transition: background-color ease-out 300ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-700));\r\n\r\n &:hover {\r\n background-color: var(--gray-200);\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-800);\r\n @include fnt-flex($color: var(--gray-iron-300));\r\n\r\n &:hover {\r\n background-color: var(--gray-iron-700);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.wrapper {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n z-index: 2;\r\n\r\n .viewContent {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: var(--gray-100);\r\n overflow: hidden;\r\n z-index: 1;\r\n clip-path: inset(calc(50% - 16px) 0 calc(50% - 16px) 0 round 8px);\r\n pointer-events: none;\r\n @include modify-flex($direction: column);\r\n }\r\n\r\n .TimePickerFeed {\r\n width: fit-content;\r\n height: 100%;\r\n overflow-x: hidden;\r\n overflow-y: scroll;\r\n user-select: none;\r\n position: relative;\r\n transform-style: preserve-3d;\r\n transform: translateZ(0);\r\n -webkit-overflow-scrolling: touch;\r\n @include hideScrollbar;\r\n @include modify-flex($direction: column, $align-items: center);\r\n }\r\n\r\n .item {\r\n flex: none;\r\n width: 48px;\r\n height: 32px;\r\n text-align: center;\r\n padding: 0 8px;\r\n box-sizing: border-box;\r\n transform-style: preserve-3d;\r\n perspective: 304px;\r\n position: relative;\r\n backface-visibility: hidden;\r\n will-change: transform;\r\n\r\n .content {\r\n width: 100%;\r\n height: 100%;\r\n transition: opacity ease-out 100ms;\r\n @include centerInsideContent;\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-300), $family: $golos-text);\r\n }\r\n\r\n &.center .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n }\r\n\r\n &.floor1 .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n\r\n &.floor1 .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-300), $family: $golos-text);\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n .viewContent {\r\n background-color: transparent;\r\n }\r\n\r\n .item {\r\n .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-700), $family: $golos-text);\r\n }\r\n\r\n &.center .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-300), $family: $golos-text);\r\n }\r\n\r\n &.floor1 .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-600), $family: $golos-text);\r\n }\r\n\r\n &.floor1 .content {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-700), $family: $golos-text);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.datePicker {\r\n width: 100%;\r\n height: fit-content;\r\n max-width: 324px;\r\n background-color: var(--base-white);\r\n padding: 16px;\r\n gap: 8px;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n .monthYear, .changeMonth {\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .monthYear {\r\n gap: 6px;\r\n }\r\n\r\n .changeMonth {\r\n gap: 2px;\r\n }\r\n }\r\n\r\n .weekDaysList {\r\n width: 100%;\r\n gap: 2px;\r\n @include modify-flex($align-items: center);\r\n\r\n .weekDay {\r\n flex: 1;\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: center;\r\n @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n .daysGrid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n grid-template-rows: auto;\r\n gap: 2px;\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-900);\r\n\r\n .weekDaysList {\r\n .weekDay {\r\n @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--gray-iron-500));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.YearMonthPicker {\r\n width: 100%;\r\n height: fit-content;\r\n max-width: 324px;\r\n background-color: var(--base-white);\r\n padding: 16px;\r\n gap: 12px;\r\n @include modify-flex($direction: column);\r\n\r\n & > div {\r\n width: 100%;\r\n @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n & > section {\r\n gap: 2px;\r\n @include modify-flex($align-items: center);\r\n }\r\n }\r\n\r\n & > section {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 4px;\r\n }\r\n\r\n @include darkTheme() {\r\n background-color: var(--gray-iron-900);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.TimePicker {\r\n width: 100%;\r\n min-width: 292px;\r\n height: fit-content;\r\n @include centerInsideContent;\r\n\r\n .timer {\r\n width: 100%;\r\n height: fit-content;\r\n gap: 8px;\r\n padding: 16px;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n\r\n .main {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n\r\n .divider {\r\n width: fit-content;\r\n height: fit-content;\r\n z-index: 2;\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-400), $family: var(--golos));\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n }\r\n\r\n &:before {\r\n content: '';\r\n width: 100%;\r\n height: 32px;\r\n border-radius: 8px;\r\n background-color: var(--gray-100);\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n transform: translateY(-50%);\r\n z-index: 1;\r\n }\r\n }\r\n\r\n .line {\r\n flex: 1;\r\n height: 1px;\r\n background-color: var(--gray-300);\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n .timer {\r\n .main {\r\n .divider {\r\n @include fnt($size: 20, $line-height: 32, $weight: 400, $color: var(--gray-iron-300), $family: var(--golos));\r\n }\r\n\r\n &:before {\r\n background-color: var(--gray-iron-800);\r\n }\r\n }\r\n\r\n .line {\r\n background-color: var(--gray-iron-700);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.switcher {\r\n width: 100%;\r\n padding: 16px 16px 12px 16px;\r\n @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n & > section {\r\n width: fit-content;\r\n gap: 4px;\r\n @include modify-flex($align-items: center);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: 100%;\r\n gap: 4px;\r\n padding: 0 16px 16px 16px;\r\n overflow: auto;\r\n\r\n @include hideScrollbar;\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n\r\n\r\n.DateTimePicker {\r\n width: 324px;\r\n height: fit-content;\r\n border-radius: 16px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 8px 8px -4px #10182808, 0 20px 24px -4px #10182814, 0 0 0 1px var(--gray-300);\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n padding: 16px 16px 0 16px;\r\n @include modify-flex($direction: column);\r\n\r\n .title, .subtitle {\r\n text-wrap: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n\r\n .title {\r\n @include fnt($size: 20, $line-height: 24, $weight: 600, $color: var(--gray-900), $family: $golos-text);\r\n }\r\n\r\n .subtitle {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-500), $family: $golos-text);\r\n }\r\n }\r\n\r\n .content {\r\n width: 100%;\r\n height: fit-content;\r\n @include modify-flex($direction: column);\r\n\r\n .tabWrapper {\r\n padding: 12px 16px 0 16px;\r\n }\r\n\r\n .pickerWrapper {\r\n width: 100%;\r\n height: fit-content;\r\n }\r\n }\r\n\r\n .actions {\r\n width: 100%;\r\n padding: 16px;\r\n gap: 8px;\r\n border-top: 1px solid var(--gray-200);\r\n @include modify-flex();\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--gray-iron-900);\r\n box-shadow: 0 4px 32px 0 #00000040;\r\n border: 1px solid var(--gray-iron-700);\r\n\r\n .header {\r\n .title {\r\n color: var(--gray-iron-100)\r\n }\r\n\r\n .subtitle {\r\n color: var(--gray-iron-500)\r\n }\r\n }\r\n\r\n .actions {\r\n border-top: 1px solid var(--gray-iron-800);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.Container {\r\n position: fixed;\r\n z-index: 10;\r\n opacity: 0;\r\n transition: opacity .2s ease-in;\r\n}\r\n\r\n.Tooltip {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n width: fit-content;\r\n height: fit-content;\r\n max-width: 320px;\r\n background-color: $base-white;\r\n border: 1px solid $gray-200;\r\n border-radius: 8px;\r\n padding: 11px;\r\n gap: 4px;\r\n box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n .Text {\r\n @include fnt($size: 12, $line-height: 18, $weight: 700)\r\n }\r\n\r\n .Description {\r\n @include fnt($size: 12, $line-height: 18)\r\n }\r\n\r\n .Arrow {\r\n position: absolute;\r\n display: block;\r\n height: 12px;\r\n width: 12px;\r\n background-color: $base-white;\r\n border-top: 1px solid $gray-200;\r\n border-right: 1px solid $gray-200;\r\n border-top-right-radius: 1px;\r\n\r\n &.LeftCenter,\r\n &.RightCenter {\r\n top: calc(50% - 6.5px);\r\n }\r\n\r\n &.LeftTop,\r\n &.RightTop {\r\n top: 16px;\r\n }\r\n\r\n &.LeftBottom,\r\n &.RightBottom {\r\n bottom: 16px;\r\n }\r\n\r\n &.LeftTop,\r\n &.LeftCenter,\r\n &.LeftBottom {\r\n left: -6.5px;\r\n transform: rotate(-135deg);\r\n }\r\n\r\n &.RightTop,\r\n &.RightCenter,\r\n &.RightBottom {\r\n right: -6.5px;\r\n transform: rotate(45deg);\r\n }\r\n\r\n &.BottomLeft,\r\n &.BottomRight,\r\n &.BottomCenter {\r\n bottom: -6.5px;\r\n transform: rotate(135deg);\r\n }\r\n\r\n &.TopCenter,\r\n &.BottomCenter {\r\n left: calc(50% - 6.5px);\r\n }\r\n\r\n &.TopLeft,\r\n &.BottomLeft {\r\n left: 16px;\r\n }\r\n\r\n &.TopRight,\r\n &.BottomRight {\r\n right: 16px;\r\n }\r\n\r\n &.TopLeft,\r\n &.TopRight,\r\n &.TopCenter {\r\n top: -6.5px;\r\n transform: rotate(-45deg);\r\n }\r\n }\r\n\r\n &.Dark {\r\n background-color: $gray-900;\r\n border-color: $gray-900;\r\n\r\n .Description,\r\n .Text {\r\n color: $base-white;\r\n }\r\n\r\n .Arrow {\r\n background-color: $gray-900;\r\n border-color: $gray-900;\r\n }\r\n }\r\n\r\n}\r\n\r\n","$base-white: #FFFFFF !default;\r\n$base-black: #000000 !default;\r\n\r\n$gray-25: #FCFCFD !default;\r\n$gray-50: #F9FAFB !default;\r\n$gray-100: #F2F4F7 !default;\r\n$gray-200: #EAECF0 !default;\r\n$gray-300: #D0D5DD !default;\r\n$gray-400: #98A2B3 !default;\r\n$gray-500: #667085 !default;\r\n$gray-600: #475467 !default;\r\n$gray-700: #344054 !default;\r\n$gray-800: #1D2939 !default;\r\n$gray-900: #101828 !default;\r\n$gray-950: #0C111D !default;\r\n\r\n$primary-25: #FCFAFF !default;\r\n$primary-50: #F9F5FF !default;\r\n$primary-100: #F4EBFF !default;\r\n$primary-200: #E9D7FE !default;\r\n$primary-300: #D6BBFB !default;\r\n$primary-400: #B692F6 !default;\r\n$primary-500: #9E77ED !default;\r\n$primary-600: #7F56D9 !default;\r\n$primary-700: #6941C6 !default;\r\n$primary-800: #53389E !default;\r\n$primary-900: #42307D !default;\r\n$primary-950: #2C1C5F !default;\r\n\r\n$error-25: #FFFBFA !default;\r\n$error-50: #FEF3F2 !default;\r\n$error-100: #FEE4E2 !default;\r\n$error-200: #FECDCA !default;\r\n$error-300: #FDA29B !default;\r\n$error-400: #F97066 !default;\r\n$error-500: #F04438 !default;\r\n$error-600: #D92D20 !default;\r\n$error-700: #B42318 !default;\r\n$error-800: #912018 !default;\r\n$error-900: #7A271A !default;\r\n$error-950: #55160C !default;\r\n\r\n$warning-25: #FFFCF5 !default;\r\n$warning-50: #FFFAEB !default;\r\n$warning-100: #FEF0C7 !default;\r\n$warning-200: #FEDF89 !default;\r\n$warning-300: #FEC84B !default;\r\n$warning-400: #FDB022 !default;\r\n$warning-500: #F79009 !default;\r\n$warning-600: #DC6803 !default;\r\n$warning-700: #B54708 !default;\r\n$warning-800: #93370D !default;\r\n$warning-900: #7A2E0E !default;\r\n$warning-950: #4E1D09 !default;\r\n","@use '@/styles' as *;\r\n\r\n.Dropdown {\r\n width: 100%;\r\n max-height: 300px;\r\n min-height: 40px;\r\n height: fit-content;\r\n border-radius: var(--ui-dropdown-border-radius, 8px);\r\n padding: 4px;\r\n border: 1px solid var(--ui-dropdown-border-color, var(--gray-200));\r\n background-color: var(--ui-dropdown-background-color, var(--base-white));\r\n box-shadow: var(--ui-dropdown-box-shadow, 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814);\r\n overflow: auto;\r\n position: relative;\r\n @include modify-flex($direction: column);\r\n\r\n .header {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 8px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n text-wrap: nowrap;\r\n @include fnt($size: 14, $line-height: 16, $weight: 400, $color: var(--ui-dropdown-title-color, var(--gray-600)));\r\n }\r\n\r\n .loader {\r\n position: sticky;\r\n bottom: 0;\r\n left: 0;\r\n }\r\n\r\n @include darkTheme {\r\n border: 1px solid var(--ui-dropdown-border-color, var(--gray-800));\r\n background-color: var(--ui-dropdown-background-color, var(--gray-900));\r\n box-shadow: var(--ui-dropdown-box-shadow, 0 4px 24px 0 #00000040);\r\n\r\n .header {\r\n color: var(--ui-dropdown-title-color, var(--gray-500));\r\n }\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: var(--ui-form-field-border-radius, 8px);\r\n gap: 12px;\r\n box-sizing: border-box;\r\n background-color: var(--ui-form-field-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-300));\r\n box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D);\r\n transition: all ease-out 200ms;\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n }\r\n\r\n @include centerInsideContent();\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-iron-500)));\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n @include darkTheme {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n transition: -webkit-box-shadow ease-out 200ms;\r\n\r\n /* Полный сброс стандартных стилей автозаполнения */\r\n &:-webkit-autofill,\r\n &:-webkit-autofill:hover,\r\n &:-webkit-autofill:active {\r\n -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-900)) !important;\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--base-white)) inset;\r\n background-color: transparent !important;\r\n caret-color: currentColor !important;\r\n @include darkTheme {\r\n -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-200)) !important;\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--gray-950)) inset;\r\n }\r\n }\r\n\r\n &:-webkit-autofill:focus {\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--base-white)) inset;\r\n @include darkTheme {\r\n -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--gray-950)) inset;\r\n }\r\n }\r\n\r\n /* Для современных браузеров */\r\n &:auto-fill,\r\n &:autofill {\r\n color: var(--ui-form-field-text-color, var(--gray-900)) !important;\r\n background-color: transparent !important;\r\n box-shadow: 0 0 0 40rem transparent !important;\r\n @include darkTheme {\r\n color: var(--ui-form-field-text-color, var(--gray-25)) !important;\r\n }\r\n }\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n }\r\n\r\n &:read-only {\r\n cursor: default;\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 @include darkTheme {\r\n @include modify-svg($stroke: var(--ui-form-field-placeholder-color, var(--gray-iron-500)));\r\n }\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 &:has(.inputField:focus) {\r\n @include formFieldFocus();\r\n }\r\n\r\n &.error {\r\n @include formFieldError();\r\n\r\n //.help {\r\n // @include modify-svg($stroke: var(--error-500));\r\n //}\r\n\r\n &:has(.inputField:focus) {\r\n @include formFieldErrorFocus();\r\n }\r\n }\r\n\r\n &.pointer {\r\n *, .inputField {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include formFieldDisabled();\r\n cursor: default;\r\n pointer-events: none;\r\n\r\n * {\r\n cursor: default;\r\n }\r\n\r\n .userPick {\r\n opacity: 50%;\r\n }\r\n\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n }\r\n\r\n &.smallDisplay, &.largeDisplay {\r\n padding: 0;\r\n border: none;\r\n box-shadow: none;\r\n }\r\n\r\n &.smallDisplay .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n &.largeDisplay .inputField {\r\n @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n // dark adaptation\r\n @include darkTheme {\r\n\r\n .inputField {\r\n caret-color: var(--ui-form-field-text-color, var(--gray-200));\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-200)));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--ui-form-field-placeholder-color, var(--gray-iron-500)));\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-iron-500)));\r\n }\r\n\r\n //.help {\r\n // @include modify-svg($stroke: var(--gray-iron-500))\r\n //}\r\n\r\n .dropdown {\r\n @include modify-svg($stroke: var(--gray-iron-500))\r\n }\r\n\r\n .button {\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-iron-400));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-iron-500));\r\n }\r\n }\r\n }\r\n\r\n &.smallDisplay {\r\n .inputField {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n }\r\n }\r\n\r\n &.largeDisplay {\r\n .inputField {\r\n @include fnt($size: 20, $line-height: 24, $weight: 400, $color: var(--gray-iron-25));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-700)));\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-required-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(--ui-form-field-hint-text-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(--ui-form-field-hint-error-color, var(--error-500)));\r\n }\r\n\r\n .helperLink {\r\n width: fit-content;\r\n padding: 0 12px;\r\n gap: 2px;\r\n cursor: pointer;\r\n @include modify-flex;\r\n @include modify-svg($stroke: var(--ui-form-field-helper-link-color, var(--primary-500))) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n a {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-helper-link-color, var(--primary-500)));\r\n }\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n padding: 0;\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-500));\r\n }\r\n\r\n .hintText {\r\n padding: 0;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .helperLink {\r\n padding: 0;\r\n }\r\n }\r\n\r\n\r\n @include darkTheme {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-400)));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-500)));\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--ui-form-field-label-color, var(--gray-400)));\r\n }\r\n\r\n .hintText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--ui-form-field-hint-text-color, var(--gray-500)));\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n width: 100%;\r\n height: fit-content;\r\n}","@use '@/styles/index' as *;\r\n\r\n.button {\r\n @include centerInsideContent;\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n transition: transform 0.2s ease-out;\r\n }\r\n\r\n &.open {\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n transform: rotateZ(180deg);\r\n }\r\n }\r\n}","@use '@/styles/index' as *;\r\n\r\n.button {\r\n @include centerInsideContent;\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\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 &.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}","@use '@/styles' as *;\r\n\r\n.textareaField {\r\n width: 100%;\r\n height: auto;\r\n min-height: 68px;\r\n overflow: auto;\r\n resize: none;\r\n border-radius: var(--ui-form-field-border-radius, 8px);\r\n // С учетом border\r\n padding: 9px 11px;\r\n background-color: var(--ui-form-field-background-color, var(--base-white));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-300));\r\n box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 #1018280D);\r\n transition: all ease-out 200ms;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-900)));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-400)));\r\n }\r\n\r\n &:focus {\r\n @include formFieldFocus();\r\n }\r\n\r\n &:disabled {\r\n @include formFieldDisabled();\r\n }\r\n\r\n &.isError {\r\n @include formFieldError();\r\n\r\n &:focus {\r\n @include formFieldErrorFocus();\r\n }\r\n }\r\n\r\n @include darkTheme {\r\n background-color: var(--ui-form-field-background-color, var(--gray-950));\r\n border: 1px solid var(--ui-form-field-border-color, var(--gray-800));\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-text-color, var(--gray-200)));\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--ui-form-field-placeholder-color, var(--gray-500)));\r\n }\r\n }\r\n\r\n &.darkTheme {\r\n background-color: var(--gray-950);\r\n border: 1px solid var(--gray-800);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-25));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &:focus {\r\n border: 1px solid var(--gray-700);\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--gray-950);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n min-width: 0;\r\n height: fit-content;\r\n padding: 0 12px 0 0;\r\n gap: 6px;\r\n overflow: hidden;\r\n @include modify-flex($align-items: center);\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n &, input::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $color: var(--gray-400), $weight: 400);\r\n }\r\n\r\n input {\r\n flex: 1;\r\n min-width: 0;\r\n @include fnt($size: 16, $line-height: 24, $color: var(--gray-900), $weight: 400);\r\n }\r\n\r\n &.divider {\r\n padding: 0 0 0 11px;\r\n border-left: 1px solid var(--gray-300);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.wrapper {\r\n width: 100%;\r\n height: fit-content;\r\n padding: 9px 11px;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n border-radius: 8px;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n transition: border ease-out 200ms;\r\n @include modify-flex($align-items: center);\r\n\r\n & > * {\r\n flex: 1;\r\n }\r\n\r\n & > section {\r\n flex: none;\r\n width: 26px;\r\n height: fit-content;\r\n padding: 0 0 0 6px;\r\n overflow: hidden;\r\n transition: width ease-out 200ms;\r\n @include modify-flex($align-items: center, $justify-content: center);\r\n\r\n & > * {\r\n min-width: 0;\r\n }\r\n }\r\n\r\n &.empty > section {\r\n width: 0;\r\n padding: 0;\r\n }\r\n\r\n &.error {\r\n border: 1px solid var(--error-300);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.button {\r\n width: 22px;\r\n height: 22px;\r\n padding: 2px 0;\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n * {\r\n transition: stroke ease-out 200ms;\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 &.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}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n width: 100%;\r\n height: fit-content;\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: fit-content;\r\n transition: color ease-out 200ms,\r\n font-weight ease-out 200ms,\r\n background-color ease-out 200ms,\r\n box-shadow ease-out 200ms;\r\n padding: 4px 8px;\r\n border-radius: 6px;\r\n box-shadow: 0 0 0 4px transparent;\r\n background-color: transparent;\r\n @include modify-flex($align-items: center, $justify-content: centerl);\r\n @include fnt($size: 14, $line-height: 20, $color: var(--gray-600), $weight: 500);\r\n @include modify-svg() {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n\r\n * {\r\n transition: stroke ease-out 200ms;\r\n }\r\n }\r\n\r\n &:hover {\r\n @include fnt-flex($weight: 600);\r\n }\r\n\r\n\r\n &.text {\r\n @include modify-svg($stroke: var(--gray-500));\r\n @include fnt-flex($color: var(--gray-600));\r\n\r\n &:hover {\r\n @include modify-svg($stroke: var(--gray-700));\r\n @include fnt-flex($color: var(--gray-800));\r\n }\r\n\r\n &.current, &.current :hover {\r\n @include modify-svg($stroke: var(--primary-700));\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 4px #F4EBFF;\r\n }\r\n }\r\n\r\n &.buttonPrimary {\r\n @include modify-svg($stroke: var(--gray-500));\r\n @include fnt-flex($color: var(--gray-600));\r\n\r\n &:hover {\r\n background-color: var(--primary-50);\r\n @include modify-svg($stroke: var(--primary-700));\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n\r\n &.current, &.current :hover {\r\n @include modify-svg($stroke: var(--primary-700));\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n\r\n &.buttonGray {\r\n @include modify-svg($stroke: var(--gray-500));\r\n @include fnt-flex($color: var(--gray-600));\r\n\r\n &:hover {\r\n background-color: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-700));\r\n @include fnt-flex($color: var(--gray-800));\r\n }\r\n\r\n &.current, &.current :hover {\r\n @include modify-svg($stroke: var(--primary-700));\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n @include simple-modify-svg($stroke: var(--gray-300)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 12px;\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: 100%;\r\n border-radius: 8px;\r\n padding: 4px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-200);\r\n box-shadow: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;\r\n}","@use '@/styles' as *;\r\n\r\n.main {\r\n width: 100%;\r\n height: fit-content;\r\n gap: 16px;\r\n background-color: transparent;\r\n transition: background-color ease-out 200ms;\r\n cursor: pointer;\r\n @include modify-flex($align-items: center);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400), $transition: stroke ease-out 200ms) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.selected {\r\n background-color: var(--blue-dark-50);\r\n\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n\r\n &.disabled {\r\n pointer-events: none;\r\n background-color: var(--gray-25);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-300));\r\n }\r\n }\r\n\r\n &.small {\r\n padding: 8px 8px 8px 16px;\r\n }\r\n\r\n &.medium {\r\n padding: 10px 10px 10px 16px;\r\n }\r\n\r\n}","@use '@/styles' as *;\r\n\r\n.info {\r\n flex: 1;\r\n display: inline;\r\n gap: 6px;\r\n white-space: pre-wrap;\r\n\r\n & > h6 {\r\n display: inline;\r\n @include fnt($size: 14, $line-height: 20, $color: var(--gray-900), $weight: 400);\r\n }\r\n\r\n & > span {\r\n display: inline;\r\n @include fnt($size: 14, $line-height: 20, $color: var(--gray-400), $weight: 400);\r\n }\r\n\r\n &.disabled {\r\n & > h6, & > span {\r\n @include fnt($color: var(--gray-300));\r\n }\r\n }\r\n\r\n &.small {\r\n & > h6, & > span {\r\n @include fnt($size: 14, $line-height: 20);\r\n }\r\n }\r\n\r\n &.medium {\r\n & > h6, & > span {\r\n @include fnt($size: 16, $line-height: 24);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.check {\r\n @include simple-modify-svg($stroke: var(--blue-dark-500), $transition: (stroke ease-out 200ms, opacity ease-out 200ms)) {\r\n opacity: 0;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n\r\n &.disabled {\r\n @include simple-modify-svg($stroke: var(--gray-300));\r\n }\r\n}"],"names":[],"sourceRoot":""}