indicator-ui 0.0.327 → 0.0.328

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 (53) hide show
  1. package/dist/index.css +239 -212
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +251 -161
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/ui/Buttons/styles/mixins/baseButton.scss +18 -4
  6. package/dist/scss/ui/Buttons/styles/mixins/properties/large.scss +11 -3
  7. package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss +23 -18
  8. package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss +24 -19
  9. package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +23 -18
  10. package/dist/scss/ui/Buttons/styles/mixins/properties/medium.scss +11 -3
  11. package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +16 -12
  12. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +18 -14
  13. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +19 -16
  14. package/dist/scss/ui/Buttons/styles/mixins/properties/small.scss +10 -2
  15. package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +23 -19
  16. package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +23 -19
  17. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +24 -20
  18. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss +23 -22
  19. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +25 -20
  20. package/dist/scss/ui/Buttons/styles/mixins/properties/ultra.scss +10 -2
  21. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-link-color.scss +22 -17
  22. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-primary.scss +15 -13
  23. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss +11 -7
  24. package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss +2 -2
  25. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss +4 -4
  26. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +2 -2
  27. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss +5 -5
  28. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/radio.scss +1 -1
  29. package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss +2 -2
  30. package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss +3 -3
  31. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss +6 -6
  32. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss +5 -5
  33. package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss +3 -3
  34. package/dist/scss/ui/Tag/styles/properties/active.scss +6 -6
  35. package/dist/scss/ui/ToggleBase/styles/mixins/active.scss +1 -1
  36. package/dist/scss/ui/ToggleBase/styles/mixins/disabled.scss +1 -0
  37. package/dist/scss/ui/ToggleBase/styles/mixins/hover.scss +1 -1
  38. package/dist/types/src/ui/Buttons/types/ButtonTypes.d.ts +2 -0
  39. package/dist/types/src/ui/Buttons/ui/Button.d.ts +1 -0
  40. package/dist/types/src/ui/DateTimePicker/ui/DateTimePickerSmart.d.ts +14 -0
  41. package/dist/types/src/ui/DateTimePicker/ui/index.d.ts +1 -0
  42. package/dist/types/src/ui/InputFields/DateTimeField/types/DateFieldTypes.d.ts +10 -1
  43. package/dist/types/src/ui/InputFields/DateTimeField/types/DateTimeFieldTypes.d.ts +8 -0
  44. package/dist/types/src/ui/InputFields/DateTimeField/types/TimeFieldTypes.d.ts +10 -1
  45. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts +1 -1
  46. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts +1 -1
  47. package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts +1 -1
  48. package/dist/types/src/ui/InputFields/DateTimeRangeField/types/DateRangeFieldTypes.d.ts +8 -0
  49. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateRangeField.d.ts +1 -1
  50. package/dist/types/src/ui/InputFields/FlexField/index.d.ts +1 -1
  51. package/dist/types/src/ui/InputFields/FlexField/ui/FlexField.d.ts +1 -2
  52. package/dist/types/src/ui/InputFields/FlexField/ui/index.d.ts +1 -0
  53. package/package.json +1 -1
package/dist/index.css.map CHANGED
@@ -1 +1 @@
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":""}
1
+ {"version":3,"file":"index.css","mappings":"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;EAGA;EAGA,gBGMwD;EHAxD,mCCzBK;ALsHX;AApGE;EQdA;ARqHF;AQjHM;EACE;EACA;EACA;ARmHR;AQ9GE;EACE;EACA;ARgHJ;AIvHE;EAEI;EAGA;EAGA,gBIEwD;EJIxD,mCCzBK;ALwIX;AI7HE;EAEI;EAGA;EAGA,gBIMwD;EJAxD,mCCzBK;AL8IX;AAxHE;ESnBA;EACA;EACA;EACA;AT8IF;AUjJM;EAEI,yBDIuB;AT8IjC;AI5IE;EAWI,wBKR0B;AT4IhC;AWzHE;EFbI;IACE;ETyIN;AACF;AWtJE;EFiBI;IACE;ETwIN;AACF;AS9HE;EACE;ATgIJ;AA7IE;EYvBA;EACA;EACA;EACA;AZuKF;AU1KM;EAEI,0BEIuB;AZuKjC;AIrKE;EAWI,yBQR0B;AZqKhC;AWlJE;ECbI;IACE;IACA;EZkKN;AACF;AWhLE;ECkBI;IACE;IACA;EZiKN;AACF;AYzJE;EACE;AZ2JJ;AApKE;Ea3BA;EACA;EACA;EACA;AbkMF;AUrMM;EAEI,uBGIuB;AbkMjC;AIhME;EAWI,sBSR0B;AbgMhC;AW7KE;EEbI;IACE;IACA;Eb6LN;Ea3LM;IACE;Eb6LR;AACF;AW9ME;EEsBI;IACE;IACA;Eb2LN;EazLM;IACE;Eb2LR;AACF;AajLE;EACE;AbmLJ;AAjME;EcnBA;AduNF;AUnOM;EAEI,0BIauB;AduNjC;AI9NE;EAWI,yBUC0B;AdqNhC;AW3ME;EPtBA;IAWI,wBUjB0B;Ed2O9B;EU7OI;IAEI,yBIKuB;EdyO/B;AACF;AW3OE;EPEA;IAWI,wBUjB0B;EdmP9B;EUrPI;IAEI,yBIKuB;EdiP/B;AACF;AcnNE;EACE;AdqNJ;AAzNE;EevBA;AfmPF;AU/PM;EAEI,0BKYuB;AfoPjC;AI1PE;EAWI;AJkPN;AWvOE;EPtBA;IAWI,yBWjB0B;EfuQ9B;EUzQI;IAEI,0BKKuB;EfqQ/B;AACF;AWvQE;EPEA;IAWI,yBWjB0B;Ef+Q9B;EUjRI;IAEI,0BKKuB;Ef6Q/B;AACF;AehPE;EACE;AfkPJ;AAjPE;EgB5BA;AhBgRF;AU3RM;EAEI,uBMWuB;AhBiRjC;AItRE;EAWI,sBYD0B;AhB+QhC;AWnQE;EPtBA;IAWI,sBYjB0B;EhBmS9B;EUrSI;IAEI,uBMIuB;EhBkS/B;AACF;AWnSE;EPEA;IAWI,sBYjB0B;EhB2S9B;EU7SI;IAEI,uBMIuB;EhB0S/B;AACF;AgB7QE;EACE;AhB+QJ;AAzQE;EiB/BA;EACA;AjB2SF;AUxTM;EAEI,0BOcuB;AjB2SjC;AiBxSE;EACE;AjB0SJ;AItTE;EAWI,yBaI0B;AjB0ShC;AWnSE;EPtBA;IAWI,yBajB0B;EjBmU9B;EUrUI;IAEI,0BOKuB;EjBiU/B;AACF;AWnUE;EPEA;IAWI,yBajB0B;EjB2U9B;EU7UI;IAEI,0BOKuB;EjByU/B;AACF;AiBxSE;EACE;AjB0SJ;AArSE;EkBnCA;EACA;AlB2UF;AUxVM;EAEI,uBQcuB;AlB2UjC;AkBxUE;EACE;AlB0UJ;AItVE;EAWI,sBcI0B;AlB0UhC;AWnUE;EPtBA;IAWI,sBcjB0B;ElBmW9B;EUrWI;IAEI,uBQKuB;ElBiW/B;AACF;AWnWE;EPEA;IAWI,sBcjB0B;ElB2W9B;EU7WI;IAEI,uBQKuB;ElByW/B;AACF;AkBxUE;EACE;AlB0UJ;AAjUE;EmBvCA;EACA;AnB2WF;AUxXM;EAEI,uBScuB;AnB2WjC;AmBxWE;EACE;AnB0WJ;AItXE;EAWI,sBeI0B;AnB0WhC;AWnWE;EPtBA;IAWI,sBejB0B;EnBmY9B;EUrYI;IAEI,uBSKuB;EnBiY/B;AACF;AWnYE;EPEA;IAWI,sBejB0B;EnB2Y9B;EU7YI;IAEI,uBSKuB;EnByY/B;AACF;AmBxWE;EACE;AnB0WJ;AA7VE;EoBvDA;EACA;EACA;EACA;ApBuZF;AU1ZM;EAEI,uBUIuB;ApBuZjC;AIrZE;EAWI,sBgBR0B;ApBqZhC;AWlYE;ED9BI;IAEI,uBUkB+B;EpBgZvC;EoB7YQ;IACE;EpB+YV;AACF;AWlaE;EDNI;IAEI,uBUgC+B;EpB0YvC;EoBvYQ;IACE;EpByYV;AACF;AoBnYE;EACE;ApBqYJ;AAxXE;EqB3DA;EACA;EACA;EACA;ArBsbF;AUzbM;EAEI,uBWIuB;ArBsbjC;AIpbE;EAWI,sBiBR0B;ArBobhC;AWjaE;EUbI;IACE;ErBibN;EUncI;IAEI,uBWmB6B;ErBibrC;EqB9aM;IACE;ErBgbR;AACF;AWpcE;EUyBI;IACE;ErB8aN;EU9cI;IAEI,uBWiC6B;ErB8arC;EqB3aM;IACE;ErB6aR;AACF;AqBxaE;EACE;ArB0aJ;AAxZI;EsBhEF;EACA;EACA;EACA;AtB2dF;AWhcE;EWvBI;IACE;IACA;EtB0dN;EsBvdI;IACE;IACA;EtBydN;AACF;AWleE;EWaI;IACE;IACA;EtBwdN;AACF;AsBhdE;EACE;AtBkdJ;AA7aI;EuBpEF;EACA;EACA;AvBofF;AUtfM;EAEI,wBaGuB;AvBofjC;AIjfE;EAWI,uBmBT0B;AvBkfhC;AW9dE;EYdI;IACE;IACA;EvB+eN;AACF;AW5fE;EYiBI;IACE;IACA;EvB8eN;AACF;AuBteE;EACE;AvBweJ;AU3gBM;EAEI,wBcDuB;AxB6gBjC;AwB1gBE;EACE;AxB4gBJ;AIzgBE;EAWI,uBoBX0B;AxB4gBhC;AWtfE;EafM;IACE;ExBwgBR;EUxhBI;IAEI,wBckB6B;ExBugBrC;AACF;AWthBE;EaqBM;IACE;ExBogBR;EUhiBI;IAEI,wBc8B6B;ExBmgBrC;AACF;AwB9fE;EACE;AxBggBJ;AA1dE;EACE;AA4dJ,C;;;;AyB1iBA;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,0BoBKyB;ELqFjC;AACF;AdvFE;EmBME;IACE;ELoFJ;EfjGI;IAEI,0BoBYyB;ELsFjC;AACF;AAlFE;EMnBA;EACA;ANwGF;AfzGM;EAEI;Ae0GV;Ad9EE;EoBzBE;IACE;EN0GJ;EfhHI;IAEI,0BqBKyB;EN4GjC;AACF;Ad9GE;EoBME;IACE;EN2GJ;EfxHI;IAEI,0BqBYyB;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,0BuBKyB;ER0JjC;AACF;Ad5JE;EsBME;IACE;ERyJJ;EftKI;IAEI,0BuBYyB;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,0B0BIyB;EX6NjC;AACF;Ad9NE;EDNI;IAEI,0B0BUyB;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;AA7M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;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;EAC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;AADF;A7FFE;EACE;EAWE,mB6FR+B;AAErC,C;;;;ACLA;EACE;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;EACA;EACA;EACA;AADJ;AAKI;EACE;AAHN;AAQI;EACE;AANN,C;;;;AChBA;EACE;EACA;EACA;EACA;AADF;AtDJE;EACE;EACA;EACA;AsDMJ;AADE;EACE;EACA;EACA;EACA;EACA;AAGJ;AADI;EACE;AAGN;AACE;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAJ;A5FhBE;EACE;EACA;EACA,+B4FcgE;E5FbhE,gB4FamD;E5FZnD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;A4F6BZ;AANE;EACE;EACA;EACA;EACA;AAQJ;AALE;EACE;EACA;EACA;AAOJ;AAJE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAMJ;AtD3DE;EACE;EACA;EACA;AsD6DJ;AARI;EACE;AAUN;;AALA;EACE;IACE;IACA;EAQF;EANA;IACE;EAQF;AACF,C;;;;AC5EA;EACE;EACA;EACA;EACA;AADF,C;;;;ACHA;EACE;EACA;EACA;EACA;AADF;AjGJE;EACE;EAOE,uBiGFmC;AAEzC;AAAE;EACE;EACA;EACA;AAEJ;AxDbE;EACE;EACA;EACA;AwDeJ;AAHE;EACE;EACA;EACA;AAKJ;AxDvBE;EACE;EACA;EACA;AwDyBJ,C;;;;AC3BA;EACE;EACA;EACA;AADF;AzDHE;EACE;EACA;EACA;AyDKJ;A1FNM;EAMI,uB0FDmB;AAI7B;A1FKM;E0FRF;AAMJ;AAHE;EACE;EACA;EACA;AAKJ;A1FHM;E0FCA;EACA;AAKN;AAFI;EACE;AAIN;AAAE;EACE;EACA;EACA;AAEJ;A1FfM;E0FgBA;EACA;AAEN;AACI;EACE;AACN;AAGE;EACE;EACA;EACA;EACA;AADJ;A1F5BM;E0FgCA;EACA;AADN;AAII;EACE;AAFN;A1FnCM;E0FuCE;EACA;AADR;AzFvBE;EyF6BI;IACE;EAHN;AACF;AAOE;EACE;AALJ;AzF/BE;EyFuCI;IACE;EALN;AACF;AASE;EACE;AAP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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: #F5F8FF;\r\n --primary-50: #EFF4FF;\r\n --primary-100: #D1E0FF;\r\n --primary-200: #B2CCFF;\r\n --primary-300: #84ADFF;\r\n --primary-400: #528BFF;\r\n --primary-500: #2970FF;\r\n --primary-600: #155EEF;\r\n --primary-700: #004EEB;\r\n --primary-800: #0040C1;\r\n --primary-900: #00359E;\r\n --primary-950: #002266;\r\n\r\n --error-25: #FFFBFA;\r\n --error-50: #FEF3F2;\r\n --error-100: #FEE4E2;\r\n --error-200: #FECDCA;\r\n --error-300: #FDA29B;\r\n --error-400: #F97066;\r\n --error-500: #F04438;\r\n --error-600: #D92D20;\r\n --error-700: #B42318;\r\n --error-800: #912018;\r\n --error-900: #7A271A;\r\n --error-950: #55160C;\r\n\r\n --warning-25: #FFFCF5;\r\n --warning-50: #FFFAEB;\r\n --warning-100: #FEF0C7;\r\n --warning-200: #FEDF89;\r\n --warning-300: #FEC84B;\r\n --warning-400: #FDB022;\r\n --warning-500: #F79009;\r\n --warning-600: #DC6803;\r\n --warning-700: #B54708;\r\n --warning-800: #93370D;\r\n --warning-900: #7A2E0E;\r\n --warning-950: #4E1D09;\r\n\r\n --success-25: #F6FEF9;\r\n --success-50: #ECFDF3;\r\n --success-100: #DCFAE6;\r\n --success-200: #ABEFC6;\r\n --success-300: #75E0A7;\r\n --success-400: #47CD89;\r\n --success-500: #17B26A;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085D3A;\r\n --success-900: #074D31;\r\n --success-950: #053321;\r\n}\r\n",":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: background-color 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 @include modify-svg() {\r\n * {\r\n transition: stroke ease-out 0.2s;\r\n }\r\n }\r\n }\r\n\r\n .content {\r\n @include modify-flex($align-items: center);\r\n\r\n .text, .textSecondary {\r\n flex: none;\r\n text-align: center;\r\n transition: color, weight 0.2s;\r\n }\r\n\r\n .textSecondary {\r\n opacity: 0.6;\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}","@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 .content {\r\n padding: 0 4px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 14, $line-height: 16, $weight: 400, $family: $golos-ui);\r\n }\r\n }\r\n}","@mixin fnt-flex(\r\n $size: null,\r\n $line-height: null,\r\n $color: null,\r\n $weight: null,\r\n $family: null,\r\n $stretch: null,\r\n $style: null,\r\n $variant: null,\r\n $units: px,\r\n) {\r\n & {\r\n @if ($size != null) {\r\n font-size: #{$size}#{$units};\r\n }\r\n @if ($line-height != null) {\r\n line-height: #{$line-height}#{$units};\r\n }\r\n @if ($weight != null) {\r\n font-weight: $weight;\r\n }\r\n @if ($color != null) {\r\n color: $color;\r\n }\r\n @if ($family != null) {\r\n font-family: $family;\r\n }\r\n @if ($stretch != null) {\r\n font-stretch: $stretch;\r\n }\r\n @if ($style != null) {\r\n font-style: $style;\r\n }\r\n @if ($variant != null) {\r\n font-variant: $variant;\r\n }\r\n }\r\n}\r\n","$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 .content {\r\n padding: 0 6px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 14, $line-height: 20, $weight: 400, $family: $golos-ui);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin largeButton {\r\n // С учетом border\r\n padding: 11px;\r\n\r\n .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 .content {\r\n padding: 0 8px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 16, $line-height: 20, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 16, $line-height: 20, $weight: 400, $family: $golos-ui);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin ultraButton {\r\n // С учетом border\r\n padding: 17px;\r\n\r\n .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 .content {\r\n padding: 0 12px;\r\n gap: 4px;\r\n\r\n .text {\r\n @include fnt-flex($size: 18, $line-height: 24, $weight: 500, $family: $golos-ui);\r\n }\r\n\r\n .textSecondary {\r\n @include fnt-flex($size: 18, $line-height: 24, $weight: 400, $family: $golos-ui);\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin primaryButton {\r\n border-radius: 8px;\r\n background-color: var(--primary-500);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n }\r\n\r\n\r\n //&:focus {\r\n // background-color: var(--primary-500);\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n }\r\n}","@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(--primary-200);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-50);\r\n border: 1px solid var(--primary-300);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-50);\r\n border: 1px solid var(--primary-300);\r\n }\r\n }\r\n }\r\n\r\n //&:focus {\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--primary-300);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@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 .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-50);\r\n border: 1px solid var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-50);\r\n border: 1px solid var(--gray-300);\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n //&:focus {\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}\r\n","@use '@/styles' as *;\r\n\r\n@mixin tertiaryWhiteButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--base-white));\r\n }\r\n}\r\n\r\n@mixin tertiaryWhiteButton {\r\n border: 1px solid transparent;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-100));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-100));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryWhiteButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryWhiteButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryColorButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-700));\r\n }\r\n}\r\n\r\n@mixin tertiaryColorButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryColorButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include tertiaryColorButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tertiaryGrayButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n }\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n}\r\n\r\n@mixin tertiaryGrayButton {\r\n border: 1px solid transparent;\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include tertiaryGrayButton-hover-state();\r\n }\r\n }\r\n @include tablet {\r\n &:active {\r\n @include tertiaryGrayButton-hover-state();\r\n }\r\n }\r\n }\r\n\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkColorButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-700));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-700));\r\n }\r\n}\r\n\r\n@mixin linkColorButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkColorButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkColorButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkBlackButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-900));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n}\r\n\r\n@mixin linkBlackButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkBlackButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkBlackButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin linkGrayButton-hover-state {\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n}\r\n\r\n@mixin linkGrayButton {\r\n padding: 0 !important;\r\n gap: 4px;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-400));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n @include linkGrayButton-hover-state;\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include linkGrayButton-hover-state;\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabActiveButton {\r\n border-radius: 6px;\r\n background-color: var(--base-white);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-700));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n &:hover {\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n &:hover {\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n\r\n .text {\r\n color: var(--gray-900);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin tabButton {\r\n border-radius: 6px;\r\n background-color: var(--gray-100);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--gray-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-200);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-800));\r\n }\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-200);\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--gray-800));\r\n }\r\n\r\n .text {\r\n color: var(--gray-800);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningPrimaryButton {\r\n border-radius: 8px;\r\n background-color: var(--error-500);\r\n border: 1px solid transparent;\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\r\n }\r\n\r\n &:active {\r\n border: 1px solid var(--error-500);\r\n background-color: var(--error-500);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n border: 1px solid var(--error-600);\r\n background-color: var(--error-600);\r\n }\r\n }\r\n }\r\n\r\n //&:focus {\r\n // background-color: var(--error-500);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.3;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningSecondaryColorButton {\r\n border: 1px solid var(--error-200);\r\n background-color: var(--base-white);\r\n box-shadow: 0 1px 2px 0 #1018280D;\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .content {\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--error-50);\r\n border: 1px solid var(--error-400);\r\n }\r\n }\r\n }\r\n\r\n //&:focus {\r\n // box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);\r\n //}\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin warningLinkColorButton {\r\n .icon {\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n\r\n .content {\r\n padding: 0 !important;\r\n\r\n .text, .textSecondary {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &:not(.disabled):not(:disabled) {\r\n @include tablet-plus {\r\n &:hover {\r\n .text {\r\n color: var(--error-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-700));\r\n }\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n .text {\r\n color: var(--error-700);\r\n }\r\n\r\n .icon {\r\n @include modify-svg($stroke: var(--error-700));\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:disabled, &.disabled {\r\n opacity: 0.5;\r\n }\r\n}","@use '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(--primary-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--primary-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--base-white);\r\n @include modify-svg($stroke: var(--primary-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-hover() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--primary-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--primary-100);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-100);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-hover() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--error-400));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--error-100);\r\n @include modify-svg($stroke: var(--error-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin color-fill() {\r\n background: var(--base-white);\r\n border: 1px solid var(--primary-200);\r\n @include modify-svg($stroke: var(--primary-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--primary-50);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--primary-50);\r\n @include modify-svg($stroke: var(--primary-500));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin gray-fill() {\r\n background: var(--base-white);\r\n border: 1px solid var(--gray-300);\r\n @include modify-svg($stroke: var(--gray-700));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--gray-50);\r\n @include modify-svg($stroke: var(--gray-900));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin red-fill() {\r\n background: var(--base-white);\r\n border: 1px solid var(--error-300);\r\n @include modify-svg($stroke: var(--error-500));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background: var(--error-50);\r\n @include modify-svg($stroke: var(--error-600));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin blue-light() {\r\n background: none;\r\n border: 1px solid transparent;\r\n @include modify-svg($stroke: var(--primary-50));\r\n\r\n @include tablet-plus {\r\n &:not(&:disabled):hover {\r\n @include modify-svg($stroke: var(--primary-200));\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n @include modify-svg($stroke: var(--primary-200));\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-14() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-16() {\r\n border-radius: 3px;\r\n // 2 - 1 для учета border\r\n padding: 1px;\r\n\r\n @include modify-svg() {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-20() {\r\n border-radius: 3px;\r\n // 3 - 1 для учета border\r\n padding: 2px;\r\n\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-24() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin size-28() {\r\n border-radius: 4px;\r\n // 4 - 1 для учета border\r\n padding: 3px;\r\n\r\n @include modify-svg() {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.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(--primary-50);\r\n @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-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(--primary-500), $flex: none);\r\n @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));\r\n }\r\n\r\n &.display {\r\n .labelText {\r\n 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(--primary-50);\r\n border: 1px solid var(--primary-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(--primary-50);\n border: 1px solid var(--primary-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(--primary-500);\n}\n.checkboxMark.checked {\n background-color: var(--primary-50);\n border: 1px solid var(--primary-200);\n}\n.checkboxMark.checked svg * {\n stroke: var(--primary-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(--primary-400);\n }\n}\n.checkboxMark.indeterminate {\n background-color: var(--primary-50);\n border: 1px solid var(--primary-200);\n}\n.checkboxMark.indeterminate svg * {\n stroke: var(--primary-500);\n}\n.checkboxMark.indeterminate {\n font-size: 14px;\n line-height: 14px;\n color: var(--primary-500);\n font-weight: 500;\n font-family: \"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(--primary-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(--primary-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(--primary-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(--primary-50);\n border: 1px solid var(--primary-200);\n }\n .checkboxMark.hover.checked {\n border: 1px solid var(--primary-400);\n }\n .checkboxMark.hover.indeterminate {\n border: 1px solid var(--primary-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(--primary-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(--primary-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin checked-hover() {\r\n border: 1px solid var(--primary-400);\r\n}\r\n\r\n@mixin checked() {\r\n background-color: var(--primary-50);\r\n border: 1px solid var(--primary-200);\r\n\r\n @include modify-svg($stroke: var(--primary-500));\r\n\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(--primary-400);\r\n}\r\n\r\n@mixin indeterminate() {\r\n background-color: var(--primary-50);\r\n border: 1px solid var(--primary-200);\r\n\r\n @include modify-svg($stroke: var(--primary-500));\r\n @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--primary-500));\r\n\r\n @include 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(--primary-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(--primary-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(--primary-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(--primary-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 pointer-events: none;\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(--primary-200);\r\n background-color: var(--primary-50);\r\n }\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--primary-500);\r\n background-color: var(--primary-500);\r\n @include modify-svg() {\r\n opacity: 1;\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--primary-600);\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: default;\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-100);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n\r\n &.checked {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-200);\r\n @include tablet-plus {\r\n &:hover {\r\n box-shadow: 0 0 0 1px var(--gray-200);\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.small {\r\n width: 14px;\r\n height: 14px;\r\n @include modify-svg() {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n }\r\n\r\n &.medium {\r\n width: 16px;\r\n height: 16px;\r\n @include modify-svg() {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n &.large {\r\n width: 18px;\r\n height: 18px;\r\n @include modify-svg() {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.tagCount {\r\n width: fit-content;\r\n height: fit-content;\r\n border-radius: 3px;\r\n @include fnt-flex($color: var(--gray-700));\r\n\r\n &.gray {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.color {\r\n background-color: var(--primary-100);\r\n }\r\n\r\n &.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(--primary-200);\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n }\r\n}\r\n\r\n@mixin active-hover() {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n // С учетом border\r\n padding: 2px 7px;\r\n @include fnt-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(--primary-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(--primary-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(--primary-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n }\r\n\r\n &: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(--primary-500);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.lineSpinner {\r\n .icon {\r\n @include modify-svg() {\r\n path:first-child {\r\n stroke: var(--gray-300);\r\n }\r\n path:last-child {\r\n stroke: var(--primary-500);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.dotCircle {\r\n }\r\n\r\n &.small {\r\n gap: 16px;\r\n @include modify-svg() {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 20);\r\n }\r\n }\r\n\r\n &.medium {\r\n gap: 16px;\r\n @include modify-svg() {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 14, $line-height: 20);\r\n }\r\n }\r\n\r\n &.large {\r\n gap: 16px;\r\n @include modify-svg() {\r\n width: 56px;\r\n height: 56px;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 18, $line-height: 28);\r\n }\r\n }\r\n\r\n &.ultra {\r\n gap: 20px;\r\n @include modify-svg() {\r\n width: 64px;\r\n height: 64px;\r\n }\r\n\r\n .text {\r\n @include fnt-flex($size: 18, $line-height: 28);\r\n }\r\n }\r\n\r\n &.widthFill {\r\n width: 100%;\r\n }\r\n\r\n &.widthHug {\r\n width: fit-content;\r\n }\r\n\r\n &.heightFill {\r\n height: 100%;\r\n }\r\n\r\n &.heightHug {\r\n height: fit-content;\r\n }\r\n}\r\n\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(--primary-400);\r\n }\r\n\r\n &:not(.dragging) {\r\n .progressBar {\r\n transition: width linear 0.2s;\r\n }\r\n }\r\n\r\n &.dragging {\r\n .progressBar {\r\n transition: none;\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.VideoViewer {\r\n 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(--primary-400);\r\n }\r\n }\r\n }\r\n\r\n &.dark {\r\n background-color: #00000066;\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: #000000CC;\r\n }\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: pointer;\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.CalendarDayWrapper {\r\n width: fit-content;\r\n height: fit-content;\r\n position: relative;\r\n @include centerInsideContent;\r\n\r\n .CalendarDay {\r\n flex: none;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n transition: background-color ease-out 300ms;\r\n z-index: 1;\r\n position: relative;\r\n cursor: pointer;\r\n @include modify-flex($direction: column, $justify-content: center, $align-items: center);\r\n\r\n .mark {\r\n width: 100%;\r\n height: 12px;\r\n padding: 4px;\r\n @include centerInsideContent();\r\n\r\n &:after {\r\n content: '';\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background-color: var(--primary-400);\r\n }\r\n }\r\n\r\n .text, .info {\r\n width: 100%;\r\n height: fit-content;\r\n text-align: center;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n @include centerInsideContent();\r\n }\r\n\r\n .text {\r\n flex: 1;\r\n @include fnt($size: 16, $line-height: 16, $weight: 400, $color: var(--gray-700));\r\n }\r\n\r\n .info {\r\n height: 12px;\r\n padding: 0 0 2px 0;\r\n @include fnt($size: 10, $line-height: 10, $weight: 400, $color: var(--gray-400));\r\n }\r\n\r\n & {\r\n background-color: var(--base-white);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.currentDay {\r\n background-color: var(--primary-50);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n }\r\n\r\n &.holiday {\r\n .text {\r\n @include fnt-flex($color: var(--error-500));\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--base-white);\r\n\r\n .mark:after {\r\n background-color: var(--gray-300);\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--gray-300));\r\n }\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-100);\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n background-color: var(--gray-100);\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--gray-200);\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n background-color: var(--primary-500);\r\n\r\n .mark:after {\r\n background-color: var(--base-white);\r\n }\r\n\r\n .text {\r\n @include fnt-flex($color: var(--base-white));\r\n }\r\n\r\n .info {\r\n @include fnt-flex($color: var(--primary-300));\r\n }\r\n\r\n @include tablet-plus {\r\n &:hover {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n\r\n @include tablet {\r\n &:active {\r\n background-color: var(--primary-600);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.filter {\r\n &:before {\r\n position: absolute;\r\n content: '';\r\n height: 100%;\r\n z-index: 0;\r\n background-color: var(--gray-100);\r\n\r\n width: 60px;\r\n top: 0;\r\n transform: translateX(-10px);\r\n }\r\n\r\n &:not(.left):not(.right):before {\r\n left: 0;\r\n }\r\n\r\n &.left, &.right {\r\n &:before {\r\n width: 30px;\r\n }\r\n }\r\n\r\n &.left {\r\n &:before {\r\n left: 0;\r\n transform: translateX(-10px);\r\n }\r\n }\r\n\r\n &.right {\r\n &:before {\r\n right: 0;\r\n transform: translateX(10px);\r\n }\r\n }\r\n }\r\n}\r\n\r\n","@use '@/styles' as *;\r\n\r\n.CalendarMonth {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 80px;\r\n padding: 10px 8px;\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n transition: background-color ease-out 300ms;\r\n @include centerInsideContent;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.current:not(&.disabled) {\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.CalendarYear {\r\n width: 100%;\r\n height: fit-content;\r\n min-width: 80px;\r\n padding: 16px 8px;\r\n border-radius: 8px;\r\n background-color: var(--base-white);\r\n cursor: pointer;\r\n transition: background-color ease-out 300ms;\r\n @include centerInsideContent;\r\n @include fnt($size: 16, $line-height: 20, $weight: 400, $color: var(--gray-700), $family: $golos-text);\r\n\r\n &:hover {\r\n background-color: var(--gray-100);\r\n }\r\n\r\n &.current {\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n background-color: var(--primary-100);\r\n }\r\n }\r\n\r\n &.disabled {\r\n @include fnt-flex($color: var(--gray-400));\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.CalendarButton {\r\n width: fit-content;\r\n height: fit-content;\r\n cursor: pointer;\r\n transition: color ease-out 300ms;\r\n\r\n &.black {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-900), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &.gray {\r\n @include fnt($size: 18, $line-height: 28, $weight: 400, $color: var(--gray-400), $family: $golos-text);\r\n\r\n &:hover:not(&:disabled) {\r\n @include fnt-flex($color: var(--primary-500));\r\n }\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n }\r\n}","@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":""}