indicator-ui 0.0.319 → 0.0.321

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 (78) hide show
  1. package/dist/index.css.map +1 -1
  2. package/dist/index.js +1222 -582
  3. package/dist/index.js.map +1 -1
  4. package/dist/types/src/hooks/index.d.ts +2 -0
  5. package/dist/types/src/hooks/useInteractiveZone.d.ts +13 -0
  6. package/dist/types/src/test/App.d.ts +1 -1
  7. package/dist/types/src/test/layout/PageLayout.d.ts +1 -1
  8. package/dist/types/src/test/pages/ButtonsPage.d.ts +1 -1
  9. package/dist/types/src/test/pages/CascadeSelectorPage.d.ts +1 -1
  10. package/dist/types/src/test/pages/CheckboxMarkPage.d.ts +1 -1
  11. package/dist/types/src/test/pages/CheckboxPage.d.ts +1 -1
  12. package/dist/types/src/test/pages/DateTimeFieldMaskPage.d.ts +1 -1
  13. package/dist/types/src/test/pages/DateTimeFieldsPage.d.ts +1 -1
  14. package/dist/types/src/test/pages/DateTimePickerPage.d.ts +1 -1
  15. package/dist/types/src/test/pages/DropdownItemPage.d.ts +1 -1
  16. package/dist/types/src/test/pages/FieldsPage.d.ts +1 -1
  17. package/dist/types/src/test/pages/FormBuilderPage.d.ts +1 -1
  18. package/dist/types/src/test/pages/HomePage.d.ts +1 -1
  19. package/dist/types/src/test/pages/LoadingIndicatorPage.d.ts +1 -1
  20. package/dist/types/src/test/pages/MediaPlayerPage.d.ts +1 -1
  21. package/dist/types/src/test/pages/MicroButtonsPage.d.ts +1 -1
  22. package/dist/types/src/test/pages/PaginationPage.d.ts +1 -1
  23. package/dist/types/src/test/pages/SlideTransitionPage.d.ts +1 -1
  24. package/dist/types/src/test/pages/TabFramePage.d.ts +1 -1
  25. package/dist/types/src/test/pages/TagPage.d.ts +1 -1
  26. package/dist/types/src/test/pages/TestPage.d.ts +1 -1
  27. package/dist/types/src/test/pages/ToggleBasePage.d.ts +1 -1
  28. package/dist/types/src/test/pages/TogglePage.d.ts +1 -1
  29. package/dist/types/src/test/pages/TooltipTage.d.ts +1 -1
  30. package/dist/types/src/test/pages/UseSmartPositionPage.d.ts +1 -1
  31. package/dist/types/src/test/pages/UserPickPage.d.ts +1 -1
  32. package/dist/types/src/ui/Carousel/ui/Carousel.d.ts +1 -1
  33. package/dist/types/src/ui/CascadeSelector/ui/CascadeSelector.d.ts +1 -1
  34. package/dist/types/src/ui/DateTimePicker/ui/DateTimePicker.d.ts +1 -1
  35. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarButton.d.ts +1 -1
  36. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarDay.d.ts +1 -1
  37. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarMonth.d.ts +1 -1
  38. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarYear.d.ts +1 -1
  39. package/dist/types/src/ui/DateTimePicker/ui/components/TimePickerFeed.d.ts +1 -1
  40. package/dist/types/src/ui/DateTimePicker/ui/components/TimePickerTag.d.ts +1 -1
  41. package/dist/types/src/ui/DateTimePicker/ui/parts/Footer.d.ts +1 -1
  42. package/dist/types/src/ui/DateTimePicker/ui/parts/Header.d.ts +1 -1
  43. package/dist/types/src/ui/DateTimePicker/ui/parts/Main.d.ts +1 -1
  44. package/dist/types/src/ui/DateTimePicker/ui/pickers/DatePicker.d.ts +1 -1
  45. package/dist/types/src/ui/DateTimePicker/ui/pickers/MonthPicker.d.ts +1 -1
  46. package/dist/types/src/ui/DateTimePicker/ui/pickers/TimePicker.d.ts +1 -1
  47. package/dist/types/src/ui/DateTimePicker/ui/pickers/YearPicker.d.ts +1 -1
  48. package/dist/types/src/ui/Dropdown/ui/Dropdown.d.ts +1 -1
  49. package/dist/types/src/ui/DropdownItem/ui/DropdownItem.d.ts +1 -1
  50. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts +1 -1
  51. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateFieldBase.d.ts +1 -1
  52. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts +1 -1
  53. package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts +1 -1
  54. package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeFieldBase.d.ts +1 -1
  55. package/dist/types/src/ui/InputFields/DateTimeFieldMask/ui/DateTimeFieldMask.d.ts +1 -1
  56. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateRangeField.d.ts +1 -1
  57. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateTimeRangeField.d.ts +1 -1
  58. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/TimeRangeField.d.ts +1 -1
  59. package/dist/types/src/ui/Loaders/ui/LoadingIndicator.d.ts +1 -1
  60. package/dist/types/src/ui/MediaViewer/ui/MediaViewer.d.ts +1 -1
  61. package/dist/types/src/ui/MediaViewer/ui/components/ControlBar.d.ts +1 -1
  62. package/dist/types/src/ui/MediaViewer/ui/components/ImageViewer.d.ts +1 -1
  63. package/dist/types/src/ui/MediaViewer/ui/components/VideoProgressBar.d.ts +1 -1
  64. package/dist/types/src/ui/MediaViewer/ui/components/VideoViewer.d.ts +1 -1
  65. package/dist/types/src/ui/PaginationBar/ui/PageSwitcher.d.ts +1 -1
  66. package/dist/types/src/ui/PaginationBar/ui/PaginationBar.d.ts +1 -1
  67. package/dist/types/src/ui/PlayButton/ui/PlayButton.d.ts +1 -1
  68. package/dist/types/src/ui/SlideTransition/ui/SlideTransition.d.ts +1 -1
  69. package/dist/types/src/ui/TabButtons/ui/TabButtons.d.ts +1 -1
  70. package/dist/types/src/ui/TabFrame/ui/TabFrame.d.ts +1 -1
  71. package/dist/types/src/ui/Tag/ui/Tag.d.ts +1 -1
  72. package/dist/types/src/ui/Tag/ui/TagCheckbox.d.ts +1 -1
  73. package/dist/types/src/ui/Tag/ui/TagCount.d.ts +1 -1
  74. package/dist/types/src/ui/Toggle/ui/Toggle.d.ts +1 -1
  75. package/dist/types/src/ui/Tooltip/ui/Tooltip.d.ts +1 -1
  76. package/dist/types/src/ui/UserPick/ui/UserPick.d.ts +1 -1
  77. package/dist/types/src/ui/VideoPlayerBase/ui/VideoPlayerBase.d.ts +1 -1
  78. package/package.json +1 -1
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.css","mappings":";;;AAAA;IACI,qBAAqB;IACrB,qBAAqB;;IAErB,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;;IAEnB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;;IAEtB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;;IAEpB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;;IAEtB,qBAAqB;IACrB,qBAAqB;IACrB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;AAC1B;;;;;ACpEA;IACI,uBAAuB;IACvB,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;AAC5B;;AAEA;IACI,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;AACzB;;AAEA;IACI,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;AACvB;;AAEA;IACI,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;AACzB;;AAEA;IACI,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;AACvB,C;;;;;;;;ACtEA;ECAE;EACA;ACDF;ACFE;EACE;EAGE;EAIA,uBFJsB;EEQtB,mBFR8B;ACIpC;ADFE;EACE;EACA;ACIJ;ACZE;EACE;EAGE,mBFKmB;EEDnB,uBFCwB;EEGxB,mBFHgC;ACStC;ADNE;EACE;EACA;ACQJ;ADLE;EACE;ACOJ;ADJE;EACE;ACMJ;ADHE;EACE;ACKJ;ADFE;EACE;ACIJ;AF7BE;EIFA;AFkCF;AE9BM;EACE;EACA;EACA;AFgCR;AE3BE;EACE;AF6BJ;AGnCE;EAEI;EAGA;EASA,mCCzBK;AJmDX;AFzCE;EONA;ALkDF;AK9CM;EACE;EACA;EACA;ALgDR;AK3CE;EACE;AL6CJ;AGnDE;EAEI;EAGA;EASA,mCCzBK;AJmEX;AFrDE;EQVA;ANkEF;AM9DM;EACE;EACA;EACA;ANgER;AM3DE;EACE;AN6DJ;AGnEE;EAEI;EAGA;EASA,mCCzBK;AJmFX;AFjEE;ESdA;APkFF;AO9EM;EACE;EACA;EACA;APgFR;AO3EE;EACE;AP6EJ;AGnFE;EAEI;EAGA;EASA,mCCzBK;AJmGX;AF7EE;EUnBA;EACA;EACA;EACA;ARmGF;AStGM;EAEI,yBDIuB;ARmGjC;AGjGE;EAQI,gBKNyB;ELSzB,wBKTsC;ARmG5C;AU/EE;EFhBE;IACE;ERkGJ;AACF;AU5GE;EFeE;IACE;ERgGJ;AACF;AQxFE;EACE;AR0FJ;AFnGE;EavBA;EACA;EACA;EACA;AX6HF;AShIM;EAEI,4BEIuB;AX6HjC;AG3HE;EAQI,gBQNyB;ERSzB,2BQTsC;AX6H5C;AUzGE;EChBE;IACE;IACA;EX4HJ;AACF;AUvIE;ECeE;IACE;IACA;EX2HJ;AACF;AWpHE;EACE;AXsHJ;AF3HE;Ec3BA;EACA;EACA;EACA;AZyJF;AS5JM;EAEI,uBGIuB;AZyJjC;AGvJE;EAQI,gBSNyB;ETSzB,sBSTsC;AZyJ5C;AUrIE;EEfE;IACE;IACA;EZuJJ;EYrJI;IACE;EZuJN;AACF;AUtKE;EEoBE;IACE;IACA;EZqJJ;EYnJI;IACE;EZqJN;AACF;AY5IE;EACE;AZ8IJ;AFzJE;Ee/BA;Ab2LF;AS3LM;EAEI;AT4LV;AGtLE;EAQI,gBUVyB;EVazB,2BUbsC;Ab4L5C;AUpKE;EGnBI;IACE;Eb0LN;EStMI;IAEI,yBIc2B;EbyLnC;AACF;AUpME;EGiBI;IACE;EbsLN;ES9MI;IAEI,yBI0B2B;EbqLnC;AACF;AajLE;EACE;AbmLJ;AFlLE;EgBnCA;AdwNF;ASxNM;EAEI;ATyNV;ActNE;EACE;AdwNJ;AUhME;EPtBA;IAQI,gBWJ6B;IXO7B,2BWP0C;EduN9C;ESnOI;IAEI,4BKc2B;EdsNnC;AACF;AUjOE;EPEA;IAQI,gBWQ6B;IXL7B,2BWK0C;EdoN9C;ES5OI;IAEI,4BK0B2B;EdmNnC;AACF;Ac/ME;EACE;AdiNJ;AF5ME;EiBvCA;AfsPF;AStPM;EAEI;ATuPV;AepPE;EACE;AfsPJ;AGpPE;EAQI,gBYTyB;EZYzB,sBYZsC;AfyP5C;AUlOE;EKjBI;IACE;EfsPN;ESpQI;IAEI,uBMgB2B;EfqPnC;AACF;AUlQE;EKmBI;IACE;EfkPN;ES5QI;IAEI,uBM4B2B;EfiPnC;AACF;Ae7OE;EACE;Af+OJ;AFxOE;EkB3CA;EACA;AhBsRF;ASvRM;EAEI,4BOEuB;AhBsRjC;AgBnRE;EACE;AhBqRJ;AGrRE;EAQI,gBaPyB;EbUzB,2BaVsC;AhBwR5C;AUnQE;EMhBI;IACE;EhBsRN;ESrSI;IAEI,4BOiB2B;EhBqRnC;AACF;AUnSE;EMoBI;IACE;EhBkRN;ES7SI;IAEI,4BO6B2B;EhBiRnC;AACF;AgB7QE;EACE;AhB+QJ;AFrQE;EmB/CA;EACA;AjBuTF;ASxTM;EAEI,uBQEuB;AjBuTjC;AiBpTE;EACE;AjBsTJ;AGtTE;EAQI,gBcPyB;EdUzB,sBcVsC;AjByT5C;AUpSE;EOhBI;IACE;EjBuTN;EStUI;IAEI,uBQiB2B;EjBsTnC;AACF;AUpUE;EOoBI;IACE;EjBmTN;ES9UI;IAEI,uBQ6B2B;EjBkTnC;AACF;AiB9SE;EACE;AjBgTJ;AFlSE;EoBnDA;EACA;AlBwVF;ASzVM;EAEI,uBSEuB;AlBwVjC;AkBrVE;EACE;AlBuVJ;AGvVE;EAQI,gBePyB;EfUzB,sBeVsC;AlB0V5C;AUrUE;EQhBI;IACE;ElBwVN;ESvWI;IAEI,uBSiB2B;ElBuVnC;AACF;AUrWE;EQoBI;IACE;ElBoVN;ES/WI;IAEI,uBS6B2B;ElBmVnC;AACF;AkB/UE;EACE;AlBiVJ;AF/TE;EqBvDA;EACA;EACA;EACA;AnByXF;AS5XM;EAEI,uBUIuB;AnByXjC;AGvXE;EAQI,gBgBNyB;EhBSzB,sBgBTsC;AnByX5C;AUrWE;ED9BI;IAEI,uBUe6B;EnBsXrC;EmBnXM;IACE;EnBqXR;AACF;AUrYE;EDNI;IAEI,uBU6B6B;EnBgXrC;EmB7WM;IACE;EnB+WR;AACF;AmB1WE;EACE;AnB4WJ;AF3VE;EsB3DA;EACA;EACA;EACA;ApByZF;AS5ZM;EAEI,uBWIuB;ApByZjC;AGvZE;EAQI,gBiBNyB;EjBSzB,sBiBTsC;ApByZ5C;AUrYE;EUhBE;IACE;EpBwZJ;ESvaI;IAEI,uBWgB2B;EpBwZnC;EoBrZI;IACE;EpBuZN;AACF;AUxaE;EUsBE;IACE;EpBqZJ;ESlbI;IAEI,uBW8B2B;EpBqZnC;EoBlZI;IACE;EpBoZN;AACF;AoBhZE;EACE;ApBkZJ;AF5XI;EuBhEF;EACA;EACA;EACA;ArB+bF;AUpaE;EWxBE;IACE;IACA;ErB+bJ;EqB5bE;IACE;IACA;ErB8bJ;AACF;AUtcE;EWYE;IACE;IACA;ErB6bJ;AACF;AqBtbE;EACE;ArBwbJ;AFjZI;EwBpEF;EACA;EACA;AtBwdF;AS1dM;EAEI,wBaGuB;AtBwdjC;AsBrdE;EACE;AtBudJ;AUlcE;EYjBE;IACI;IACA;EtBsdN;AACF;AUheE;EYcE;IACI;IACA;EtBqdN;AACF;AsB9cE;EACE;AtBgdJ;AS/eM;EAEI,wBcDuB;AvBifjC;AuB9eE;EACE;AvBgfJ;AG7eE;EAQI,gBoBVyB;EpBazB,uBoBbsC;AvBmf5C;AU3dE;EanBI;IACE;EvBifN;ES7fI;IAEI,wBcc2B;EvBgfnC;AACF;AU3fE;EaiBI;IACE;EvB6eN;ESrgBI;IAEI,wBc0B2B;EvB4enC;AACF;AuBxeE;EACE;AvB0eJ;AF/bE;EACE;AEicJ,C;;;;AwB/gBA;ECAE;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;ACDJ;AzBRE;EACE;EAGE,mBwBQiB;ExBJjB,uBwBIsB;ExBAtB;AyBEN;AjBEM;EgBFF;ACGJ;AFZE;EGHA;EACA;ADkBF;AjBnBM;EAEI;AiBoBV;AhBQE;EiBzBE;IACE;EDoBJ;EjB1BI;IAEI,uBkBKyB;EDsBjC;AACF;AhBxBE;EiBME;IACE;EDqBJ;EjBlCI;IAEI,uBkBYyB;EDuBjC;AACF;AF/BE;EIPA;EACA;AFyCF;AjB1CM;EAEI;AiB2CV;AhBfE;EkBzBE;IACE;EF2CJ;AACF;AhB5CE;EkBKE;IACE;EF0CJ;AACF;AF5CE;EKXA;EACA;AH0DF;AjB3DM;EAEI;AiB4DV;AhBhCE;EmBzBE;IACE;EH4DJ;EjBlEI;IAEI,uBoBKyB;EH8DjC;AACF;AhBhEE;EmBME;IACE;EH6DJ;EjB1EI;IAEI,uBoBYyB;EH+DjC;AACF;AF/DE;EMfA;EACA;AJiFF;AjBlFM;EAEI;AiBmFV;AhBvDE;EoBzBE;IACE;EJmFJ;EjBzFI;IAEI,4BqBKyB;EJqFjC;AACF;AhBvFE;EoBME;IACE;EJoFJ;EjBjGI;IAEI,4BqBYyB;EJsFjC;AACF;AFlFE;EOnBA;EACA;ALwGF;AjBzGM;EAEI;AiB0GV;AhB9EE;EqBzBE;IACE;EL0GJ;EjBhHI;IAEI,4BsBKyB;EL4GjC;AACF;AhB9GE;EqBME;IACE;EL2GJ;EjBxHI;IAEI,4BsBYyB;EL6GjC;AACF;AFrGE;EQvBA;EACA;AN+HF;AjBhIM;EAEI;AiBiIV;AhBrGE;EsBzBE;IACE;ENiIJ;EjBvII;IAEI,wBuBKyB;ENmIjC;AACF;AhBrIE;EsBME;IACE;ENkIJ;EjB/II;IAEI,wBuBYyB;ENoIjC;AACF;AFxHE;ES3BA;EACA;APsJF;AjBvJM;EAEI;AiBwJV;AhB5HE;EuBzBE;IACE;EPwJJ;EjB9JI;IAEI,4BwBKyB;EP0JjC;AACF;AhB5JE;EuBME;IACE;EPyJJ;EjBtKI;IAEI,4BwBYyB;EP2JjC;AACF;AF3IE;EU/BA;EACA;AR6KF;AjB9KM;EAEI;AiB+KV;AhBnJE;EwBzBE;IACE;ER+KJ;EjBrLI;IAEI,uByBKyB;ERiLjC;AACF;AhBnLE;EwBME;IACE;ERgLJ;EjB7LI;IAEI,uByBYyB;ERkLjC;AACF;AF9JE;EWnCA;EACA;AToMF;AjBrMM;EAEI;AiBsMV;AhB1KE;EyBzBE;IACE;ETsMJ;EjB5MI;IAEI,wB0BKyB;ETwMjC;AACF;AhB1ME;EyBME;IACE;ETuMJ;EjBpNI;IAEI,wB0BYyB;ETyMjC;AACF;AFhLE;EYxCA;EACA;AV2NF;AjB5NM;EAEI;AiB6NV;AhBjME;ED9BI;IAEI,4B2BIyB;EV6NjC;AACF;AhB9NE;EDNI;IAEI,4B2BUyB;EV4NjC;AACF;AF7LE;Ea5CA;EAEA;AX2OF;AjB/NM;E4BTF;EACA;AX2OJ;AFjME;EchDA;EAEA;AZmPF;AjBvOM;E6BTF;EACA;AZmPJ;AFrME;EepDA;EAEA;Ab2PF;AjB/OM;E8BTF;EACA;Ab2PJ;AFzME;EgBxDA;EAEA;AdmQF;AjBvPM;E+BTF;EACA;AdmQJ;AF7ME;EiB5DA;EAEA;Af2QF;AjB/PM;EgCTF;EACA;Af2QJ,C;;;;AgBlRA;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;ACHF;ACVE;EACE;EACA;EACA;ADYJ;ADEE;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACFJ;AvCfE;EACE;EACA;EACA,sBsCgBgE;EtCfhE,gBsCemD;EtCdnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuC4BZ;AvCzBE;EACE;EACA;EACA,sBsCmBkE;EtClBlE,gBsCkBqD;EtCjBrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuCsCZ;ADTE;EACE;ACWJ;ACnDE;EACE;EACA;EACA;ADqDJ;AlCtDM;EAEI,uBiCsCuB;ACiBjC;AlC3CM;EiC2BA;EACA;EACA;ACmBN;AvCnDE;EACE;EACA;EACA,sBsCkCgE;EtCjChE,gBsCiCmD;EtChCnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuCgEZ;ADrBE;EACE;ACuBJ;AC7EE;EACE;EACA;EACA;AD+EJ;AlChFM;EAEI,uBiCoDuB;AC6BjC;AlCrEM;EiCyCA;EACA;EACA;AC+BN;AD3BE;EACE;EACA;AC6BJ;AC9FE;EACE;EACA;EACA;ADgGJ;AlCjGM;EAEI,uBiC+DuB;ACmCjC;AlCtFM;EiCoDA;EACA;EACA;ACqCN;ADlCI;EACE;ACoCN;ADhCE;EACE;EACA;EACA;ACkCJ;ACnHE;EACE;EACA;EACA;ADqHJ;AlCxGM;EiCoEA;EACA;EACA;ACuCN;AlC3HM;EAEI,wBiCsFyB;ACsCnC;AlC9HM;EAEI,wBiCyF2B;ACsCrC;AlCjIM;EAEI,uBiC8FyB;ACoCnC;AlCpIM;EAEI,uBiCiG2B;ACoCrC;AD/BE;EACE;ACiCJ;AD9BE;EACE;ACgCJ;AD7BE;EACE;EACA;AC+BJ;AlCjJM;EAEI,wBiCmHyB;AC+BnC;AD5BI;EACE;AC8BN;AD1BE;EACE;EACA;EACA;AC4BJ;AD1BI;EACE;AC4BN;ADzBI;EACE;AC2BN;AvCvJE;EACE;EACA;EACA,sBsC6HkE;EtC5HlE,gBsC4HqD;EtC3HrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AuCoKZ;AD7BE;EACE;EACA;EACA;AC+BJ;AvCtKE;EACE;EACA;EACA,sBsCuImE;EtCtInE,gBsCsIsD;EtCrItD,mCAnBO;EAoBP,oBAXQ;E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aqDJ;AhDtDM;EAEI,uB+CsCuB;ACiBjC;AhD3CM;E+C2BA;EACA;EACA;ACmBN,C;;;;AC/DA;EACE;EACA;ACDF;A1DFE;EACE;EAWE,mByDR+B;ACErC;ADAE;EACE;EACA;ACEJ,C;;;;ACTA;EACE;EACA;ACDF;ADGE;EACE;EACA;EACA;ACDJ;ADIE;EACE;ACFJ;ADKE;EACE;ACHJ,C;;;;ACTE;EACE;ECEF;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACNF;ApBTE;EACE;EACA;EACA;AoBWJ;AvDZM;EAUI,esDM2B;ACDrC;AvDDM;EsDGF;EACA;EACA;ACCJ;AtDUE;EqDPE;IAvBF;IACA;ECwBA;AACF;AFpBI;EGRF;AD+BF;AFnBI;EIVF;AFgCF;AE9BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AFgCJ;AF3BI;EKVF;EACA;AHwCF;AvD7CM;EAEI,4B0DKqB;AHyC/B;AGvCE;EACE;AHyCJ;AtDrBE;EyDhBE;IAdF;EHuDA;AACF;AFtCI;EMdF;EACA;AJuDF;AvD5DM;EAEI,4B2DKqB;AJwD/B;A5DpDE;EACE;EACA;EACA,2BgEN8D;EhEO9D,gBgEPiD;EhEQjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4DiEZ;AtD3CE;E0DnBE;IAXF;EJ6EA;AACF;AFxDI;EOjBF;EACA;AL4EF;AvDlFM;EAEI,wB4DMqB;AL6E/B;A7D7EE;EAWI,uBkEVsB;AL+E5B;AK7EE;EACE;AL+EJ;AtD7DE;E2DdE;IAhBF;IACA;EL+FA;AACF;AFvEI;EQlBF;EAEA;EACA;AN2FF;AMzFE;EACE;AN2FJ;AvDzGM;EAEI,uB6DeqB;AN2F/B;A7DpGE;EAWI,sBmEDsB;AN6F5B;AtDjFE;E4DTE;IArBF;IACA;ENmHA;EvDpHI;IAEI,uB6DCqB;ENoH7B;E7D/GA;IAWI,sBmEfsB;ENsH1B;AACF;AF5FM;ESnBJ;EAEA;APiHF;A5DpHE;EACE;EACA;EACA,wBmEC8D;EnEA9D;EACA,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4DiIZ;AvDzIM;EAEI,yB8DcqB;AP4H/B;AO1HE;EACE;AP4HJ;AtDjHE;E6DPE;IAvBF;IAEA;EPkJA;AACF;AFnHQ;ESJN;EAEA;APyHF;A5D9IE;EACE;EACA;EACA,wBmEmB8D;EnElB9D,gBmEkBiD;EnEjBjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4D2JZ;AvDnKM;EAEI,yB8DgCqB;APoI/B;AOlIE;EACE;APoIJ;AtD3IE;E6DWE;IAnCF;IAEA;EPsKA;AACF;AFtIM;EU7BJ;EAEA;ARqKF;A5DxKE;EACE;EACA;EACA,wBoEC8D;EpEA9D;EACA,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4DqLZ;AvD7LM;EAEI,yB+DcqB;ARgL/B;AQ9KE;EACE;ARgLJ;AtDrKE;E8DPE;IAvBF;IAEA;ERsMA;AACF;AF7JQ;EUdN;EAEA;AR6KF;A5DlME;EACE;EACA;EACA,wBoEmB8D;EpElB9D,gBoEkBiD;EpEjBjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4D+MZ;AvDvNM;EAEI,yB+DgCqB;ARwL/B;AQtLE;EACE;ARwLJ;AtD/LE;E8DWE;IAnCF;IAEA;ER0NA;AACF;AtDrME;EoDqBI;ICnDJ;IACA;ECuOA;EFlLM;IKtDN;EH2OA;EFjLM;IM1DN;EJ8OA;EFhLM;IO9DN;IACA;ELiPA;EFhLM;IQlEN;IACA;ENqPA;EvDtPI;IAEI,uB6DCqB;ENsP7B;E7DjPA;IAWI,sBmEfsB;ENwP1B;EFrLQ;ISvER;IAEA;EP8PA;EFtLU;ISpEV;IAEA;EP4PA;EFnLQ;IUjFR;IAEA;ERsQA;EFpLU;IU9EV;IAEA;ERoQA;AACF,C;;;;AS9QA;EACE;EACA;EACA;EACA;ACDF;AzEJE;EACE;AyEMJ;ADCE;EACE;EACA;EACA;ACCJ;AzEZE;EACE;EAGE,sBwEQ+B;ExEA/B;AyEKN;ADHI;EACE;EACA;EACA;EACA;EACA;EACA;ACKN;ADFI;EACE;EACA;ACIN;AtEhBE;EACE;EACA;EACA,sBqEUkE;ErETlE,gBqESqD;ErERrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsE6BZ;AvE7BE;EAQI,gBsEW6B;ACanC;ADTI;EACE;EACA;ACWN;AtEjCE;EACE;EACA;EACA,sBqEoBkE;ErEnBlE,gBqEmBqD;ErElBrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AsE8CZ;AhExBE;EPtBA;IAWI,sBsEsB8B;ECiBlC;EvElDA;IAWI,sBsE0B8B;ECgBlC;AACF;AhExDE;EPEA;IAWI,sBsEkC8B;ECalC;EvE1DA;IAWI,sBsEsC8B;ECYlC;AACF;ADPE;EACE;ACSJ;AvEjEE;EAWI,sBsEiD4B;ACQlC;AvEpEE;EAWI,sBsEqD4B;ACOlC;AvEvEE;EAWI,uBsE4D0B;ACGhC;ADCE;EACE;ACCJ;ADEE;EACE;ACAJ;ADGE;EACE;ACDJ;ADIE;EACE;ACFJ,C;;;;AC9FA;EACE;ECDA;EACA;EACA;EACA;ACAF;A5ELE;EACE;EAWE,mB2EN+B;ACGrC;AFHE;EGJA;EACA;EACA;EACA;EACA;ADUF;AFNE;EACE;EITF;AFkBF;AFLE;EKfA;AHuBF;AFLI;EKdF;AHsBF;AFHE;EMvBA;AJ6BF;AFHI;EMtBF;AJ4BF;AFDE;EO/BA;EACA;ALmCF;AFFI;EO7BF;EACA;ALkCF;AFDE;EQvCA;EACA;AN2CF;AFFI;EQrCF;EACA;AN0CF;AnEhBE;EiEgBE;IShDF;EPoDA;EFDI;IS3CJ;EP+CA;EFAI;ISnDJ;EPsDA;EFAM;IS9CN;EPiDA;AACF;AFGE;EUjEA;EACA;ARiEF;AnElCE;EiEqCI;IUrEJ;IACA;ERsEA;AACF,C;;;;ASvEA;EACE;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;ACDJ;AtFRE;EACE;EAGE,sBqFM+B;ErFF/B,sBqFEyD;ErFEzD,kBqFF8E;ACIpF;ADFI;EACE;EACA;EACA;EACA;ACIN;ADDI;EACE;EACA;EACA;ACGN;AnFZE;EACE;EACA;EACA,sBkFOkE;ElFNlE,gBkFMqD;ElFLrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmFyBZ;AtFnCE;EACE;EAWE,mBqFYmC;ACezC;ADZI;EACE;EACA;ACcN;AnF9BE;EACE;EACA;EACA,sBkFckE;ElFblE,gBkFaqD;ElFZrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AmF2CZ;ApF3CE;EAWI,sBmFe0B;ACoBhC;ApF9CE;EAWI,sBmFmB0B;ACmBhC;A7E3BE;EPtBA;IAWI,sBmF0B4B;ECgBhC;EpFrDA;IAWI,sBmF8B4B;ECehC;AACF;ADXE;EACE;EACA;ACaJ;ADXI;EACE;ACaN;ADTE;EACE;ACWJ;ADRE;EACE;ACUJ;ADPE;EACE;ACSJ;ADNE;EACE;ACQJ,C;;;;ACrFA;EACE;ACDF;AxFDE;EACE;AwFGJ;AhFFM;EAEI;AgFGV;AhFSM;E+EXF;EACA;EACA;EACA;ACKJ;AhFGM;E+EHA;ACGN;;ArFHE;EACE;EACA;EACA,sBoFG8D;EpFF9D,gBoFEiD;EpFDjD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AqFiBZ;;ADLA;EACE;EACA;EACA;EACA;ACQF;ADNE;EACE;EACA;ACQJ;AxFtCE;EACE;EAGE,sBuF2B+B;ACWrC;ADTI;EACE;ACWN,C;;;;AC5CA;EACE;EACA;EACA;EACA;ACDF;A/CJE;EACE;EACA;EACA;A+CMJ;AlFPM;EAEI,yBiFGqB;EjFKrB,eiFLuD;ACMjE;AlFGM;EiFRF;EACA;ACQJ;AjFeE;EgFnBE;IACE;IACA;ECOJ;AACF;ADJE;EACE;EACA;ACMJ;AlFXM;EiFOA;ACON;AjFEE;EgFLI;IACE;IACA;ECMN;AACF;ADFE;EACE;EACA;EACA;ACIJ;AjFTE;EgFQI;IACE;IACA;ECIN;AACF;ADDI;EACE;EACA;ACGN;AjFnBE;EgFkBM;IACE;IACA;ECIR;AACF;ADCE;EACE;EACA;ACCJ;AlF7CM;EiF8CA;EACA;ACEN;ADEE;EACE;EACA;ACAJ;AlFrDM;EiFuDA;EACA;ACCN;ADGE;EACE;EACA;ACDJ;AlF7DM;EiFgEA;EACA;ACAN,C;;;;AChFA;EACE;EACA;EACA;ACDF;A1FOE;EAWI,sByFhBsB;ACC5B;ADCE;EACE;ACCJ;ADEE;EACE;ACAJ;ADGE;EACE;ACDJ;A1FLE;EAEI;EAGA;EAGA,gByFDsD;EzFOtD,mCCzBK;AyFsBX;ADDE;EACE;ACGJ;A1FdE;EAEI;EAGA;EAGA,gByFIsD;EzFEtD,mCCzBK;AyF+BX;ADLE;EACE;ACOJ;A1FvBE;EAEI;EAGA;EAGA,gByFSsD;EzFHtD,mCCzBK;AyFwCX,C;;;;ACtCA;ECCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;A/FRE;EACE;EAWE,mB8FF+B;ACErC;ADAE;EACE;ACEJ;A/FfE;EACE;EAWE,mB8FEiC;ACKvC;A7FTE;EAWI,sB4FHwB;ACI9B;ADDE;EACE;EACA;EACA;EACA;EACA;ACGJ;AFzBE;EGFA;AD8BF;AFxBE;EINA;EACA;AFiCF;AE/BE;EACE;EACA;AFiCJ;AF7BI;EICF;EACA;AF+BF;AF5BE;EKbA;AH4CF;A7FrCE;EAEI;EAGA;EAGA,gBgGdoD;EhGoBpD,mCCzBK;A4FsDX;AG/CE;EACE;AHiDJ;AG9CE;EACE;AHgDJ;AG7CE;EACE;AH+CJ;AF1CE;EMjBA;AJ8DF;A7FvDE;EAEI;EAGA;EAGA,gBiGdoD;EjGoBpD,mCCzBK;A4FwEX;AIjEE;EACE;AJmEJ;AIhEE;EACE;AJkEJ;AI/DE;EACE;AJiEJ;AFxDE;EOrBA;ALgFF;A7FzEE;EAEI;EAGA;EAGA,gBkGdoD;ALoF1D;AKlFE;EACE;ALoFJ;AKjFE;EACE;ALmFJ;AKhFE;EACE;ALkFJ;AFrEE;EQ5BA;ANoGF,C;;;;AOnGA;EACE;EACA;ACDF;ADGE;EACE;ACDJ;ADIE;EACE;ACFJ;ADKE;EACE;EACA;ACHJ;ADME;EACE;EACA;ACJJ;ADOE;EACE;EACA;ACLJ;ADQE;EACE;EACA;ACNJ;;ADUA;EACE;IACE;ECPF;AACF;ADaA;EAGE;IACE;ECbF;AACF,C;;;;AClCA;EACE;EACA;EACA;EACA;ACDF;AzGJE;EACE;AyGMJ;ADCE;EACE;ACCJ;ADEE;EACE;ACAJ,C;;;;ACZA;EACE;EAEA;EACA;EACA;EACA;EACA;ACFF;A3GNE;EACE;EAOE,uB0GCmC;E1GGnC,mB0GHyD;ACE/D;AnGTM;EAEI,uBkGQuB;ACEjC;AnGEM;EkGHA;EACA;EACA;EACA;ACIN;AnGlBM;EAEI,uBkGiBuB;ACEjC;AnGPM;EkGMA;EACA;EACA;EACA;ACIN;ADAE;EACE;EACA;ACEJ;AxGpBE;EACE;EACA;EACA,sBuGgBgE;EvGfhE,gBuGemD;EvGdnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AwGiCZ;AlGXE;EiGIE;IACE;ECUJ;EzGrCA;IAWI,sBwGmB4B;ECUhC;AACF;AlG3CE;EiGsCE;IACE;ECQJ;EzG7CA;IAWI,sBwG6B4B;ECQhC;AACF;ADJE;EACE;EACA;EACA;ACMJ;AnG9DM;EAEI,uBkGyDyB;ACMnC;AnGjEM;EAEI,uBkG6DyB;ACKnC;ADFI;EACE;ACIN;AzG/DE;EAWI,sBwGiD0B;ACMhC;AlG5CE;EiG0CI;IACE;ECKN;AACF;AlGzEE;EiGwEI;IACE;ECIN;AACF;ADAE;EACE;EACA;EACA;EACA;ACEJ;AnG1FM;EAEI,uBkGyFyB;ACEnC;AnG7FM;EAEI,uBkG6FyB;ACCnC;AzGxFE;EAWI,sBwGgF0B;ACAhC;ADIE;EACE;ACFJ;ADKE;EACE;ACHJ;ADME;EACE;ACJJ;ADOE;EACE;ACLJ,C;;;;AChHA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;ACFF;ADIE;EACE;EACA;EACA;EACA;EACA;ACFJ;A/DbI;EAEI;EAGA;EAIA,U8DQsB;ACC9B;A/DNM;EAEI,uB8DGmC;ACI7C;A1GTE;EACE;EACA;EACA,sByGGgE;EzGFhE,gByGEmD;EzGDnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0GsBZ;ApGAE;EmGVI;IACE;ECaN;E/DvBI;IAEI,uB8DS0B;ECelC;AACF;ADZI;EACE;ACcN;A/D9BM;EAEI,uB8DewB;ACgBlC;ADbI;EACE;ACeN;A/DpCM;EAEI,uB8DoBwB;ACiBlC;ADbE;EACE;EACA;EAEA;EACA;ACcJ;ADZI;EACE;EACA;EACA;ACcN;A1GlDE;EACE;EACA;EACA,sByGkCkE;EzGjClE,gByGiCqD;EzGhCrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0G+DZ;AlEzEE;EACE;EACA;EACA;AkE2EJ;ADxBI;EACE;EACA;EACA;EACA;AC0BN;A1GvEE;EACE;EACA;EACA,sByG2CkE;EzG1ClE,gByG0CqD;EzGzCrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A0GoFZ;AlE9FE;EACE;EACA;EACA;AkEgGJ;ApGnEE;EmG+BM;IACE;IACA;ECuCR;AACF;ADpCM;EACE;EACA;ACsCR;ADjCE;EACE;ACmCJ,C;;;;ACjHA;EACE;EACA;EACA;ACCF,C;;;;ACFA;EACE;EACA;EACA;ACDF;;ADIA;EACE;ACDF;AzGLM;EAMI,qBwGCmB;ACC7B;AzGMM;EwGNF;EACA;ACGJ,C;;;;ACbA;EACE;EACA;EACA;EACA;EACA;ACDF;AnHLE;EACE;EAWE,mBkHL+B;ACErC;AxETE;EACE;EACA;EACA;AwEWJ;A3GZM;EAEI,uB0GOuB;ACMjC;A3GDM;E0GJA;EACA;ACQN;ADJE;EACE;EACA;EACA;ACMJ;AnH1BE;EACE;EAWE,mBkHSiC;ACSvC;ADPI;EACE;EACA;EACA;EACA;EACA;ACSN;AjH3BE;EAWI,sBgHW0B;ACQhC;AjH9BE;EAWI,sBgHe0B;ACOhC;ADHE;EACE;EACA;ACKJ;AxE/CE;EACE;EACA;EACA;AwEiDJ;A3GlDM;EAEI,4B0GwCuB;ACWjC;A3GvCM;E0G6BA;EACA;ACaN;ADVI;EACE;ACYN;A1G9BE;EyGuBE;IACE;ECUJ;AACF;A1G3DE;EyGqDE;IACE;ECSJ;AACF;ADNE;EACE;ACQJ;ADNI;EACE;EACA;ACQN;A1G/CE;EyG2CI;IACE;ECON;AACF;A1G5EE;EyGyEI;IACE;ECMN;AACF;ADFE;EACE;ACIJ;A3G1FM;EAEI,uB0GuFyB;ACInC;AjHrFE;EAWI,sBgH0E0B;ACGhC;ADAI;EACE;ACEN;A3GnGM;EAEI,uB0GmGyB;ACCnC;ADEI;EACE;ACAN;ADIE;EACE;ACFJ;AhHjGE;EACE;EACA;EACA,sB+GmGkE;E/GlGlE,gB+GkGqD;E/GjGrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgH8GZ;AhH3GE;EACE;EACA;EACA,sB+GuGkE;E/GtGlE,gB+GsGqD;E/GrGrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgHwHZ;ADPE;EACE;ACSJ;AhHxHE;EACE;EACA;EACA,sB+G+GkE;E/G9GlE,gB+G8GqD;E/G7GrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgHqIZ;AhHlIE;EACE;EACA;EACA,sB+GmHkE;E/GlHlE,gB+GkHqD;E/GjHrD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AgH+IZ;ADlBE;EACE;ACoBJ;ADjBE;EACE;ACmBJ,C;;;;AnH/JE;EACE;EAGE,sBoHF6B;EpHM7B,uBoHNuD;EpHUvD,mBoHV6E;ACEnF;ADAE;EACE;ACEJ;A1EPE;EACE;EACA;EACA;A0ESJ;ADHE;EACE;EACA;EACA;ACKJ;AlHJE;EACE;EACA;EACA,sBiHHgE;EjHIhE,gBiHJmD;EjHKnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkHiBZ;ADRQ;EACE;ACUV;ADRQ;EACE;ACUV;ADDQ;EACE;ACGV;ADDQ;EACE;ACGV;ADME;EACE;ACJJ;A7G1BM;E4GgCA;EACA;ACHN;AnHpCE;EAEI;EAGA;AmHmCN;ADOE;EACE;ACLJ;A7GrCM;E4G4CA;EACA;ACJN;AnH/CE;EAEI;EAGA;AmH8CN;ADQE;EACE;ACNJ;A7GhDM;E4GwDA;EACA;ACLN;AnH1DE;EAEI;EAGA;AmHyDN;ADSE;EACE;ACPJ;A7G3DM;E4GoEA;EACA;ACNN;AnHrEE;EAEI;EAGA;AmHoEN;ADUE;EACE;ACRJ;ADWE;EACE;ACTJ;ADYE;EACE;ACVJ;ADaE;EACE;ACXJ;;ADeA;EACE;IACE;ECZF;EDcA;IACE;ECZF;AACF,C;;;;ACvGA;EACE;EACA;ACDF;AvHFE;EACE;EAWE,mBsHR+B;ACErC,C;;;;ACLA;EACE;EACA;EACA;EACA;ACDF;ADGE;EACE;EACA;EACA;EACA;EACA;ACDJ;ADKI;EACE;ACHN;ADQI;EACE;ACNN,C;;;;AChBA;EACE;EACA;EACA;EACA;ACDF;AhFJE;EACE;EACA;EACA;AgFMJ;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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/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/styles/adaptive/_breakpoints.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/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/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/MicroButton/styles/MicroButton.module.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/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/InputFields/DateTimeField/styles/DateField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/SingleRangeField.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/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/../../../Sergey%20Bondarenko/WebstormProjects/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/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/ToggleBase.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/ToggleBase/styles/ToggleBase.module.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/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/Toggle/styles/Toggle.module.scss","webpack://indicator-ui/./src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCount.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/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/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/Tag/styles/Tag.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/hover.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/active.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/small.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/medium.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/large.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/clicked.scss","webpack://indicator-ui/./src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/./src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/./src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PaginationBar.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/PaginationBar/styles/PaginationBar.module.scss","webpack://indicator-ui/./src/ui/UserPick/styles/UserPick.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/UserPick/styles/UserPick.module.scss","webpack://indicator-ui/./src/ui/DropdownItem/styles/DropdownItem.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DropdownItem/styles/DropdownItem.module.scss","webpack://indicator-ui/./src/ui/Loaders/styles/LoadingIndicator.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/Loaders/styles/LoadingIndicator.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ControlBar.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/MediaViewer/styles/components/ControlBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/VideoViewer.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/MediaViewer/styles/components/VideoViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/components/ImageViewer.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/MediaViewer/styles/components/ImageViewer.module.scss","webpack://indicator-ui/./src/ui/MediaViewer/styles/MediaViewer.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/MediaViewer/styles/MediaViewer.module.scss","webpack://indicator-ui/./src/ui/PlayButton/styles/PlayButton.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/PlayButton/styles/PlayButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarDay.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/components/CalendarDay.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarMonth.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/components/CalendarMonth.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarYear.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/components/CalendarYear.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/CalendarButton.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/components/CalendarButton.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerTag.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/components/TimePickerTag.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/components/TimePickerFeed.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/components/TimePickerFeed.module.scss","webpack://indicator-ui/./src/styles/mixins/hiddeScrollBar.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/DatePicker.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/pickers/DatePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/YearMonthPicker.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/pickers/YearMonthPicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/pickers/TimePicker.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/pickers/TimePicker.module.scss","webpack://indicator-ui/./src/ui/DateTimePicker/styles/DateTimePicker.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/DateTimePicker/styles/DateTimePicker.module.scss","webpack://indicator-ui/./src/ui/Tooltip/styles/Tooltip.module.scss","webpack://indicator-ui/../../../Sergey%20Bondarenko/WebstormProjects/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/../../../Sergey%20Bondarenko/WebstormProjects/indicator-ui/src/ui/Dropdown/styles/Dropdown.module.scss"],"sourcesContent":[":root {\r\n --base-white: #FFFFFF;\r\n --base-black: #000000;\r\n\r\n --gray-25: #FCFCFD;\r\n --gray-50: #F9FAFB;\r\n --gray-100: #F2F4F7;\r\n --gray-200: #EAECF0;\r\n --gray-300: #D0D5DD;\r\n --gray-400: #98A2B3;\r\n --gray-500: #667085;\r\n --gray-600: #475467;\r\n --gray-700: #344054;\r\n --gray-800: #1D2939;\r\n --gray-900: #101828;\r\n --gray-950: #0C111D;\r\n\r\n --primary-25: #FCFAFF;\r\n --primary-50: #F9F5FF;\r\n --primary-100: #F4EBFF;\r\n --primary-200: #E9D7FE;\r\n --primary-300: #D6BBFB;\r\n --primary-400: #B692F6;\r\n --primary-500: #9E77ED;\r\n --primary-600: #7F56D9;\r\n --primary-700: #6941C6;\r\n --primary-800: #53389E;\r\n --primary-900: #42307D;\r\n --primary-950: #2C1C5F;\r\n\r\n --error-25: #FFFBFA;\r\n --error-50: #FEF3F2;\r\n --error-100: #FEE4E2;\r\n --error-200: #FECDCA;\r\n --error-300: #FDA29B;\r\n --error-400: #F97066;\r\n --error-500: #F04438;\r\n --error-600: #D92D20;\r\n --error-700: #B42318;\r\n --error-800: #912018;\r\n --error-900: #7A271A;\r\n --error-950: #55160C;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n\r\n --success-25: #F6FEF9;\r\n --success-50: #ECFDF3;\r\n --success-100: #DCFAE6;\r\n --success-200: #ABEFC6;\r\n --success-300: #75E0A7;\r\n --success-400: #47CD89;\r\n --success-500: #17B26A;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085D3A;\r\n --success-900: #074D31;\r\n --success-950: #053321;\r\n}\r\n",":root {\r\n --blue-dark-25: #F5F8FF;\r\n --blue-dark-50: #EFF4FF;\r\n --blue-dark-100: #D1E0FF;\r\n --blue-dark-200: #B2CCFF;\r\n --blue-dark-300: #84ADFF;\r\n --blue-dark-400: #528BFF;\r\n --blue-dark-500: #2970FF;\r\n --blue-dark-600: #155EEF;\r\n --blue-dark-700: #004EEB;\r\n --blue-dark-800: #0040C1;\r\n --blue-dark-900: #00359E;\r\n --blue-dark-950: #002266;\r\n}\r\n\r\n:root {\r\n --orange-25: #FEFAF5;\r\n --orange-50: #FEF6EE;\r\n --orange-100: #FDEAD7;\r\n --orange-200: #F9DBAF;\r\n --orange-300: #F7B27A;\r\n --orange-400: #F38744;\r\n --orange-500: #EF6820;\r\n --orange-600: #E04F16;\r\n --orange-700: #B93815;\r\n --orange-800: #932F19;\r\n --orange-900: #772917;\r\n --orange-950: #511C10;\r\n}\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}","@use 'mixins/baseButton' as baseButton;\r\n@use 'mixins/properties' as properties;\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 }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n cursor: pointer;\r\n transition: all ease-out 0.2s;\r\n @include modify-flex(row, center, center);\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n }\r\n\r\n .text {\r\n text-align: center;\r\n flex: none;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}",".button {\n cursor: pointer;\n transition: all ease-out 0.2s;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button .icon {\n width: fit-content;\n height: fit-content;\n}\n.button .icon {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button .text {\n text-align: center;\n flex: none;\n}\n.button.widthFill {\n width: 100%;\n}\n.button.widthHug {\n width: fit-content;\n}\n.button.heightFill {\n height: 100%;\n}\n.button.heightHug {\n height: fit-content;\n}\n.button.small {\n padding: 9px;\n}\n.button.small .icon svg {\n flex: none;\n width: 16px;\n height: 16px;\n}\n.button.small .text {\n padding: 0 4px;\n}\n.button.small .text {\n font-size: 14px;\n line-height: 16px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.medium {\n padding: 9px;\n}\n.button.medium .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.medium .text {\n padding: 0 8px;\n}\n.button.medium .text {\n font-size: 14px;\n line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.large {\n padding: 11px;\n}\n.button.large .icon svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.button.large .text {\n padding: 0 6px;\n}\n.button.large .text {\n font-size: 16px;\n line-height: 20px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.ultra {\n padding: 17px;\n}\n.button.ultra .icon svg {\n flex: none;\n width: 24px;\n height: 24px;\n}\n.button.ultra .text {\n padding: 0 12px;\n}\n.button.ultra .text {\n font-size: 18px;\n line-height: 24px;\n font-family: \"Golos UI\", sans-serif;\n}\n.button.primary {\n border-radius: 8px;\n background-color: var(--blue-dark-500);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.primary .icon svg * {\n stroke: var(--base-white);\n}\n.button.primary .text {\n font-weight: 500;\n color: var(--base-white);\n}\n@media only screen and (min-width: 1024px) {\n .button.primary:hover:not(.disabled):not(:disabled):not(:active) {\n background-color: var(--blue-dark-600);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.primary:active:not(.disabled):not(:disabled) {\n background-color: var(--blue-dark-600);\n }\n}\n.button.primary:disabled, .button.primary.disabled {\n opacity: 0.3;\n}\n.button.secondaryColor {\n border-radius: 8px;\n background-color: var(--base-white);\n border: 1px solid var(--blue-dark-200);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.secondaryColor .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.secondaryColor .text {\n font-weight: 500;\n color: var(--blue-dark-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.secondaryColor:hover:not(.disabled):not(:disabled):not(:active) {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-300);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.secondaryColor:active:not(.disabled):not(:disabled) {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-300);\n }\n}\n.button.secondaryColor:disabled, .button.secondaryColor.disabled {\n opacity: 0.5;\n}\n.button.secondaryGray {\n border-radius: 8px;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n border: 1px solid var(--gray-300);\n}\n.button.secondaryGray .icon svg * {\n stroke: var(--gray-700);\n}\n.button.secondaryGray .text {\n font-weight: 500;\n color: var(--gray-700);\n}\n@media only screen and (min-width: 1024px) {\n .button.secondaryGray:hover:not(.disabled):not(:disabled):not(:active) {\n background-color: var(--gray-50);\n border: 1px solid var(--gray-300);\n }\n .button.secondaryGray:hover:not(.disabled):not(:disabled):not(:active) .text {\n color: var(--gray-800);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.secondaryGray:active:not(.disabled):not(:disabled) {\n background-color: var(--gray-50);\n border: 1px solid var(--gray-300);\n }\n .button.secondaryGray:active:not(.disabled):not(:disabled) .text {\n color: var(--gray-800);\n }\n}\n.button.secondaryGray:disabled, .button.secondaryGray.disabled {\n opacity: 0.5;\n}\n.button.tertiaryWhite {\n border: 1px solid transparent;\n}\n.button.tertiaryWhite .icon svg * {\n stroke: var(--blue-dark-100);\n}\n.button.tertiaryWhite .text {\n font-weight: 400;\n color: var(--blue-dark-100);\n}\n@media only screen and (min-width: 1024px) {\n .button.tertiaryWhite:hover:not(.disabled):not(:disabled) .text {\n color: var(--base-white);\n }\n .button.tertiaryWhite:hover:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--base-white);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.tertiaryWhite:active:not(.disabled):not(:disabled) .text {\n color: var(--base-white);\n }\n .button.tertiaryWhite:active:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--base-white);\n }\n}\n.button.tertiaryWhite:disabled, .button.tertiaryWhite.disabled {\n opacity: 0.5;\n}\n.button.tertiaryColor {\n border: 1px solid transparent;\n}\n.button.tertiaryColor .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.tertiaryColor .text {\n color: var(--blue-dark-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.tertiaryColor:hover:not(.disabled):not(:disabled) .text {\n font-weight: 400;\n color: var(--blue-dark-700);\n }\n .button.tertiaryColor:hover:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--blue-dark-700);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.tertiaryColor:active:not(.disabled):not(:disabled) .text {\n font-weight: 400;\n color: var(--blue-dark-700);\n }\n .button.tertiaryColor:active:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--blue-dark-700);\n }\n}\n.button.tertiaryColor:disabled, .button.tertiaryColor.disabled {\n opacity: 0.5;\n}\n.button.tertiaryGray {\n border: 1px solid transparent;\n}\n.button.tertiaryGray .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tertiaryGray .text {\n color: var(--gray-700);\n}\n.button.tertiaryGray .text {\n font-weight: 400;\n color: var(--gray-400);\n}\n@media only screen and (min-width: 1024px) {\n .button.tertiaryGray:hover:not(.disabled):not(:disabled) .text {\n color: var(--gray-900);\n }\n .button.tertiaryGray:hover:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--gray-900);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.tertiaryGray:active:not(.disabled):not(:disabled) .text {\n color: var(--gray-900);\n }\n .button.tertiaryGray:active:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--gray-900);\n }\n}\n.button.tertiaryGray:disabled, .button.tertiaryGray.disabled {\n opacity: 0.5;\n}\n.button.linkColor {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkColor .icon svg * {\n stroke: var(--blue-dark-500);\n}\n.button.linkColor .text {\n padding: 0 !important;\n}\n.button.linkColor .text {\n font-weight: 400;\n color: var(--blue-dark-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.linkColor:hover:not(.disabled):not(:disabled) .text {\n color: var(--blue-dark-700);\n }\n .button.linkColor:hover:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--blue-dark-700);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.linkColor:active:not(.disabled):not(:disabled) .text {\n color: var(--blue-dark-700);\n }\n .button.linkColor:active:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--blue-dark-700);\n }\n}\n.button.linkColor:disabled, .button.linkColor.disabled {\n opacity: 0.5;\n}\n.button.linkBlack {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkBlack .icon svg * {\n stroke: var(--gray-700);\n}\n.button.linkBlack .text {\n padding: 0 !important;\n}\n.button.linkBlack .text {\n font-weight: 400;\n color: var(--gray-700);\n}\n@media only screen and (min-width: 1024px) {\n .button.linkBlack:hover:not(.disabled):not(:disabled) .text {\n color: var(--gray-900);\n }\n .button.linkBlack:hover:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--gray-900);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.linkBlack:active:not(.disabled):not(:disabled) .text {\n color: var(--gray-900);\n }\n .button.linkBlack:active:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--gray-900);\n }\n}\n.button.linkBlack:disabled, .button.linkBlack.disabled {\n opacity: 0.5;\n}\n.button.linkGray {\n padding: 0 !important;\n gap: 4px;\n}\n.button.linkGray .icon svg * {\n stroke: var(--gray-400);\n}\n.button.linkGray .text {\n padding: 0 !important;\n}\n.button.linkGray .text {\n font-weight: 400;\n color: var(--gray-400);\n}\n@media only screen and (min-width: 1024px) {\n .button.linkGray:hover:not(.disabled):not(:disabled) .text {\n color: var(--gray-500);\n }\n .button.linkGray:hover:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--gray-500);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.linkGray:active:not(.disabled):not(:disabled) .text {\n color: var(--gray-500);\n }\n .button.linkGray:active:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--gray-500);\n }\n}\n.button.linkGray:disabled, .button.linkGray.disabled {\n opacity: 0.5;\n}\n.button.tabActive {\n border-radius: 6px;\n background-color: var(--base-white);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tabActive .icon svg * {\n stroke: var(--gray-700);\n}\n.button.tabActive .text {\n font-weight: 500;\n color: var(--gray-700);\n}\n@media only screen and (min-width: 1024px) {\n .button.tabActive:hover:not(.disabled):not(:disabled):not(:active):hover .icon svg * {\n stroke: var(--gray-900);\n }\n .button.tabActive:hover:not(.disabled):not(:disabled):not(:active):hover .text {\n color: var(--gray-900);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.tabActive:active:not(.disabled):not(:disabled):hover .icon svg * {\n stroke: var(--gray-900);\n }\n .button.tabActive:active:not(.disabled):not(:disabled):hover .text {\n color: var(--gray-900);\n }\n}\n.button.tabActive:disabled, .button.tabActive.disabled {\n opacity: 0.5;\n}\n.button.tab {\n border-radius: 6px;\n background-color: var(--gray-100);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.tab .icon svg * {\n stroke: var(--gray-500);\n}\n.button.tab .text {\n font-weight: 500;\n color: var(--gray-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.tab:hover:not(.disabled):not(:disabled):not(:active) {\n background-color: var(--gray-200);\n }\n .button.tab:hover:not(.disabled):not(:disabled):not(:active) .icon svg * {\n stroke: var(--gray-800);\n }\n .button.tab:hover:not(.disabled):not(:disabled):not(:active) .text {\n color: var(--gray-800);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.tab:active:not(.disabled):not(:disabled) {\n background-color: var(--gray-200);\n }\n .button.tab:active:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--gray-800);\n }\n .button.tab:active:not(.disabled):not(:disabled) .text {\n color: var(--gray-800);\n }\n}\n.button.tab:disabled, .button.tab.disabled {\n opacity: 0.5;\n}\n.button.warning.primary {\n border-radius: 8px;\n background-color: var(--error-500);\n border: 1px solid transparent;\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n@media only screen and (min-width: 1024px) {\n .button.warning.primary:hover:not(.disabled):not(:disabled) {\n border: 1px solid var(--error-600);\n background-color: var(--error-600);\n }\n .button.warning.primary:active:not(.disabled):not(:disabled) {\n border: 1px solid var(--error-500);\n background-color: var(--error-500);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.warning.primary:active:not(.disabled):not(:disabled) {\n border: 1px solid var(--error-600);\n background-color: var(--error-600);\n }\n}\n.button.warning.primary:disabled, .button.warning.primary.disabled {\n opacity: 0.3;\n}\n.button.warning.secondaryColor {\n border: 1px solid var(--error-200);\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.button.warning.secondaryColor .icon svg * {\n stroke: var(--error-500);\n}\n.button.warning.secondaryColor .text {\n color: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.warning.secondaryColor:hover:not(.disabled):not(:disabled):not(:active) {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.warning.secondaryColor:active:not(.disabled):not(:disabled) {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n }\n}\n.button.warning.secondaryColor:disabled, .button.warning.secondaryColor.disabled {\n opacity: 0.5;\n}\n.button.warning.linkColor .icon svg * {\n stroke: var(--error-500);\n}\n.button.warning.linkColor .text {\n padding: 0 !important;\n}\n.button.warning.linkColor .text {\n font-weight: 400;\n color: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.warning.linkColor:hover:not(.disabled):not(:disabled):not(:active) .text {\n color: var(--error-700);\n }\n .button.warning.linkColor:hover:not(.disabled):not(:disabled):not(:active) .icon svg * {\n stroke: var(--error-700);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.warning.linkColor:active:not(.disabled):not(:disabled) .text {\n color: var(--error-700);\n }\n .button.warning.linkColor:active:not(.disabled):not(:disabled) .icon svg * {\n stroke: var(--error-700);\n }\n}\n.button.warning.linkColor:disabled, .button.warning.linkColor.disabled {\n opacity: 0.5;\n}\n.button:disabled, .button.disabled {\n cursor: default;\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\r\n & {\r\n display: flex;\r\n\r\n @if ($direction != null) {\r\n flex-direction: $direction;\r\n }\r\n\r\n @if ($justify-content != null) {\r\n justify-content: $justify-content;\r\n }\r\n\r\n @if ($align-items != null) {\r\n align-items: $align-items;\r\n }\r\n @content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16, $family: $golos-ui);\r\n }\r\n}","@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","$golos-ui: 'Golos UI', sans-serif;\r\n$golos-text: 'Golos Text', sans-serif;\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: $golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n $units: px,\r\n) {\r\n & {\r\n font-size: #{$size}#{$units};\r\n line-height: #{$line-height}#{$units};\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n // С учетом border\r\n padding: 11px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 6px;\r\n @include fnt-flex($size: 16, $line-height: 20, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n // С учетом border\r\n padding: 17px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 12px;\r\n @include fnt-flex($size: 18, $line-height: 24, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n border-radius: 8px;\r\n background-color: var(--blue-dark-500);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--base-white));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(:active) {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n //&:focus {\r\n // background-color: var(--blue-dark-500);\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n }\r\n}","@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {\r\n & {\r\n svg {\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n\r\n @if ($stroke-width != null) {\r\n stroke-width: $stroke-width;\r\n }\r\n }\r\n\r\n & {\r\n @content;\r\n }\r\n }\r\n }\r\n}","@use 'variables' as *;\r\n\r\n@mixin mobile {\r\n @media only screen and (max-width: #{$mobile-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet {\r\n @media only screen and (max-width: #{$tablet-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin laptop {\r\n @media only screen and (max-width: #{$laptop-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin hd {\r\n @media only screen and (max-width: #{$hd-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin hd-plus {\r\n @media only screen and (min-width: #{$hd-width}px) {\r\n @content;\r\n }\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","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--blue-dark-200);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--blue-dark-500));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(:active) {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-300);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-300);\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(--blue-dark-300);\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 secondaryGrayButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n border: 1px solid var(--gray-300);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(: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 @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\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 //&: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","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-100));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-100));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--base-white);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--base-white);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n color: var(--blue-dark-500);\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n color: var(--gray-700);\r\n @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--blue-dark-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--blue-dark-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-500);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-500);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\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 .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(: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 @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\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 &: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 .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-500));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(: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 @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\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 &: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 @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\r\n }\r\n\r\n &:active:not(.disabled):not(:disabled) {\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:not(.disabled):not(:disabled) {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\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 .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .text {\r\n color: var(--error-500);\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(:active) {\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:not(.disabled):not(:disabled) {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\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 .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--error-500));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(: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 @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\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 &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\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}","@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}",".button {\n width: fit-content;\n height: fit-content;\n cursor: pointer;\n transition: all ease-out 200ms;\n}\n.button:disabled {\n pointer-events: none;\n cursor: default;\n}\n.button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.button svg {\n flex: none;\n}\n.button.light {\n background: none;\n border: 1px solid transparent;\n}\n.button.light svg * {\n stroke: var(--gray-400);\n}\n@media only screen and (min-width: 1024px) {\n .button.light:not(.button.light:disabled):hover {\n background-color: var(--gray-200);\n }\n .button.light:not(.button.light:disabled):hover svg * {\n stroke: var(--gray-600);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.light:active {\n background-color: var(--gray-200);\n }\n .button.light:active svg * {\n stroke: var(--gray-600);\n }\n}\n.button.dark {\n background-color: rgba(12, 17, 29, 0.5019607843);\n border: 1px solid transparent;\n}\n.button.dark svg * {\n stroke: var(--base-white);\n}\n@media only screen and (min-width: 1024px) {\n .button.dark:not(.button.dark:disabled):hover {\n background-color: rgba(12, 17, 29, 0.8);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.dark:active {\n background-color: rgba(12, 17, 29, 0.8);\n }\n}\n.button.gray {\n background-color: transparent;\n border: 1px solid transparent;\n}\n.button.gray svg * {\n stroke: var(--gray-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.gray:not(.button.gray:disabled):hover {\n background-color: var(--base-white);\n }\n .button.gray:not(.button.gray:disabled):hover svg * {\n stroke: var(--gray-600);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.gray:active {\n background-color: var(--base-white);\n }\n .button.gray:active svg * {\n stroke: var(--gray-600);\n }\n}\n.button.color {\n background: none;\n border: 1px solid transparent;\n}\n.button.color svg * {\n stroke: var(--blue-dark-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.color:not(.button.color:disabled):hover {\n background-color: var(--base-white);\n }\n .button.color:not(.button.color:disabled):hover svg * {\n stroke: var(--blue-dark-600);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.color:active {\n background-color: var(--base-white);\n }\n .button.color:active svg * {\n stroke: var(--blue-dark-600);\n }\n}\n.button.colorHover {\n background: none;\n border: 1px solid transparent;\n}\n.button.colorHover svg * {\n stroke: var(--blue-dark-400);\n}\n@media only screen and (min-width: 1024px) {\n .button.colorHover:not(.button.colorHover:disabled):hover {\n background-color: var(--blue-dark-100);\n }\n .button.colorHover:not(.button.colorHover:disabled):hover svg * {\n stroke: var(--blue-dark-500);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.colorHover:active {\n background-color: var(--blue-dark-100);\n }\n .button.colorHover:active svg * {\n stroke: var(--blue-dark-500);\n }\n}\n.button.redHover {\n background: none;\n border: 1px solid transparent;\n}\n.button.redHover svg * {\n stroke: var(--error-400);\n}\n@media only screen and (min-width: 1024px) {\n .button.redHover:not(.button.redHover:disabled):hover {\n background-color: var(--error-100);\n }\n .button.redHover:not(.button.redHover:disabled):hover svg * {\n stroke: var(--error-500);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.redHover:active {\n background-color: var(--error-100);\n }\n .button.redHover:active svg * {\n stroke: var(--error-500);\n }\n}\n.button.colorFill {\n background: var(--base-white);\n border: 1px solid var(--blue-dark-200);\n}\n.button.colorFill svg * {\n stroke: var(--blue-dark-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.colorFill:not(.button.colorFill:disabled):hover {\n background: var(--blue-dark-50);\n }\n .button.colorFill:not(.button.colorFill:disabled):hover svg * {\n stroke: var(--blue-dark-500);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.colorFill:active {\n background: var(--blue-dark-50);\n }\n .button.colorFill:active svg * {\n stroke: var(--blue-dark-500);\n }\n}\n.button.grayFill {\n background: var(--base-white);\n border: 1px solid var(--gray-300);\n}\n.button.grayFill svg * {\n stroke: var(--gray-700);\n}\n@media only screen and (min-width: 1024px) {\n .button.grayFill:not(.button.grayFill:disabled):hover {\n background: var(--gray-50);\n }\n .button.grayFill:not(.button.grayFill:disabled):hover svg * {\n stroke: var(--gray-900);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.grayFill:active {\n background: var(--gray-50);\n }\n .button.grayFill:active svg * {\n stroke: var(--gray-900);\n }\n}\n.button.redFill {\n background: var(--base-white);\n border: 1px solid var(--error-300);\n}\n.button.redFill svg * {\n stroke: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n .button.redFill:not(.button.redFill:disabled):hover {\n background: var(--error-50);\n }\n .button.redFill:not(.button.redFill:disabled):hover svg * {\n stroke: var(--error-600);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.redFill:active {\n background: var(--error-50);\n }\n .button.redFill:active svg * {\n stroke: var(--error-600);\n }\n}\n.button.blueLight {\n background: none;\n border: 1px solid transparent;\n}\n.button.blueLight svg * {\n stroke: var(--blue-dark-50);\n}\n@media only screen and (min-width: 1024px) {\n .button.blueLight:not(.button.blueLight:disabled):hover svg * {\n stroke: var(--blue-dark-200);\n }\n}\n@media only screen and (max-width: 1024px) {\n .button.blueLight:active svg * {\n stroke: var(--blue-dark-200);\n }\n}\n.button.size14 {\n border-radius: 3px;\n padding: 1px;\n}\n.button.size14 svg {\n width: 10px;\n height: 10px;\n}\n.button.size16 {\n border-radius: 3px;\n padding: 1px;\n}\n.button.size16 svg {\n width: 12px;\n height: 12px;\n}\n.button.size20 {\n border-radius: 3px;\n padding: 2px;\n}\n.button.size20 svg {\n width: 14px;\n height: 14px;\n}\n.button.size24 {\n border-radius: 4px;\n padding: 3px;\n}\n.button.size24 svg {\n width: 16px;\n height: 16px;\n}\n.button.size28 {\n border-radius: 4px;\n padding: 3px;\n}\n.button.size28 svg {\n width: 20px;\n height: 20px;\n}","@use '@/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(--blue-dark-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(--blue-dark-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(--blue-dark-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(--blue-dark-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--blue-dark-100);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--blue-dark-100);\r\n @include modify-svg($stroke: var(--blue-dark-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(--blue-dark-200);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--blue-dark-50);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--blue-dark-50);\r\n @include modify-svg($stroke: var(--blue-dark-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(--blue-dark-50));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n @include modify-svg($stroke: var(--blue-dark-200));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include modify-svg($stroke: var(--blue-dark-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.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n @include centerInsideContent();\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n 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 &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &.focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-50);\r\n cursor: default;\r\n 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 {\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}",".flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n padding: 9px 11px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n}\n.flexField .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .textSupport {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .help {\n padding: 2px 0;\n}\n.flexField .help {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .help svg * {\n stroke: var(--gray-400);\n}\n.flexField .help svg {\n width: 16px;\n height: 16px;\n flex: none;\n}\n.flexField .dropdown {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n}\n.flexField .dropdown {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .dropdown svg * {\n stroke: var(--gray-500);\n}\n.flexField .dropdown svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .dropdown.dropdownReverse {\n transform: rotateX(-180deg);\n}\n.flexField .button {\n padding: 2px 0;\n transition: all ease-in-out 200ms;\n cursor: pointer;\n}\n.flexField .button {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .button svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.flexField .button.red svg * {\n stroke: var(--error-400);\n}\n.flexField .button.red:hover svg * {\n stroke: var(--error-500);\n}\n.flexField .button.gray svg * {\n stroke: var(--gray-400);\n}\n.flexField .button.gray:hover svg * {\n stroke: var(--gray-500);\n}\n.flexField.pointer {\n cursor: pointer;\n}\n.flexField.focus {\n border: 1px solid var(--gray-400);\n}\n.flexField.isError {\n border: 1px solid var(--error-300);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.flexField.isError .help svg * {\n stroke: var(--error-500);\n}\n.flexField.isError.focus {\n border: 1px solid var(--error-400);\n}\n.flexField.disabled {\n background-color: var(--gray-50);\n cursor: default;\n pointer-events: none;\n}\n.flexField.disabled * {\n cursor: default;\n}\n.flexField.disabled .userPick {\n opacity: 50%;\n}\n.flexField.disabled .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField.smallDisplay {\n padding: 0;\n border: none;\n box-shadow: none;\n}\n.flexField.smallDisplay .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField.largeDisplay {\n padding: 0;\n border: none;\n box-shadow: none;\n}\n.flexField.largeDisplay .inputField {\n font-size: 20px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@mixin centerInsideContent {\r\n & {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n width: 100%;\r\n\r\n .modalWindowWrapper {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .modalWindow {\r\n width: 100%;\r\n position: absolute;\r\n\r\n .selectModalWindow {\r\n z-index: 10;\r\n animation: show-animation ease-out forwards 200ms;\r\n\r\n width: 100%;\r\n height: fit-content;\r\n max-height: 300px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n border-radius: 8px;\r\n padding: 4px;\r\n\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n overflow: scroll;\r\n scrollbar-width: none;\r\n\r\n transform: translateY(4px);\r\n\r\n .selectFieldOptionsItem {\r\n width: 100%;\r\n height: fit-content;\r\n gap: 8px;\r\n padding: 10px 16px;\r\n\r\n @include centerInsideContent();\r\n\r\n .label {\r\n flex: 1;\r\n text-align: left;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-50);\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@keyframes show-animation {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}",".selectField {\n width: 100%;\n}\n.selectField .modalWindowWrapper {\n position: relative;\n z-index: 1;\n}\n.selectField .modalWindow {\n width: 100%;\n position: absolute;\n}\n.selectField .modalWindow .selectModalWindow {\n z-index: 10;\n animation: show-animation ease-out forwards 200ms;\n width: 100%;\n height: fit-content;\n max-height: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: 4px;\n background-color: var(--base-white);\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: scroll;\n scrollbar-width: none;\n transform: translateY(4px);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n width: 100%;\n height: fit-content;\n gap: 8px;\n padding: 10px 16px;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n flex: 1;\n text-align: left;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem .label {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active {\n background-color: var(--blue-dark-50);\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.selectField .modalWindow .selectModalWindow .selectFieldOptionsItem.active svg * {\n stroke: var(--blue-dark-500);\n}\n\n@keyframes show-animation {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n }\r\n }\r\n\r\n .hintText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .hintError {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n 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(--blue-dark-500), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n &.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}",".inputFieldWrapper {\n width: 100%;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.inputFieldWrapper .labelText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .labelText .required {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintText {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .hintError {\n display: flex;\n padding: 0 12px;\n gap: 2px;\n}\n.inputFieldWrapper .hintError {\n font-size: 14px;\n line-height: 20px;\n color: var(--error-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper .helperLink {\n display: flex;\n width: fit-content;\n padding: 0 12px;\n gap: 2px;\n cursor: pointer;\n}\n.inputFieldWrapper .helperLink svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.inputFieldWrapper .helperLink svg * {\n stroke: var(--blue-dark-500);\n}\n.inputFieldWrapper .helperLink {\n font-size: 14px;\n line-height: 20px;\n color: var(--blue-dark-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper.display .labelText {\n padding: 0;\n}\n.inputFieldWrapper.display .labelText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper.display .hintText {\n padding: 0;\n}\n.inputFieldWrapper.display .hintText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.inputFieldWrapper.display .helperLink {\n padding: 0;\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\r\n resize: none;\r\n border-radius: 8px;\r\n // С учетом border\r\n padding: 9px 11px;\r\n\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n transition: all ease-out 200ms;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:focus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--gray-50);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n}",".textareaField {\n width: 100%;\n height: auto;\n min-height: 68px;\n overflow: auto;\n resize: none;\n border-radius: 8px;\n padding: 9px 11px;\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n transition: all ease-out 200ms;\n}\n.textareaField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField:focus {\n border: 1px solid var(--gray-400);\n}\n.textareaField:disabled {\n background-color: var(--gray-50);\n}\n.textareaField:disabled {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.textareaField.isError {\n border: 1px solid var(--error-300);\n}\n.textareaField.isError:focus {\n border: 1px solid var(--error-400);\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}",".DateTimeFieldMask {\n height: fit-content;\n border: 1px solid var(--gray-300);\n box-shadow: 0 1px 0 0 rgba(16, 24, 40, 0.0509803922);\n padding: 9px 11px;\n border-radius: 8px;\n background-color: var(--base-white);\n}\n.DateTimeFieldMask {\n display: flex;\n align-items: center;\n}\n.DateTimeFieldMask .item {\n flex: 1;\n min-width: 0;\n gap: 6px;\n}\n.DateTimeFieldMask .item {\n display: flex;\n align-items: center;\n}\n.DateTimeFieldMask .item .icon {\n padding: 2px 0;\n}\n.DateTimeFieldMask .item .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.DateTimeFieldMask .item .icon svg * {\n stroke: var(--gray-400);\n}\n.DateTimeFieldMask .item .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.DateTimeFieldMask .item .text {\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n height: 100%;\n}\n.DateTimeFieldMask .item .text {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.DateTimeFieldMask .item .content {\n flex: 1;\n height: 100%;\n}\n.DateTimeFieldMask .line {\n padding: 0 11px;\n margin: -2px 0;\n}\n.DateTimeFieldMask .line {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.DateTimeFieldMask .xCloseButton {\n cursor: pointer;\n padding: 2px 0;\n}\n.DateTimeFieldMask .xCloseButton {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.DateTimeFieldMask .xCloseButton svg * {\n stroke: var(--gray-400);\n}\n.DateTimeFieldMask .xCloseButton svg {\n flex: none;\n width: 20px;\n height: 20px;\n}\n.DateTimeFieldMask .xCloseButton svg * {\n transition: stroke ease-in-out 200ms;\n}\n@media only screen and (min-width: 1024px) {\n .DateTimeFieldMask .xCloseButton:hover svg * {\n stroke: var(--gray-500);\n }\n}\n.DateTimeFieldMask.isFocus {\n border: 1px solid var(--gray-400);\n}\n.DateTimeFieldMask.isError {\n border: 1px solid var(--error-300);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.DateTimeFieldMask.isError.isFocus {\n border: 1px solid var(--error-400);\n}\n.DateTimeFieldMask.disabled {\n border: 1px solid var(--gray-400);\n background-color: var(--gray-50);\n}\n.DateTimeFieldMask.widthFill {\n width: 100%;\n}\n.DateTimeFieldMask.widthHug {\n width: fit-content;\n}\n.DateTimeFieldMask.widthHug .item, .DateTimeFieldMask.widthHug .item .content {\n flex: none;\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\r\n .modalWindow {\r\n position: fixed;\r\n z-index: 10;\r\n transform: translateY(4px);\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\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",".DateTimeField {\n width: fit-content;\n height: fit-content;\n position: relative;\n}\n.DateTimeField .modalWindow {\n position: fixed;\n z-index: 10;\n transform: translateY(4px);\n}\n.DateTimeField.widthFill {\n width: 100%;\n}\n.DateTimeField.widthHug {\n width: fit-content;\n}\n\n.flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n gap: 12px;\n box-sizing: border-box;\n overflow: hidden;\n text-wrap: nowrap;\n text-overflow: ellipsis;\n outline: none;\n background: none;\n margin: 0;\n}\n.flexField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField.disabled, .flexField.disabled::placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@use '@/styles' as *;\r\n\r\n.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}",".flexField {\n width: 100%;\n height: fit-content;\n min-width: 0;\n padding: 9px 11px;\n border-radius: 8px;\n gap: 12px;\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n box-sizing: border-box;\n}\n.flexField {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .inputField {\n flex: 1;\n min-width: 0;\n min-height: 24px;\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.flexField .inputField {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .inputField::placeholder, .flexField .inputField.placeholder {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.flexField .icon {\n padding: 2px 0;\n}\n.flexField .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexField .icon svg * {\n stroke: var(--gray-400);\n}\n.flexField .icon svg {\n width: 20px;\n height: 20px;\n flex: none;\n}","@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}",".DateTimeRangeField {\n width: 100%;\n gap: 8px;\n}\n.DateTimeRangeField {\n display: flex;\n align-items: center;\n}\n.DateTimeRangeField .item {\n flex: 1;\n min-width: 0;\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}",".SingleRangeField {\n height: fit-content;\n position: relative;\n}\n.SingleRangeField .modalWindow {\n position: fixed;\n transform: translateY(4px);\n z-index: 10;\n}\n.SingleRangeField.widthFill {\n width: 100%;\n}\n.SingleRangeField.widthFHug {\n height: fit-content;\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 @include base.checkbox-mark-base();\r\n\r\n &.checkbox {\r\n @include properties.checkbox();\r\n }\r\n\r\n &.radio {\r\n @include properties.radio();\r\n }\r\n\r\n &.checked {\r\n @include properties.checked();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate();\r\n }\r\n\r\n &.error {\r\n @include properties.error();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked();\r\n\r\n &.disabled {\r\n @include properties.correct-disabled();\r\n }\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked();\r\n\r\n &.disabled {\r\n @include properties.incorrect-disabled();\r\n }\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &.hover {\r\n @include base.checkbox-mark-base-hover();\r\n\r\n &.checked {\r\n @include properties.checked-hover();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate-hover();\r\n }\r\n\r\n &.error {\r\n @include properties.error-hover();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled-hover();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked-hover();\r\n\r\n &.disabled {\r\n @include properties.correct-disabled-hover();\r\n }\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked-hover();\r\n\r\n &.disabled {\r\n @include properties.incorrect-disabled-hover();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark-base-hover() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-200);\r\n}\r\n\r\n@mixin checkbox-mark-base() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n overflow: hidden;\r\n\r\n @include centerInsideContent();\r\n @include modify-svg($stroke-width: 4) {\r\n width: 14px;\r\n height: 14px;\r\n flex: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include checkbox-mark-base-hover();\r\n }\r\n }\r\n}",".checkboxMark {\n transition: all ease-out 0.2s;\n width: 20px;\n height: 20px;\n flex: none;\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n box-sizing: border-box;\n cursor: pointer;\n overflow: hidden;\n}\n.checkboxMark {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.checkboxMark svg * {\n stroke-width: 4;\n}\n.checkboxMark svg {\n width: 14px;\n height: 14px;\n flex: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark:hover {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n }\n}\n.checkboxMark.checkbox {\n border-radius: 6px;\n}\n.checkboxMark.radio {\n border-radius: 50%;\n}\n.checkboxMark.radio:after {\n display: none;\n flex: none;\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}\n.checkboxMark.checked {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n}\n.checkboxMark.checked svg * {\n stroke: var(--blue-dark-500);\n}\n.checkboxMark.checked:after {\n display: block;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.checked:hover {\n border: 1px solid var(--blue-dark-400);\n }\n}\n.checkboxMark.indeterminate {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n}\n.checkboxMark.indeterminate svg * {\n stroke: var(--blue-dark-500);\n}\n.checkboxMark.indeterminate {\n font-size: 14px;\n line-height: 14px;\n color: var(--blue-dark-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.indeterminate:hover {\n border: 1px solid var(--blue-dark-400);\n }\n}\n.checkboxMark.error {\n background-color: var(--error-50);\n border: 1px solid var(--error-200);\n}\n.checkboxMark.error svg * {\n stroke: var(--error-500);\n}\n.checkboxMark.error {\n color: var(--error-500);\n}\n.checkboxMark.error:after {\n background-color: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.error:hover {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n }\n}\n.checkboxMark.disabled {\n cursor: default;\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n}\n.checkboxMark.disabled:after {\n background-color: var(--gray-300);\n}\n.checkboxMark.disabled svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.disabled {\n color: var(--gray-300);\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.disabled:hover {\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n }\n .checkboxMark.disabled:hover svg * {\n stroke: var(--gray-300);\n }\n .checkboxMark.disabled:hover {\n color: var(--gray-300);\n }\n}\n.checkboxMark.correct.checked {\n background-color: var(--blue-dark-500);\n border: transparent;\n}\n.checkboxMark.correct.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.correct.checked:after {\n display: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.correct.checked:hover {\n background-color: var(--blue-dark-600);\n border: transparent;\n }\n}\n.checkboxMark.correct.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.correct.checked.disabled:after {\n display: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.correct.checked.disabled:hover {\n background-color: var(--gray-300);\n border: transparent;\n }\n}\n.checkboxMark.incorrect.checked {\n background-color: var(--error-500);\n border: transparent;\n}\n.checkboxMark.incorrect.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked:after {\n display: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.incorrect.checked:hover {\n background-color: var(--error-600);\n border: transparent;\n }\n}\n.checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked.disabled svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked.disabled:after {\n display: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.incorrect.checked.disabled:hover {\n background-color: var(--gray-300);\n border: transparent;\n }\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.hover {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n }\n .checkboxMark.hover.checked {\n border: 1px solid var(--blue-dark-400);\n }\n .checkboxMark.hover.indeterminate {\n border: 1px solid var(--blue-dark-400);\n }\n .checkboxMark.hover.error {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n }\n .checkboxMark.hover.disabled {\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n }\n .checkboxMark.hover.disabled svg * {\n stroke: var(--gray-300);\n }\n .checkboxMark.hover.disabled {\n color: var(--gray-300);\n }\n .checkboxMark.hover.correct.checked {\n background-color: var(--blue-dark-600);\n border: transparent;\n }\n .checkboxMark.hover.correct.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n }\n .checkboxMark.hover.incorrect.checked {\n background-color: var(--error-600);\n border: transparent;\n }\n .checkboxMark.hover.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n }\n}","@mixin checkbox() {\r\n border-radius: 6px;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin radio() {\r\n border-radius: 50%;\r\n\r\n &:after {\r\n display: none;\r\n flex: none;\r\n content: '';\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checked-hover() {\r\n border: 1px solid var(--blue-dark-400);\r\n}\r\n\r\n@mixin checked() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-200);\r\n\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:after {\r\n display: block;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include checked-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin indeterminate-hover() {\r\n border: 1px solid var(--blue-dark-400);\r\n}\r\n\r\n@mixin indeterminate() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-200);\r\n\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--blue-dark-500));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include indeterminate-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin error-hover() {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\r\n}\r\n\r\n@mixin error() {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-200);\r\n\r\n @include modify-svg($stroke: var(--error-500));\r\n @include fnt-flex($color: var(--error-500));\r\n\r\n &:after {\r\n background-color: var(--error-500);\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include error-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin disabled-hover() {\r\n background-color: var(--gray-100);\r\n border: 1px solid var(--gray-300);\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n}\r\n\r\n@mixin disabled() {\r\n cursor: default;\r\n\r\n background-color: var(--gray-100);\r\n border: 1px solid var(--gray-300);\r\n\r\n &:after {\r\n background-color: var(--gray-300);\r\n }\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include disabled-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin correct-checked-hover() {\r\n background-color: var(--blue-dark-600);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin correct-disabled-hover() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin correct-checked() {\r\n background-color: var(--blue-dark-500);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include correct-checked-hover();\r\n }\r\n }\r\n}\r\n\r\n@mixin correct-disabled() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include correct-disabled-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin incorrect-checked-hover() {\r\n background-color: var(--error-600);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin incorrect-disabled-hover() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n background-color: var(--error-500);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include incorrect-checked-hover();\r\n }\r\n }\r\n}\r\n\r\n@mixin incorrect-disabled() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include incorrect-disabled-hover();\r\n }\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 @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 .text, .supportingText {\r\n width: 100%;\r\n text-wrap: nowrap;\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 text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &.textBold {\r\n @include fnt-flex($weight: 600);\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n\r\n @include tablet-plus {\r\n &.hover,\r\n &.focus {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n @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-500));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock .supportingText {\r\n @include fnt-flex($color: var(--error-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}",".checkbox {\n width: 100%;\n height: fit-content;\n overflow: hidden;\n gap: 8px;\n}\n.checkbox {\n display: flex;\n}\n.checkbox .textBlock {\n flex: 1;\n gap: 2px;\n overflow: hidden;\n}\n.checkbox .textBlock {\n display: flex;\n flex-direction: column;\n align-items: start;\n}\n.checkbox .textBlock .text, .checkbox .textBlock .supportingText {\n width: 100%;\n text-wrap: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n transition: color ease-in-out 200ms;\n text-align: start;\n}\n.checkbox .textBlock .text {\n text-align: start;\n transition: color ease-in-out 200ms;\n}\n.checkbox .textBlock .text {\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkbox .textBlock .text.textBold {\n font-weight: 600;\n}\n.checkbox .textBlock .supportingText {\n text-align: start;\n transition: color ease-in-out 200ms;\n}\n.checkbox .textBlock .supportingText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n .checkbox .textBlock.hover .text, .checkbox .textBlock.focus .text {\n color: var(--gray-900);\n }\n .checkbox .textBlock.hover .supportingText, .checkbox .textBlock.focus .supportingText {\n color: var(--gray-500);\n }\n}\n@media only screen and (max-width: 1024px) {\n .checkbox .textBlock.active .text {\n color: var(--gray-900);\n }\n .checkbox .textBlock.active .supportingText {\n color: var(--gray-500);\n }\n}\n.checkbox.disabled {\n cursor: default;\n}\n.checkbox.disabled .textBlock .text {\n color: var(--gray-500);\n}\n.checkbox.disabled .textBlock .supportingText {\n color: var(--gray-400);\n}\n.checkbox.error .textBlock .supportingText {\n color: var(--error-400);\n}\n.checkbox.widthFill {\n width: 100%;\n}\n.checkbox.heightFill {\n height: 100%;\n}\n.checkbox.widthHug {\n width: fit-content;\n}\n.checkbox.heightHug {\n height: fit-content;\n}","@use '@/styles' as *;\r\n@use 'mixins';\r\n\r\n.toggleBase {\r\n transition: all ease-out 0.2s;\r\n @include mixins.base();\r\n\r\n .button {\r\n @include mixins.base-button();\r\n }\r\n\r\n .spacer {\r\n transition: flex-grow ease-in-out 0.2s;\r\n @include mixins.spacer();\r\n }\r\n\r\n &.active {\r\n @include mixins.active();\r\n\r\n .spacer {\r\n @include mixins.active-spacer();\r\n }\r\n }\r\n\r\n &.error {\r\n @include mixins.error-base();\r\n\r\n &.active {\r\n @include mixins.error-active();\r\n }\r\n }\r\n\r\n &.medium {\r\n @include mixins.medium-base();\r\n\r\n .button {\r\n @include mixins.medium-button();\r\n }\r\n }\r\n\r\n &.large {\r\n @include mixins.large-base();\r\n\r\n .button {\r\n @include mixins.large-button();\r\n }\r\n }\r\n\r\n @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}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n border-radius: 12px;\r\n padding: 1px;\r\n border: 1px solid transparent;\r\n background-color: var(--gray-300);\r\n @include modify-flex($align-items: center);\r\n}",".toggleBase {\n transition: all ease-out 0.2s;\n border-radius: 12px;\n padding: 1px;\n border: 1px solid transparent;\n background-color: var(--gray-300);\n}\n.toggleBase {\n display: flex;\n align-items: center;\n}\n.toggleBase .button {\n flex: none;\n border: 1px solid transparent;\n border-radius: 50%;\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);\n}\n.toggleBase .spacer {\n transition: flex-grow ease-in-out 0.2s;\n flex-grow: 0;\n}\n.toggleBase.active {\n background-color: var(--blue-dark-500);\n}\n.toggleBase.active .spacer {\n flex-grow: 1;\n}\n.toggleBase.error {\n background-color: var(--error-200);\n}\n.toggleBase.error.active {\n background-color: var(--error-500);\n}\n.toggleBase.medium {\n width: 36px;\n height: 20px;\n}\n.toggleBase.medium .button {\n width: 16px;\n height: 16px;\n}\n.toggleBase.large {\n width: 44px;\n height: 24px;\n}\n.toggleBase.large .button {\n width: 20px;\n height: 20px;\n}\n@media only screen and (min-width: 1024px) {\n .toggleBase:not(.disabled).hover, .toggleBase:not(.disabled):hover {\n background-color: var(--gray-400);\n }\n .toggleBase:not(.disabled).hover.error, .toggleBase:not(.disabled):hover.error {\n background-color: var(--error-300);\n }\n .toggleBase:not(.disabled).hover.active, .toggleBase:not(.disabled):hover.active {\n background-color: var(--blue-dark-600);\n }\n .toggleBase:not(.disabled).hover.active.error, .toggleBase:not(.disabled):hover.active.error {\n background-color: var(--error-600);\n }\n}\n.toggleBase.disabled {\n cursor: default;\n opacity: 0.5;\n}\n@media only screen and (min-width: 1024px) {\n .toggleBase.disabled.hover, .toggleBase.disabled:hover {\n cursor: default;\n opacity: 0.5;\n }\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n flex: none;\r\n border: 1px solid transparent;\r\n border-radius: 50%;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin spacer() {\r\n flex-grow: 0;\r\n}","@mixin active() {\r\n background-color: var(--blue-dark-500);\r\n}\r\n\r\n@mixin active-spacer() {\r\n flex-grow: 1;\r\n}\r\n\r\n","@mixin error-base() {\r\n background-color: var(--error-200);\r\n}\r\n\r\n@mixin error-active() {\r\n background-color: var(--error-500);\r\n}","@mixin medium-base() {\r\n width: 36px;\r\n height: 20px;\r\n}\r\n\r\n@mixin medium-button() {\r\n width: 16px;\r\n height: 16px;\r\n}","@mixin large-base() {\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n@mixin large-button() {\r\n width: 20px;\r\n height: 20px;\r\n}","@mixin hover() {\r\n background-color: var(--gray-400);\r\n}\r\n\r\n@mixin hover-active() {\r\n background-color: var(--blue-dark-600);\r\n}\r\n\r\n@mixin hover-error() {\r\n background-color: var(--error-300);\r\n}\r\n\r\n@mixin hover-active-error() {\r\n background-color: var(--error-600);\r\n}","@mixin disabled-base() {\r\n cursor: default;\r\n opacity: 0.5;\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.toggle {\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}",".toggle {\n display: flex;\n gap: 8px;\n cursor: pointer;\n overflow: hidden;\n}\n.toggle .textBlock {\n flex: 1;\n overflow: hidden;\n}\n.toggle .textBlock {\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: start;\n}\n.toggle .textBlock .text, .toggle .textBlock .description {\n text-overflow: ellipsis;\n overflow: hidden;\n transition: color ease-in-out 200ms;\n text-align: start;\n}\n.toggle .textBlock .text {\n width: 100%;\n text-wrap: nowrap;\n gap: 6px;\n}\n.toggle .textBlock .text {\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.toggle .textBlock .text {\n display: flex;\n align-items: center;\n}\n.toggle .textBlock .description {\n max-width: 100%;\n text-wrap: wrap;\n}\n.toggle .textBlock .description {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.toggle.active .textBlock .text {\n color: var(--gray-900);\n}\n.toggle.active .textBlock .description {\n color: var(--gray-500);\n}\n@media only screen and (min-width: 1024px) {\n .toggle:not(.disabled).hover .textBlock .text {\n color: var(--gray-900);\n }\n .toggle:not(.disabled).hover .textBlock .description {\n color: var(--gray-500);\n }\n}\n.toggle.disabled {\n cursor: default;\n pointer-events: none;\n}\n.toggle.disabled .textBlock {\n opacity: 0.5;\n}\n.toggle.widthFill {\n width: 100%;\n}\n.toggle.heightFill {\n height: 100%;\n}\n.toggle.widthHug {\n width: fit-content;\n}\n.toggle.heightHug {\n height: fit-content;\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}",".cascadeBlockLabel {\n gap: 2px;\n}\n.cascadeBlockLabel {\n display: flex;\n}\n.cascadeBlockLabel svg * {\n stroke: var(--gray-700);\n}\n.cascadeBlockLabel svg {\n width: 20px;\n height: 20px;\n transform: rotateX(180deg);\n transition: transform ease-out 200ms;\n}\n.cascadeBlockLabel.open svg {\n transform: rotateX(0);\n}\n\n.text {\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 600;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n\n.cascadeBlock {\n width: 100%;\n height: fit-content;\n overflow: hidden;\n position: relative;\n}\n.cascadeBlock .list {\n padding: 8px 0 8px 16px;\n gap: 8px;\n}\n.cascadeBlock .list {\n display: flex;\n flex-direction: column;\n}\n.cascadeBlock .list.hide {\n display: none;\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(--blue-dark-200);\r\n background-color: var(--blue-dark-50);\r\n }\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--blue-dark-500);\r\n background-color: var(--blue-dark-500);\r\n @include modify-svg() {\r\n opacity: 1;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--blue-dark-600);\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n }\r\n\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}",".tagCheckbox {\n border-radius: 4px;\n box-shadow: 0 0 0 1px var(--gray-300);\n background-color: var(--base-white);\n cursor: pointer;\n}\n.tagCheckbox {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.tagCheckbox svg * {\n stroke: var(--base-white);\n stroke-width: 3;\n}\n.tagCheckbox svg {\n opacity: 0;\n transition: opacity ease-in-out 200ms;\n}\n@media only screen and (min-width: 1024px) {\n .tagCheckbox:hover {\n box-shadow: 0 0 0 1px var(--blue-dark-200);\n background-color: var(--blue-dark-50);\n }\n}\n.tagCheckbox.checked {\n box-shadow: 0 0 0 1px var(--blue-dark-500);\n background-color: var(--blue-dark-500);\n}\n.tagCheckbox.checked svg {\n opacity: 1;\n}\n@media only screen and (min-width: 1024px) {\n .tagCheckbox.checked:hover {\n box-shadow: 0 0 0 1px var(--blue-dark-600);\n background-color: var(--blue-dark-600);\n }\n}\n.tagCheckbox.disabled {\n cursor: default;\n box-shadow: 0 0 0 1px var(--gray-200);\n background-color: var(--gray-100);\n}\n@media only screen and (min-width: 1024px) {\n .tagCheckbox.disabled:hover {\n box-shadow: 0 0 0 1px var(--gray-200);\n background-color: var(--gray-100);\n }\n}\n.tagCheckbox.disabled.checked {\n box-shadow: 0 0 0 1px var(--gray-200);\n background-color: var(--gray-200);\n}\n@media only screen and (min-width: 1024px) {\n .tagCheckbox.disabled.checked:hover {\n box-shadow: 0 0 0 1px var(--gray-200);\n background-color: var(--gray-200);\n }\n}\n.tagCheckbox.small {\n width: 14px;\n height: 14px;\n}\n.tagCheckbox.small svg {\n width: 14px;\n height: 14px;\n}\n.tagCheckbox.medium {\n width: 16px;\n height: 16px;\n}\n.tagCheckbox.medium svg {\n width: 16px;\n height: 16px;\n}\n.tagCheckbox.large {\n width: 18px;\n height: 18px;\n}\n.tagCheckbox.large svg {\n width: 18px;\n height: 18px;\n}","@use '@/styles' as *;\r\n\r\n.tagCount {\r\n width: fit-content;\r\n height: fit-content;\r\n border-radius: 3px;\r\n @include fnt-flex($color: var(--gray-700));\r\n\r\n &.gray {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.color {\r\n background-color: var(--blue-dark-100);\r\n }\r\n\r\n &.small {\r\n padding: 2px 4px 2px 4px;\r\n @include fnt-flex($size: 12, $line-height: 14, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n &.medium {\r\n padding: 2px 5px 2px 5px;\r\n @include fnt-flex($size: 12, $line-height: 16, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n &.large {\r\n padding: 0 6px 0 6px;\r\n @include fnt-flex($size: 12, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n }\r\n}",".tagCount {\n width: fit-content;\n height: fit-content;\n border-radius: 3px;\n}\n.tagCount {\n color: var(--gray-700);\n}\n.tagCount.gray {\n background-color: var(--gray-100);\n}\n.tagCount.color {\n background-color: var(--blue-dark-100);\n}\n.tagCount.small {\n padding: 2px 4px 2px 4px;\n}\n.tagCount.small {\n font-size: 12px;\n line-height: 14px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n}\n.tagCount.medium {\n padding: 2px 5px 2px 5px;\n}\n.tagCount.medium {\n font-size: 12px;\n line-height: 16px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n}\n.tagCount.large {\n padding: 0 6px 0 6px;\n}\n.tagCount.large {\n font-size: 12px;\n line-height: 20px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n}","@use 'properties';\r\n\r\n.tag {\r\n @include properties.base();\r\n\r\n &:hover {\r\n @include properties.hover();\r\n }\r\n\r\n &.active {\r\n @include properties.active();\r\n\r\n &:hover {\r\n @include properties.active-hover();\r\n }\r\n }\r\n\r\n &.small {\r\n @include properties.small();\r\n }\r\n\r\n &.medium {\r\n @include properties.medium();\r\n }\r\n\r\n &.large {\r\n @include properties.large();\r\n }\r\n\r\n &.clicked {\r\n @include properties.clicked();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 3px;\r\n border-radius: 6px;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n transition: background-color ease-out 300ms;\r\n cursor: default;\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .label {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n\r\n .dotIcon {\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--success-500);\r\n }\r\n}",".tag {\n width: fit-content;\n height: fit-content;\n gap: 3px;\n border-radius: 6px;\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n transition: background-color ease-out 300ms;\n cursor: default;\n}\n.tag {\n display: flex;\n align-items: center;\n}\n.tag .main {\n flex-wrap: nowrap;\n}\n.tag .main {\n display: flex;\n align-items: center;\n}\n.tag .label {\n color: var(--gray-700);\n}\n.tag .dotIcon {\n flex: none;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--success-500);\n}\n.tag:hover {\n background-color: var(--gray-50);\n}\n.tag.active {\n border: 1px solid var(--blue-dark-200);\n background-color: var(--blue-dark-50);\n}\n.tag.active:hover {\n border: 1px solid var(--blue-dark-300);\n background-color: var(--blue-dark-100);\n}\n.tag.active:hover {\n border: 1px solid var(--blue-dark-300);\n background-color: var(--blue-dark-100);\n}\n.tag.small {\n padding: 2px 7px;\n}\n.tag.small {\n font-size: 12px;\n line-height: 18px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n}\n.tag.small .main {\n gap: 4px;\n}\n.tag.small.isAction {\n padding-right: 4px;\n}\n.tag.small.isCheckbox {\n padding-left: 5px;\n}\n.tag.medium {\n padding: 1px 8px;\n}\n.tag.medium {\n font-size: 14px;\n line-height: 20px;\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n}\n.tag.medium .main {\n gap: 5px;\n}\n.tag.medium.isAction {\n padding-right: 4px;\n}\n.tag.medium.isCheckbox {\n padding-left: 4px;\n}\n.tag.large {\n padding: 3px 9px;\n}\n.tag.large {\n font-size: 14px;\n line-height: 20px;\n font-weight: 500;\n}\n.tag.large .main {\n gap: 6px;\n}\n.tag.large.isAction {\n padding-right: 4px;\n}\n.tag.large.isCheckbox {\n padding-left: 5px;\n}\n.tag.clicked {\n cursor: pointer;\n}","@use '@/styles' as *;\r\n\r\n@mixin hover() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin active() {\r\n border: 1px solid var(--blue-dark-200);\r\n background-color: var(--blue-dark-50);\r\n\r\n &:hover {\r\n border: 1px solid var(--blue-dark-300);\r\n background-color: var(--blue-dark-100);\r\n }\r\n}\r\n\r\n@mixin active-hover() {\r\n border: 1px solid var(--blue-dark-300);\r\n background-color: var(--blue-dark-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n // С учетом border\r\n padding: 2px 7px;\r\n @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);\r\n\r\n .main {\r\n gap: 4px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin medium() {\r\n // С учетом border\r\n padding: 1px 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n\r\n .main {\r\n gap: 5px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 4px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin large() {\r\n // С учетом border\r\n padding: 3px 9px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n\r\n .main {\r\n gap: 6px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@mixin clicked() {\r\n cursor: pointer;\r\n}","@use '@/styles' as *;\r\n\r\n.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}",".slideTransition {\n width: fit-content;\n height: fit-content;\n}\n.slideTransition.hide {\n height: 0;\n}\n.slideTransition.show {\n height: fit-content;\n}\n.slideTransition.enterUp {\n transform-origin: top;\n animation: enterAnimation forwards ease-out 300ms;\n}\n.slideTransition.exitUp {\n transform-origin: top;\n animation: exitAnimation forwards ease-out 300ms;\n}\n.slideTransition.enterDown {\n transform-origin: bottom;\n animation: enterAnimation forwards ease-out 300ms;\n}\n.slideTransition.exitDown {\n transform-origin: bottom;\n animation: exitAnimation forwards ease-out 300ms;\n}\n\n@keyframes enterAnimation {\n from {\n height: 0;\n }\n}\n@keyframes exitAnimation {\n to {\n height: 0;\n }\n}","@use '@/styles' as *;\r\n\r\n.tabFrame {\r\n border-radius: 8px;\r\n padding: 4px;\r\n gap: 4px;\r\n background-color: var(--gray-100);\r\n @include modify-flex();\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n}",".tabFrame {\n border-radius: 8px;\n padding: 4px;\n gap: 4px;\n background-color: var(--gray-100);\n}\n.tabFrame {\n display: flex;\n}\n.tabFrame.widthFill {\n width: 100%;\n}\n.tabFrame.widthHug {\n width: fit-content;\n}","@use '@/styles' as *;\r\n\r\n.tabButtons {\r\n border-radius: 6px;\r\n // С учетом border\r\n padding: 9px;\r\n background-color: var(--gray-100);\r\n cursor: pointer;\r\n transition: all 200ms ease-out;\r\n border: 1px solid transparent;\r\n @include modify-flex($justify-content: center, $align-items: center);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .text {\r\n width: fit-content;\r\n padding: 0 4px;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-600));\r\n }\r\n\r\n @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}",".tabButtons {\n border-radius: 6px;\n padding: 9px;\n background-color: var(--gray-100);\n cursor: pointer;\n transition: all 200ms ease-out;\n border: 1px solid transparent;\n}\n.tabButtons {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.tabButtons .rightIcon svg * {\n stroke: var(--gray-700);\n}\n.tabButtons .rightIcon svg {\n display: block;\n flex: none;\n width: 16px;\n height: 16px;\n}\n.tabButtons .leftIcon svg * {\n stroke: var(--gray-700);\n}\n.tabButtons .leftIcon svg {\n display: block;\n flex: none;\n width: 16px;\n height: 16px;\n}\n.tabButtons .text {\n width: fit-content;\n padding: 0 4px;\n}\n.tabButtons .text {\n font-size: 14px;\n line-height: 16px;\n color: var(--gray-600);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n .tabButtons:hover {\n background-color: var(--gray-200);\n }\n .tabButtons:hover .text {\n color: var(--gray-700);\n }\n}\n@media only screen and (max-width: 1024px) {\n .tabButtons:active {\n background-color: var(--gray-200);\n }\n .tabButtons:active .text {\n color: var(--gray-700);\n }\n}\n.tabButtons.active {\n border: 1px solid var(--gray-300);\n background-color: var(--base-white);\n box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);\n}\n.tabButtons.active .rightIcon svg * {\n stroke: var(--gray-700);\n}\n.tabButtons.active .leftIcon svg * {\n stroke: var(--gray-700);\n}\n.tabButtons.active .text {\n flex: none;\n}\n.tabButtons.active .text {\n color: var(--gray-800);\n}\n@media only screen and (min-width: 1024px) {\n .tabButtons.active:hover {\n background-color: var(--gray-50);\n }\n}\n@media only screen and (max-width: 1024px) {\n .tabButtons.active:active {\n background-color: var(--gray-50);\n }\n}\n.tabButtons.disabled, .tabButtons:disabled {\n border: transparent 1px solid;\n box-shadow: none;\n background-color: var(--gray-100);\n cursor: default;\n}\n.tabButtons.disabled .rightIcon svg *, .tabButtons:disabled .rightIcon svg * {\n stroke: var(--gray-400);\n}\n.tabButtons.disabled .leftIcon svg *, .tabButtons:disabled .leftIcon svg * {\n stroke: var(--gray-400);\n}\n.tabButtons.disabled .text, .tabButtons:disabled .text {\n color: var(--gray-400);\n}\n.tabButtons.widthHug {\n width: fit-content;\n}\n.tabButtons.heightHug {\n height: fit-content;\n}\n.tabButtons.widthFill {\n width: 100%;\n}\n.tabButtons.heightFill {\n height: 100%;\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}",".pageSwitcher {\n width: 100%;\n height: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 16px 0 0 0;\n}\n.pageSwitcher .arrowButtons {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.pageSwitcher .arrowButtons svg {\n width: 20px;\n height: 20px;\n flex: none;\n}\n.pageSwitcher .arrowButtons svg * {\n stroke: var(--gray-600);\n}\n.pageSwitcher .arrowButtons {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 600;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n .pageSwitcher .arrowButtons:hover {\n color: var(--gray-700);\n }\n .pageSwitcher .arrowButtons:hover svg * {\n stroke: var(--gray-700);\n }\n}\n.pageSwitcher .arrowButtons:focus {\n color: var(--gray-600);\n}\n.pageSwitcher .arrowButtons:focus svg * {\n stroke: var(--gray-600);\n}\n.pageSwitcher .arrowButtons:disabled {\n color: var(--gray-300);\n}\n.pageSwitcher .arrowButtons:disabled svg * {\n stroke: var(--gray-300);\n}\n.pageSwitcher .buttonsList {\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 2px;\n}\n.pageSwitcher .buttonsList .plug {\n width: 40px;\n height: 40px;\n border-radius: 8px;\n}\n.pageSwitcher .buttonsList .plug {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.pageSwitcher .buttonsList .plug {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.pageSwitcher .buttonsList .numberButton {\n width: 40px;\n height: 40px;\n border-radius: 8px;\n transition: all linear 200ms;\n}\n.pageSwitcher .buttonsList .numberButton {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-600);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.pageSwitcher .buttonsList .numberButton {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n@media only screen and (min-width: 1024px) {\n .pageSwitcher .buttonsList .numberButton:hover {\n color: var(--gray-800);\n background-color: var(--gray-100);\n }\n}\n.pageSwitcher .buttonsList .numberButton.active {\n color: var(--gray-800);\n background-color: var(--gray-100);\n}\n.pageSwitcher.smallVersion {\n justify-content: space-between;\n}",".paginationBar {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}",".paginationBar {\n width: 100%;\n display: flex;\n flex-direction: column;\n}","@use '@/styles' as *;\r\n\r\n.userPick, .userPickPlaceholder {\r\n border-radius: 50%;\r\n object-fit: scale-down;\r\n overflow: hidden;\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}",".userPick, .userPickPlaceholder {\n border-radius: 50%;\n object-fit: scale-down;\n overflow: hidden;\n}\n\n.userPickPlaceholder {\n background-color: var(--gray-300);\n}\n.userPickPlaceholder svg * {\n fill: var(--gray-400);\n}\n.userPickPlaceholder svg {\n width: 100%;\n height: 100%;\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 @include modify-flex($align-items: center);\r\n\r\n .showIcon {\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\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-overflow: ellipsis;\r\n overflow: hidden;\r\n text-wrap: nowrap;\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n .check {\r\n opacity: 0;\r\n transition: opacity ease-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--blue-dark-500)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n & {\r\n display: none;\r\n }\r\n }\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 &.selected {\r\n background-color: var(--blue-dark-50);\r\n\r\n .check {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\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 @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.medium {\r\n padding: 10px 10px 10px 16px;\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\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}",".dropdownItem {\n flex: none;\n height: fit-content;\n gap: 6px;\n transition: background-color ease-out 300ms;\n overflow: hidden;\n}\n.dropdownItem {\n display: flex;\n align-items: center;\n}\n.dropdownItem .showIcon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dropdownItem .showIcon svg * {\n stroke: var(--gray-400);\n}\n.dropdownItem .showIcon svg {\n width: 20px;\n height: 20px;\n}\n.dropdownItem .main {\n flex: 1;\n gap: 6px;\n overflow: hidden;\n}\n.dropdownItem .main {\n display: flex;\n align-items: center;\n}\n.dropdownItem .main .text, .dropdownItem .main .supportText {\n text-overflow: ellipsis;\n overflow: hidden;\n text-wrap: nowrap;\n text-align: start;\n transition: color ease-in-out 200ms;\n}\n.dropdownItem .main .text {\n color: var(--gray-900);\n}\n.dropdownItem .main .supportText {\n color: var(--gray-400);\n}\n.dropdownItem .check {\n opacity: 0;\n transition: opacity ease-out 200ms;\n}\n.dropdownItem .check {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dropdownItem .check svg * {\n stroke: var(--blue-dark-500);\n}\n.dropdownItem .check svg {\n width: 20px;\n height: 20px;\n}\n.dropdownItem .check {\n display: none;\n}\n@media only screen and (min-width: 1024px) {\n .dropdownItem:hover {\n background-color: var(--gray-100);\n }\n}\n@media only screen and (max-width: 1024px) {\n .dropdownItem:active {\n background-color: var(--gray-100);\n }\n}\n.dropdownItem.selected {\n background-color: var(--blue-dark-50);\n}\n.dropdownItem.selected .check {\n display: flex;\n opacity: 1;\n}\n@media only screen and (min-width: 1024px) {\n .dropdownItem.selected:hover {\n background-color: var(--blue-dark-100);\n }\n}\n@media only screen and (max-width: 1024px) {\n .dropdownItem.selected:active {\n background-color: var(--blue-dark-100);\n }\n}\n.dropdownItem:disabled {\n cursor: default;\n}\n.dropdownItem:disabled .showIcon svg * {\n stroke: var(--gray-300);\n}\n.dropdownItem:disabled .main .supportText, .dropdownItem:disabled .main .text {\n color: var(--gray-300);\n}\n.dropdownItem:disabled .userIcon {\n opacity: 45%;\n}\n.dropdownItem:disabled .check svg * {\n stroke: var(--gray-300);\n}\n.dropdownItem:disabled.selected {\n background-color: var(--gray-25);\n}\n.dropdownItem.small {\n padding: 8px 8px 8px 16px;\n}\n.dropdownItem.small .text {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.dropdownItem.small .supportText {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.dropdownItem.medium {\n padding: 10px 10px 10px 16px;\n}\n.dropdownItem.medium .text {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.dropdownItem.medium .supportText {\n font-size: 16px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.dropdownItem.widthFill {\n width: 100%;\n}\n.dropdownItem.widthHug {\n width: fit-content;\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(--blue-dark-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(--blue-dark-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\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}",".LoadingIndicator {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.LoadingIndicator .icon {\n animation: spinner-animation linear 1000ms infinite;\n}\n.LoadingIndicator .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.LoadingIndicator .text {\n text-wrap: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.LoadingIndicator .text {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.LoadingIndicator.lineSimple .icon svg path:first-child {\n stroke: var(--gray-300);\n}\n.LoadingIndicator.lineSimple .icon svg path:last-child {\n stroke: var(--blue-dark-500);\n}\n.LoadingIndicator.lineSpinner .icon svg path:first-child {\n stroke: var(--gray-300);\n}\n.LoadingIndicator.lineSpinner .icon svg path:last-child {\n stroke: var(--blue-dark-500);\n}\n.LoadingIndicator.small {\n gap: 16px;\n}\n.LoadingIndicator.small svg {\n width: 32px;\n height: 32px;\n}\n.LoadingIndicator.small .text {\n font-size: 14px;\n line-height: 20px;\n}\n.LoadingIndicator.medium {\n gap: 16px;\n}\n.LoadingIndicator.medium svg {\n width: 48px;\n height: 48px;\n}\n.LoadingIndicator.medium .text {\n font-size: 14px;\n line-height: 20px;\n}\n.LoadingIndicator.large {\n gap: 16px;\n}\n.LoadingIndicator.large svg {\n width: 56px;\n height: 56px;\n}\n.LoadingIndicator.large .text {\n font-size: 18px;\n line-height: 28px;\n}\n.LoadingIndicator.ultra {\n gap: 20px;\n}\n.LoadingIndicator.ultra svg {\n width: 64px;\n height: 64px;\n}\n.LoadingIndicator.ultra .text {\n font-size: 18px;\n line-height: 28px;\n}\n.LoadingIndicator.widthFill {\n width: 100%;\n}\n.LoadingIndicator.widthHug {\n width: fit-content;\n}\n.LoadingIndicator.heightFill {\n height: 100%;\n}\n.LoadingIndicator.heightHug {\n height: fit-content;\n}\n\n@keyframes spinner-animation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\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}",".controlBar {\n width: fit-content;\n gap: 24px;\n}\n.controlBar {\n display: flex;\n align-items: center;\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\r\n .progressBar {\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background-color: var(--blue-dark-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}",".videoProgressBar {\n width: 100%;\n height: 8px;\n background-color: rgba(0, 0, 0, 0.4);\n position: relative;\n}\n.videoProgressBar .progressBar {\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--blue-dark-400);\n}\n.videoProgressBar:not(.dragging) .progressBar {\n transition: width linear 0.2s;\n}\n.videoProgressBar.dragging .progressBar {\n transition: none;\n}","@use '@/styles' as *;\r\n\r\n.VideoViewer {\r\n flex: none;\r\n width: fit-content;\r\n height: 100%;\r\n position: relative;\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 .content {\r\n flex: none;\r\n height: 100%;\r\n object-fit: fill;\r\n }\r\n\r\n .playButton {\r\n display: none;\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 @include centerInsideContent();\r\n\r\n &.show {\r\n animation: appearance ease-out 200ms forwards;\r\n }\r\n }\r\n}\r\n\r\n@keyframes appearance {\r\n from {\r\n display: block;\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}",".VideoViewer {\n flex: none;\n width: fit-content;\n height: 100%;\n position: relative;\n}\n.VideoViewer {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.VideoViewer .loader {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.VideoViewer .loader.hide {\n display: none;\n}\n.VideoViewer .timer {\n position: absolute;\n top: 24px;\n right: 24px;\n width: fit-content;\n height: fit-content;\n border-radius: 16px;\n padding: 4px 12px;\n background-color: rgba(0, 0, 0, 0.4);\n}\n.VideoViewer .timer {\n font-size: 16px;\n line-height: 24px;\n color: rgba(255, 255, 255, 0.8);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.VideoViewer .progressBar {\n width: 100%;\n height: fit-content;\n position: absolute;\n bottom: 0;\n}\n.VideoViewer .content {\n flex: none;\n height: 100%;\n object-fit: fill;\n}\n.VideoViewer .playButton {\n display: none;\n opacity: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 1;\n transform: translate(-50%, -50%);\n}\n.VideoViewer .playButton {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.VideoViewer .playButton.show {\n animation: appearance ease-out 200ms forwards;\n}\n\n@keyframes appearance {\n from {\n display: block;\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}","@use '@/styles' as *;\r\n\r\n.ImageViewer {\r\n flex: none;\r\n width: fit-content;\r\n height: 100%;\r\n object-fit: scale-down;\r\n}",".ImageViewer {\n flex: none;\n width: fit-content;\n height: 100%;\n object-fit: scale-down;\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 flex: 1;\r\n width: 100%;\r\n height: 100%;\r\n @include centerInsideContent();\r\n }\r\n\r\n .control {\r\n width: 100%;\r\n position: absolute;\r\n bottom: 32px;\r\n @include centerInsideContent();\r\n }\r\n}",".MediaViewer {\n width: 100%;\n height: 100%;\n position: relative;\n background-color: var(--base-white);\n}\n.MediaViewer {\n display: flex;\n justify-content: center;\n}\n.MediaViewer .content {\n flex: 1;\n width: 100%;\n height: 100%;\n}\n.MediaViewer .content {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.MediaViewer .control {\n width: 100%;\n position: absolute;\n bottom: 32px;\n}\n.MediaViewer .control {\n display: flex;\n align-items: center;\n justify-content: center;\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(--blue-dark-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}",".PlayButton {\n border: 1px solid transparent;\n border-radius: 50%;\n transition: background-color ease-out 300ms;\n}\n.PlayButton {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.PlayButton svg * {\n fill: var(--base-white);\n}\n.PlayButton svg {\n flex: none;\n}\n.PlayButton.default {\n width: 48px;\n height: 48px;\n padding: 12px 10px 12px 16px;\n}\n.PlayButton.default svg {\n width: 24px;\n height: 24px;\n}\n.PlayButton.default.stop {\n padding: 12px;\n}\n.PlayButton.large {\n width: 96px;\n height: 96px;\n padding: 24px 22px 24px 34px;\n}\n.PlayButton.large svg {\n width: 48px;\n height: 48px;\n}\n.PlayButton.large.stop {\n padding: 24px;\n}\n.PlayButton.light {\n width: 24px;\n height: 24px;\n padding: 6px 4px 6px 7px;\n background-color: var(--gray-400);\n}\n.PlayButton.light svg {\n width: 12px;\n height: 12px;\n}\n.PlayButton.light.stop {\n padding: 8px;\n}\n.PlayButton.light.stop svg {\n width: 8px;\n height: 8px;\n}\n@media only screen and (min-width: 1024px) {\n .PlayButton.light:hover {\n background-color: var(--blue-dark-400);\n }\n}\n.PlayButton.dark {\n background-color: rgba(0, 0, 0, 0.4);\n}\n@media only screen and (min-width: 1024px) {\n .PlayButton.dark:hover {\n background-color: rgba(0, 0, 0, 0.8);\n }\n}\n.PlayButton:disabled {\n cursor: pointer;\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(--blue-dark-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(--blue-dark-50);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--blue-dark-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(--blue-dark-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(--blue-dark-300));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--blue-dark-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\r\n",".CalendarDayWrapper {\n width: fit-content;\n height: fit-content;\n position: relative;\n}\n.CalendarDayWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.CalendarDayWrapper .CalendarDay {\n flex: none;\n width: 40px;\n height: 40px;\n border-radius: 8px;\n transition: background-color ease-out 300ms;\n z-index: 1;\n position: relative;\n cursor: pointer;\n}\n.CalendarDayWrapper .CalendarDay {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.CalendarDayWrapper .CalendarDay .mark {\n width: 100%;\n height: 12px;\n padding: 4px;\n}\n.CalendarDayWrapper .CalendarDay .mark {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.CalendarDayWrapper .CalendarDay .mark:after {\n content: \"\";\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: var(--blue-dark-400);\n}\n.CalendarDayWrapper .CalendarDay .text, .CalendarDayWrapper .CalendarDay .info {\n width: 100%;\n height: fit-content;\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.CalendarDayWrapper .CalendarDay .text, .CalendarDayWrapper .CalendarDay .info {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.CalendarDayWrapper .CalendarDay .text {\n flex: 1;\n}\n.CalendarDayWrapper .CalendarDay .text {\n font-size: 16px;\n line-height: 16px;\n color: var(--gray-700);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.CalendarDayWrapper .CalendarDay .info {\n height: 12px;\n padding: 0 0 2px 0;\n}\n.CalendarDayWrapper .CalendarDay .info {\n font-size: 10px;\n line-height: 10px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.CalendarDayWrapper .CalendarDay {\n background-color: var(--base-white);\n}\n@media only screen and (min-width: 1024px) {\n .CalendarDayWrapper .CalendarDay:hover {\n background-color: var(--gray-100);\n }\n}\n@media only screen and (max-width: 1024px) {\n .CalendarDayWrapper .CalendarDay:active {\n background-color: var(--gray-100);\n }\n}\n.CalendarDayWrapper .CalendarDay.currentDay {\n background-color: var(--blue-dark-50);\n}\n@media only screen and (min-width: 1024px) {\n .CalendarDayWrapper .CalendarDay.currentDay:hover {\n background-color: var(--blue-dark-100);\n }\n}\n@media only screen and (max-width: 1024px) {\n .CalendarDayWrapper .CalendarDay.currentDay:active {\n background-color: var(--blue-dark-100);\n }\n}\n.CalendarDayWrapper .CalendarDay.holiday .text {\n color: var(--error-500);\n}\n.CalendarDayWrapper .CalendarDay.disabled {\n background-color: var(--base-white);\n}\n.CalendarDayWrapper .CalendarDay.disabled .mark:after {\n background-color: var(--gray-300);\n}\n.CalendarDayWrapper .CalendarDay.disabled .text {\n color: var(--gray-400);\n}\n.CalendarDayWrapper .CalendarDay.disabled .info {\n color: var(--gray-300);\n}\n.CalendarDayWrapper .CalendarDay.disabled:hover {\n background-color: var(--gray-100);\n}\n@media only screen and (max-width: 1024px) {\n .CalendarDayWrapper .CalendarDay.disabled:active {\n background-color: var(--gray-100);\n }\n}\n.CalendarDayWrapper .CalendarDay.filter {\n background-color: var(--gray-100);\n}\n@media only screen and (min-width: 1024px) {\n .CalendarDayWrapper .CalendarDay.filter:hover {\n background-color: var(--gray-200);\n }\n}\n@media only screen and (max-width: 1024px) {\n .CalendarDayWrapper .CalendarDay.filter:active {\n background-color: var(--gray-200);\n }\n}\n.CalendarDayWrapper .CalendarDay.active {\n background-color: var(--blue-dark-500);\n}\n.CalendarDayWrapper .CalendarDay.active .mark:after {\n background-color: var(--base-white);\n}\n.CalendarDayWrapper .CalendarDay.active .text {\n color: var(--base-white);\n}\n.CalendarDayWrapper .CalendarDay.active .info {\n color: var(--blue-dark-300);\n}\n@media only screen and (min-width: 1024px) {\n .CalendarDayWrapper .CalendarDay.active:hover {\n background-color: var(--blue-dark-600);\n }\n}\n@media only screen and (max-width: 1024px) {\n .CalendarDayWrapper .CalendarDay.active:active {\n background-color: var(--blue-dark-600);\n }\n}\n.CalendarDayWrapper.filter:before {\n position: absolute;\n content: \"\";\n height: 100%;\n z-index: 0;\n background-color: var(--gray-100);\n width: 60px;\n top: 0;\n transform: translateX(-10px);\n}\n.CalendarDayWrapper.filter:not(.left):not(.right):before {\n left: 0;\n}\n.CalendarDayWrapper.filter.left:before, .CalendarDayWrapper.filter.right:before {\n width: 30px;\n}\n.CalendarDayWrapper.filter.left:before {\n left: 0;\n transform: translateX(-10px);\n}\n.CalendarDayWrapper.filter.right:before {\n right: 0;\n transform: translateX(10px);\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(--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 @include fnt-flex($color: var(--gray-400));\r\n }\r\n}",".CalendarMonth {\n width: 100%;\n height: fit-content;\n min-width: 80px;\n padding: 10px 8px;\n border-radius: 8px;\n background-color: var(--base-white);\n cursor: pointer;\n transition: background-color ease-out 300ms;\n}\n.CalendarMonth {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.CalendarMonth {\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.CalendarMonth:hover {\n background-color: var(--gray-100);\n}\n.CalendarMonth.current:not(.CalendarMonth.disabled) {\n background-color: var(--blue-dark-50);\n}\n.CalendarMonth.current:not(.CalendarMonth.disabled):hover {\n background-color: var(--blue-dark-100);\n}\n.CalendarMonth.disabled {\n color: var(--gray-400);\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(--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 @include fnt-flex($color: var(--gray-400));\r\n }\r\n}",".CalendarYear {\n width: 100%;\n height: fit-content;\n min-width: 80px;\n padding: 16px 8px;\n border-radius: 8px;\n background-color: var(--base-white);\n cursor: pointer;\n transition: background-color ease-out 300ms;\n}\n.CalendarYear {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.CalendarYear {\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.CalendarYear:hover {\n background-color: var(--gray-100);\n}\n.CalendarYear.current {\n background-color: var(--blue-dark-50);\n}\n.CalendarYear.current:hover {\n background-color: var(--blue-dark-100);\n}\n.CalendarYear.disabled {\n color: var(--gray-400);\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(--blue-dark-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(--blue-dark-500));\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n }\r\n}",".CalendarButton {\n width: fit-content;\n height: fit-content;\n cursor: pointer;\n transition: color ease-out 300ms;\n}\n.CalendarButton.black {\n font-size: 18px;\n line-height: 28px;\n color: var(--gray-900);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.CalendarButton.black:hover:not(.CalendarButton.black:disabled) {\n color: var(--blue-dark-500);\n}\n.CalendarButton.gray {\n font-size: 18px;\n line-height: 28px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.CalendarButton.gray:hover:not(.CalendarButton.gray:disabled) {\n color: var(--blue-dark-500);\n}\n.CalendarButton:disabled {\n cursor: default;\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}",".TimePickerTag {\n width: fit-content;\n height: fit-content;\n padding: 6px 12px;\n border-radius: 16px;\n background-color: var(--gray-100);\n transition: background-color ease-out 300ms;\n}\n.TimePickerTag {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-700);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.TimePickerTag:hover {\n background-color: var(--gray-200);\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 hiddeScrollBar;\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",".wrapper {\n width: fit-content;\n height: fit-content;\n position: relative;\n z-index: 2;\n}\n.wrapper .viewContent {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--gray-100);\n overflow: hidden;\n z-index: 1;\n clip-path: inset(calc(50% - 16px) 0 calc(50% - 16px) 0 round 8px);\n pointer-events: none;\n}\n.wrapper .viewContent {\n display: flex;\n flex-direction: column;\n}\n.wrapper .TimePickerFeed {\n width: fit-content;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n user-select: none;\n position: relative;\n transform-style: preserve-3d;\n transform: translateZ(0);\n -webkit-overflow-scrolling: touch;\n}\n.wrapper .TimePickerFeed {\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* IE 10+ */\n}\n.wrapper .TimePickerFeed::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Edge */\n}\n.wrapper .TimePickerFeed {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.wrapper .item {\n flex: none;\n width: 48px;\n height: 32px;\n text-align: center;\n padding: 0 8px;\n box-sizing: border-box;\n transform-style: preserve-3d;\n perspective: 304px;\n position: relative;\n backface-visibility: hidden;\n will-change: transform;\n}\n.wrapper .item .content {\n width: 100%;\n height: 100%;\n transition: opacity ease-out 100ms;\n}\n.wrapper .item .content {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.wrapper .item .content {\n font-size: 20px;\n line-height: 32px;\n color: var(--gray-300);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.wrapper .item.center .content {\n font-size: 20px;\n line-height: 32px;\n color: var(--gray-700);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.wrapper .item.floor1 .content {\n font-size: 20px;\n line-height: 32px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.wrapper .item.floor1 .content {\n font-size: 20px;\n line-height: 32px;\n color: var(--gray-300);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}","@mixin hiddeScrollBar() {\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, Edge */\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}",".datePicker {\n width: 100%;\n height: fit-content;\n max-width: 324px;\n background-color: var(--base-white);\n padding: 16px;\n gap: 8px;\n}\n.datePicker {\n display: flex;\n flex-direction: column;\n}\n.datePicker .header {\n width: 100%;\n}\n.datePicker .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.datePicker .header .monthYear, .datePicker .header .changeMonth {\n display: flex;\n align-items: center;\n}\n.datePicker .header .monthYear {\n gap: 6px;\n}\n.datePicker .header .changeMonth {\n gap: 2px;\n}\n.datePicker .weekDaysList {\n width: 100%;\n gap: 2px;\n}\n.datePicker .weekDaysList {\n display: flex;\n align-items: center;\n}\n.datePicker .weekDaysList .weekDay {\n flex: 1;\n text-wrap: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: center;\n}\n.datePicker .weekDaysList .weekDay {\n font-size: 14px;\n line-height: 16px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.datePicker .daysGrid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-template-rows: auto;\n gap: 2px;\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 .header {\r\n width: 100%;\r\n @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n .switchers {\r\n gap: 2px;\r\n @include modify-flex($align-items: center);\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 4px;\r\n }\r\n}",".YearMonthPicker {\n width: 100%;\n height: fit-content;\n max-width: 324px;\n background-color: var(--base-white);\n padding: 16px;\n gap: 12px;\n}\n.YearMonthPicker {\n display: flex;\n flex-direction: column;\n}\n.YearMonthPicker .header {\n width: 100%;\n}\n.YearMonthPicker .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.YearMonthPicker .header .switchers {\n gap: 2px;\n}\n.YearMonthPicker .header .switchers {\n display: flex;\n align-items: center;\n}\n.YearMonthPicker .grid {\n width: 100%;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 4px;\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 centerInsideContent;\r\n\r\n .main {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n @include centerInsideContent;\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: $golos-text);\r\n @include centerInsideContent;\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}",".TimePicker {\n width: 100%;\n min-width: 292px;\n height: fit-content;\n}\n.TimePicker {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.TimePicker .timer {\n width: 100%;\n height: fit-content;\n gap: 8px;\n padding: 16px;\n}\n.TimePicker .timer {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.TimePicker .timer .main {\n width: fit-content;\n height: fit-content;\n position: relative;\n}\n.TimePicker .timer .main {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.TimePicker .timer .main .divider {\n width: fit-content;\n height: fit-content;\n z-index: 2;\n}\n.TimePicker .timer .main .divider {\n font-size: 20px;\n line-height: 32px;\n color: var(--gray-400);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.TimePicker .timer .main .divider {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.TimePicker .timer .main:before {\n content: \"\";\n width: 100%;\n height: 32px;\n border-radius: 8px;\n background-color: var(--gray-100);\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n z-index: 1;\n}\n.TimePicker .timer .line {\n flex: 1;\n height: 1px;\n background-color: var(--gray-300);\n}","@use '@/styles' as *;\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}",".DateTimePicker {\n width: 324px;\n height: fit-content;\n border-radius: 16px;\n background-color: var(--base-white);\n box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.031372549), 0 20px 24px -4px rgba(16, 24, 40, 0.0784313725), 0 0 0 1px var(--gray-300);\n}\n.DateTimePicker {\n display: flex;\n flex-direction: column;\n}\n.DateTimePicker .header {\n width: 100%;\n padding: 16px 16px 0 16px;\n}\n.DateTimePicker .header {\n display: flex;\n flex-direction: column;\n}\n.DateTimePicker .header .title, .DateTimePicker .header .subtitle {\n text-wrap: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.DateTimePicker .header .title {\n font-size: 20px;\n line-height: 24px;\n color: var(--gray-900);\n font-weight: 600;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.DateTimePicker .header .subtitle {\n font-size: 14px;\n line-height: 20px;\n color: var(--gray-500);\n font-weight: 400;\n font-family: \"Golos Text\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.DateTimePicker .content {\n width: 100%;\n height: fit-content;\n}\n.DateTimePicker .content {\n display: flex;\n flex-direction: column;\n}\n.DateTimePicker .content .tabWrapper {\n padding: 12px 16px 0 16px;\n}\n.DateTimePicker .content .pickerWrapper {\n width: 100%;\n height: fit-content;\n}\n.DateTimePicker .actions {\n width: 100%;\n padding: 16px;\n gap: 8px;\n border-top: 1px solid var(--gray-200);\n}\n.DateTimePicker .actions {\n display: flex;\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",".Container {\n position: fixed;\n z-index: 10;\n opacity: 0;\n transition: opacity 0.2s ease-in;\n}\n\n.Tooltip {\n position: relative;\n display: flex;\n flex-direction: column;\n width: fit-content;\n height: fit-content;\n max-width: 320px;\n background-color: #FFFFFF;\n border: 1px solid #EAECF0;\n border-radius: 8px;\n padding: 11px;\n gap: 4px;\n box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n}\n.Tooltip .Text {\n font-size: 12px;\n line-height: 18px;\n color: black;\n font-weight: 700;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.Tooltip .Description {\n font-size: 12px;\n line-height: 18px;\n color: black;\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.Tooltip .Arrow {\n position: absolute;\n display: block;\n height: 12px;\n width: 12px;\n background-color: #FFFFFF;\n border-top: 1px solid #EAECF0;\n border-right: 1px solid #EAECF0;\n border-top-right-radius: 1px;\n}\n.Tooltip .Arrow.LeftCenter, .Tooltip .Arrow.RightCenter {\n top: calc(50% - 6.5px);\n}\n.Tooltip .Arrow.LeftTop, .Tooltip .Arrow.RightTop {\n top: 16px;\n}\n.Tooltip .Arrow.LeftBottom, .Tooltip .Arrow.RightBottom {\n bottom: 16px;\n}\n.Tooltip .Arrow.LeftTop, .Tooltip .Arrow.LeftCenter, .Tooltip .Arrow.LeftBottom {\n left: -6.5px;\n transform: rotate(-135deg);\n}\n.Tooltip .Arrow.RightTop, .Tooltip .Arrow.RightCenter, .Tooltip .Arrow.RightBottom {\n right: -6.5px;\n transform: rotate(45deg);\n}\n.Tooltip .Arrow.BottomLeft, .Tooltip .Arrow.BottomRight, .Tooltip .Arrow.BottomCenter {\n bottom: -6.5px;\n transform: rotate(135deg);\n}\n.Tooltip .Arrow.TopCenter, .Tooltip .Arrow.BottomCenter {\n left: calc(50% - 6.5px);\n}\n.Tooltip .Arrow.TopLeft, .Tooltip .Arrow.BottomLeft {\n left: 16px;\n}\n.Tooltip .Arrow.TopRight, .Tooltip .Arrow.BottomRight {\n right: 16px;\n}\n.Tooltip .Arrow.TopLeft, .Tooltip .Arrow.TopRight, .Tooltip .Arrow.TopCenter {\n top: -6.5px;\n transform: rotate(-45deg);\n}\n.Tooltip.Dark {\n background-color: #101828;\n border-color: #101828;\n}\n.Tooltip.Dark .Description,\n.Tooltip.Dark .Text {\n color: #FFFFFF;\n}\n.Tooltip.Dark .Arrow {\n background-color: #101828;\n border-color: #101828;\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 height: fit-content;\r\n border-radius: 8px;\r\n padding: 4px;\r\n border: 1px solid var(--gray-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;\r\n overflow: auto;\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(--gray-600));\r\n }\r\n}",".Dropdown {\n width: 100%;\n max-height: 300px;\n height: fit-content;\n border-radius: 8px;\n padding: 4px;\n border: 1px solid var(--gray-200);\n background-color: var(--base-white);\n box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);\n overflow: auto;\n}\n.Dropdown {\n display: flex;\n flex-direction: column;\n}\n.Dropdown .header {\n width: 100%;\n height: fit-content;\n padding: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n}\n.Dropdown .header {\n font-size: 14px;\n line-height: 16px;\n color: var(--gray-600);\n font-weight: 400;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"index.css","mappings":"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GE;EFeE;IACE;ETgGJ;AACF;ASxFE;EACE;AT0FJ;AAnGE;EYvBA;EACA;EACA;EACA;AZ6HF;AUhIM;EAEI,4BEIuB;AZ6HjC;AI3HE;EAQI,gBQNyB;ERSzB,2BQTsC;AZ6H5C;AWzGE;EChBE;IACE;IACA;EZ4HJ;AACF;AWvIE;ECeE;IACE;IACA;EZ2HJ;AACF;AYpHE;EACE;AZsHJ;AA3HE;Ea3BA;EACA;EACA;EACA;AbyJF;AU5JM;EAEI,uBGIuB;AbyJjC;AIvJE;EAQI,gBSNyB;ETSzB,sBSTsC;AbyJ5C;AWrIE;EEfE;IACE;IACA;EbuJJ;EarJI;IACE;EbuJN;AACF;AWtKE;EEoBE;IACE;IACA;EbqJJ;EanJI;IACE;EbqJN;AACF;Aa5IE;EACE;Ab8IJ;AAzJE;Ec/BA;Ad2LF;AU3LM;EAEI;AV4LV;AItLE;EAQI,gBUVyB;EVazB,2BUbsC;Ad4L5C;AWpKE;EGnBI;IACE;Ed0LN;EUtMI;IAEI,yBIc2B;EdyLnC;AACF;AWpME;EGiBI;IACE;EdsLN;EU9MI;IAEI,yBI0B2B;EdqLnC;AACF;AcjLE;EACE;AdmLJ;AAlLE;EenCA;AfwNF;AUxNM;EAEI;AVyNV;AetNE;EACE;AfwNJ;AWhME;EPtBA;IAQI,gBWJ6B;IXO7B,2BWP0C;EfuN9C;EUnOI;IAEI,4BKc2B;EfsNnC;AACF;AWjOE;EPEA;IAQI,gBWQ6B;IXL7B,2BWK0C;EfoN9C;EU5OI;IAEI,4BK0B2B;EfmNnC;AACF;Ae/ME;EACE;AfiNJ;AA5ME;EgBvCA;AhBsPF;AUtPM;EAEI;AVuPV;AgBpPE;EACE;AhBsPJ;AIpPE;EAQI,gBYTyB;EZYzB,sBYZsC;AhByP5C;AWlOE;EKjBI;IACE;EhBsPN;EUpQI;IAEI,uBMgB2B;EhBqPnC;AACF;AWlQE;EKmBI;IACE;EhBkPN;EU5QI;IAEI,uBM4B2B;EhBiPnC;AACF;AgB7OE;EACE;AhB+OJ;AAxOE;EiB3CA;EACA;AjBsRF;AUvRM;EAEI,4BOEuB;AjBsRjC;AiBnRE;EACE;AjBqRJ;AIrRE;EAQI,gBaPyB;EbUzB,2BaVsC;AjBwR5C;AWnQE;EMhBI;IACE;EjBsRN;EUrSI;IAEI,4BOiB2B;EjBqRnC;AACF;AWnSE;EMoBI;IACE;EjBkRN;EU7SI;IAEI,4BO6B2B;EjBiRnC;AACF;AiB7QE;EACE;AjB+QJ;AArQE;EkB/CA;EACA;AlBuTF;AUxTM;EAEI,uBQEuB;AlBuTjC;AkBpTE;EACE;AlBsTJ;AItTE;EAQI,gBcPyB;EdUzB,sBcVsC;AlByT5C;AWpSE;EOhBI;IACE;ElBuTN;EUtUI;IAEI,uBQiB2B;ElBsTnC;AACF;AWpUE;EOoBI;IACE;ElBmTN;EU9UI;IAEI,uBQ6B2B;ElBkTnC;AACF;AkB9SE;EACE;AlBgTJ;AAlSE;EmBnDA;EACA;AnBwVF;AUzVM;EAEI,uBSEuB;AnBwVjC;AmBrVE;EACE;AnBuVJ;AIvVE;EAQI,gBePyB;EfUzB,sBeVsC;AnB0V5C;AWrUE;EQhBI;IACE;EnBwVN;EUvWI;IAEI,uBSiB2B;EnBuVnC;AACF;AWrWE;EQoBI;IACE;EnBoVN;EU/WI;IAEI,uBS6B2B;EnBmVnC;AACF;AmB/UE;EACE;AnBiVJ;AA/TE;EoBvDA;EACA;EACA;EACA;ApByXF;AU5XM;EAEI,uBUIuB;ApByXjC;AIvXE;EAQI,gBgBNyB;EhBSzB,sBgBTsC;ApByX5C;AWrWE;ED9BI;IAEI,uBUe6B;EpBsXrC;EoBnXM;IACE;EpBqXR;AACF;AWrYE;EDNI;IAEI,uBU6B6B;EpBgXrC;EoB7WM;IACE;EpB+WR;AACF;AoB1WE;EACE;ApB4WJ;AA3VE;EqB3DA;EACA;EACA;EACA;ArByZF;AU5ZM;EAEI,uBWIuB;ArByZjC;AIvZE;EAQI,gBiBNyB;EjBSzB,sBiBTsC;ArByZ5C;AWrYE;EUhBE;IACE;ErBwZJ;EUvaI;IAEI,uBWgB2B;ErBwZnC;EqBrZI;IACE;ErBuZN;AACF;AWxaE;EUsBE;IACE;ErBqZJ;EUlbI;IAEI,uBW8B2B;ErBqZnC;EqBlZI;IACE;ErBoZN;AACF;AqBhZE;EACE;ArBkZJ;AA5XI;EsBhEF;EACA;EACA;EACA;AtB+bF;AWpaE;EWxBE;IACE;IACA;EtB+bJ;EsB5bE;IACE;IACA;EtB8bJ;AACF;AWtcE;EWYE;IACE;IACA;EtB6bJ;AACF;AsBtbE;EACE;AtBwbJ;AAjZI;EuBpEF;EACA;EACA;AvBwdF;AU1dM;EAEI,wBaGuB;AvBwdjC;AuBrdE;EACE;AvBudJ;AWlcE;EYjBE;IACI;IACA;EvBsdN;AACF;AWheE;EYcE;IACI;IACA;EvBqdN;AACF;AuB9cE;EACE;AvBgdJ;AU/eM;EAEI,wBcDuB;AxBifjC;AwB9eE;EACE;AxBgfJ;AI7eE;EAQI,gBoBVyB;EpBazB,uBoBbsC;AxBmf5C;AW3dE;EanBI;IACE;ExBifN;EU7fI;IAEI,wBcc2B;ExBgfnC;AACF;AW3fE;EaiBI;IACE;ExB6eN;EUrgBI;IAEI,wBc0B2B;ExB4enC;AACF;AwBxeE;EACE;AxB0eJ;AA/bE;EACE;AAicJ,C;;;;AyB/gBA;ECAE;EACA;EACA;EACA;ADDF;ACGE;EACE;EACA;ADDJ;AvBRE;EACE;EAGE,mBwBQiB;ExBJjB,uBwBIsB;ExBAtB;AuBEN;AfEM;EgBFF;ADGJ;AAZE;EEHA;EACA;AFkBF;AfnBM;EAEI;AeoBV;AdQE;EgBzBE;IACE;EFoBJ;Ef1BI;IAEI,uBiBKyB;EFsBjC;AACF;AdxBE;EgBME;IACE;EFqBJ;EflCI;IAEI,uBiBYyB;EFuBjC;AACF;AA/BE;EGPA;EACA;AHyCF;Af1CM;EAEI;Ae2CV;AdfE;EiBzBE;IACE;EH2CJ;AACF;Ad5CE;EiBKE;IACE;EH0CJ;AACF;AA5CE;EIXA;EACA;AJ0DF;Af3DM;EAEI;Ae4DV;AdhCE;EkBzBE;IACE;EJ4DJ;EflEI;IAEI,uBmBKyB;EJ8DjC;AACF;AdhEE;EkBME;IACE;EJ6DJ;Ef1EI;IAEI,uBmBYyB;EJ+DjC;AACF;AA/DE;EKfA;EACA;ALiFF;AflFM;EAEI;AemFV;AdvDE;EmBzBE;IACE;ELmFJ;EfzFI;IAEI,4BoBKyB;ELqFjC;AACF;AdvFE;EmBME;IACE;ELoFJ;EfjGI;IAEI,4BoBYyB;ELsFjC;AACF;AAlFE;EMnBA;EACA;ANwGF;AfzGM;EAEI;Ae0GV;Ad9EE;EoBzBE;IACE;EN0GJ;EfhHI;IAEI,4BqBKyB;EN4GjC;AACF;Ad9GE;EoBME;IACE;EN2GJ;EfxHI;IAEI,4BqBYyB;EN6GjC;AACF;AArGE;EOvBA;EACA;AP+HF;AfhIM;EAEI;AeiIV;AdrGE;EqBzBE;IACE;EPiIJ;EfvII;IAEI,wBsBKyB;EPmIjC;AACF;AdrIE;EqBME;IACE;EPkIJ;Ef/II;IAEI,wBsBYyB;EPoIjC;AACF;AAxHE;EQ3BA;EACA;ARsJF;AfvJM;EAEI;AewJV;Ad5HE;EsBzBE;IACE;ERwJJ;Ef9JI;IAEI,4BuBKyB;ER0JjC;AACF;Ad5JE;EsBME;IACE;ERyJJ;EftKI;IAEI,4BuBYyB;ER2JjC;AACF;AA3IE;ES/BA;EACA;AT6KF;Af9KM;EAEI;Ae+KV;AdnJE;EuBzBE;IACE;ET+KJ;EfrLI;IAEI,uBwBKyB;ETiLjC;AACF;AdnLE;EuBME;IACE;ETgLJ;Ef7LI;IAEI,uBwBYyB;ETkLjC;AACF;AA9JE;EUnCA;EACA;AVoMF;AfrMM;EAEI;AesMV;Ad1KE;EwBzBE;IACE;EVsMJ;Ef5MI;IAEI,wByBKyB;EVwMjC;AACF;Ad1ME;EwBME;IACE;EVuMJ;EfpNI;IAEI,wByBYyB;EVyMjC;AACF;AAhLE;EWxCA;EACA;AX2NF;Af5NM;EAEI;Ae6NV;AdjME;ED9BI;IAEI,4B0BIyB;EX6NjC;AACF;Ad9NE;EDNI;IAEI,4B0BUyB;EX4NjC;AACF;AA7LE;EY5CA;EAEA;AZ2OF;Af/NM;E2BTF;EACA;AZ2OJ;AAjME;EahDA;EAEA;AbmPF;AfvOM;E4BTF;EACA;AbmPJ;AArME;EcpDA;EAEA;Ad2PF;Af/OM;E6BTF;EACA;Ad2PJ;AAzME;EexDA;EAEA;AfmQF;AfvPM;E8BTF;EACA;AfmQJ;AA7ME;EgB5DA;EAEA;AhB2QF;Af/PM;E+BTF;EACA;AhB2QJ,C;;;;AiBlRA;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;ACVE;EACE;EACA;EACA;ADYJ;AAEE;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAFJ;ArCfE;EACE;EACA;EACA,sBqCgBgE;ErCfhE,gBqCemD;ErCdnD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EACA;AAmBN,C;;;;AC/DA;EACE;EACA;AADF;AjDFE;EACE;EAWE,mBiDR+B;AAErC;AAAE;EACE;EACA;AAEJ,C;;;;ACTA;EACE;EACA;AADF;AAGE;EACE;EACA;EACA;AADJ;AAIE;EACE;AAFJ;AAKE;EACE;AAHJ,C;;;;ACTE;EACE;ECEF;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACNF;AZTE;EACE;EACA;EACA;AYWJ;A7CZM;EAUI,e4CM2B;ACDrC;A7CDM;E4CGF;EACA;EACA;ACCJ;A5CUE;E2CPE;IAvBF;IACA;ECwBA;AACF;AFpBI;EGRF;AD+BF;AFnBI;EIVF;AFgCF;AE9BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AFgCJ;AF3BI;EKVF;EACA;AHwCF;A7C7CM;EAEI,4BgDKqB;AHyC/B;AGvCE;EACE;AHyCJ;A5CrBE;E+ChBE;IAdF;EHuDA;AACF;AFtCI;EMdF;EACA;AJuDF;A7C5DM;EAEI,4BiDKqB;AJwD/B;AlDpDE;EACE;EACA;EACA,2BsDN8D;EtDO9D,gBsDPiD;EtDQjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkDiEZ;A5C3CE;EgDnBE;IAXF;EJ6EA;AACF;AFxDI;EOjBF;EACA;AL4EF;A7ClFM;EAEI,wBkDMqB;AL6E/B;AnD7EE;EAWI,uBwDVsB;AL+E5B;AK7EE;EACE;AL+EJ;A5C7DE;EiDdE;IAhBF;IACA;EL+FA;AACF;AFvEI;EQlBF;EAEA;EACA;AN2FF;AMzFE;EACE;AN2FJ;A7CzGM;EAEI,uBmDeqB;AN2F/B;AnDpGE;EAWI,sByDDsB;AN6F5B;A5CjFE;EkDTE;IArBF;IACA;ENmHA;E7CpHI;IAEI,uBmDCqB;ENoH7B;EnD/GA;IAWI,sByDfsB;ENsH1B;AACF;AF5FM;ESnBJ;EAEA;APiHF;AlDpHE;EACE;EACA;EACA,wByDC8D;EzDA9D;EACA,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkDiIZ;A7CzIM;EAEI,yBoDcqB;AP4H/B;AO1HE;EACE;AP4HJ;A5CjHE;EmDPE;IAvBF;IAEA;EPkJA;AACF;AFnHQ;ESJN;EAEA;APyHF;AlD9IE;EACE;EACA;EACA,wByDmB8D;EzDlB9D,gByDkBiD;EzDjBjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkD2JZ;A7CnKM;EAEI,yBoDgCqB;APoI/B;AOlIE;EACE;APoIJ;A5C3IE;EmDWE;IAnCF;IAEA;EPsKA;AACF;AFtIM;EU7BJ;EAEA;ARqKF;AlDxKE;EACE;EACA;EACA,wB0DC8D;E1DA9D;EACA,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkDqLZ;A7C7LM;EAEI,yBqDcqB;ARgL/B;AQ9KE;EACE;ARgLJ;A5CrKE;EoDPE;IAvBF;IAEA;ERsMA;AACF;AF7JQ;EUdN;EAEA;AR6KF;AlDlME;EACE;EACA;EACA,wB0DmB8D;E1DlB9D,gB0DkBiD;E1DjBjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkD+MZ;A7CvNM;EAEI,yBqDgCqB;ARwL/B;AQtLE;EACE;ARwLJ;A5C/LE;EoDWE;IAnCF;IAEA;ER0NA;AACF;A5CrME;E0CqBI;ICnDJ;IACA;ECuOA;EFlLM;IKtDN;EH2OA;EFjLM;IM1DN;EJ8OA;EFhLM;IO9DN;IACA;ELiPA;EFhLM;IQlEN;IACA;ENqPA;E7CtPI;IAEI,uBmDCqB;ENsP7B;EnDjPA;IAWI,sByDfsB;ENwP1B;EFrLQ;ISvER;IAEA;EP8PA;EFtLU;ISpEV;IAEA;EP4PA;EFnLQ;IUjFR;IAEA;ERsQA;EFpLU;IU9EV;IAEA;ERoQA;AACF,C;;;;AS9QA;EACE;EACA;EACA;EACA;AADF;A9DJE;EACE;A8DMJ;AACE;EACE;EACA;EACA;AACJ;A9DZE;EACE;EAGE,sB8DQ+B;E9DA/B;A8DKN;AAHI;EACE;EACA;EACA;EACA;EACA;EACA;AAKN;AAFI;EACE;EACA;AAIN;A3DhBE;EACE;EACA;EACA,sB2DUkE;E3DTlE,gB2DSqD;E3DRrD,qCAlBS;EAmBT,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A2D6BZ;A5D7BE;EAQI,gB4DW6B;AAanC;AATI;EACE;EACA;AAWN;A3DjCE;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/ui/Buttons/styles/Buttons.module.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/baseButton.scss","webpack://indicator-ui/./src/styles/mixins/modify-flex.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/small.scss","webpack://indicator-ui/./src/styles/mixins/fnt-flex.scss","webpack://indicator-ui/./src/styles/mixins/fnt.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/medium.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/large.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/ultra.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/primary.scss","webpack://indicator-ui/./src/styles/mixins/modify-svg.scss","webpack://indicator-ui/./src/styles/adaptive/_breakpoints.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/secondary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-white.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tertiary-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-color.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-black.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/link-gray.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab-active.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/tab.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-primary.scss","webpack://indicator-ui/./src/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss","webpack://indicator-ui/./src/ui/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/InputFields/FlexField/styles/FlexField.module.scss","webpack://indicator-ui/./src/styles/mixins/centerInsideContent.scss","webpack://indicator-ui/./src/ui/InputFields/SelectField/styles/SelectField.module.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/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/ui/ToggleBase/styles/ToggleBase.module.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/base-button.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/spacer.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/active.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/error.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/medium.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/large.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/hover.scss","webpack://indicator-ui/./src/ui/ToggleBase/styles/mixins/disabled.scss","webpack://indicator-ui/./src/ui/Toggle/styles/Toggle.module.scss","webpack://indicator-ui/./src/ui/CascadeSelector/styles/CascadeBlock.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCheckbox.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/TagCount.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/Tag.module.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/base.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/hover.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/active.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/small.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/medium.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/large.scss","webpack://indicator-ui/./src/ui/Tag/styles/properties/clicked.scss","webpack://indicator-ui/./src/ui/SlideTransition/styles/SlideTransition.module.scss","webpack://indicator-ui/./src/ui/TabFrame/styles/TabFrame.module.scss","webpack://indicator-ui/./src/ui/TabButtons/styles/TabButtons.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PageSwitcher.module.scss","webpack://indicator-ui/./src/ui/PaginationBar/styles/PaginationBar.module.scss","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/styles/mixins/hiddeScrollBar.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/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"],"sourcesContent":[":root {\r\n --base-white: #FFFFFF;\r\n --base-black: #000000;\r\n\r\n --gray-25: #FCFCFD;\r\n --gray-50: #F9FAFB;\r\n --gray-100: #F2F4F7;\r\n --gray-200: #EAECF0;\r\n --gray-300: #D0D5DD;\r\n --gray-400: #98A2B3;\r\n --gray-500: #667085;\r\n --gray-600: #475467;\r\n --gray-700: #344054;\r\n --gray-800: #1D2939;\r\n --gray-900: #101828;\r\n --gray-950: #0C111D;\r\n\r\n --primary-25: #FCFAFF;\r\n --primary-50: #F9F5FF;\r\n --primary-100: #F4EBFF;\r\n --primary-200: #E9D7FE;\r\n --primary-300: #D6BBFB;\r\n --primary-400: #B692F6;\r\n --primary-500: #9E77ED;\r\n --primary-600: #7F56D9;\r\n --primary-700: #6941C6;\r\n --primary-800: #53389E;\r\n --primary-900: #42307D;\r\n --primary-950: #2C1C5F;\r\n\r\n --error-25: #FFFBFA;\r\n --error-50: #FEF3F2;\r\n --error-100: #FEE4E2;\r\n --error-200: #FECDCA;\r\n --error-300: #FDA29B;\r\n --error-400: #F97066;\r\n --error-500: #F04438;\r\n --error-600: #D92D20;\r\n --error-700: #B42318;\r\n --error-800: #912018;\r\n --error-900: #7A271A;\r\n --error-950: #55160C;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n\r\n --success-25: #F6FEF9;\r\n --success-50: #ECFDF3;\r\n --success-100: #DCFAE6;\r\n --success-200: #ABEFC6;\r\n --success-300: #75E0A7;\r\n --success-400: #47CD89;\r\n --success-500: #17B26A;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085D3A;\r\n --success-900: #074D31;\r\n --success-950: #053321;\r\n}\r\n",":root {\r\n --blue-dark-25: #F5F8FF;\r\n --blue-dark-50: #EFF4FF;\r\n --blue-dark-100: #D1E0FF;\r\n --blue-dark-200: #B2CCFF;\r\n --blue-dark-300: #84ADFF;\r\n --blue-dark-400: #528BFF;\r\n --blue-dark-500: #2970FF;\r\n --blue-dark-600: #155EEF;\r\n --blue-dark-700: #004EEB;\r\n --blue-dark-800: #0040C1;\r\n --blue-dark-900: #00359E;\r\n --blue-dark-950: #002266;\r\n}\r\n\r\n:root {\r\n --orange-25: #FEFAF5;\r\n --orange-50: #FEF6EE;\r\n --orange-100: #FDEAD7;\r\n --orange-200: #F9DBAF;\r\n --orange-300: #F7B27A;\r\n --orange-400: #F38744;\r\n --orange-500: #EF6820;\r\n --orange-600: #E04F16;\r\n --orange-700: #B93815;\r\n --orange-800: #932F19;\r\n --orange-900: #772917;\r\n --orange-950: #511C10;\r\n}\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}","@use 'mixins/baseButton' as baseButton;\r\n@use 'mixins/properties' as properties;\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 }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n cursor: pointer;\r\n transition: all ease-out 0.2s;\r\n @include modify-flex(row, center, center);\r\n\r\n .icon {\r\n width: fit-content;\r\n height: fit-content;\r\n @include modify-flex(row, center, center);\r\n }\r\n\r\n .text {\r\n text-align: center;\r\n flex: none;\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {\r\n & {\r\n display: flex;\r\n\r\n @if ($direction != null) {\r\n flex-direction: $direction;\r\n }\r\n\r\n @if ($justify-content != null) {\r\n justify-content: $justify-content;\r\n }\r\n\r\n @if ($align-items != null) {\r\n align-items: $align-items;\r\n }\r\n @content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin smallButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 4px;\r\n @include fnt-flex($size: 14, $line-height: 16, $family: $golos-ui);\r\n }\r\n}","@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","$golos-ui: 'Golos UI', sans-serif;\r\n$golos-text: 'Golos Text', sans-serif;\r\n\r\n@mixin fnt(\r\n $size: 16,\r\n $line-height: 24,\r\n $color: black,\r\n $weight: 400,\r\n $family: $golos-ui,\r\n $stretch: normal,\r\n $style: normal,\r\n $variant: normal,\r\n $units: px,\r\n) {\r\n & {\r\n font-size: #{$size}#{$units};\r\n line-height: #{$line-height}#{$units};\r\n color: $color;\r\n font-weight: $weight;\r\n font-family: $family;\r\n font-stretch: $stretch;\r\n font-style: $style;\r\n font-variant: $variant;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin mediumButton {\r\n // С учетом border\r\n padding: 9px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n // С учетом border\r\n padding: 11px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 6px;\r\n @include fnt-flex($size: 16, $line-height: 20, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n // С учетом border\r\n padding: 17px;\r\n\r\n .icon {\r\n @include modify-svg() {\r\n & {\r\n flex: none;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n padding: 0 12px;\r\n @include fnt-flex($size: 18, $line-height: 24, $family: $golos-ui);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n border-radius: 8px;\r\n background-color: var(--blue-dark-500);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--base-white));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(:active) {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n //&:focus {\r\n // background-color: var(--blue-dark-500);\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n }\r\n}","@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {\r\n & {\r\n svg {\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n\r\n @if ($stroke-width != null) {\r\n stroke-width: $stroke-width;\r\n }\r\n }\r\n\r\n & {\r\n @content;\r\n }\r\n }\r\n }\r\n}","@use 'variables' as *;\r\n\r\n@mixin mobile {\r\n @media only screen and (max-width: #{$mobile-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin tablet {\r\n @media only screen and (max-width: #{$tablet-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin laptop {\r\n @media only screen and (max-width: #{$laptop-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin hd {\r\n @media only screen and (max-width: #{$hd-width}px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin hd-plus {\r\n @media only screen and (min-width: #{$hd-width}px) {\r\n @content;\r\n }\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","@use '@/styles' as *;\r\n\r\n@mixin secondaryColorButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--blue-dark-200);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--blue-dark-500));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(:active) {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-300);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-300);\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(--blue-dark-300);\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 secondaryGrayButton {\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n border: 1px solid var(--gray-300);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(: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 @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\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 //&: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","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-100));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-100));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--base-white);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--base-white);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n color: var(--blue-dark-500);\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-700));\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n color: var(--gray-700);\r\n @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--blue-dark-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--blue-dark-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--blue-dark-700));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-500);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\r\n .text {\r\n color: var(--gray-500);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n }\r\n }\r\n\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 .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-700));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(: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 @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\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 &: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 .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .text {\r\n @include fnt-flex($weight: 500, $color: var(--gray-500));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(: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 @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\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 &: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 @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled) {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\r\n }\r\n\r\n &:active:not(.disabled):not(:disabled) {\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:not(.disabled):not(:disabled) {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\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 .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .text {\r\n color: var(--error-500);\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(:active) {\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:not(.disabled):not(:disabled) {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\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 .text {\r\n padding: 0 !important;\r\n @include fnt-flex($weight: 400, $color: var(--error-500));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover:not(.disabled):not(:disabled):not(: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 @include tablet {\r\n &:active:not(.disabled):not(:disabled) {\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 &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\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}","@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(--blue-dark-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(--blue-dark-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(--blue-dark-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(--blue-dark-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--blue-dark-100);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--blue-dark-100);\r\n @include modify-svg($stroke: var(--blue-dark-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(--blue-dark-200);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--blue-dark-50);\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--blue-dark-50);\r\n @include modify-svg($stroke: var(--blue-dark-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(--blue-dark-50));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n @include modify-svg($stroke: var(--blue-dark-200));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include modify-svg($stroke: var(--blue-dark-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.flexField {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 0;\r\n\r\n // С учетом border\r\n padding: 9px 11px;\r\n border-radius: 8px;\r\n gap: 12px;\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n box-sizing: border-box;\r\n\r\n @include centerInsideContent();\r\n\r\n .inputField {\r\n flex: 1;\r\n min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие\r\n\r\n min-height: 24px;\r\n outline: none;\r\n padding: 0;\r\n margin: 0;\r\n\r\n border: none;\r\n background: none;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder, &.placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n .icon {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .textSupport {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n .help {\r\n padding: 2px 0;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 16px;\r\n height: 16px;\r\n flex: none;\r\n }\r\n }\r\n\r\n .dropdown {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-500)) {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n }\r\n\r\n &.dropdownReverse {\r\n transform: rotateX(-180deg);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 2px 0;\r\n transition: all ease-in-out 200ms;\r\n 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 &.pointer {\r\n cursor: pointer;\r\n }\r\n\r\n &.focus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .help {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n &.focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--gray-50);\r\n cursor: default;\r\n 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 {\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}","@mixin centerInsideContent {\r\n & {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.selectField {\r\n width: 100%;\r\n\r\n .modalWindowWrapper {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .modalWindow {\r\n width: 100%;\r\n position: absolute;\r\n\r\n .selectModalWindow {\r\n z-index: 10;\r\n animation: show-animation ease-out forwards 200ms;\r\n\r\n width: 100%;\r\n height: fit-content;\r\n max-height: 300px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n border-radius: 8px;\r\n padding: 4px;\r\n\r\n background-color: var(--base-white);\r\n box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;\r\n\r\n overflow: scroll;\r\n scrollbar-width: none;\r\n\r\n transform: translateY(4px);\r\n\r\n .selectFieldOptionsItem {\r\n width: 100%;\r\n height: fit-content;\r\n gap: 8px;\r\n padding: 10px 16px;\r\n\r\n @include centerInsideContent();\r\n\r\n .label {\r\n flex: 1;\r\n text-align: left;\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n &.active {\r\n background-color: var(--blue-dark-50);\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@keyframes show-animation {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));\r\n\r\n .required {\r\n @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));\r\n }\r\n }\r\n\r\n .hintText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));\r\n }\r\n\r\n .hintError {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));\r\n }\r\n\r\n .helperLink {\r\n display: flex;\r\n 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(--blue-dark-500), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--blue-dark-500));\r\n }\r\n\r\n &.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}","@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\r\n resize: none;\r\n border-radius: 8px;\r\n // С учетом border\r\n padding: 9px 11px;\r\n\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n transition: all ease-out 200ms;\r\n\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n\r\n &::placeholder {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n &:focus {\r\n border: 1px solid var(--gray-400);\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--gray-50);\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));\r\n }\r\n\r\n &.isError {\r\n border: 1px solid var(--error-300);\r\n\r\n &:focus {\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.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}","@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\r\n .modalWindow {\r\n position: fixed;\r\n z-index: 10;\r\n transform: translateY(4px);\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\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","@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 @include base.checkbox-mark-base();\r\n\r\n &.checkbox {\r\n @include properties.checkbox();\r\n }\r\n\r\n &.radio {\r\n @include properties.radio();\r\n }\r\n\r\n &.checked {\r\n @include properties.checked();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate();\r\n }\r\n\r\n &.error {\r\n @include properties.error();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked();\r\n\r\n &.disabled {\r\n @include properties.correct-disabled();\r\n }\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked();\r\n\r\n &.disabled {\r\n @include properties.incorrect-disabled();\r\n }\r\n }\r\n }\r\n\r\n @include tablet-plus {\r\n &.hover {\r\n @include base.checkbox-mark-base-hover();\r\n\r\n &.checked {\r\n @include properties.checked-hover();\r\n }\r\n\r\n &.indeterminate {\r\n @include properties.indeterminate-hover();\r\n }\r\n\r\n &.error {\r\n @include properties.error-hover();\r\n }\r\n\r\n &.disabled {\r\n @include properties.disabled-hover();\r\n }\r\n\r\n &.correct {\r\n &.checked {\r\n @include properties.correct-checked-hover();\r\n\r\n &.disabled {\r\n @include properties.correct-disabled-hover();\r\n }\r\n }\r\n }\r\n\r\n &.incorrect {\r\n &.checked {\r\n @include properties.incorrect-checked-hover();\r\n\r\n &.disabled {\r\n @include properties.incorrect-disabled-hover();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checkbox-mark-base-hover() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-200);\r\n}\r\n\r\n@mixin checkbox-mark-base() {\r\n width: 20px;\r\n height: 20px;\r\n flex: none;\r\n\r\n background-color: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n overflow: hidden;\r\n\r\n @include centerInsideContent();\r\n @include modify-svg($stroke-width: 4) {\r\n width: 14px;\r\n height: 14px;\r\n flex: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include checkbox-mark-base-hover();\r\n }\r\n }\r\n}",".checkboxMark {\n transition: all ease-out 0.2s;\n width: 20px;\n height: 20px;\n flex: none;\n background-color: var(--base-white);\n border: 1px solid var(--gray-300);\n box-sizing: border-box;\n cursor: pointer;\n overflow: hidden;\n}\n.checkboxMark {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.checkboxMark svg * {\n stroke-width: 4;\n}\n.checkboxMark svg {\n width: 14px;\n height: 14px;\n flex: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark:hover {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n }\n}\n.checkboxMark.checkbox {\n border-radius: 6px;\n}\n.checkboxMark.radio {\n border-radius: 50%;\n}\n.checkboxMark.radio:after {\n display: none;\n flex: none;\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: var(--blue-dark-500);\n}\n.checkboxMark.checked {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n}\n.checkboxMark.checked svg * {\n stroke: var(--blue-dark-500);\n}\n.checkboxMark.checked:after {\n display: block;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.checked:hover {\n border: 1px solid var(--blue-dark-400);\n }\n}\n.checkboxMark.indeterminate {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n}\n.checkboxMark.indeterminate svg * {\n stroke: var(--blue-dark-500);\n}\n.checkboxMark.indeterminate {\n font-size: 14px;\n line-height: 14px;\n color: var(--blue-dark-500);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.indeterminate:hover {\n border: 1px solid var(--blue-dark-400);\n }\n}\n.checkboxMark.error {\n background-color: var(--error-50);\n border: 1px solid var(--error-200);\n}\n.checkboxMark.error svg * {\n stroke: var(--error-500);\n}\n.checkboxMark.error {\n color: var(--error-500);\n}\n.checkboxMark.error:after {\n background-color: var(--error-500);\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.error:hover {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n }\n}\n.checkboxMark.disabled {\n cursor: default;\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n}\n.checkboxMark.disabled:after {\n background-color: var(--gray-300);\n}\n.checkboxMark.disabled svg * {\n stroke: var(--gray-300);\n}\n.checkboxMark.disabled {\n color: var(--gray-300);\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.disabled:hover {\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n }\n .checkboxMark.disabled:hover svg * {\n stroke: var(--gray-300);\n }\n .checkboxMark.disabled:hover {\n color: var(--gray-300);\n }\n}\n.checkboxMark.correct.checked {\n background-color: var(--blue-dark-500);\n border: transparent;\n}\n.checkboxMark.correct.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.correct.checked:after {\n display: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.correct.checked:hover {\n background-color: var(--blue-dark-600);\n border: transparent;\n }\n}\n.checkboxMark.correct.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.correct.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.correct.checked.disabled svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.correct.checked.disabled:after {\n display: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.correct.checked.disabled:hover {\n background-color: var(--gray-300);\n border: transparent;\n }\n}\n.checkboxMark.incorrect.checked {\n background-color: var(--error-500);\n border: transparent;\n}\n.checkboxMark.incorrect.checked {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked:after {\n display: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.incorrect.checked:hover {\n background-color: var(--error-600);\n border: transparent;\n }\n}\n.checkboxMark.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n}\n.checkboxMark.incorrect.checked.disabled {\n font-size: 14px;\n line-height: 14px;\n color: var(--base-white);\n font-weight: 500;\n font-family: \"Golos UI\", sans-serif;\n font-stretch: normal;\n font-style: normal;\n font-variant: normal;\n}\n.checkboxMark.incorrect.checked.disabled svg * {\n stroke: var(--base-white);\n}\n.checkboxMark.incorrect.checked.disabled:after {\n display: none;\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.incorrect.checked.disabled:hover {\n background-color: var(--gray-300);\n border: transparent;\n }\n}\n@media only screen and (min-width: 1024px) {\n .checkboxMark.hover {\n background-color: var(--blue-dark-50);\n border: 1px solid var(--blue-dark-200);\n }\n .checkboxMark.hover.checked {\n border: 1px solid var(--blue-dark-400);\n }\n .checkboxMark.hover.indeterminate {\n border: 1px solid var(--blue-dark-400);\n }\n .checkboxMark.hover.error {\n background-color: var(--error-50);\n border: 1px solid var(--error-400);\n }\n .checkboxMark.hover.disabled {\n background-color: var(--gray-100);\n border: 1px solid var(--gray-300);\n }\n .checkboxMark.hover.disabled svg * {\n stroke: var(--gray-300);\n }\n .checkboxMark.hover.disabled {\n color: var(--gray-300);\n }\n .checkboxMark.hover.correct.checked {\n background-color: var(--blue-dark-600);\n border: transparent;\n }\n .checkboxMark.hover.correct.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n }\n .checkboxMark.hover.incorrect.checked {\n background-color: var(--error-600);\n border: transparent;\n }\n .checkboxMark.hover.incorrect.checked.disabled {\n background-color: var(--gray-300);\n border: transparent;\n }\n}","@mixin checkbox() {\r\n border-radius: 6px;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin radio() {\r\n border-radius: 50%;\r\n\r\n &:after {\r\n display: none;\r\n flex: none;\r\n content: '';\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background-color: var(--blue-dark-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checked-hover() {\r\n border: 1px solid var(--blue-dark-400);\r\n}\r\n\r\n@mixin checked() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-200);\r\n\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n\r\n &:after {\r\n display: block;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include checked-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin indeterminate-hover() {\r\n border: 1px solid var(--blue-dark-400);\r\n}\r\n\r\n@mixin indeterminate() {\r\n background-color: var(--blue-dark-50);\r\n border: 1px solid var(--blue-dark-200);\r\n\r\n @include modify-svg($stroke: var(--blue-dark-500));\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--blue-dark-500));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include indeterminate-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin error-hover() {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\r\n}\r\n\r\n@mixin error() {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-200);\r\n\r\n @include modify-svg($stroke: var(--error-500));\r\n @include fnt-flex($color: var(--error-500));\r\n\r\n &:after {\r\n background-color: var(--error-500);\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include error-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin disabled-hover() {\r\n background-color: var(--gray-100);\r\n border: 1px solid var(--gray-300);\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n}\r\n\r\n@mixin disabled() {\r\n cursor: default;\r\n\r\n background-color: var(--gray-100);\r\n border: 1px solid var(--gray-300);\r\n\r\n &:after {\r\n background-color: var(--gray-300);\r\n }\r\n\r\n @include modify-svg($stroke: var(--gray-300));\r\n @include fnt-flex($color: var(--gray-300));\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include disabled-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin correct-checked-hover() {\r\n background-color: var(--blue-dark-600);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin correct-disabled-hover() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin correct-checked() {\r\n background-color: var(--blue-dark-500);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include correct-checked-hover();\r\n }\r\n }\r\n}\r\n\r\n@mixin correct-disabled() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include correct-disabled-hover();\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin incorrect-checked-hover() {\r\n background-color: var(--error-600);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin incorrect-disabled-hover() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n}\r\n\r\n@mixin incorrect-checked() {\r\n background-color: var(--error-500);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include incorrect-checked-hover();\r\n }\r\n }\r\n}\r\n\r\n@mixin incorrect-disabled() {\r\n background-color: var(--gray-300);\r\n\r\n border: transparent;\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));\r\n @include modify-svg($stroke: var(--base-white));\r\n\r\n &:after {\r\n display: none;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n @include incorrect-disabled-hover();\r\n }\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 @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 .text, .supportingText {\r\n width: 100%;\r\n text-wrap: nowrap;\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 text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &.textBold {\r\n @include fnt-flex($weight: 600);\r\n }\r\n }\r\n\r\n .supportingText {\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n }\r\n\r\n @include tablet-plus {\r\n &.hover,\r\n &.focus {\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n }\r\n\r\n @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-500));\r\n }\r\n\r\n .supportingText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n }\r\n\r\n &.error {\r\n .textBlock .supportingText {\r\n @include fnt-flex($color: var(--error-400));\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@use '@/styles' as *;\r\n@use 'mixins';\r\n\r\n.toggleBase {\r\n transition: all ease-out 0.2s;\r\n @include mixins.base();\r\n\r\n .button {\r\n @include mixins.base-button();\r\n }\r\n\r\n .spacer {\r\n transition: flex-grow ease-in-out 0.2s;\r\n @include mixins.spacer();\r\n }\r\n\r\n &.active {\r\n @include mixins.active();\r\n\r\n .spacer {\r\n @include mixins.active-spacer();\r\n }\r\n }\r\n\r\n &.error {\r\n @include mixins.error-base();\r\n\r\n &.active {\r\n @include mixins.error-active();\r\n }\r\n }\r\n\r\n &.medium {\r\n @include mixins.medium-base();\r\n\r\n .button {\r\n @include mixins.medium-button();\r\n }\r\n }\r\n\r\n &.large {\r\n @include mixins.large-base();\r\n\r\n .button {\r\n @include mixins.large-button();\r\n }\r\n }\r\n\r\n @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}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n border-radius: 12px;\r\n padding: 1px;\r\n border: 1px solid transparent;\r\n background-color: var(--gray-300);\r\n @include modify-flex($align-items: center);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base-button() {\r\n flex: none;\r\n border: 1px solid transparent;\r\n border-radius: 50%;\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;\r\n}","@use '@/styles' as *;\r\n\r\n@mixin spacer() {\r\n flex-grow: 0;\r\n}","@mixin active() {\r\n background-color: var(--blue-dark-500);\r\n}\r\n\r\n@mixin active-spacer() {\r\n flex-grow: 1;\r\n}\r\n\r\n","@mixin error-base() {\r\n background-color: var(--error-200);\r\n}\r\n\r\n@mixin error-active() {\r\n background-color: var(--error-500);\r\n}","@mixin medium-base() {\r\n width: 36px;\r\n height: 20px;\r\n}\r\n\r\n@mixin medium-button() {\r\n width: 16px;\r\n height: 16px;\r\n}","@mixin large-base() {\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n@mixin large-button() {\r\n width: 20px;\r\n height: 20px;\r\n}","@mixin hover() {\r\n background-color: var(--gray-400);\r\n}\r\n\r\n@mixin hover-active() {\r\n background-color: var(--blue-dark-600);\r\n}\r\n\r\n@mixin hover-error() {\r\n background-color: var(--error-300);\r\n}\r\n\r\n@mixin hover-active-error() {\r\n background-color: var(--error-600);\r\n}","@mixin disabled-base() {\r\n cursor: default;\r\n opacity: 0.5;\r\n}\r\n","@use '@/styles' as *;\r\n\r\n.toggle {\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}","@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(--blue-dark-200);\r\n background-color: var(--blue-dark-50);\r\n }\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--blue-dark-500);\r\n background-color: var(--blue-dark-500);\r\n @include modify-svg() {\r\n opacity: 1;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--blue-dark-600);\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n }\r\n\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(--blue-dark-100);\r\n }\r\n\r\n &.small {\r\n padding: 2px 4px 2px 4px;\r\n @include fnt-flex($size: 12, $line-height: 14, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n &.medium {\r\n padding: 2px 5px 2px 5px;\r\n @include fnt-flex($size: 12, $line-height: 16, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n &.large {\r\n padding: 0 6px 0 6px;\r\n @include fnt-flex($size: 12, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n }\r\n}","@use 'properties';\r\n\r\n.tag {\r\n @include properties.base();\r\n\r\n &:hover {\r\n @include properties.hover();\r\n }\r\n\r\n &.active {\r\n @include properties.active();\r\n\r\n &:hover {\r\n @include properties.active-hover();\r\n }\r\n }\r\n\r\n &.small {\r\n @include properties.small();\r\n }\r\n\r\n &.medium {\r\n @include properties.medium();\r\n }\r\n\r\n &.large {\r\n @include properties.large();\r\n }\r\n\r\n &.clicked {\r\n @include properties.clicked();\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin base() {\r\n width: fit-content;\r\n height: fit-content;\r\n gap: 3px;\r\n border-radius: 6px;\r\n border: 1px solid var(--gray-300);\r\n background-color: var(--base-white);\r\n transition: background-color ease-out 300ms;\r\n cursor: default;\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .label {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n\r\n .dotIcon {\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--success-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin hover() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin active() {\r\n border: 1px solid var(--blue-dark-200);\r\n background-color: var(--blue-dark-50);\r\n\r\n &:hover {\r\n border: 1px solid var(--blue-dark-300);\r\n background-color: var(--blue-dark-100);\r\n }\r\n}\r\n\r\n@mixin active-hover() {\r\n border: 1px solid var(--blue-dark-300);\r\n background-color: var(--blue-dark-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n // С учетом border\r\n padding: 2px 7px;\r\n @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);\r\n\r\n .main {\r\n gap: 4px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin medium() {\r\n // С учетом border\r\n padding: 1px 8px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n\r\n .main {\r\n gap: 5px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 4px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin large() {\r\n // С учетом border\r\n padding: 3px 9px;\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500);\r\n\r\n .main {\r\n gap: 6px;\r\n }\r\n\r\n &.isAction {\r\n padding-right: 4px;\r\n }\r\n\r\n &.isCheckbox {\r\n padding-left: 5px;\r\n }\r\n}","@mixin clicked() {\r\n cursor: pointer;\r\n}","@use '@/styles' as *;\r\n\r\n.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 border-radius: 8px;\r\n padding: 4px;\r\n gap: 4px;\r\n background-color: var(--gray-100);\r\n @include modify-flex();\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tabButtons {\r\n border-radius: 6px;\r\n // С учетом border\r\n padding: 9px;\r\n background-color: var(--gray-100);\r\n cursor: pointer;\r\n transition: all 200ms ease-out;\r\n border: 1px solid transparent;\r\n @include modify-flex($justify-content: center, $align-items: center);\r\n\r\n .rightIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .leftIcon {\r\n @include modify-svg($stroke: var(--gray-700)) {\r\n display: block;\r\n flex: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .text {\r\n width: fit-content;\r\n padding: 0 4px;\r\n @include fnt($size: 14, $line-height: 16, $weight: 500, $color: var(--gray-600));\r\n }\r\n\r\n @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}","@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}",".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: scale-down;\r\n overflow: hidden;\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 @include modify-flex($align-items: center);\r\n\r\n .showIcon {\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--gray-400)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\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-overflow: ellipsis;\r\n overflow: hidden;\r\n text-wrap: nowrap;\r\n text-align: start;\r\n transition: color ease-in-out 200ms;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n .check {\r\n opacity: 0;\r\n transition: opacity ease-out 200ms;\r\n @include centerInsideContent();\r\n @include modify-svg($stroke: var(--blue-dark-500)) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n & {\r\n display: none;\r\n }\r\n }\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 &.selected {\r\n background-color: var(--blue-dark-50);\r\n\r\n .check {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\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 @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-400));\r\n }\r\n }\r\n\r\n &.medium {\r\n padding: 10px 10px 10px 16px;\r\n\r\n .text {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\r\n }\r\n\r\n .supportText {\r\n @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));\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}","@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(--blue-dark-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(--blue-dark-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\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\r\n .progressBar {\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background-color: var(--blue-dark-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 flex: none;\r\n width: fit-content;\r\n height: 100%;\r\n position: relative;\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 .content {\r\n flex: none;\r\n height: 100%;\r\n object-fit: fill;\r\n }\r\n\r\n .playButton {\r\n display: none;\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 @include centerInsideContent();\r\n\r\n &.show {\r\n animation: appearance ease-out 200ms forwards;\r\n }\r\n }\r\n}\r\n\r\n@keyframes appearance {\r\n from {\r\n display: block;\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.ImageViewer {\r\n flex: none;\r\n width: fit-content;\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 flex: 1;\r\n width: 100%;\r\n height: 100%;\r\n @include centerInsideContent();\r\n }\r\n\r\n .control {\r\n width: 100%;\r\n position: absolute;\r\n bottom: 32px;\r\n @include centerInsideContent();\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(--blue-dark-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(--blue-dark-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(--blue-dark-50);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--blue-dark-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--blue-dark-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(--blue-dark-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(--blue-dark-300));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--blue-dark-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--blue-dark-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\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(--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 @include fnt-flex($color: var(--gray-400));\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(--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 @include fnt-flex($color: var(--gray-400));\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(--blue-dark-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(--blue-dark-500));\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\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}","@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 hiddeScrollBar;\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","@mixin hiddeScrollBar() {\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, Edge */\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}","@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 .header {\r\n width: 100%;\r\n @include modify-flex($justify-content: space-between, $align-items: center);\r\n\r\n .switchers {\r\n gap: 2px;\r\n @include modify-flex($align-items: center);\r\n }\r\n }\r\n\r\n .grid {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 4px;\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 centerInsideContent;\r\n\r\n .main {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n @include centerInsideContent;\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: $golos-text);\r\n @include centerInsideContent;\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}","@use '@/styles' as *;\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}","@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 height: fit-content;\r\n border-radius: 8px;\r\n padding: 4px;\r\n border: 1px solid var(--gray-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;\r\n overflow: auto;\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(--gray-600));\r\n }\r\n}"],"names":[],"sourceRoot":""}