indicator-ui 0.1.13 → 0.1.15

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 (6) hide show
  1. package/dist/index.css.map +1 -1
  2. package/dist/index.js +21 -13
  3. package/dist/index.js.map +1 -1
  4. package/dist/scss/styles/mixins/modify-svg.scss +21 -13
  5. package/dist/types/src/ui/Dropdown/types/DropdownTypes.d.ts +7 -2
  6. package/package.json +1 -1
package/dist/index.css.map CHANGED
@@ -1 +1 @@
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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AEA;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,0BgDKqB;AHyC/B;AGvCE;EACE;AHyCJ;A5CrBE;E+ChBE;IAdF;EHuDA;AACF;AFtCI;EMdF;EACA;AJuDF;A7C5DM;EAEI,0BiDKqB;AJwD/B;AlDpDE;EACE;EACA;EACA,yBsDN8D;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;E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ACE;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;AAPJ,C;;;;ACtEA;EACE;EACA;EACA;AADF;A1DHE;EACE;EACA;EACA;A0DKJ;AADE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGJ;AnGlBE;EACE;EAGE,sBmGY+B;EnGR/B,uBmGQyD;EnGJzD,mBmGI+E;AAQrF;AANI;EACE;EACA;EACA;AAQN;A1D7BE;EACE;EACA;EACA;A0D+BJ;AAVM;EACE;EACA;EACA;EACA;EACA;AAYR;AARI;EACE;EACA;EACA;EACA;EACA;AAUN;A1DhDE;EACE;EACA;EACA;A0DkDJ;AAXI;EACE;AAaN;AhG3CE;EACE;EACA;EACA,sBgG4BkE;EhG3BlE,gBgG2BqD;EhG1BrD,mCAnBO;EAo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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/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/SingleRangeField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/checkbox-mark.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/CheckboxMark.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checkbox.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/radio.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checked.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/error.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/disabled.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/correct.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/incorrect.scss","webpack://indicator-ui/./src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/./src/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 height: fit-content;\r\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\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}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.textareaField {\r\n width: 100%;\r\n height: auto;\r\n min-height: 68px;\r\n overflow: auto;\r\n\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 &.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 flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .label {\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n\r\n .dotIcon {\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--success-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin hover() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin active() {\r\n border: 1px solid var(--primary-200);\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n }\r\n}\r\n\r\n@mixin active-hover() {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n // С учетом border\r\n padding: 2px 7px;\r\n @include fnt-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, &.disabled {\r\n cursor: default;\r\n pointer-events: none;\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":""}
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;AUlJI;EAEI,yBDKyB;AT8IjC;AI5IE;EAWI,wBKR0B;AT4IhC;AWzHE;EFbI;IACE;ETyIN;AACF;AWtJE;EFiBI;IACE;ETwIN;AACF;AS9HE;EACE;ATgIJ;AA7IE;EYvBA;EACA;EACA;EACA;AZuKF;AU3KI;EAEI,0BEKyB;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;AUtMI;EAEI,uBGKyB;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;AUpOI;EAEI,0BIcyB;AduNjC;AI9NE;EAWI,yBUC0B;AdqNhC;AW3ME;EPtBA;IAWI,wBUjB0B;Ed2O9B;EU9OE;IAEI,yBIMyB;EdyO/B;AACF;AW3OE;EPEA;IAWI,wBUjB0B;EdmP9B;EUtPE;IAEI,yBIMyB;EdiP/B;AACF;AcnNE;EACE;AdqNJ;AAzNE;EevBA;AfmPF;AUhQI;EAEI,0BKayB;AfoPjC;AI1PE;EAWI;AJkPN;AWvOE;EPtBA;IAWI,yBWjB0B;EfuQ9B;EU1QE;IAEI,0BKMyB;EfqQ/B;AACF;AWvQE;EPEA;IAWI,yBWjB0B;Ef+Q9B;EUlRE;IAEI,0BKMyB;Ef6Q/B;AACF;AehPE;EACE;AfkPJ;AAjPE;EgB5BA;AhBgRF;AU5RI;EAEI,uBMYyB;AhBiRjC;AItRE;EAWI,sBYD0B;AhB+QhC;AWnQE;EPtBA;IAWI,sBYjB0B;EhBmS9B;EUtSE;IAEI,uBMKyB;EhBkS/B;AACF;AWnSE;EPEA;IAWI,sBYjB0B;EhB2S9B;EU9SE;IAEI,uBMKyB;EhB0S/B;AACF;AgB7QE;EACE;AhB+QJ;AAzQE;EiB/BA;EACA;AjB2SF;AUzTI;EAEI,0BOeyB;AjB2SjC;AiBxSE;EACE;AjB0SJ;AItTE;EAWI,yBaI0B;AjB0ShC;AWnSE;EPtBA;IAWI,yBajB0B;EjBmU9B;EUtUE;IAEI,0BOMyB;EjBiU/B;AACF;AWnUE;EPEA;IAWI,yBajB0B;EjB2U9B;EU9UE;IAEI,0BOMyB;EjByU/B;AACF;AiBxSE;EACE;AjB0SJ;AArSE;EkBnCA;EACA;AlB2UF;AUzVI;EAEI,uBQeyB;AlB2UjC;AkBxUE;EACE;AlB0UJ;AItVE;EAWI,sBcI0B;AlB0UhC;AWnUE;EPtBA;IAWI,sBcjB0B;ElBmW9B;EUtWE;IAEI,uBQMyB;ElBiW/B;AACF;AWnWE;EPEA;IAWI,sBcjB0B;ElB2W9B;EU9WE;IAEI,uBQMyB;ElByW/B;AACF;AkBxUE;EACE;AlB0UJ;AAjUE;EmBvCA;EACA;AnB2WF;AUzXI;EAEI,uBSeyB;AnB2WjC;AmBxWE;EACE;AnB0WJ;AItXE;EAWI,sBeI0B;AnB0WhC;AWnWE;EPtBA;IAWI,sBejB0B;EnBmY9B;EUtYE;IAEI,uBSMyB;EnBiY/B;AACF;AWnYE;EPEA;IAWI,sBejB0B;EnB2Y9B;EU9YE;IAEI,uBSMyB;EnByY/B;AACF;AmBxWE;EACE;AnB0WJ;AA7VE;EoBvDA;EACA;EACA;EACA;ApBuZF;AU3ZI;EAEI,uBUKyB;ApBuZjC;AIrZE;EAWI,sBgBR0B;ApBqZhC;AWlYE;ED/BE;IAEI,uBUmBiC;EpBgZvC;EoB7YQ;IACE;EpB+YV;AACF;AWlaE;EDPE;IAEI,uBUiCiC;EpB0YvC;EoBvYQ;IACE;EpByYV;AACF;AoBnYE;EACE;ApBqYJ;AAxXE;EqB3DA;EACA;EACA;EACA;ArBsbF;AU1bI;EAEI,uBWKyB;ArBsbjC;AIpbE;EAWI,sBiBR0B;ArBobhC;AWjaE;EUbI;IACE;ErBibN;EUpcE;IAEI,uBWoB+B;ErBibrC;EqB9aM;IACE;ErBgbR;AACF;AWpcE;EUyBI;IACE;ErB8aN;EU/cE;IAEI,uBWkC+B;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;AUvfI;EAEI,wBaIyB;AvBofjC;AIjfE;EAWI,uBmBT0B;AvBkfhC;AW9dE;EYdI;IACE;IACA;EvB+eN;AACF;AW5fE;EYiBI;IACE;IACA;EvB8eN;AACF;AuBteE;EACE;AvBweJ;AU5gBI;EAEI;AV6gBR;AwB1gBE;EACE;AxB4gBJ;AIzgBE;EAWI,uBoBX0B;AxB4gBhC;AWtfE;EafM;IACE;ExBwgBR;EUzhBE;IAEI,wBcmB+B;ExBugBrC;AACF;AWthBE;EaqBM;IACE;ExBogBR;EUjiBE;IAEI,wBc+B+B;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;AfCI;EgBDA;ADGJ;AAZE;EEHA;EACA;AFkBF;AfpBI;EAEI,uBiBCuB;AFoB/B;AdQE;EgBzBE;IACE;EFoBJ;Ef3BE;IAEI,uBiBM2B;EFsBjC;AACF;AdxBE;EgBME;IACE;EFqBJ;EfnCE;IAEI,uBiBa2B;EFuBjC;AACF;AA/BE;EGPA;EACA;AHyCF;Af3CI;EAEI,yBkBCuB;AH2C/B;AdfE;EiBzBE;IACE;EH2CJ;AACF;Ad5CE;EiBKE;IACE;EH0CJ;AACF;AA5CE;EIXA;EACA;AJ0DF;Af5DI;EAEI,uBmBCuB;AJ4D/B;AdhCE;EkBzBE;IACE;EJ4DJ;EfnEE;IAEI,uBmBM2B;EJ8DjC;AACF;AdhEE;EkBME;IACE;EJ6DJ;Ef3EE;IAEI,uBmBa2B;EJ+DjC;AACF;AA/DE;EKfA;EACA;ALiFF;AfnFI;EAEI,0BoBCuB;ALmF/B;AdvDE;EmBzBE;IACE;ELmFJ;Ef1FE;IAEI,0BoBM2B;ELqFjC;AACF;AdvFE;EmBME;IACE;ELoFJ;EflGE;IAEI,0BoBa2B;ELsFjC;AACF;AAlFE;EMnBA;EACA;ANwGF;Af1GI;EAEI,0BqBCuB;AN0G/B;Ad9EE;EoBzBE;IACE;EN0GJ;EfjHE;IAEI,0BqBM2B;EN4GjC;AACF;Ad9GE;EoBME;IACE;EN2GJ;EfzHE;IAEI,0BqBa2B;EN6GjC;AACF;AArGE;EOvBA;EACA;AP+HF;AfjII;EAEI,wBsBCuB;APiI/B;AdrGE;EqBzBE;IACE;EPiIJ;EfxIE;IAEI,wBsBM2B;EPmIjC;AACF;AdrIE;EqBME;IACE;EPkIJ;EfhJE;IAEI,wBsBa2B;EPoIjC;AACF;AAxHE;EQ3BA;EACA;ARsJF;AfxJI;EAEI,0BuBCuB;ARwJ/B;Ad5HE;EsBzBE;IACE;ERwJJ;Ef/JE;IAEI,0BuBM2B;ER0JjC;AACF;Ad5JE;EsBME;IACE;ERyJJ;EfvKE;IAEI,0BuBa2B;ER2JjC;AACF;AA3IE;ES/BA;EACA;AT6KF;Af/KI;EAEI,uBwBCuB;AT+K/B;AdnJE;EuBzBE;IACE;ET+KJ;EftLE;IAEI,uBwBM2B;ETiLjC;AACF;AdnLE;EuBME;IACE;ETgLJ;Ef9LE;IAEI,uBwBa2B;ETkLjC;AACF;AA9JE;EUnCA;EACA;AVoMF;AftMI;EAEI,wByBCuB;AVsM/B;Ad1KE;EwBzBE;IACE;EVsMJ;Ef7ME;IAEI,wByBM2B;EVwMjC;AACF;Ad1ME;EwBME;IACE;EVuMJ;EfrNE;IAEI,wByBa2B;EVyMjC;AACF;AAhLE;EWxCA;EACA;AX2NF;Af7NI;EAEI,yB0BCuB;AX6N/B;AdjME;ED/BE;IAEI,0B0BK2B;EX6NjC;AACF;Ad9NE;EDPE;IAEI,0B0BW2B;EX4NjC;AACF;AA7LE;EY5CA;EAEA;AZ2OF;AfhOI;E2BRA;EACA;AZ2OJ;AAjME;EahDA;EAEA;AbmPF;AfxOI;E4BRA;EACA;AbmPJ;AArME;EcpDA;EAE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;AAIE;EACE;EAEA;AAHJ;AAME;EACE;AAJJ;AAOE;EACE;AALJ,C;;;;ACPE;EACE;ECEF;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACNF;AZTE;EACE;EACA;EACA;AYWJ;A7CbI;EAUI,e4CO6B;ACDrC;A7CFI;E4CIA;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;A7C9CI;EAEI,0BgDMuB;AHyC/B;AGvCE;EACE;AHyCJ;A5CrBE;E+ChBE;IAdF;EHuDA;AACF;AFtCI;EMdF;EACA;AJuDF;A7C7DI;EAEI,0BiDMuB;AJwD/B;AlDpDE;EACE;EACA;EACA,yBsDN8D;EtDO9D,gBsDPiD;EtDQjD,mCAnBO;EAoBP,oBAXQ;EAYR,kBAXM;EAYN,oBAXQ;AkDiEZ;A5C3CE;EgDnBE;IAXF;EJ6EA;AACF;AFxDI;EOjBF;EACA;AL4EF;A7CnFI;EAEI,wBkDOuB;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;A7C1GI;EAEI,uBmDgBuB;AN2F/B;AnDpGE;EAWI,sByDDsB;AN6F5B;A5CjFE;EkDTE;IArBF;IACA;ENmHA;E7CrHE;IAEI,uBmDEuB;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;A7C1II;EAEI,yBoDeuB;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,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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/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss","webpack://indicator-ui/./src/styles/mixins/changeSvg.scss","webpack://indicator-ui/./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeField/styles/DateField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss","webpack://indicator-ui/./src/ui/InputFields/DateTimeRangeField/styles/SingleRangeField.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/checkbox-mark.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/base.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/CheckboxMark.module.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checkbox.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/radio.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/checked.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/error.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/disabled.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/correct.scss","webpack://indicator-ui/./src/ui/CheckboxMark/styles/mixins/properties/incorrect.scss","webpack://indicator-ui/./src/ui/Checkbox/styles/Checkbox.module.scss","webpack://indicator-ui/./src/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 simple-modify-svg($stroke: null, $fill: null, $stroke-width: null) {\r\n & {\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n\r\n @if ($stroke-width != null) {\r\n stroke-width: $stroke-width;\r\n }\r\n }\r\n\r\n & {\r\n @content;\r\n }\r\n }\r\n}\r\n\r\n@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {\r\n & {\r\n svg {\r\n @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {\r\n @content;\r\n }\r\n }\r\n }\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 height: fit-content;\r\n}","@use '@/styles' as *;\r\n\r\n.inputFieldWrapper {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n .labelText {\r\n display: flex;\r\n padding: 0 12px;\r\n gap: 2px;\r\n\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}","@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {\r\n & {\r\n svg {\r\n @if ($width != null) {\r\n width: #{$width}px;\r\n }\r\n @if ($height != null) {\r\n height: #{$height}px;\r\n }\r\n\r\n @if ($flex != null) {\r\n flex: $flex;\r\n }\r\n\r\n * {\r\n @if ($stroke != null) {\r\n stroke: $stroke;\r\n }\r\n\r\n @if ($fill != null) {\r\n fill: $fill;\r\n }\r\n }\r\n }\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n.textareaField {\r\n width: 100%;\r\n height: auto;\r\n min-height: 68px;\r\n overflow: auto;\r\n\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 &.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 flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n\r\n .main {\r\n flex-wrap: nowrap;\r\n @include modify-flex($align-items: center);\r\n }\r\n\r\n .label {\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n @include fnt-flex($color: var(--gray-700));\r\n }\r\n\r\n .dotIcon {\r\n flex: none;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: var(--success-500);\r\n }\r\n}","@use '@/styles' as *;\r\n\r\n@mixin hover() {\r\n background-color: var(--gray-50);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin active() {\r\n border: 1px solid var(--primary-200);\r\n background-color: var(--primary-50);\r\n\r\n &:hover {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n }\r\n}\r\n\r\n@mixin active-hover() {\r\n border: 1px solid var(--primary-300);\r\n background-color: var(--primary-100);\r\n}","@use '@/styles' as *;\r\n\r\n@mixin small() {\r\n // С учетом border\r\n padding: 2px 7px;\r\n @include fnt-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, &.disabled {\r\n cursor: default;\r\n pointer-events: none;\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":""}