dt-shared-front 1.1.0 → 1.1.2

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 (11) hide show
  1. package/dist/components/button/button.d.ts +1 -1
  2. package/dist/components/icon/icon.d.ts +2 -1
  3. package/dist/components/link/link.d.ts +10 -2
  4. package/dist/components/text-area/text-area.d.ts +2 -2
  5. package/dist/components/utils/index.d.ts +8 -1
  6. package/dist/index.d.ts +37 -0
  7. package/dist/index.js +1 -1
  8. package/dist/index.js.map +1 -1
  9. package/dist/main.css +27 -1
  10. package/dist/main.css.map +1 -1
  11. package/package.json +3 -1
package/dist/main.css CHANGED
@@ -1,3 +1,29 @@
1
- .shared__button-module__button--X-qXA_1700992070069{border-radius:12px;border:none;white-space:nowrap;cursor:pointer;box-shadow:none;position:relative;display:inline-flex;align-items:center;justify-content:center}.shared__button-module__button__smallS--eulj7_1700992070069{font-weight:400;padding:4px 8px;font-size:12px;gap:4px;height:32px}.shared__button-module__button__small--kA9VI_1700992070069{font-weight:400;padding:8px 12px;font-size:14px;line-height:14px;gap:4px}.shared__button-module__button__small--kA9VI_1700992070069.shared__button-module__withIcon--J7ifR_1700992070069{padding:8px}.shared__button-module__button__medium--E71L1_1700992070069{font-weight:450;padding:14px 20px;font-size:16px;line-height:16px;gap:8px}.shared__button-module__button__medium--E71L1_1700992070069.shared__button-module__withIcon--J7ifR_1700992070069{padding:12px}.shared__button-module__button__large--PG1dR_1700992070069{font-weight:600;padding:15px 24px;gap:12px;font-size:16px;line-height:22px}.shared__button-module__button__large--PG1dR_1700992070069.shared__button-module__withIcon--J7ifR_1700992070069{padding:18px}.shared__button-module__button__default--mYOHn_1700992070069{background-color:var(--button-default-color);color:var(--button-default-color-text);border:2px solid var(--button-default-color)}.shared__button-module__button__default--mYOHn_1700992070069>svg{color:var(--button-default-color-text)}@media(hover: hover){.shared__button-module__button__default--mYOHn_1700992070069:hover{background-color:var(--button-default-color--hover);border-color:var(--button-default-color--hover)}}.shared__button-module__button__default--mYOHn_1700992070069:active{background-color:var(--button-default-color--active);border-color:var(--button-default-color--active)}.shared__button-module__button__secondary--bPOB9_1700992070069{background-color:var(--button-secondary-color);color:var(--button-secondary-color-text);border:2px solid var(--button-secondary-color)}.shared__button-module__button__secondary--bPOB9_1700992070069>svg{color:var(--button-secondary-color-text)}@media(hover: hover){.shared__button-module__button__secondary--bPOB9_1700992070069:hover{background-color:var(--button-secondary-color--hover);border-color:var(--button-secondary-color--hover);color:var(--button-secondary-color-text--hover)}.shared__button-module__button__secondary--bPOB9_1700992070069:hover>svg{color:var(--button-secondary-color-text--hover)}}.shared__button-module__button__secondary--bPOB9_1700992070069:active{background-color:var(--button-secondary-color--active);border-color:var(--button-secondary-color--active);color:var(--button-secondary-color-text--active)}.shared__button-module__button__icon_left--EzgVg_1700992070069{flex-direction:row-reverse}.shared__button-module__button__icon_right--uPFlS_1700992070069{flex-direction:row}.shared__button-module__button--X-qXA_1700992070069:disabled{background-color:var(--button-default-color--disabled);border-color:var(--button-default-color--disabled);cursor:not-allowed}.shared__button-module__button--X-qXA_1700992070069:disabled:hover,.shared__button-module__button--X-qXA_1700992070069:disabled:active{background-color:var(--button-default-color--disabled)}.shared__button-module__loading--IZ3gt_1700992070069{color:rgba(0,0,0,0) !important;cursor:wait}.shared__button-module__loading--IZ3gt_1700992070069 .shared__button-module__icon--Gso9o_1700992070069{visibility:hidden}.shared__button-module__icon--Gso9o_1700992070069{vertical-align:bottom}.shared__button-module__icon__smallS--BQwBb_1700992070069{width:16px;height:16px}.shared__button-module__icon__small--SgRrC_1700992070069{width:16px;height:16px}.shared__button-module__icon__medium--3L-IQ_1700992070069{width:20px;height:20px}.shared__button-module__icon__large--WSggm_1700992070069{width:24px;height:24px}.shared__button-module__icon__default--MzXx8_1700992070069{color:var(--button-default-color-text)}.shared__button-module__icon__default--MzXx8_1700992070069>*{fill:currentColor}.shared__button-module__icon__secondary--n0RQn_1700992070069{color:var(--button-secondary-color-text)}.shared__button-module__icon__secondary--n0RQn_1700992070069>*{fill:currentColor}.shared__button-module__icon__only--fpWXx_1700992070069{margin:0}.shared__button-module__loader--v14UE_1700992070069{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.shared__button-module__loader__medium--7pr9v_1700992070069{width:24px;height:24px}.shared__button-module__loader__large--S4tzp_1700992070069{width:28px;height:28px}.shared__button-module__loader__default--5X5UT_1700992070069{color:var(--button-default-color-text)}
1
+ .shared__icon-module__icon--Gnxeg_1701030675246{display:flex;color:inherit}.shared__icon-module__icon__small--QBFuN_1701030675246{width:20px;height:20px}@media(max-width: 767px){.shared__icon-module__icon__small--QBFuN_1701030675246{width:16px;height:16px}}.shared__icon-module__icon__medium--X-ly8_1701030675246{width:24px;height:24px}@media(max-width: 767px){.shared__icon-module__icon__medium--X-ly8_1701030675246{width:20px;height:20px}}.shared__icon-module__icon__large--DzFuI_1701030675246{width:28px;height:28px}@media(max-width: 767px){.shared__icon-module__icon__large--DzFuI_1701030675246{width:24px;height:24px}}.shared__icon-module__icon__default--hQThA_1701030675246{color:var(--icon-default-color)}.shared__icon-module__icon__default--hQThA_1701030675246>*{fill:currentColor}.shared__icon-module__icon__default--hQThA_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246{cursor:pointer}.shared__icon-module__icon__default--hQThA_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246:hover,.shared__icon-module__icon__default--hQThA_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246.shared__icon-module__active--HQWC5_1701030675246{color:var(--icon-default-color--hover)}.shared__icon-module__icon__light--7x2By_1701030675246{color:var(--icon-light-color)}.shared__icon-module__icon__light--7x2By_1701030675246>*{fill:currentColor}.shared__icon-module__icon__light--7x2By_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246{cursor:pointer}.shared__icon-module__icon__light--7x2By_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246:hover,.shared__icon-module__icon__light--7x2By_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246.shared__icon-module__active--HQWC5_1701030675246{color:var(--icon-light-color--hover)}.shared__icon-module__icon__black--AVPMK_1701030675246{color:var(--icon-black-color)}.shared__icon-module__icon__black--AVPMK_1701030675246>*{fill:currentColor}.shared__icon-module__icon__black--AVPMK_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246{cursor:pointer}.shared__icon-module__icon__black--AVPMK_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246:hover,.shared__icon-module__icon__black--AVPMK_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246.shared__icon-module__active--HQWC5_1701030675246{color:var(--icon-black-color--hover)}.shared__icon-module__icon__attention--HiOeb_1701030675246{color:var(--icon-attention-color)}.shared__icon-module__icon__attention--HiOeb_1701030675246>*{fill:currentColor}.shared__icon-module__icon__attention--HiOeb_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246{cursor:pointer}.shared__icon-module__icon__attention--HiOeb_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246:hover,.shared__icon-module__icon__attention--HiOeb_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246.shared__icon-module__active--HQWC5_1701030675246{color:var(--icon-attention-color--hover)}.shared__icon-module__icon__revert--O4CPt_1701030675246{color:var(--icon-revert-color)}.shared__icon-module__icon__revert--O4CPt_1701030675246>*{fill:currentColor}.shared__icon-module__icon__revert--O4CPt_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246{cursor:pointer}.shared__icon-module__icon__revert--O4CPt_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246:hover,.shared__icon-module__icon__revert--O4CPt_1701030675246.shared__icon-module__clickable--3yjIa_1701030675246.shared__icon-module__active--HQWC5_1701030675246{color:var(--icon-revert-color--hover)}
2
+ .shared__auto-complete-module__autoComplete--E\+tq\+_1701030675246 .shared__auto-complete-module__hasLabel--t\+Z8x_1701030675246{line-height:20px}.shared__auto-complete-module__autoComplete--E\+tq\+_1701030675246 .shared__auto-complete-module__hasLabel--t\+Z8x_1701030675246>label{display:block;font-size:var(--input-label-font-size--medium);color:var(--input-outlined-placeholder-color)}.shared__auto-complete-module__autoComplete--E\+tq\+_1701030675246 .shared__auto-complete-module__hasLabel--t\+Z8x_1701030675246>label.shared__auto-complete-module__disabled--3VMd2_1701030675246{color:var(--input-outlined-placeholder-color--disabled)}.shared__auto-complete-module__autoComplete--E\+tq\+_1701030675246 .shared__auto-complete-module__hasLabel--t\+Z8x_1701030675246>label.shared__auto-complete-module__invalid--yHbC5_1701030675246{color:var(--input-outlined-placeholder-color--error)}.shared__auto-complete-module__autoComplete--E\+tq\+_1701030675246 .shared__auto-complete-module__optionText--saGcQ_1701030675246{position:absolute;width:100%;left:0;padding:0 44px 0 16px;text-overflow:ellipsis;overflow:hidden}.shared__auto-complete-module__hasLabel--t\+Z8x_1701030675246>label{display:none}
3
+ .shared__button-module__button--X-qXA_1701030675246{border-radius:12px;border:none;white-space:nowrap;cursor:pointer;box-shadow:none;position:relative;display:inline-flex;align-items:center;justify-content:center}.shared__button-module__button__smallS--eulj7_1701030675246{font-weight:400;padding:4px 8px;font-size:12px;gap:4px;height:32px}.shared__button-module__button__small--kA9VI_1701030675246{font-weight:400;padding:8px 12px;font-size:14px;line-height:14px;gap:4px}.shared__button-module__button__small--kA9VI_1701030675246.shared__button-module__withIcon--J7ifR_1701030675246{padding:8px}.shared__button-module__button__medium--E71L1_1701030675246{font-weight:450;padding:14px 20px;font-size:16px;line-height:16px;gap:8px}.shared__button-module__button__medium--E71L1_1701030675246.shared__button-module__withIcon--J7ifR_1701030675246{padding:12px}.shared__button-module__button__large--PG1dR_1701030675246{font-weight:600;padding:15px 24px;gap:12px;font-size:16px;line-height:22px}.shared__button-module__button__large--PG1dR_1701030675246.shared__button-module__withIcon--J7ifR_1701030675246{padding:18px}.shared__button-module__button__default--mYOHn_1701030675246{background-color:var(--button-default-color);color:var(--button-default-color-text);border:2px solid var(--button-default-color)}.shared__button-module__button__default--mYOHn_1701030675246>svg{color:var(--button-default-color-text)}@media(hover: hover){.shared__button-module__button__default--mYOHn_1701030675246:hover{background-color:var(--button-default-color--hover);border-color:var(--button-default-color--hover)}}.shared__button-module__button__default--mYOHn_1701030675246:active{background-color:var(--button-default-color--active);border-color:var(--button-default-color--active)}.shared__button-module__button__secondary--bPOB9_1701030675246{background-color:var(--button-secondary-color);color:var(--button-secondary-color-text);border:2px solid var(--button-secondary-color)}.shared__button-module__button__secondary--bPOB9_1701030675246>svg{color:var(--button-secondary-color-text)}@media(hover: hover){.shared__button-module__button__secondary--bPOB9_1701030675246:hover{background-color:var(--button-secondary-color--hover);border-color:var(--button-secondary-color--hover);color:var(--button-secondary-color-text--hover)}.shared__button-module__button__secondary--bPOB9_1701030675246:hover>svg{color:var(--button-secondary-color-text--hover)}}.shared__button-module__button__secondary--bPOB9_1701030675246:active{background-color:var(--button-secondary-color--active);border-color:var(--button-secondary-color--active);color:var(--button-secondary-color-text--active)}.shared__button-module__button__icon_left--EzgVg_1701030675246{flex-direction:row-reverse}.shared__button-module__button__icon_right--uPFlS_1701030675246{flex-direction:row}.shared__button-module__button--X-qXA_1701030675246:disabled{background-color:var(--button-default-color--disabled);border-color:var(--button-default-color--disabled);cursor:not-allowed}.shared__button-module__button--X-qXA_1701030675246:disabled:hover,.shared__button-module__button--X-qXA_1701030675246:disabled:active{background-color:var(--button-default-color--disabled)}.shared__button-module__loading--IZ3gt_1701030675246{color:rgba(0,0,0,0) !important;cursor:wait}.shared__button-module__loading--IZ3gt_1701030675246 .shared__button-module__icon--Gso9o_1701030675246{visibility:hidden}.shared__button-module__icon--Gso9o_1701030675246{vertical-align:bottom}.shared__button-module__icon__smallS--BQwBb_1701030675246{width:16px;height:16px}.shared__button-module__icon__small--SgRrC_1701030675246{width:16px;height:16px}.shared__button-module__icon__medium--3L-IQ_1701030675246{width:20px;height:20px}.shared__button-module__icon__large--WSggm_1701030675246{width:24px;height:24px}.shared__button-module__icon__default--MzXx8_1701030675246{color:var(--button-default-color-text)}.shared__button-module__icon__default--MzXx8_1701030675246>*{fill:currentColor}.shared__button-module__icon__secondary--n0RQn_1701030675246{color:var(--button-secondary-color-text)}.shared__button-module__icon__secondary--n0RQn_1701030675246>*{fill:currentColor}.shared__button-module__icon__only--fpWXx_1701030675246{margin:0}.shared__button-module__loader--v14UE_1701030675246{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.shared__button-module__loader__medium--7pr9v_1701030675246{width:24px;height:24px}.shared__button-module__loader__large--S4tzp_1701030675246{width:28px;height:28px}.shared__button-module__loader__default--5X5UT_1701030675246{color:var(--button-default-color-text)}
4
+ .shared__breadcrumbs-module__breadcrumbs--LxNAe_1701030675246{display:flex;gap:8px;align-items:center}
5
+ .shared__text-module__text--L3\+RG_1701030675246{color:var(--color-text-default)}.shared__text-module__text__small--Rl3X5_1701030675246{font-size:var(--size-text-s)}.shared__text-module__text__medium--Znrxu_1701030675246{font-size:var(--size-text-m);line-height:var(--text-line-height-m)}.shared__text-module__text__large--oRnU3_1701030675246{font-size:var(--size-text-l);line-height:var(--text-line-height-l)}.shared__text-module__textAddition--lz-qm_1701030675246{color:var(--color-text-secondary)}.shared__text-module__textBold--56jgD_1701030675246{font-weight:600}.shared__text-module__textSuccess--H2yEM_1701030675246{color:var(--color-text-success)}.shared__text-module__textError--MvnkN_1701030675246{color:var(--color-text-error)}.shared__text-module__textAttention--VjWLj_1701030675246{color:var(--color-text-brand)}.shared__text-module__textThrough--is3ha_1701030675246{text-decoration-line:line-through}.shared__text-module__textInverse--s78Gi_1701030675246{color:var(--color-text-inverse)}
6
+ .shared__link-module__link--NcxZW_1701030675246{display:inline;align-items:center;justify-content:center;text-decoration:none}.shared__link-module__link__link--gUwQW_1701030675246{color:var(--color-text-brand)}.shared__link-module__link__link--gUwQW_1701030675246:hover{color:var(--color-text-brand-2)}.shared__link-module__link__action--USwiE_1701030675246{color:var(--color-text-brand);cursor:pointer;user-select:none}.shared__link-module__link__action--USwiE_1701030675246:hover{color:var(--color-text-brand-2)}.shared__link-module__link__href--uTZ\+A_1701030675246{color:var(--color-text-brand);cursor:pointer;user-select:none}.shared__link-module__link__href--uTZ\+A_1701030675246:hover{color:var(--color-text-brand-2)}.shared__link-module__link--NcxZW_1701030675246.shared__link-module__addition--3xkZd_1701030675246{color:var(--color-text-secondary)}.shared__link-module__link--NcxZW_1701030675246.shared__link-module__addition--3xkZd_1701030675246:hover{color:var(--color-text-brand-2)}.shared__link-module__link__small--alNG-_1701030675246{font-size:var(--size-text-s);gap:4px}.shared__link-module__link__medium--LJlDF_1701030675246{font-size:var(--size-text-m);line-height:var(--text-line-height-m);gap:8px}.shared__link-module__link__large--2gcWq_1701030675246{font-size:var(--size-text-l);line-height:var(--text-line-height-l);gap:8px}.shared__link-module__link--NcxZW_1701030675246 svg:hover{color:var(--icon-default-color--hover)}.shared__link-module__icon--DUvf4_1701030675246{vertical-align:bottom}.shared__link-module__icon__small--Z11Nw_1701030675246{width:16px;height:16px;flex:1 0 16px}.shared__link-module__icon__medium--rSXi1_1701030675246{width:20px;height:20px;flex:1 0 20px}.shared__link-module__icon__large--tIKI0_1701030675246{width:20px;height:20px;flex:1 0 20px}.shared__link-module__icon__only--nGgQ8_1701030675246{margin:0}.shared__link-module__linkBold--E4KSC_1701030675246{font-weight:600}
7
+ .shared__checkbox-module__checkbox--jOEle_1701030675246{position:absolute;z-index:-1;opacity:0}.shared__checkbox-module__checkbox--jOEle_1701030675246+label{display:inline-flex;align-items:center;user-select:none;padding:2px;cursor:pointer}.shared__checkbox-module__checkbox--jOEle_1701030675246+label::before{content:"";display:inline-block;width:20px;height:20px;flex-shrink:0;flex-grow:0;border:1px solid var(--checkbox-border-color);border-radius:4px;margin-right:12px;background-repeat:no-repeat;background-position:center center;background-size:cover}.shared__checkbox-module__checkbox--jOEle_1701030675246+label::after{display:none !important}.shared__checkbox-module__checkbox--jOEle_1701030675246:checked+label::before{border-color:var(--checkbox-border-color--checked);background-color:var(--checkbox-background-color--checked);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy42NzIzMiAxMS40MTQ2TDE0LjQ2NjEgNC41MTQ2NUwxNS41IDUuNTY0NjlMNy42NzIzMiAxMy41MTQ2TDMuNSA5LjI3NzE2TDQuNTMzODkgOC4yMjcxMkw3LjY3MjMyIDExLjQxNDZaIiBmaWxsPSJ3aGl0ZSIgLz4KPC9zdmc+Cg==)}.shared__checkbox-module__checkbox--jOEle_1701030675246:checked:hover+label::before{border-color:var(--checkbox-border-color--hover);background-color:var(--checkbox-background-color--hover)}.shared__checkbox-module__checkbox--jOEle_1701030675246:not(:disabled):not(:checked)+label:hover::before{border-color:var(--checkbox-border-color--hover)}.shared__checkbox-module__checkbox--jOEle_1701030675246:not(:disabled):active+label::before{background-color:var(--checkbox-background-color--hover);border-color:var(--checkbox-border-color--hover)}.shared__checkbox-module__checkbox--jOEle_1701030675246:disabled{color:var(--checkbox-label-color--disabled)}.shared__checkbox-module__checkbox--jOEle_1701030675246:disabled+label{color:var(--checkbox-label-color--disabled)}.shared__checkbox-module__checkbox--jOEle_1701030675246:disabled:checked+label::before{background-color:var(--checkbox-background-color--disabled);border-color:var(--checkbox-border-color--disabled)}.shared__checkbox-module__checkbox--jOEle_1701030675246.shared__checkbox-module__error--xRaxv_1701030675246:not(:checked){color:var(--checkbox-label-color--error)}.shared__checkbox-module__checkbox--jOEle_1701030675246.shared__checkbox-module__error--xRaxv_1701030675246:not(:checked)+label>*{color:var(--checkbox-label-color--error) !important}.shared__checkbox-module__checkbox--jOEle_1701030675246.shared__checkbox-module__error--xRaxv_1701030675246:not(:checked)+label::before{border-color:var(--checkbox-border-color--error)}
8
+ .shared__counter-module__counter--po6fU_1701030675246{display:flex;align-items:center}.shared__counter-module__counter--po6fU_1701030675246 .shared__counter-module__button--sOvjE_1701030675246{width:28px;height:28px;padding:0;border-radius:100%}.shared__counter-module__counter--po6fU_1701030675246 .shared__counter-module__value--JD2xM_1701030675246{min-width:50px;text-align:center}
9
+ .shared__input-module__input--5GrwX_1701030675246{position:relative;width:100%}.shared__input-module__input--5GrwX_1701030675246 input{height:100%;width:100%;box-sizing:border-box;margin:0;padding:0;border:none;outline:none;user-select:text;font-weight:inherit}.shared__input-module__input--5GrwX_1701030675246 input[type=number]::-webkit-inner-spin-button,.shared__input-module__input--5GrwX_1701030675246 input[type=number]::-webkit-outer-spin-button,.shared__input-module__input--5GrwX_1701030675246 input[type=time]::-webkit-inner-spin-button,.shared__input-module__input--5GrwX_1701030675246 input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.shared__input-module__input--5GrwX_1701030675246 input:-webkit-autofill,.shared__input-module__input--5GrwX_1701030675246 input:-webkit-autofill:hover,.shared__input-module__input--5GrwX_1701030675246 input:-webkit-autofill:focus,.shared__input-module__input--5GrwX_1701030675246 input:-internal-autofill-selected{-webkit-text-fill-color:none;-webkit-box-shadow:0 0 200px #fff inset}.shared__input-module__input--5GrwX_1701030675246 input::-webkit-calendar-picker-indicator{display:none}.shared__input-module__input--5GrwX_1701030675246 input:-moz-ui-invalid{box-shadow:none}.shared__input-module__input--5GrwX_1701030675246 input[type=time]::-webkit-clear-button{display:none}.shared__input-module__input--5GrwX_1701030675246 input[type=time]::-webkit-datetime-edit-second-field:focus,.shared__input-module__input--5GrwX_1701030675246 input[type=time]::-webkit-datetime-edit-minute-field:focus,.shared__input-module__input--5GrwX_1701030675246 input[type=time]::-webkit-datetime-edit-hour-field:focus{background:#f5caeb}.shared__input-module__input--5GrwX_1701030675246 input:disabled{cursor:not-allowed}.shared__input-module__input__medium--g-8te_1701030675246 input{border-radius:12px;padding:0 15px;height:48px;font-size:var(--input-font-size--medium)}.shared__input-module__input__medium--g-8te_1701030675246 .shared__input-module__label--tNO2a_1701030675246{left:16px;font-size:var(--input-label-font-size--medium)}.shared__input-module__input__medium--g-8te_1701030675246 .shared__input-module__label--tNO2a_1701030675246+input{padding-top:16px}.shared__input-module__input__action_medium--hkQ1t_1701030675246 input{padding-right:36px}.shared__input-module__input__actions_medium---YV3O_1701030675246 input{padding-right:64px}.shared__input-module__input__pure--NNC8N_1701030675246 .shared__input-module__label--tNO2a_1701030675246{color:var(--input-outlined-placeholder-color)}.shared__input-module__input__pure--NNC8N_1701030675246.shared__input-module__disabled--ABDAb_1701030675246 .shared__input-module__label--tNO2a_1701030675246{color:var(--input-outlined-placeholder-color--disabled)}.shared__input-module__input__pure--NNC8N_1701030675246.shared__input-module__invalid--e--FF_1701030675246 .shared__input-module__label--tNO2a_1701030675246{color:var(--input-outlined-placeholder-color--error)}.shared__input-module__input__pure--NNC8N_1701030675246 input{background-color:rgba(0,0,0,0);border:none;background-clip:padding-box;transition:border-color .3s;padding:0;border-radius:0}.shared__input-module__input__pure--NNC8N_1701030675246 input::placeholder{color:var(--input-outlined-placeholder-color)}.shared__input-module__input__pure--NNC8N_1701030675246 input:disabled{color:var(--input-outlined-color--disabled)}.shared__input-module__input__pure--NNC8N_1701030675246 input:disabled::placeholder{color:var(--input-outlined-placeholder-color--disabled)}.shared__input-module__input__pure--NNC8N_1701030675246 input.shared__input-module__invalid--e--FF_1701030675246{color:inherit}.shared__input-module__input__pure--NNC8N_1701030675246 .shared__input-module__label--tNO2a_1701030675246{left:0;font-size:var(--input-label-font-size--medium)}.shared__input-module__input__pure--NNC8N_1701030675246 .shared__input-module__label--tNO2a_1701030675246+input{padding-top:16px}.shared__input-module__input__outlined--p-xCA_1701030675246 .shared__input-module__label--tNO2a_1701030675246{color:var(--input-outlined-placeholder-color)}.shared__input-module__input__outlined--p-xCA_1701030675246.shared__input-module__disabled--ABDAb_1701030675246 .shared__input-module__label--tNO2a_1701030675246{color:var(--input-outlined-placeholder-color--disabled)}.shared__input-module__input__outlined--p-xCA_1701030675246.shared__input-module__invalid--e--FF_1701030675246 .shared__input-module__label--tNO2a_1701030675246{color:var(--input-outlined-placeholder-color--error)}.shared__input-module__input__outlined--p-xCA_1701030675246 input{background-color:var(--input-outlined-background-color);border:1px solid var(--input-outlined-border-color);background-clip:padding-box;transition:border-color .3s}.shared__input-module__input__outlined--p-xCA_1701030675246 input::placeholder{color:var(--input-outlined-placeholder-color)}.shared__input-module__input__outlined--p-xCA_1701030675246 input:disabled{border-color:var(--input-outlined-border-color--disabled);color:var(--input-outlined-color--disabled) !important}.shared__input-module__input__outlined--p-xCA_1701030675246 input:disabled::placeholder{color:var(--input-outlined-placeholder-color--disabled)}.shared__input-module__input__outlined--p-xCA_1701030675246 input:read-only{border-color:var(--input-outlined-border-color--disabled)}.shared__input-module__input__outlined--p-xCA_1701030675246 input:read-only::placeholder{color:var(--input-outlined-placeholder-color--disabled)}.shared__input-module__input__outlined--p-xCA_1701030675246 input:focus{border-color:var(--input-outlined-border-color--active)}.shared__input-module__input__outlined--p-xCA_1701030675246 input.shared__input-module__invalid--e--FF_1701030675246{border-color:var(--input-outlined-border-color--error)}.shared__input-module__label--tNO2a_1701030675246{position:absolute;left:0;top:2px}.shared__input-module__clear--OvXQO_1701030675246{position:absolute;cursor:pointer}.shared__input-module__clear__large--sWuYu_1701030675246{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.shared__input-module__clear__medium--09aiH_1701030675246{width:20px;height:20px;right:16px;top:50%;transform:translateY(-50%)}.shared__input-module__clear__action_medium--zfylI_1701030675246{right:40px}.shared__input-module__clear__outlined--iICxm_1701030675246{color:var(--input-icon-color)}.shared__input-module__clear__outlined--iICxm_1701030675246:hover{color:var(--input-icon-color--hover)}.shared__input-module__icon--zr4sW_1701030675246{position:absolute;cursor:pointer}.shared__input-module__icon__large--89dxq_1701030675246{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.shared__input-module__icon__medium--GDtvJ_1701030675246{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.shared__input-module__icon__outlined--dZgJq_1701030675246{color:var(--input-icon-color)}.shared__input-module__icon__outlined--dZgJq_1701030675246:hover{color:var(--input-icon-color--hover)}.shared__input-module__loader--QYYkV_1701030675246{position:absolute}.shared__input-module__loader__large--Y9WB3_1701030675246{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.shared__input-module__loader__medium--QKgq8_1701030675246{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.shared__input-module__loader__outlined--rHN8w_1701030675246{color:var(--input-icon-color)}
10
+ .shared__divider-module__bordered--8qnHN_1701030675246{border-bottom:1px solid var(--color-border-basic)}
11
+ .shared__dropdown-module__dropdown--fuFze_1701030675246{padding:4px;border-radius:12px;box-shadow:var(--dropdown-box-shadow);background-color:var(--dropdown-background-color)}
12
+ .shared__form-control-module__label--0QO0D_1701030675246{padding-bottom:4px}.shared__form-control-module__error--FVB3Z_1701030675246{position:absolute}
13
+ .shared__heading-module__heading--8sR8x_1701030675246{margin:0;color:var(--color-text-default)}.shared__heading-module__heading__h1--R6zxl_1701030675246{font-size:var(--heading-size-h1);font-weight:var(--heading-weight-h1);line-height:var(--heading-line-height-h1)}@media(max-width: 767px){.shared__heading-module__heading__h1--R6zxl_1701030675246{font-size:var(--heading-size-h3);font-weight:var(--heading-weight-h3);line-height:var(--heading-line-height-h3)}}.shared__heading-module__heading__h2--R3bM8_1701030675246{font-size:var(--heading-size-h2);font-weight:var(--heading-weight-h2)}.shared__heading-module__heading__h3--XTX7i_1701030675246{font-size:var(--heading-size-h3);font-weight:var(--heading-weight-h3);line-height:var(--heading-line-height-h3)}@media(max-width: 767px){.shared__heading-module__heading__h3--XTX7i_1701030675246{font-size:var(--heading-size-h5);font-weight:var(--heading-weight-h5);line-height:var(--heading-line-height-h5)}}.shared__heading-module__heading__h4--iTCuq_1701030675246{font-size:var(--heading-size-h4);font-weight:var(--heading-weight-h4);line-height:var(--heading-line-height-h4)}.shared__heading-module__heading__h5--WR5IM_1701030675246{font-size:var(--heading-size-h5);font-weight:var(--heading-weight-h5)}.shared__heading-module__textAddition--AJUlA_1701030675246{color:var(--color-text-secondary)}.shared__heading-module__textAttention--t8\+tt_1701030675246{color:var(--color-text-brand)}.shared__heading-module__textBold--n8fQX_1701030675246{font-weight:600}.shared__heading-module__textInverse--S-jep_1701030675246{color:var(--color-text-inverse)}.shared__heading-module__textError--Bm1mE_1701030675246{color:var(--color-text-error)}.shared__heading-module__textSuccess--Q3GD\+_1701030675246{color:var(--color-text-success)}.shared__heading-module__textWarning--f-7yo_1701030675246{color:var(--color-text-warning)}.shared__heading-module__centerText--CM0Hq_1701030675246{text-align:center}
14
+ .shared__loader-module__loader--ErOFa_1701030675246{display:flex}.shared__loader-module__absolute--nggvH_1701030675246{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.5);left:0;top:0;display:flex;align-items:center;justify-content:center;z-index:1}.shared__loader-module__absolute--nggvH_1701030675246 .shared__loader-module__loader--ErOFa_1701030675246{width:40px;height:40px;color:var(--color-icon-brand)}.shared__loader-module__fixed--CUw3s_1701030675246{position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,.5);left:0;top:0;display:flex;align-items:center;justify-content:center;z-index:999}.shared__loader-module__fixed--CUw3s_1701030675246 .shared__loader-module__loader--ErOFa_1701030675246{width:64px;height:64px;color:var(--color-icon-brand)}
15
+ @keyframes shared__loader-line-module__loader-animation--cSq\+I_1701030675246{0%{left:-100%}100%{left:100%}}.shared__loader-line-module__loaderLine--EZc2J_1701030675246{height:5px;position:relative;overflow:hidden;width:100%;left:0;right:0;margin-top:10px}@media(max-width: 767px){.shared__loader-line-module__loaderLine--EZc2J_1701030675246{margin-top:0px}}.shared__loader-line-module__loaderLine--EZc2J_1701030675246 .shared__loader-line-module__bar--uH4lA_1701030675246{width:35%;position:absolute;height:4px;border-radius:2px;background-color:var(--color-bg-brand);opacity:0;transition:opacity .2s ease}.shared__loader-line-module__loaderLine--EZc2J_1701030675246.shared__loader-line-module__active--0J8lF_1701030675246 .shared__loader-line-module__bar--uH4lA_1701030675246{opacity:1;animation-name:shared__loader-line-module__loader-animation--cSq\+I_1701030675246;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.shared__loader-line-module__loaderLine--EZc2J_1701030675246 .shared__loader-line-module__border--OXwgu_1701030675246{opacity:0}.shared__loader-line-module__loaderLine--EZc2J_1701030675246.shared__loader-line-module__active--0J8lF_1701030675246 .shared__loader-line-module__border--OXwgu_1701030675246{opacity:1}
16
+ .shared__modal-module__footer--wpZLV_1701030675246{width:100%;display:flex;gap:12px}.shared__modal-module__footer--wpZLV_1701030675246>button{flex:1}@media(max-width: 767px){.shared__modal-module__footer--wpZLV_1701030675246{flex-direction:column}}
17
+ .shared__select-module__select--cm-a3_1701030675246 .shared__select-module__hasLabel--ZRS9W_1701030675246{line-height:20px}.shared__select-module__select--cm-a3_1701030675246 .shared__select-module__hasLabel--ZRS9W_1701030675246>label{display:block;font-size:var(--input-label-font-size--medium);color:var(--input-outlined-placeholder-color)}.shared__select-module__select--cm-a3_1701030675246 .shared__select-module__hasLabel--ZRS9W_1701030675246>label.shared__select-module__disabled--gfQp-_1701030675246{color:var(--input-outlined-placeholder-color--disabled)}.shared__select-module__select--cm-a3_1701030675246 .shared__select-module__hasLabel--ZRS9W_1701030675246>label.shared__select-module__invalid--rXHCJ_1701030675246{color:var(--input-outlined-placeholder-color--error)}.shared__select-module__select--cm-a3_1701030675246 .shared__select-module__optionText--7GphM_1701030675246{position:absolute;width:100%;left:0;padding:0 44px 0 16px;text-overflow:ellipsis;overflow:hidden}.shared__select-module__hasLabel--ZRS9W_1701030675246>label{display:none}
18
+ .shared__slider-module__sliderContainer--KGFdN_1701030675246{display:flex;flex-direction:row;position:relative;width:100%;height:100%}.shared__slider-module__swiperSlide--es2Vl_1701030675246{display:flex;width:max-content}.shared__slider-module__swiperSlide--es2Vl_1701030675246.shared__slider-module__swiperSlideAuto--Cwk8-_1701030675246{width:auto !important}.shared__slider-module__sliderAutoLoop--0OphC_1701030675246{opacity:0;transition:.15s}.shared__slider-module__sliderAutoLoop--0OphC_1701030675246.shared__slider-module__ready--H\+y-p_1701030675246{opacity:1}.shared__slider-module__slider--UBNwU_1701030675246 .shared__slider-module__swiper-pagination-bullets--PckKH_1701030675246{margin-top:20px;display:none}.shared__slider-module__swiperPaginationHidden--k4CIT_1701030675246{display:none}.shared__slider-module__buttonSlider---MRF3_1701030675246{cursor:pointer;display:block;position:absolute;user-select:none}@media(max-width: 767px){.shared__slider-module__buttonSlider---MRF3_1701030675246{display:none}}@media(max-width: 1023px)and (min-width: 768px){.shared__slider-module__buttonSlider---MRF3_1701030675246{display:none}}.shared__slider-module__buttonSlider__hidden--BgKX-_1701030675246{display:none}.shared__slider-module__buttonSlider__prev--X4kyB_1701030675246{top:calc(50% - 37.5px);left:-35px;z-index:999}.shared__slider-module__buttonSlider__prev_inset--3192S_1701030675246{left:10px}.shared__slider-module__buttonSlider__next--JognR_1701030675246{top:calc(50% - 37.5px);right:-35px;z-index:999}.shared__slider-module__buttonSlider__next_inset--HcKU3_1701030675246{right:10px}.shared__slider-module__buttonSlider---MRF3_1701030675246:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);transition:all .15s}.shared__slider-module__buttonSlider---MRF3_1701030675246:active{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.shared__slider-module__sliderCounter--ynG2f_1701030675246{font-size:12px;line-height:16px;color:#242424;width:auto;position:absolute;bottom:16px;left:16px;margin:0;padding:1px 8px 2px;border-radius:18px;background-color:rgba(255,255,255,.7);z-index:1}
19
+ .shared__spoiler-module__spoiler--siWfv_1701030675246 .shared__spoiler-module__title--N0ID7_1701030675246{position:relative;user-select:none;cursor:pointer}.shared__spoiler-module__spoiler--siWfv_1701030675246 .shared__spoiler-module__arrow--VISBf_1701030675246{position:absolute;right:0;top:50%;transform:translateY(-50%)}
20
+ .shared__stacked-input-module__stacked_input--gd2Dh_1701030675246{display:flex}.shared__stacked-input-module__stacked_input__select--ewS4D_1701030675246>div{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:none !important}.shared__stacked-input-module__stacked_input__input--t1qul_1701030675246>input{border-top-left-radius:0;border-bottom-left-radius:0}
21
+ .shared__switch-module__switch--EGB08_1701030675246{background-color:#f6f6f6;border-radius:58px;width:48px;height:18px;display:flex;align-items:center;position:relative;cursor:pointer;white-space:nowrap}.shared__switch-module__switch--EGB08_1701030675246>div:first-child{position:absolute;left:0;width:24px;height:24px;background-color:#d1cfd7;border-radius:100%;transition:.15s}.shared__switch-module__switch--EGB08_1701030675246>div:last-child{padding-left:60px;white-space:nowrap}.shared__switch-module__switch--EGB08_1701030675246>input{position:absolute;height:0;width:0;opacity:0;overflow:hidden}.shared__switch-module__switch--EGB08_1701030675246.shared__switch-module__active--Mghyc_1701030675246{background-color:#efdbff}.shared__switch-module__switch--EGB08_1701030675246.shared__switch-module__active--Mghyc_1701030675246>div:first-child{background-color:#8227c7;left:calc(100% - 24px)}
22
+ .shared__tag-box-module__select--aZcmW_1701030675246 .shared__tag-box-module__hasLabel--OkuEn_1701030675246{line-height:20px}.shared__tag-box-module__select--aZcmW_1701030675246 .shared__tag-box-module__hasLabel--OkuEn_1701030675246>label{display:block;font-size:var(--input-label-font-size--medium);color:var(--input-outlined-placeholder-color)}.shared__tag-box-module__select--aZcmW_1701030675246 .shared__tag-box-module__hasLabel--OkuEn_1701030675246>label.shared__tag-box-module__disabled--8Eb9x_1701030675246{color:var(--input-outlined-placeholder-color--disabled)}.shared__tag-box-module__select--aZcmW_1701030675246 .shared__tag-box-module__hasLabel--OkuEn_1701030675246>label.shared__tag-box-module__invalid--D6cKK_1701030675246{color:var(--input-outlined-placeholder-color--error)}.shared__tag-box-module__hasLabel--OkuEn_1701030675246>label{display:none}
23
+ .shared__tag-button-module__button--Qv07L_1701030675246{padding:15px 22px;border-radius:96px;font-weight:400;border:none;white-space:nowrap;cursor:pointer;box-shadow:none;position:relative}.shared__tag-button-module__button__small--VKA08_1701030675246{padding:4px 12px;font-size:14px}.shared__tag-button-module__button__medium--M0TM\+_1701030675246{padding:7px 16px;font-size:16px}.shared__tag-button-module__button__large--PobFJ_1701030675246{padding:22px 48px}.shared__tag-button-module__button__default--dpNJZ_1701030675246{background-color:#fff;border:1px solid #fff;color:#000;transition:all .15s}.shared__tag-button-module__button__default--dpNJZ_1701030675246:active{background-color:#ffae69}@media(hover: hover)and (pointer: fine){.shared__tag-button-module__button__default--dpNJZ_1701030675246:hover{color:#fff;background-color:#ea6e00;border-color:#ea6e00}}.shared__tag-button-module__button__green--7uieL_1701030675246{color:#8b8b8b;transition:all .15s;border-radius:8px;font-size:12px;line-height:16px;padding:4px 8px}.shared__tag-button-module__button__green--7uieL_1701030675246.shared__tag-button-module__selected--hP5R8_1701030675246{background:#5bb767;color:#fff}.shared__tag-button-module__button__secondary--KiSTI_1701030675246{background-color:#fff;color:#000;transition:all .15s;box-shadow:0px 4px 40px rgba(33,35,40,.1);border-radius:12px;margin-right:12px}.shared__tag-button-module__button__secondary--KiSTI_1701030675246:active{background-color:#8227c7}.shared__tag-button-module__button__secondary--KiSTI_1701030675246.shared__tag-button-module__selected--hP5R8_1701030675246{background-color:#8227c7;color:#fff}@media(hover: hover)and (pointer: fine){.shared__tag-button-module__button__secondary--KiSTI_1701030675246:hover{color:#fff;background-color:#8227c7}}.shared__tag-button-module__button__tab--rVLma_1701030675246{color:var(--tag-button-tab-color);border-radius:8px 8px 0px 0px;padding:5px 16px}.shared__tag-button-module__button__tab--rVLma_1701030675246.shared__tag-button-module__selected--hP5R8_1701030675246{background-color:var(--tag-button-tab-background-color--active);color:var(--tag-button-tab-color--active)}.shared__tag-button-module__button__tab--rVLma_1701030675246 span{font-size:16px;line-height:20px}.shared__tag-button-module__button__tumbler---2OQ2_1701030675246{border:1px solid var(--tag-button-default-border-color);background-color:var(--tag-button-default-background-color);color:var(--tag-button-default-color);border-radius:0;width:100%;text-align:center;justify-content:center}.shared__tag-button-module__button__tumbler---2OQ2_1701030675246.shared__tag-button-module__selected--hP5R8_1701030675246{background-color:var(--tag-button-default-background-color--active);color:var(--tag-button-default-color--active)}.shared__tag-button-module__button__tumbler---2OQ2_1701030675246:first-child{border-radius:8px 0 0 8px}.shared__tag-button-module__button__tumbler---2OQ2_1701030675246:last-child{border-radius:0 8px 8px 0}.shared__tag-button-module__button__icons--rLBj8_1701030675246{color:#000}.shared__tag-button-module__button__icons--rLBj8_1701030675246:hover{color:#fb8a29;transition:all .15s}.shared__tag-button-module__button__icons--rLBj8_1701030675246:active{color:#fb8a29}.shared__tag-button-module__loading--emtZM_1701030675246{color:rgba(0,0,0,0);cursor:wait}.shared__tag-button-module__loading--emtZM_1701030675246 .shared__tag-button-module__icon--LtczE_1701030675246{visibility:hidden}.shared__tag-button-module__icon--LtczE_1701030675246{vertical-align:bottom}.shared__tag-button-module__icon__small--2sXj9_1701030675246{width:16px;height:16px;margin-left:4px}.shared__tag-button-module__icon__medium--WMllo_1701030675246{width:20px;height:20px;margin-left:8px}.shared__tag-button-module__icon__large--GhXfx_1701030675246{width:24px;height:24px;margin-left:12px}.shared__tag-button-module__icon__default--GYg6a_1701030675246{color:var(--tag-button-default-color)}.shared__tag-button-module__shadow---SujH_1701030675246{box-shadow:0px 0px 20px rgba(0,0,0,.1)}.shared__tag-button-module__tagButtonGroup--9aBd8_1701030675246{display:flex;width:100%;overflow:auto;scrollbar-color:#d5d5d5 rgba(0,0,0,0);scrollbar-width:thin}.shared__tag-button-module__tagButtonGroup--9aBd8_1701030675246::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0)}.shared__tag-button-module__tagButtonGroup--9aBd8_1701030675246>*{scroll-snap-align:start}.shared__tag-button-module__tagButtonGroup--9aBd8_1701030675246::-webkit-scrollbar{height:0px}.shared__tag-button-module__tagButtonGroup--9aBd8_1701030675246::-webkit-scrollbar-thumb{width:60px;background-color:rgba(0,0,0,0);border-radius:3px}.shared__tag-button-module__tagButtonGroup--9aBd8_1701030675246::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
24
+ .shared__text-area-module__textarea--BYKqV_1701030675246{position:relative;width:100%}.shared__text-area-module__textarea--BYKqV_1701030675246 textarea{display:flex;resize:none;height:100%;width:100%;box-sizing:border-box;margin:0;padding:0;border:none;outline:none;user-select:text;font-weight:inherit}.shared__text-area-module__textarea--BYKqV_1701030675246 textarea[type=number]::-webkit-inner-spin-button,.shared__text-area-module__textarea--BYKqV_1701030675246 textarea[type=number]::-webkit-outer-spin-button,.shared__text-area-module__textarea--BYKqV_1701030675246 textarea[type=time]::-webkit-inner-spin-button,.shared__text-area-module__textarea--BYKqV_1701030675246 textarea[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.shared__text-area-module__textarea--BYKqV_1701030675246 textarea:-webkit-autofill,.shared__text-area-module__textarea--BYKqV_1701030675246 textarea:-webkit-autofill:hover,.shared__text-area-module__textarea--BYKqV_1701030675246 textarea:-webkit-autofill:focus,.shared__text-area-module__textarea--BYKqV_1701030675246 textarea:-internal-autofill-selected{-webkit-text-fill-color:none;-webkit-box-shadow:0 0 200px #fff inset}.shared__text-area-module__textarea--BYKqV_1701030675246 textarea::-webkit-calendar-picker-indicator{display:none}.shared__text-area-module__textarea--BYKqV_1701030675246 textarea:-moz-ui-invalid{box-shadow:none}.shared__text-area-module__textarea--BYKqV_1701030675246 textarea[type=time]::-webkit-clear-button{display:none}.shared__text-area-module__textarea--BYKqV_1701030675246 textarea[type=time]::-webkit-datetime-edit-second-field:focus,.shared__text-area-module__textarea--BYKqV_1701030675246 textarea[type=time]::-webkit-datetime-edit-minute-field:focus,.shared__text-area-module__textarea--BYKqV_1701030675246 textarea[type=time]::-webkit-datetime-edit-hour-field:focus{background:#f5caeb}.shared__text-area-module__textarea--BYKqV_1701030675246 textarea:disabled{cursor:not-allowed}.shared__text-area-module__textarea__small--vpKis_1701030675246 textarea{border-radius:4px;padding:7px 12px;font-size:var(--size-text-m)}.shared__text-area-module__textarea__medium--YP0qD_1701030675246 textarea{border-radius:12px;padding:12px 16px;line-height:18px;font-size:var(--input-font-size--medium)}.shared__text-area-module__textarea__large--qWZJ2_1701030675246 textarea{border-radius:12px;padding:12px 16px;line-height:22px;font-size:var(--input-font-size--large)}@media(max-width: 1023px)and (min-width: 768px){.shared__text-area-module__textarea__large_adaptive--UFOvf_1701030675246 textarea{border-radius:4px;padding:15px 20px;font-size:var(--size-text-m)}}@media(max-width: 767px){.shared__text-area-module__textarea__large_adaptive--UFOvf_1701030675246 textarea{border-radius:4px;padding:8px 12px;font-size:var(--size-text-m)}}.shared__text-area-module__textarea__action_medium--xPwcQ_1701030675246 textarea{padding-right:36px}.shared__text-area-module__textarea__action_large--6pU6m_1701030675246 textarea{padding-right:48px}.shared__text-area-module__textarea__actions_medium--xk3HL_1701030675246 textarea{padding-right:60px}.shared__text-area-module__textarea__actions_large--QPCon_1701030675246 textarea{padding-right:80px}.shared__text-area-module__textarea__border_circle--QwRke_1701030675246 textarea{border-radius:100px}.shared__text-area-module__textarea__outlined--ip5t1_1701030675246 textarea{background-color:var(--color-input);border:1px solid var(--input-outlined-border-color);background-clip:padding-box;transition:border-color .3s}.shared__text-area-module__textarea__outlined--ip5t1_1701030675246 textarea:disabled{border-color:var(--input-outlined-border-color--disabled);color:var(--input-outlined-color--disabled)}.shared__text-area-module__textarea__outlined--ip5t1_1701030675246 textarea::placeholder{color:var(--input-outlined-placeholder-color)}.shared__text-area-module__textarea__outlined--ip5t1_1701030675246 textarea:read-only{border-color:var(--input-outlined-border-color--disabled)}.shared__text-area-module__textarea__outlined--ip5t1_1701030675246 textarea:focus{border-color:var(--input-outlined-border-color--active)}.shared__text-area-module__textarea__outlined--ip5t1_1701030675246 textarea.shared__text-area-module__invalid--HHkEP_1701030675246{color:var(--input-outlined-placeholder-color--error);border-color:var(--input-outlined-border-color--error)}.shared__text-area-module__textarea__filled--khZXb_1701030675246 textarea{background-color:var(--input-filled-background-color);border:1px solid var(--input-filled-border-color);background-clip:padding-box;transition:border-color .3s}.shared__text-area-module__textarea__filled--khZXb_1701030675246 textarea::placeholder{color:var(--input-filled-placeholder-color)}.shared__text-area-module__textarea__filled--khZXb_1701030675246 textarea:disabled{border-color:var(--input-filled-border-color--disabled);color:var(--input-filled-color--disabled) !important}.shared__text-area-module__textarea__filled--khZXb_1701030675246 textarea:disabled::placeholder{color:var(--input-filled-placeholder-color--disabled)}.shared__text-area-module__textarea__filled--khZXb_1701030675246 textarea:read-only{border-color:var(--input-filled-border-color--disabled)}.shared__text-area-module__textarea__filled--khZXb_1701030675246 textarea:read-only::placeholder{color:var(--input-filled-placeholder-color--disabled)}.shared__text-area-module__textarea__filled--khZXb_1701030675246 textarea:focus{border-color:var(--input-filled-border-color--active);background-color:var(--input-filled-background-color--active);background-color:rgba(0,0,0,0)}.shared__text-area-module__textarea__filled--khZXb_1701030675246 textarea.shared__text-area-module__invalid--HHkEP_1701030675246{border-color:var(--input-filled-border-color--error)}.shared__text-area-module__textarea__filled--khZXb_1701030675246 textarea.shared__text-area-module__invalid--HHkEP_1701030675246::placeholder{color:var(--input-filled-placeholder-color--error)}.shared__text-area-module__clear--cniAi_1701030675246{position:absolute;cursor:pointer;right:16px;top:50%;transform:translateY(-50%)}.shared__text-area-module__clear__small--kWg6N_1701030675246{width:16px;height:16px}.shared__text-area-module__clear__medium--pN-Zj_1701030675246{width:20px;height:20px}.shared__text-area-module__clear__large---rhZv_1701030675246{width:24px;height:24px}.shared__text-area-module__clear__action_small--y2Mh9_1701030675246{right:36px}.shared__text-area-module__clear__action_medium--VB44P_1701030675246{right:42px}.shared__text-area-module__clear__action_large--gD65G_1701030675246{right:48px}.shared__text-area-module__icon--HqPRa_1701030675246{position:absolute;cursor:pointer}.shared__text-area-module__icon__small--yOGgx_1701030675246{width:16px;height:16px;right:16px;top:50%;transform:translateY(-50%)}.shared__text-area-module__icon__medium--Lap9Z_1701030675246{width:20px;height:20px;right:16px;top:50%;transform:translateY(-50%)}.shared__text-area-module__icon__large--Bpk53_1701030675246{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.shared__text-area-module__loader--zfGHC_1701030675246{position:absolute}.shared__text-area-module__loader__large--h-OCh_1701030675246{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.shared__text-area-module__loader__filled--zQ1yA_1701030675246{color:var(--color-input-filled-text)}
25
+ .shared__text-spoiler-module__textSpoiler--xJkwo_1701030675246{position:relative;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;height:130px;box-shadow:0 -35px 35px #fff inset}.shared__text-spoiler-module__textSpoiler--xJkwo_1701030675246:after{content:"";position:absolute;width:100%;height:35px;bottom:0;left:0;background:linear-gradient(rgba(255, 255, 255, 0), #fff)}@media(max-width: 767px){.shared__text-spoiler-module__textSpoiler--xJkwo_1701030675246{font-size:14px}}.shared__text-spoiler-module__openText--osI1V_1701030675246{height:100%;display:block}.shared__text-spoiler-module__openText--osI1V_1701030675246:after{display:none}.shared__text-spoiler-module__expander--Y2VRc_1701030675246{cursor:pointer;padding:20px 0 4px 0;width:100%}@media(hover: hover)and (pointer: fine){.shared__text-spoiler-module__expander--Y2VRc_1701030675246:hover>svg{color:var(--color-violet)}}.shared__text-spoiler-module__expander--Y2VRc_1701030675246>svg{color:#d9d9d9}.shared__text-spoiler-module__expander--Y2VRc_1701030675246.shared__text-spoiler-module__active--\+DkdZ_1701030675246 svg{transform:rotate(180deg)}
26
+ .shared__tooltip-module__tooltip--tS2G-_1701030675246{user-select:none;pointer-events:none;position:fixed;max-width:300px;padding:16px;background-color:#000;border-radius:12px;color:#fff;z-index:9999;opacity:0;transition:opacity .15s ease-in}.shared__tooltip-module__tooltip--tS2G-_1701030675246 .shared__tooltip-module__arrow--VbQb7_1701030675246{position:absolute;width:12px;height:12px;border-radius:2px;background-color:#000}.shared__tooltip-module__left--2nmo1_1701030675246{margin-left:-12px}.shared__tooltip-module__left--2nmo1_1701030675246 .shared__tooltip-module__arrow--VbQb7_1701030675246{top:50%;left:calc(100% - 8px);transform:translateY(-50%) rotate(45deg)}.shared__tooltip-module__right--JgZSX_1701030675246{margin-left:12px}.shared__tooltip-module__right--JgZSX_1701030675246 .shared__tooltip-module__arrow--VbQb7_1701030675246{top:50%;right:calc(100% - 8px);transform:translateY(-50%) rotate(45deg)}.shared__tooltip-module__top--VsESz_1701030675246{margin-top:-12px}.shared__tooltip-module__top--VsESz_1701030675246 .shared__tooltip-module__arrow--VbQb7_1701030675246{top:calc(100% - 8px);left:50%;transform:translateX(-50%) rotate(45deg)}.shared__tooltip-module__bottom--2zx9D_1701030675246{margin-left:-12px}.shared__tooltip-module__bottom--2zx9D_1701030675246 .shared__tooltip-module__arrow--VbQb7_1701030675246{bottom:calc(100% - 8px);left:50%;transform:translateX(-50%) rotate(45deg)}
27
+
2
28
 
3
29
  /*# sourceMappingURL=main.css.map*/
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://dt-shared-front/./src/components/button/button.module.scss"],"names":[],"mappings":"AAcA,oDACE,mBACA,YACA,mBACA,eACA,gBACA,kBACA,oBACA,mBACA,uBAEA,4DACE,gBACA,gBACA,eAEA,QACA,YAGF,2DACE,gBACA,iBACA,eACA,iBACA,QAGA,gHACE,YAIJ,4DACE,gBACA,kBACA,eACA,iBACA,QAEA,iHACE,aAIJ,2DACE,gBACA,kBACA,SACA,eACA,iBAEA,gHACE,aAIJ,6DACE,4CAxEmB,CAyEnB,sCAxEwB,CAyExB,6CAEA,iEACE,sCA5EsB,CA+ExB,qBACE,mEACE,mDAhFsB,CAiFtB,+CAjFsB,EAqF1B,oEACE,oDArFyB,CAsFzB,gDAtFyB,CA0F7B,+DACE,8CAxFqB,CAyFrB,wCAxF0B,CAyF1B,+CAEA,mEACE,wCA5FwB,CA+F1B,qBACE,qEACE,qDAhGwB,CAiGxB,iDAjGwB,CAkGxB,gDAEA,yEACE,iDAKN,sEACE,sDA1G2B,CA2G3B,kDA3G2B,CA4G3B,iDA4BJ,+DACE,2BAGF,gEACE,mBAGF,6DACE,sDAtJ6B,CAuJ7B,kDAvJ6B,CAwJ7B,mBAEA,uIAEE,sDA5J2B,CAkLjC,qDACE,+BAEA,YACA,uGACE,kBAIJ,kDACE,sBAEA,0DACE,WACA,YAGF,yDACE,WACA,YAGF,0DACE,WACA,YAGF,yDACE,WACA,YAGF,2DACE,sCAtNwB,CAuNxB,6DACE,kBAIJ,6DACE,wCAvN0B,CAwN1B,+DACE,kBAIJ,wDACE,SAIJ,oDACE,kBACA,QACA,SACA,gCAEA,4DACE,WACA,YAGF,2DACE,WACA,YAGF,6DACE,sCAzPwB,C","file":"main.css","sourcesContent":["$color-button-default: var(--button-default-color);\n$color-button-default-text: var(--button-default-color-text);\n$color-button-default--hover: var(--button-default-color--hover);\n$color-button-default--active: var(--button-default-color--active);\n$color-button-default--disabled: var(--button-default-color--disabled);\n\n$color-button-secondary: var(--button-secondary-color);\n$color-button-secondary-text: var(--button-secondary-color-text);\n$color-button-secondary--hover: var(--button-secondary-color--hover);\n$color-button-secondary--active: var(--button-secondary-color--active);\n$color-button-secondary--disabled: var(--button-secondary-color--disabled);\n\n$font-size-button-large: var(--size-text-l);\n\n.button {\n border-radius: 12px;\n border: none;\n white-space: nowrap;\n cursor: pointer;\n box-shadow: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n &__smallS {\n font-weight: 400;\n padding: 4px 8px;\n font-size: 12px;\n // line-height: 16px;\n gap: 4px;\n height: 32px;\n }\n\n &__small {\n font-weight: 400;\n padding: 8px 12px;\n font-size: 14px;\n line-height: 14px;\n gap: 4px;\n\n\n &.withIcon {\n padding: 8px;\n }\n }\n\n &__medium {\n font-weight: 450;\n padding: 14px 20px;\n font-size: 16px;\n line-height: 16px;\n gap: 8px;\n\n &.withIcon {\n padding: 12px;\n }\n }\n\n &__large {\n font-weight: 600;\n padding: 15px 24px;\n gap: 12px;\n font-size: 16px;\n line-height: 22px;\n\n &.withIcon {\n padding: 18px;\n }\n }\n\n &__default {\n background-color: $color-button-default;\n color: $color-button-default-text;\n border: 2px solid $color-button-default;\n\n & > svg {\n color: $color-button-default-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-default--hover;\n border-color: $color-button-default--hover;\n }\n }\n\n &:active {\n background-color: $color-button-default--active;\n border-color: $color-button-default--active;\n }\n }\n\n &__secondary {\n background-color: $color-button-secondary;\n color: $color-button-secondary-text;\n border: 2px solid $color-button-secondary;\n\n & > svg {\n color: $color-button-secondary-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-secondary--hover;\n border-color: $color-button-secondary--hover;\n color: var(--button-secondary-color-text--hover);\n\n & > svg {\n color: var(--button-secondary-color-text--hover);\n }\n }\n }\n\n &:active {\n background-color: $color-button-secondary--active;\n border-color: $color-button-secondary--active;\n color: var(--button-secondary-color-text--active);\n }\n }\n\n // &__fourth {\n // background-color: $color-button-fourth;\n // color: $color-button-fourth-text;\n // border: 2px solid $color-button-fourth-text;\n\n // & > svg {\n // color: $color-button-default-text;\n // }\n\n // &:hover {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n\n // &:active {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n // }\n\n &__icon_left {\n flex-direction: row-reverse;\n }\n\n &__icon_right {\n flex-direction: row;\n }\n\n &:disabled {\n background-color: $color-button-default--disabled;\n border-color: $color-button-default--disabled;\n cursor: not-allowed;\n\n &:hover,\n &:active {\n background-color: $color-button-default--disabled;\n }\n }\n}\n\n// @media (max-width: 1023px) {\n// .button {\n// &__small {\n// padding: 8px;\n// }\n\n// &__medium {\n// padding: 10px;\n// font-size: 16px;\n// }\n\n// &__large {\n// padding: 12px;\n// }\n// }\n// }\n\n.loading {\n color: transparent !important;\n\n cursor: wait;\n & .icon {\n visibility: hidden;\n }\n}\n\n.icon {\n vertical-align: bottom;\n\n &__smallS {\n width: 16px;\n height: 16px;\n }\n\n &__small {\n width: 16px;\n height: 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n }\n\n &__default {\n color: $color-button-default-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__secondary {\n color: $color-button-secondary-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__only {\n margin: 0;\n }\n}\n\n.loader {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &__medium {\n width: 24px;\n height: 24px;\n }\n\n &__large {\n width: 28px;\n height: 28px;\n }\n\n &__default {\n color: $color-button-default-text;\n }\n}\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://dt-shared-front/./src/components/icon/icon.module.scss","webpack://dt-shared-front/./src/styles/_variables.scss","webpack://dt-shared-front/./src/components/auto-complete/auto-complete.module.scss","webpack://dt-shared-front/./src/components/button/button.module.scss","webpack://dt-shared-front/./src/components/breadcrumbs/breadcrumbs.module.scss","webpack://dt-shared-front/./src/components/text/text.module.scss","webpack://dt-shared-front/./src/components/link/link.module.scss","webpack://dt-shared-front/./src/components/checkbox/checkbox.module.scss","webpack://dt-shared-front/./src/components/counter/counter.module.scss","webpack://dt-shared-front/./src/components/input/input.module.scss","webpack://dt-shared-front/./src/components/divider/divider.module.scss","webpack://dt-shared-front/./src/components/dropdown/dropdown.module.scss","webpack://dt-shared-front/./src/components/form-control/form-control.module.scss","webpack://dt-shared-front/./src/components/heading/heading.module.scss","webpack://dt-shared-front/./src/components/loader/loader.module.scss","webpack://dt-shared-front/./src/components/loader-line/loader-line.module.scss","webpack://dt-shared-front/./src/components/modal/modal.module.scss","webpack://dt-shared-front/./src/components/select/select.module.scss","webpack://dt-shared-front/./src/components/slider/slider.module.scss","webpack://dt-shared-front/./src/components/spoiler/spoiler.module.scss","webpack://dt-shared-front/./src/components/stacked-input/stacked-input.module.scss","webpack://dt-shared-front/./src/components/switch/switch.module.scss","webpack://dt-shared-front/./src/components/tag-box/tag-box.module.scss","webpack://dt-shared-front/./src/components/tag-button/tag-button.module.scss","webpack://dt-shared-front/./src/components/text-area/text-area.module.scss","webpack://dt-shared-front/./src/components/text-spoiler/text-spoiler.module.scss","webpack://dt-shared-front/./src/components/tooltip/tooltip.module.scss"],"names":[],"mappings":"AAEA,gDACE,aAEA,cAEA,uDACE,WACA,YCSA,yBDXF,uDAKI,WACA,aAIJ,wDACE,WACA,YCDA,yBDDF,wDAKI,WACA,aAIJ,uDACE,WACA,YCXA,yBDSF,uDAKI,WACA,aAIJ,yDACE,gCAEA,2DACE,kBAGF,6GACE,eACA,iRACE,uCAKN,uDACE,8BAEA,yDACE,kBAGF,2GACE,eACA,6QACE,qCAKN,uDACE,8BAEA,yDACE,kBAGF,2GACE,eACA,6QACE,qCAKN,2DACE,kCAEA,6DACE,kBAGF,+GACE,eACA,qRACE,yCAKN,wDACE,+BAEA,0DACE,kBAGF,4GACE,eACA,+QACE,sC;AE1GN,iIACE,iBACA,uIACE,cACA,+CACA,8CAEA,mMACE,wDAEF,kMACE,qDAKN,kIACE,kBACA,WACA,OACA,sBACA,uBACA,gBAIJ,oEACE,a;ACdF,oDACE,mBACA,YACA,mBACA,eACA,gBACA,kBACA,oBACA,mBACA,uBAEA,4DACE,gBACA,gBACA,eAEA,QACA,YAGF,2DACE,gBACA,iBACA,eACA,iBACA,QAGA,gHACE,YAIJ,4DACE,gBACA,kBACA,eACA,iBACA,QAEA,iHACE,aAIJ,2DACE,gBACA,kBACA,SACA,eACA,iBAEA,gHACE,aAIJ,6DACE,4CAxEmB,CAyEnB,sCAxEwB,CAyExB,6CAEA,iEACE,sCA5EsB,CA+ExB,qBACE,mEACE,mDAhFsB,CAiFtB,+CAjFsB,EAqF1B,oEACE,oDArFyB,CAsFzB,gDAtFyB,CA0F7B,+DACE,8CAxFqB,CAyFrB,wCAxF0B,CAyF1B,+CAEA,mEACE,wCA5FwB,CA+F1B,qBACE,qEACE,qDAhGwB,CAiGxB,iDAjGwB,CAkGxB,gDAEA,yEACE,iDAKN,sEACE,sDA1G2B,CA2G3B,kDA3G2B,CA4G3B,iDA4BJ,+DACE,2BAGF,gEACE,mBAGF,6DACE,sDAtJ6B,CAuJ7B,kDAvJ6B,CAwJ7B,mBAEA,uIAEE,sDA5J2B,CAkLjC,qDACE,+BAEA,YACA,uGACE,kBAIJ,kDACE,sBAEA,0DACE,WACA,YAGF,yDACE,WACA,YAGF,0DACE,WACA,YAGF,yDACE,WACA,YAGF,2DACE,sCAtNwB,CAuNxB,6DACE,kBAIJ,6DACE,wCAvN0B,CAwN1B,+DACE,kBAIJ,wDACE,SAIJ,oDACE,kBACA,QACA,SACA,gCAEA,4DACE,WACA,YAGF,2DACE,WACA,YAGF,6DACE,sCAzPwB,C;ACD5B,8DACE,aACA,QACA,mB;ACDF,iDACE,gCAEA,uDACE,6BAGF,wDACE,6BACA,sCAOF,uDACE,6BACA,sCAUJ,wDACE,kCAGF,oDACE,gBAGF,uDACE,gCAGF,qDACE,8BAGF,yDACE,8BAGF,uDACE,kCAGF,uDACE,gC;ACvDF,gDACE,eACA,mBACA,uBACA,qBAEA,sDACE,8BAEA,4DACE,gCAIJ,wDACE,8BACA,eACA,iBAEA,8DACE,gCAIJ,uDACE,8BACA,eACA,iBAEA,6DACE,gCAIJ,mGACE,kCAEA,yGACE,gCAIJ,uDACE,6BACA,QAGF,wDACE,6BACA,sCACA,QAGF,uDACE,6BACA,sCACA,QAMA,0DACE,uCAMN,gDACE,sBAEA,uDACE,WACA,YACA,cAGF,wDACE,WACA,YACA,cAGF,uDACE,WACA,YACA,cAOF,sDACE,SAMJ,oDACE,gB;ACtGF,wDACE,kBACA,WACA,UAEA,8DACE,oBACA,mBACA,iBAEA,YACA,eAEA,sEACE,WACA,qBACA,WACA,YACA,cACA,YACA,8CACA,kBACA,kBACA,4BACA,kCACA,sBAGF,qEACE,wBAIJ,8EACE,mDACA,2DACA,yDAGF,oFACE,iDACA,yDAGF,yGACE,iDAGF,4FACE,yDACA,iDAGF,iEACE,4CAEA,uEACE,4CAGF,uFACE,4DACA,oDAIJ,0HACE,yCAGE,kIACE,oDAGF,wIACE,6Z;AC3ER,sDACE,aACA,mBAEA,2GACE,WACA,YACA,UACA,mBAGF,0GACE,eACA,kB;ACbJ,kDACE,kBACA,WAEA,wDACE,YACA,WACA,sBACA,SACA,UACA,YACA,aACA,iBACA,oBAEA,4XAIE,wBACA,SAEF,2TAIE,6BACA,wCAEF,2FACE,aAGF,wEACE,gBAIA,yFACE,aAMA,qUACE,mBAKN,iEACE,mBAKF,gEACE,mBACA,eACA,YACA,yCAEF,4GACE,UACA,+CAEA,kHACE,iBAKN,uEACE,mBAGF,wEACE,mBAIA,0GACE,8CAEF,8JACE,wDAEF,6JACE,qDAGF,8DACE,+BACA,YACA,4BACA,4BACA,UACA,gBAEA,2EACE,8CAGF,uEACE,4CAEA,oFACE,wDAUJ,iHACE,cAOJ,0GACE,OACA,+CAEA,gHACE,iBAMJ,8GACE,8CAEF,kKACE,wDAEF,iKACE,qDAGF,kEACE,wDACA,oDACA,4BACA,4BAEA,+EACE,8CAGF,2EACE,0DACA,uDAEA,wFACE,wDAIJ,4EACE,0DAEA,yFACE,wDAGJ,wEACE,wDAGF,qHACE,uDAUR,kDACE,kBACA,OACA,QAGF,kDACE,kBACA,eAEA,yDACE,WACA,YACA,WACA,QACA,2BAGF,0DACE,WACA,YACA,WACA,QACA,2BAGF,iEACE,WAGF,4DACE,8BAEA,kEACE,qCAKN,iDACE,kBACA,eAEA,wDACE,WACA,YACA,WACA,QACA,2BAGF,yDACE,WACA,YACA,WACA,QACA,2BAGF,2DACE,8BAEA,iEACE,qCAKN,mDACE,kBAEA,0DACE,WACA,YACA,WACA,QACA,2BAGF,2DACE,WACA,YACA,WACA,QACA,2BAGF,6DACE,8B;ACpRJ,uDACE,kD;ACDF,wDACE,YACA,mBACA,sCACA,kD;ACJF,yDACE,mBAIF,yDACE,kB;ACJF,sDACE,SACA,gCAEA,0DACE,iCACA,qCACA,0CZSA,yBYZF,0DAMI,iCACA,qCACA,2CAIJ,0DACE,iCACA,qCAGF,0DACE,iCACA,qCACA,0CZRA,yBYKF,0DAMI,iCACA,qCACA,2CAIJ,0DACE,iCACA,qCACA,0CAGF,0DACE,iCACA,qCAIJ,2DACE,kCAGF,6DACE,8BAGF,uDACE,gBAGF,0DACE,gCAGF,wDACE,8BAGF,2DACE,gCAGF,0DACE,gCAGF,yDACE,kB;AC5EF,oDACE,aAGF,sDACE,kBACA,WACA,YACA,sCACA,OACA,MACA,aACA,mBACA,uBACA,UAEA,0GACE,WACA,YACA,8BAIJ,mDACE,eACA,WACA,YACA,sCACA,OACA,MACA,aACA,mBACA,uBACA,YAEA,uGACE,WACA,YACA,8B;ACpCJ,8EACE,GACE,WAEF,KACE,WAGJ,6DACE,WACA,kBACA,gBACA,WACA,OACA,QACA,gBdCE,yBcRJ,6DAUI,gBAGJ,mHACE,UACA,kBACA,WACA,kBACA,uCACA,UACA,4BAEF,2KACE,UACA,kFACA,sBACA,mCACA,sCAEF,sHACE,UAEF,8KACE,U;ACzCF,mDACE,WACA,aACA,SAEA,0DACE,OfUA,yBehBJ,mDAUI,uB;ACXF,0GACE,iBACA,gHACE,cACA,+CACA,8CAEA,qKACE,wDAEF,oKACE,qDAKN,4GACE,kBACA,WACA,OACA,sBACA,uBACA,gBAIJ,4DACE,a;AC1BF,6DACE,aACA,mBACA,kBACA,WACA,YAGF,yDACE,aACA,kBAEA,qHACE,sBAIJ,4DACE,UACA,gBAEA,+GACE,UAKF,2HACE,gBACA,aAIJ,oEACE,aAGF,0DACE,eACA,cACA,kBACA,iBjBzBE,yBiBqBJ,0DAOI,cjBjCA,gDiB0BJ,0DAWI,cAGF,kEACE,aAEF,gEACE,uBACA,WACA,YAEA,sEACE,UAGJ,gEACE,uBACA,YACA,YAEA,sEACE,WAGJ,gEACE,8BACA,2BACA,0BACA,yBACA,sBACA,oBAEF,iEACE,2BACA,wBACA,uBACA,sBACA,mBAIJ,2DACE,eACA,iBACA,cACA,WACA,kBACA,YACA,UACA,SACA,oBACA,mBACA,sCACA,U;ACtGA,0GACE,kBACA,iBACA,eAEF,0GACE,kBACA,QACA,QACA,2B;ACVJ,kEACE,aAGE,8EACE,qCACA,wCACA,6BAKF,+EACE,yBACA,4B;ACdN,oDACE,yBACA,mBACA,WACA,YACA,aACA,mBACA,kBACA,eACA,mBAEA,oEACE,kBACA,OACA,WACA,YACA,yBACA,mBAEA,gBAGF,mEACE,kBACA,mBAGF,0DACE,kBACA,SACA,QACA,UACA,gBAIF,uGACE,yBAEA,uHACE,yBACA,uB;ACxCJ,4GACE,iBACA,kHACE,cACA,+CACA,8CAEA,wKACE,wDAEF,uKACE,qDAeR,6DACE,a;AC1BF,wDACE,kBACA,mBACA,gBACA,YACA,mBACA,eACA,gBACA,kBAEA,+DACE,iBACA,eAGF,iEACE,iBACA,eAGF,+DACE,kBAGF,iEACE,sBACA,sBACA,WACA,oBAEA,wEACE,yBAGF,wCACE,uEACE,WACA,yBACA,sBAKN,+DACE,cACA,oBACA,kBACA,eACA,iBACA,gBAEA,wHACE,mBACA,WAYJ,mEACE,sBACA,WACA,oBACA,0CACA,mBACA,kBAEA,0EACE,yBAGF,4HACE,yBACA,WAGF,wCACE,yEACE,WACA,0BAKN,6DACE,kCACA,8BACA,iBAEA,sHACE,gEACA,0CAGF,kEACE,eACA,iBAQJ,iEACE,wDACA,4DACA,sCACA,gBACA,WACA,kBACA,uBACA,0HACE,oEACA,8CAGF,6EACE,0BAGF,4EACE,0BAIJ,+DACE,WAEA,qEACE,cACA,oBAGF,sEACE,cAKN,yDACE,oBACA,YACA,+GACE,kBAIJ,sDACE,sBAEA,6DACE,WACA,YACA,gBAGF,8DACE,WACA,YACA,gBAGF,6DACE,WACA,YACA,iBAGF,+DACE,sCAIJ,wDACE,uCAIF,gEACE,aAEA,WACA,cAGA,sCACA,qBAEA,+FACE,yBAEF,kEACE,wBAGF,mFACE,WAGF,yFACE,WACA,+BACA,kBAGF,yFACE,+B;ACrNJ,yDACE,kBACA,WAEA,kEACE,aACA,YACA,YACA,WACA,sBACA,SACA,UACA,YACA,aACA,iBACA,oBAEA,oaAIE,wBACA,SAEF,mWAIE,6BACA,wCAEF,qGACE,aAGF,kFACE,gBAIA,mGACE,aAMA,mWACE,mBAKN,2EACE,mBAIJ,yEACE,kBACA,iBACA,6BAGF,0EACE,mBACA,kBACA,iBACA,yCAGF,yEACE,mBACA,kBACA,iBACA,wCvBhEA,gDuBmEF,kFAEI,kBACA,kBACA,8BvBlEF,yBuB8DF,kFAQI,kBACA,iBACA,8BAIJ,iFACE,mBAGF,gFACE,mBAGF,kFACE,mBAGF,iFACE,mBAMF,iFACE,oBAGF,4EACE,oCACA,oDACA,4BACA,4BAEA,qFACE,0DACA,4CAGF,yFACE,8CAEF,sFACE,0DAEF,kFACE,wDAGF,mIACE,qDACA,uDAIJ,0EACE,sDACA,kDACA,4BACA,4BAEA,uFACE,4CAGF,mFACE,wDACA,qDAEA,gGACE,sDAIJ,oFACE,wDAEA,iGACE,sDAGJ,gFACE,sDACA,8DACA,+BAGF,iIACE,qDAEA,8IACE,mDAMR,sDACE,kBACA,eACA,WACA,QACA,2BAEA,6DACE,WACA,YAGF,8DACE,WACA,YAGF,6DACE,WACA,YAGF,oEACE,WAGF,qEACE,WAGF,oEACE,WAIJ,qDACE,kBACA,eAEA,4DACE,WACA,YACA,WACA,QACA,2BAGF,6DACE,WACA,YACA,WACA,QACA,2BAGF,4DACE,WACA,YACA,WACA,QACA,2BAIJ,uDACE,kBAEA,8DACE,WACA,YACA,WACA,QACA,2BAGF,+DACE,qC;ACpQJ,+DACE,kBACA,eACA,gBACA,gBACA,uBACA,aAEA,mCAEA,qEACE,WACA,kBACA,WACA,YACA,SACA,OACA,yDxBDA,yBwBhBJ,+DAqBI,gBAIJ,4DACE,YACA,cACA,kEACE,aAIJ,4DACE,eACA,qBACA,WAGA,wCACE,sEACE,2BAIJ,gEACE,cAGF,0HACE,yB;ACpDJ,sDACE,iBACA,oBACA,eACA,gBACA,aACA,sBACA,mBACA,WACA,aACA,UAGA,gCAEA,0GACE,kBACA,WACA,YAGA,kBAEA,sBAIJ,mDACE,kBAEA,uGACE,QACA,sBACA,yCAIJ,oDACE,iBAEA,wGACE,QACA,uBACA,yCAIJ,kDACE,iBAEA,sGACE,qBACA,SACA,yCAIJ,qDACE,kBAEA,yGACE,wBACA,SACA,yC","file":"main.css","sourcesContent":["@import \"styles/variables\";\n\n.icon {\n display: flex;\n\n color: inherit;\n\n &__small {\n width: 20px;\n height: 20px;\n\n @include respond(mobile) {\n width: 16px;\n height: 16px;\n }\n }\n\n &__medium {\n width: 24px;\n height: 24px;\n\n @include respond(mobile) {\n width: 20px;\n height: 20px;\n }\n }\n\n &__large {\n width: 28px;\n height: 28px;\n\n @include respond(mobile) {\n width: 24px;\n height: 24px;\n }\n }\n\n &__default {\n color: var(--icon-default-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-default-color--hover);\n }\n }\n }\n\n &__light {\n color: var(--icon-light-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-light-color--hover);\n }\n }\n }\n\n &__black {\n color: var(--icon-black-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-black-color--hover);\n }\n }\n }\n\n &__attention {\n color: var(--icon-attention-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-attention-color--hover);\n }\n }\n }\n\n &__revert {\n color: var(--icon-revert-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-revert-color--hover);\n }\n }\n }\n\n &__initial {\n\n }\n}\n","\n$minDesktop: 1024px;\n$maxTablet: 1023px;\n$minTablet: 768px;\n$maxMobile: 767px;\n\n@mixin respond($breakpoint) {\n @if $breakpoint == desktop {\n @media (min-width: $minDesktop) {\n @content;\n }\n }\n @if $breakpoint == tablet {\n @media (max-width: $maxTablet) and (min-width: $minTablet) {\n @content;\n }\n }\n @if $breakpoint == mobile {\n @media (max-width: $maxMobile) {\n @content;\n }\n }\n}\n",".autoComplete {\n .hasLabel {\n line-height: 20px;\n & > label {\n display: block;\n font-size: var(--input-label-font-size--medium);\n color: var(--input-outlined-placeholder-color);\n\n &.disabled {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .optionText {\n position: absolute;\n width: 100%;\n left: 0;\n padding: 0 44px 0 16px;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n.hasLabel > label {\n display: none;\n}\n","$color-button-default: var(--button-default-color);\n$color-button-default-text: var(--button-default-color-text);\n$color-button-default--hover: var(--button-default-color--hover);\n$color-button-default--active: var(--button-default-color--active);\n$color-button-default--disabled: var(--button-default-color--disabled);\n\n$color-button-secondary: var(--button-secondary-color);\n$color-button-secondary-text: var(--button-secondary-color-text);\n$color-button-secondary--hover: var(--button-secondary-color--hover);\n$color-button-secondary--active: var(--button-secondary-color--active);\n$color-button-secondary--disabled: var(--button-secondary-color--disabled);\n\n$font-size-button-large: var(--size-text-l);\n\n.button {\n border-radius: 12px;\n border: none;\n white-space: nowrap;\n cursor: pointer;\n box-shadow: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n &__smallS {\n font-weight: 400;\n padding: 4px 8px;\n font-size: 12px;\n // line-height: 16px;\n gap: 4px;\n height: 32px;\n }\n\n &__small {\n font-weight: 400;\n padding: 8px 12px;\n font-size: 14px;\n line-height: 14px;\n gap: 4px;\n\n\n &.withIcon {\n padding: 8px;\n }\n }\n\n &__medium {\n font-weight: 450;\n padding: 14px 20px;\n font-size: 16px;\n line-height: 16px;\n gap: 8px;\n\n &.withIcon {\n padding: 12px;\n }\n }\n\n &__large {\n font-weight: 600;\n padding: 15px 24px;\n gap: 12px;\n font-size: 16px;\n line-height: 22px;\n\n &.withIcon {\n padding: 18px;\n }\n }\n\n &__default {\n background-color: $color-button-default;\n color: $color-button-default-text;\n border: 2px solid $color-button-default;\n\n & > svg {\n color: $color-button-default-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-default--hover;\n border-color: $color-button-default--hover;\n }\n }\n\n &:active {\n background-color: $color-button-default--active;\n border-color: $color-button-default--active;\n }\n }\n\n &__secondary {\n background-color: $color-button-secondary;\n color: $color-button-secondary-text;\n border: 2px solid $color-button-secondary;\n\n & > svg {\n color: $color-button-secondary-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-secondary--hover;\n border-color: $color-button-secondary--hover;\n color: var(--button-secondary-color-text--hover);\n\n & > svg {\n color: var(--button-secondary-color-text--hover);\n }\n }\n }\n\n &:active {\n background-color: $color-button-secondary--active;\n border-color: $color-button-secondary--active;\n color: var(--button-secondary-color-text--active);\n }\n }\n\n // &__fourth {\n // background-color: $color-button-fourth;\n // color: $color-button-fourth-text;\n // border: 2px solid $color-button-fourth-text;\n\n // & > svg {\n // color: $color-button-default-text;\n // }\n\n // &:hover {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n\n // &:active {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n // }\n\n &__icon_left {\n flex-direction: row-reverse;\n }\n\n &__icon_right {\n flex-direction: row;\n }\n\n &:disabled {\n background-color: $color-button-default--disabled;\n border-color: $color-button-default--disabled;\n cursor: not-allowed;\n\n &:hover,\n &:active {\n background-color: $color-button-default--disabled;\n }\n }\n}\n\n// @media (max-width: 1023px) {\n// .button {\n// &__small {\n// padding: 8px;\n// }\n\n// &__medium {\n// padding: 10px;\n// font-size: 16px;\n// }\n\n// &__large {\n// padding: 12px;\n// }\n// }\n// }\n\n.loading {\n color: transparent !important;\n\n cursor: wait;\n & .icon {\n visibility: hidden;\n }\n}\n\n.icon {\n vertical-align: bottom;\n\n &__smallS {\n width: 16px;\n height: 16px;\n }\n\n &__small {\n width: 16px;\n height: 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n }\n\n &__default {\n color: $color-button-default-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__secondary {\n color: $color-button-secondary-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__only {\n margin: 0;\n }\n}\n\n.loader {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &__medium {\n width: 24px;\n height: 24px;\n }\n\n &__large {\n width: 28px;\n height: 28px;\n }\n\n &__default {\n color: $color-button-default-text;\n }\n}\n",".breadcrumbs {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n","@import \"styles/variables\";\n\n.text {\n color: var(--color-text-default);\n\n &__small {\n font-size: var(--size-text-s);\n }\n\n &__medium {\n font-size: var(--size-text-m);\n line-height: var(--text-line-height-m);\n\n // @include respond(mobile) {\n // font-size: var(--size-text-s);\n // }\n }\n\n &__large {\n font-size: var(--size-text-l);\n line-height: var(--text-line-height-l);\n\n // @include respond(mobile) {\n // font-size: var(--size-text-m);\n // line-height: initial;\n // }\n }\n}\n\n\n.textAddition {\n color: var(--color-text-secondary);\n}\n\n.textBold {\n font-weight: 600;\n}\n\n.textSuccess {\n color: var(--color-text-success);\n}\n\n.textError {\n color: var(--color-text-error);\n}\n\n.textAttention {\n color: var(--color-text-brand);\n}\n\n.textThrough {\n text-decoration-line: line-through;\n}\n\n.textInverse {\n color: var(--color-text-inverse);\n}\n",".link {\n display: inline;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n\n &__link {\n color: var(--color-text-brand);\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &__action {\n color: var(--color-text-brand);\n cursor: pointer;\n user-select: none;\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &__href {\n color: var(--color-text-brand);\n cursor: pointer;\n user-select: none;\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &.addition {\n color: var(--color-text-secondary);\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &__small {\n font-size: var(--size-text-s);\n gap: 4px;\n }\n\n &__medium {\n font-size: var(--size-text-m);\n line-height: var(--text-line-height-m);\n gap: 8px;\n }\n\n &__large {\n font-size: var(--size-text-l);\n line-height: var(--text-line-height-l);\n gap: 8px;\n }\n\n & svg {\n // color: var(--color-icon-default);\n\n &:hover {\n color: var(--icon-default-color--hover);\n }\n }\n}\n\n\n.icon {\n vertical-align: bottom;\n\n &__small {\n width: 16px;\n height: 16px;\n flex: 1 0 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n flex: 1 0 20px;\n }\n\n &__large {\n width: 20px;\n height: 20px;\n flex: 1 0 20px;\n }\n\n // &__default {\n // color: $color-button-default-text;\n // }\n\n &__only {\n margin: 0;\n }\n}\n\n\n\n.linkBold {\n font-weight: 600;\n}\n",".checkbox {\n position: absolute;\n z-index: -1;\n opacity: 0;\n\n & + label {\n display: inline-flex;\n align-items: center;\n user-select: none;\n // height: 24px;\n padding: 2px;\n cursor: pointer;\n\n &::before {\n content: \"\";\n display: inline-block;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n flex-grow: 0;\n border: 1px solid var(--checkbox-border-color);\n border-radius: 4px;\n margin-right: 12px;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n &::after {\n display: none !important;\n }\n }\n\n &:checked + label::before {\n border-color: var(--checkbox-border-color--checked);\n background-color: var(--checkbox-background-color--checked);\n background-image: url(\"./../icon/icons/checkbox.svg\");\n }\n\n &:checked:hover + label::before {\n border-color: var(--checkbox-border-color--hover);\n background-color: var(--checkbox-background-color--hover);\n }\n\n &:not(:disabled):not(:checked) + label:hover::before {\n border-color: var(--checkbox-border-color--hover);\n }\n\n &:not(:disabled):active + label::before {\n background-color: var(--checkbox-background-color--hover);\n border-color: var(--checkbox-border-color--hover);\n }\n\n &:disabled {\n color: var(--checkbox-label-color--disabled);\n\n & + label {\n color: var(--checkbox-label-color--disabled);\n }\n\n &:checked + label::before {\n background-color: var(--checkbox-background-color--disabled);\n border-color: var(--checkbox-border-color--disabled);\n }\n }\n\n &.error:not(:checked) {\n color: var(--checkbox-label-color--error);\n\n & + label {\n & > * {\n color: var(--checkbox-label-color--error) !important;\n }\n\n &::before {\n border-color: var(--checkbox-border-color--error);\n // background-color: var(--checkbox-background-color--error);\n }\n }\n }\n}\n",".counter {\n display: flex;\n align-items: center;\n\n .button {\n width: 28px;\n height: 28px;\n padding: 0;\n border-radius: 100%;\n }\n\n .value {\n min-width: 50px;\n text-align: center;\n }\n}\n",".input {\n position: relative;\n width: 100%;\n\n & input {\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n user-select: text;\n font-weight: inherit;\n\n &[type=number]::-webkit-inner-spin-button,\n &[type=number]::-webkit-outer-spin-button,\n &[type=time]::-webkit-inner-spin-button,\n &[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-internal-autofill-selected {\n -webkit-text-fill-color: none;\n -webkit-box-shadow: 0 0 200px white inset;\n }\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n &:-moz-ui-invalid {\n box-shadow: none;\n }\n\n &[type=time] {\n &::-webkit-clear-button {\n display: none;\n }\n\n &::-webkit-datetime-edit-second-field,\n &::-webkit-datetime-edit-minute-field,\n &::-webkit-datetime-edit-hour-field {\n &:focus {\n background: #f5caeb;\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n &__medium {\n input {\n border-radius: 12px;\n padding: 0 15px;\n height: 48px;\n font-size: var(--input-font-size--medium);\n }\n .label {\n left: 16px;\n font-size: var(--input-label-font-size--medium);\n\n & + input {\n padding-top: 16px;\n }\n }\n }\n\n &__action_medium input {\n padding-right: 36px;\n }\n\n &__actions_medium input {\n padding-right: 64px;\n }\n\n &__pure {\n .label {\n color: var(--input-outlined-placeholder-color);\n }\n &.disabled .label {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid .label {\n color: var(--input-outlined-placeholder-color--error);\n }\n\n input {\n background-color: transparent;\n border: none;\n background-clip: padding-box;\n transition: border-color .3s;\n padding: 0;\n border-radius: 0;\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color);\n }\n\n &:disabled {\n color: var(--input-outlined-color--disabled);\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n // &:read-only {\n // &::placeholder {\n // color: var(--input-outlined-placeholder-color--disabled);\n // }\n // }\n\n &.invalid {\n color: inherit;\n &::placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .label {\n left: 0;\n font-size: var(--input-label-font-size--medium);\n\n & + input {\n padding-top: 16px;\n }\n }\n }\n\n &__outlined {\n .label {\n color: var(--input-outlined-placeholder-color);\n }\n &.disabled .label {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid .label {\n color: var(--input-outlined-placeholder-color--error);\n }\n\n input {\n background-color: var(--input-outlined-background-color);\n border: 1px solid var(--input-outlined-border-color);\n background-clip: padding-box;\n transition: border-color .3s;\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color);\n }\n\n &:disabled {\n border-color: var(--input-outlined-border-color--disabled);\n color: var(--input-outlined-color--disabled) !important;\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n &:read-only {\n border-color: var(--input-outlined-border-color--disabled);\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n &:focus {\n border-color: var(--input-outlined-border-color--active);\n }\n\n &.invalid {\n border-color: var(--input-outlined-border-color--error);\n\n &::placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n }\n}\n\n.label {\n position: absolute;\n left: 0;\n top: 2px;\n}\n\n.clear {\n position: absolute;\n cursor: pointer;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__action_medium {\n right: 40px;\n }\n\n &__outlined {\n color: var(--input-icon-color);\n\n &:hover {\n color: var(--input-icon-color--hover);\n }\n }\n}\n\n.icon {\n position: absolute;\n cursor: pointer;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__outlined {\n color: var(--input-icon-color);\n\n &:hover {\n color: var(--input-icon-color--hover);\n }\n }\n}\n\n.loader {\n position: absolute;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__outlined {\n color: var(--input-icon-color);\n }\n}\n",".bordered {\n border-bottom: 1px solid var(--color-border-basic);\n}\n",".dropdown {\n padding: 4px;\n border-radius: 12px;\n box-shadow: var(--dropdown-box-shadow);\n background-color: var(--dropdown-background-color);\n}\n",".label {\n padding-bottom: 4px;\n}\n\n\n.error {\n position: absolute;\n}\n","@import 'styles/variables';\n\n.heading {\n margin: 0;\n color: var(--color-text-default);\n\n &__h1 {\n font-size: var(--heading-size-h1);\n font-weight: var(--heading-weight-h1);\n line-height: var(--heading-line-height-h1);\n\n @include respond(mobile) {\n font-size: var(--heading-size-h3);\n font-weight: var(--heading-weight-h3);\n line-height: var(--heading-line-height-h3);\n }\n }\n\n &__h2 {\n font-size: var(--heading-size-h2);\n font-weight: var(--heading-weight-h2);\n }\n\n &__h3 {\n font-size: var(--heading-size-h3);\n font-weight: var(--heading-weight-h3);\n line-height: var(--heading-line-height-h3);\n\n @include respond(mobile) {\n font-size: var(--heading-size-h5);\n font-weight: var(--heading-weight-h5);\n line-height: var(--heading-line-height-h5);\n }\n }\n\n &__h4 {\n font-size: var(--heading-size-h4);\n font-weight: var(--heading-weight-h4);\n line-height: var(--heading-line-height-h4);\n }\n\n &__h5 {\n font-size: var(--heading-size-h5);\n font-weight: var(--heading-weight-h5);\n }\n}\n\n.textAddition {\n color: var(--color-text-secondary);\n}\n\n.textAttention {\n color: var(--color-text-brand);\n}\n\n.textBold {\n font-weight: 600;\n}\n\n.textInverse {\n color: var(--color-text-inverse);\n}\n\n.textError {\n color: var(--color-text-error);\n}\n\n.textSuccess {\n color: var(--color-text-success);\n}\n\n.textWarning {\n color: var(--color-text-warning)\n}\n\n.centerText {\n text-align: center;\n}\n",".loader {\n display: flex;\n}\n\n.absolute {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n left: 0;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n\n .loader {\n width: 40px;\n height: 40px;\n color: var(--color-icon-brand);\n }\n}\n\n.fixed {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n left: 0;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n\n .loader {\n width: 64px;\n height: 64px;\n color: var(--color-icon-brand);\n }\n}\n","@import \"styles/variables\";\n\n@keyframes loader-animation {\n 0% {\n left: -100%;\n }\n 100% {\n left: 100%;\n }\n}\n.loaderLine {\n height: 5px;\n position: relative;\n overflow: hidden;\n width: 100%;\n left: 0;\n right: 0;\n margin-top: 10px;\n\n @include respond(mobile) {\n margin-top: 0px;\n }\n}\n.loaderLine .bar {\n width: 35%;\n position: absolute;\n height: 4px;\n border-radius: 2px;\n background-color: var(--color-bg-brand);\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.loaderLine.active .bar {\n opacity: 1;\n animation-name: loader-animation;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n animation-timing-function: ease-in-out;\n}\n.loaderLine .border {\n opacity: 0;\n}\n.loaderLine.active .border {\n opacity: 1;\n}\n","@import \"styles/variables\";\n\n.footer {\n width: 100%;\n display: flex;\n gap: 12px;\n\n & > button {\n flex: 1;\n }\n\n @include respond(mobile) {\n flex-direction: column;\n }\n}\n",".select {\n .hasLabel {\n line-height: 20px;\n & > label {\n display: block;\n font-size: var(--input-label-font-size--medium);\n color: var(--input-outlined-placeholder-color);\n\n &.disabled {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .optionText {\n position: absolute;\n width: 100%;\n left: 0;\n padding: 0 44px 0 16px;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n.hasLabel > label {\n display: none;\n}\n","@import \"styles/variables\";\n\n.sliderContainer {\n display: flex;\n flex-direction: row;\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.swiperSlide {\n display: flex;\n width: max-content;\n\n &.swiperSlideAuto {\n width: auto !important;\n }\n}\n\n.sliderAutoLoop {\n opacity: 0;\n transition: 0.15s;\n\n &.ready {\n opacity: 1;\n }\n}\n\n.slider {\n .swiper-pagination-bullets {\n margin-top: 20px;\n display: none;\n }\n}\n\n.swiperPaginationHidden {\n display: none;\n}\n\n.buttonSlider {\n cursor: pointer;\n display: block;\n position: absolute;\n user-select: none;\n\n @include respond(mobile) {\n display: none;\n }\n\n @include respond(tablet) {\n display: none;\n }\n\n &__hidden {\n display: none;\n }\n &__prev {\n top: calc(50% - 75px/2);\n left: -35px;\n z-index: 999;\n\n &_inset {\n left: 10px;\n }\n }\n &__next {\n top: calc(50% - 75px/2);\n right: -35px;\n z-index: 999;\n\n &_inset {\n right: 10px;\n }\n }\n &:hover {\n -webkit-transform: scale(1.05); /* Safari and Chrome */\n -moz-transform: scale(1.05); /* Firefox */\n -ms-transform: scale(1.05); /* IE 9 */\n -o-transform: scale(1.05); /* Opera */\n transform: scale(1.05);\n transition: all 0.15s;\n }\n &:active {\n -webkit-transform: scale(1); /* Safari and Chrome */\n -moz-transform: scale(1); /* Firefox */\n -ms-transform: scale(1); /* IE 9 */\n -o-transform: scale(1); /* Opera */\n transform: scale(1);\n }\n}\n\n.sliderCounter {\n font-size: 12px;\n line-height: 16px;\n color: #242424;\n width: auto;\n position: absolute;\n bottom: 16px;\n left: 16px;\n margin: 0;\n padding: 1px 8px 2px;\n border-radius: 18px;\n background-color: rgba(255,255,255,.7);\n z-index: 1;\n}\n",".spoiler {\n .title {\n position: relative;\n user-select: none;\n cursor: pointer;\n }\n .arrow {\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n }\n}\n",".stacked_input {\n display: flex;\n\n &__select {\n & > div {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: none !important;\n }\n }\n\n &__input {\n & > input {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n}\n",".switch {\n background-color: #F6F6F6;\n border-radius: 58px;\n width: 48px;\n height: 18px;\n display: flex;\n align-items: center;\n position: relative;\n cursor: pointer;\n white-space: nowrap;\n\n & > div:first-child {\n position: absolute;\n left: 0;\n width: 24px;\n height: 24px;\n background-color: #D1CFD7;\n border-radius: 100%;\n\n transition: 0.15s;\n }\n\n & > div:last-child {\n padding-left: 60px;\n white-space: nowrap;\n }\n\n & > input {\n position: absolute;\n height: 0;\n width: 0;\n opacity: 0;\n overflow: hidden;\n }\n\n\n &.active {\n background-color: #EFDBFF;\n\n & > div:first-child {\n background-color: #8227C7;\n left: calc(100% - 24px);\n }\n }\n}\n",".select {\n .hasLabel {\n line-height: 20px;\n & > label {\n display: block;\n font-size: var(--input-label-font-size--medium);\n color: var(--input-outlined-placeholder-color);\n\n &.disabled {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n // .optionText {\n // position: absolute;\n // width: 100%;\n // left: 0;\n // padding: 0 12px;\n // text-overflow: ellipsis;\n // overflow: hidden;\n // }\n}\n\n.hasLabel > label {\n display: none;\n}\n","@import 'styles/variables';\n\n.button {\n padding: 15px 22px;\n border-radius: 96px;\n font-weight: 400;\n border: none;\n white-space: nowrap;\n cursor: pointer;\n box-shadow: none;\n position: relative;\n\n &__small {\n padding: 4px 12px;\n font-size: 14px;\n }\n\n &__medium {\n padding: 7px 16px;\n font-size: 16px;\n }\n\n &__large {\n padding: 22px 48px;\n }\n\n &__default {\n background-color: white;\n border: 1px solid white;\n color: black;\n transition: all 0.15s;\n\n &:active {\n background-color: #FFAE69;\n }\n\n @media(hover: hover) and (pointer: fine) {\n &:hover {\n color: white;\n background-color: rgb(234, 110, 0);\n border-color: rgb(234, 110, 0);\n }\n }\n }\n\n &__green {\n color: #8B8B8B;\n transition: all 0.15s;\n border-radius: 8px;\n font-size: 12px;\n line-height: 16px;\n padding: 4px 8px;\n\n &.selected {\n background: #5BB767;\n color: white;\n }\n\n // @media(hover: hover) and (pointer: fine) {\n // &:hover {\n // color: white;\n // background-color: rgb(234, 110, 0);\n // border-color: rgb(234, 110, 0);\n // }\n // }\n }\n\n &__secondary {\n background-color: white;\n color: black;\n transition: all 0.15s;\n box-shadow: 0px 4px 40px rgba(33, 35, 40, 0.1);\n border-radius: 12px;\n margin-right: 12px;\n\n &:active {\n background-color: #8227C7;\n }\n\n &.selected {\n background-color: #8227C7;\n color: white;\n }\n\n @media(hover: hover) and (pointer: fine) {\n &:hover {\n color: white;\n background-color: #8227C7;\n }\n }\n }\n\n &__tab {\n color: var(--tag-button-tab-color);\n border-radius: 8px 8px 0px 0px;\n padding: 5px 16px;\n\n &.selected {\n background-color: var(--tag-button-tab-background-color--active);\n color: var(--tag-button-tab-color--active);\n }\n\n & span {\n font-size: 16px;\n line-height: 20px;\n }\n }\n\n &__text {\n\n }\n\n &__tumbler {\n border: 1px solid var(--tag-button-default-border-color);\n background-color: var(--tag-button-default-background-color);\n color: var(--tag-button-default-color);\n border-radius: 0;\n width: 100%;\n text-align: center;\n justify-content: center;\n &.selected {\n background-color: var(--tag-button-default-background-color--active);\n color: var(--tag-button-default-color--active);\n }\n\n &:first-child {\n border-radius: 8px 0 0 8px;\n }\n\n &:last-child {\n border-radius: 0 8px 8px 0;\n }\n }\n\n &__icons {\n color: black;\n\n &:hover {\n color: #FB8A29;\n transition: all 0.15s;\n }\n\n &:active {\n color: #FB8A29;\n }\n }\n}\n\n.loading {\n color: transparent;\n cursor: wait;\n & .icon {\n visibility: hidden;\n }\n}\n\n.icon {\n vertical-align: bottom;\n\n &__small {\n width: 16px;\n height: 16px;\n margin-left: 4px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n margin-left: 8px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n margin-left: 12px;\n }\n\n &__default {\n color: var(--tag-button-default-color);\n }\n}\n\n.shadow {\n box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);\n}\n\n\n.tagButtonGroup {\n display: flex;\n\n width: 100%;\n overflow: auto;\n // padding-bottom: 12px;\n // padding-top: 12px;\n scrollbar-color: #d5d5d5 transparent;\n scrollbar-width: thin;\n\n &::-webkit-scrollbar-thumb:hover {\n background: transparent;\n }\n & > * {\n scroll-snap-align: start;\n }\n\n &::-webkit-scrollbar {\n height: 0px;\n }\n\n &::-webkit-scrollbar-thumb {\n width: 60px;\n background-color: transparent;\n border-radius: 3px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n}\n","@import 'styles/variables';\n\n.textarea {\n position: relative;\n width: 100%;\n\n & textarea {\n display: flex;\n resize: none;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n user-select: text;\n font-weight: inherit;\n\n &[type=number]::-webkit-inner-spin-button,\n &[type=number]::-webkit-outer-spin-button,\n &[type=time]::-webkit-inner-spin-button,\n &[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-internal-autofill-selected {\n -webkit-text-fill-color: none;\n -webkit-box-shadow: 0 0 200px white inset;\n }\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n &:-moz-ui-invalid {\n box-shadow: none;\n }\n\n &[type=time] {\n &::-webkit-clear-button {\n display: none;\n }\n\n &::-webkit-datetime-edit-second-field,\n &::-webkit-datetime-edit-minute-field,\n &::-webkit-datetime-edit-hour-field {\n &:focus {\n background: #f5caeb;\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n &__small textarea {\n border-radius: 4px;\n padding: 7px 12px;\n font-size: var(--size-text-m);\n }\n\n &__medium textarea {\n border-radius: 12px;\n padding: 12px 16px;\n line-height: 18px;\n font-size: var(--input-font-size--medium);\n }\n\n &__large textarea {\n border-radius: 12px;\n padding: 12px 16px;\n line-height: 22px;\n font-size: var(--input-font-size--large);\n }\n\n &__large_adaptive textarea {\n @include respond(tablet) {\n border-radius: 4px;\n padding: 15px 20px;\n font-size: var(--size-text-m);\n }\n\n @include respond(mobile) {\n border-radius: 4px;\n padding: 8px 12px;\n font-size: var(--size-text-m);\n }\n }\n\n &__action_medium textarea {\n padding-right: 36px;\n }\n\n &__action_large textarea {\n padding-right: 48px;\n }\n\n &__actions_medium textarea {\n padding-right: 60px;\n }\n\n &__actions_large textarea {\n padding-right: 80px;\n }\n\n &__border_normal textarea {\n }\n\n &__border_circle textarea {\n border-radius: 100px;\n }\n\n &__outlined textarea {\n background-color: var(--color-input);\n border: 1px solid var(--input-outlined-border-color);\n background-clip: padding-box;\n transition: border-color .3s;\n\n &:disabled {\n border-color: var(--input-outlined-border-color--disabled);\n color: var(--input-outlined-color--disabled);\n }\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color);\n }\n &:read-only {\n border-color: var(--input-outlined-border-color--disabled);\n }\n &:focus {\n border-color: var(--input-outlined-border-color--active);\n }\n\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n border-color: var(--input-outlined-border-color--error);\n }\n }\n\n &__filled textarea {\n background-color: var(--input-filled-background-color);\n border: 1px solid var(--input-filled-border-color);\n background-clip: padding-box;\n transition: border-color .3s;\n\n &::placeholder {\n color: var(--input-filled-placeholder-color);\n }\n\n &:disabled {\n border-color: var(--input-filled-border-color--disabled);\n color: var(--input-filled-color--disabled) !important;\n\n &::placeholder {\n color: var(--input-filled-placeholder-color--disabled);\n }\n }\n\n &:read-only {\n border-color: var(--input-filled-border-color--disabled);\n\n &::placeholder {\n color: var(--input-filled-placeholder-color--disabled);\n }\n }\n &:focus {\n border-color: var(--input-filled-border-color--active);\n background-color: var(--input-filled-background-color--active);\n background-color: transparent;\n }\n\n &.invalid {\n border-color: var(--input-filled-border-color--error);\n\n &::placeholder {\n color: var(--input-filled-placeholder-color--error);\n }\n }\n }\n}\n\n.clear {\n position: absolute;\n cursor: pointer;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n\n &__small {\n width: 16px;\n height: 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n }\n\n &__action_small {\n right: 36px;\n }\n\n &__action_medium {\n right: 42px;\n }\n\n &__action_large {\n right: 48px;\n }\n}\n\n.icon {\n position: absolute;\n cursor: pointer;\n\n &__small {\n width: 16px;\n height: 16px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n}\n\n.loader {\n position: absolute;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__filled {\n color: var(--color-input-filled-text);\n }\n}\n","@import \"styles/variables\";\n\n.textSpoiler {\n position: relative;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n height: 130px;\n\n box-shadow: 0 -35px 35px white inset;\n\n &:after {\n content: '';\n position: absolute;\n width: 100%;\n height: 35px;\n bottom: 0;\n left: 0;\n background: linear-gradient(rgba(255,255,255,0),#fff);\n }\n\n @include respond(mobile) {\n font-size: 14px;\n }\n}\n\n.openText {\n height: 100%;\n display: block;\n &:after {\n display: none;\n }\n}\n\n.expander {\n cursor: pointer;\n padding: 20px 0 4px 0;\n width: 100%;\n\n\n @media(hover: hover) and (pointer: fine) {\n &:hover > svg {\n color: var(--color-violet);\n }\n }\n\n & > svg {\n color: #D9D9D9;\n }\n\n &.active svg {\n transform: rotate(180deg);\n }\n}\n",".tooltip {\n user-select: none;\n pointer-events: none;\n position: fixed;\n max-width: 300px;\n padding: 16px;\n background-color: black;\n border-radius: 12px;\n color: white;\n z-index: 9999;\n opacity: 0;\n // margin-top: -12px;\n\n transition: opacity 0.15s ease-in;\n\n & .arrow {\n position: absolute;\n width: 12px;\n height: 12px;\n // top: calc(100% - 8px);\n // left: 50%;\n border-radius: 2px;\n // transform: translateX(-50%) rotate(45deg);\n background-color: black;\n }\n}\n\n.left {\n margin-left: -12px;\n\n & .arrow {\n top: calc(50%);\n left: calc(100% - 8px);\n transform: translateY(-50%) rotate(45deg);\n }\n}\n\n.right {\n margin-left: 12px;\n\n & .arrow {\n top: calc(50%);\n right: calc(100% - 8px);\n transform: translateY(-50%) rotate(45deg);\n }\n}\n\n.top {\n margin-top: -12px;\n\n & .arrow {\n top: calc(100% - 8px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n }\n}\n\n.bottom {\n margin-left: -12px;\n\n & .arrow {\n bottom: calc(100% - 8px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n }\n}\n"],"sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dt-shared-front",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "description": "Shared components",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -21,12 +21,14 @@
21
21
  "antd": "4.24.10",
22
22
  "babel-loader": "^8.2.5",
23
23
  "babel-plugin-react-css-modules": "^5.2.6",
24
+ "babel-plugin-inline-react-svg": "^1.1.2",
24
25
  "clean-webpack-plugin": "^4.0.0",
25
26
  "css-loader": "^5.2.7",
26
27
  "date-fns": "^2.29.1",
27
28
  "eslint": "^8.20.0",
28
29
  "eslint-config-prettier": "8.5.0",
29
30
  "eslint-plugin-react": "7.30.1",
31
+ "react-svg-loader": "^3.0.3",
30
32
  "formik": "^2.2.9",
31
33
  "inputmask": "5.0.9-beta.21",
32
34
  "lodash.debounce": "4.0.8",