.base-input[data-v-ba0d03bf]{font-weight:var(--font-weight_regular);--field-border:#c1c1c1;--typo-color:#000;--accent-color:#0d53dd;--bg-base-white:#fff;--basic-100:#878787;--basic-400:#999696;--field-alert-color:#f14742;--hover_color:#198efa;--field_size:16px}.base-input[data-v-ba0d03bf],.base-input__body[data-v-ba0d03bf]{position:relative}.base-input__clear[data-v-ba0d03bf]{color:#8590b8;cursor:pointer;font-size:var(--field_size);line-height:1;position:absolute;top:16px;right:8px}.base-input__clear--offset_md[data-v-ba0d03bf]{right:42px}.base-input__append_icon[data-v-ba0d03bf],.base-input__hide-el[data-v-ba0d03bf]{max-width:24px;display:inline-flex;position:absolute;top:50%;right:16px;translate:0 -50%}.base-input__placeholder[data-v-ba0d03bf]{color:var(--basic-100);font-size:var(--field_size);transition:transform .1s linear,color .1s linear;position:absolute;top:0;left:10px;transform:translateY(10px)}.base-input__element[data-v-ba0d03bf]{color:var(--typo-color);font-size:var(--field_size);outline:var(--field-border) solid 1px;border:0;border-radius:2px;width:100%;padding:10px;transition:outline .2s}.base-input__element[data-v-ba0d03bf]:hover:not(:disabled){outline-color:var(--hover_color)}.base-input__element[data-v-ba0d03bf]:focus-visible{outline-color:var(--accent-color)}.base-input__element:not(:-moz-placeholder-shown)~.base-input__placeholder[data-v-ba0d03bf]{background-color:var(--bg-base-white);color:var(--basic-400);visibility:visible;padding:0 8px;font-size:12px;transform:translate(-4px,-8px)}.base-input__element:not(:placeholder-shown)~.base-input__placeholder[data-v-ba0d03bf]{background-color:var(--bg-base-white);color:var(--basic-400);visibility:visible;padding:0 8px;font-size:12px;transform:translate(-4px,-8px)}.base-input__element:focus-visible~.base-input__placeholder[data-v-ba0d03bf]{background-color:var(--bg-base-white);color:var(--basic-400);visibility:visible;padding:0 8px;font-size:12px;transform:translate(-4px,-8px)}.base-input__element[data-v-ba0d03bf]::placeholder{color:var(--basic-100);opacity:0;visibility:hidden}.base-input__element[data-v-ba0d03bf]:disabled{color:#b1b5c3;outline-color:var(--basic-100);background-color:#0000}.base-input__element:disabled .base-input__clear[data-v-ba0d03bf]{display:none}.base-input__element[data-v-ba0d03bf]:user-invalid{outline-color:var(--field-alert-color)}.base-input__element--variant_textarea[data-v-ba0d03bf]{resize:none}.base-input__element--variant_invalid[data-v-ba0d03bf]{outline:var(--field-alert-color) auto 1px}.base-input__element--variant_clean[data-v-ba0d03bf]::placeholder{opacity:1;visibility:visible}.base-input__element--variant_clean+.base-input__clear[data-v-ba0d03bf]{top:50%;right:4px;transform:translateY(-50%)}.base-input:has(.base-input__element--variant_invalid) .base-input__placeholder[data-v-ba0d03bf]{color:var(--field-alert-color)}.base-input:has(.base-input__placeholder:hover) .base-input__element[data-v-ba0d03bf]{outline-color:var(--hover_color)}@supports selector(:has(*)){.base-input:has(.base-input__element:disabled) .base-input__element[data-v-ba0d03bf]{color:#b1b5c3;outline-color:var(--basic-100);background-color:#0000}.base-input:has(.base-input__element:disabled) .base-input__placeholder[data-v-ba0d03bf]{color:#b1b5c3}.base-input:has(.base-input__element:disabled) .base-input__clear[data-v-ba0d03bf]{display:none}}