@keyframes fadeInAnimation-28a0f3df{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.base-input[data-v-28a0f3df]{display:flex;flex-direction:column;gap:6px;width:100%}.base-input__wrapper-slot[data-v-28a0f3df]{align-items:center;display:flex;flex-direction:row;gap:5px}.base-input__input-wrapper[data-v-28a0f3df]{border-radius:8px;display:flex;flex-direction:column;position:relative;width:100%}.base-input__head[data-v-28a0f3df]{display:flex;justify-content:space-between}.base-input__label[data-v-28a0f3df]{opacity:.6}.base-input__error-message[data-v-28a0f3df]{color:var(--color-error)}.base-input__input[data-v-28a0f3df]{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;box-shadow:0 0 0 100px var(--input-bg) inset;color:var(--color-text)!important;height:40px;outline:none;padding:0 10px;transition:all .2s;width:100%}.base-input__input[data-v-28a0f3df]:-webkit-autofill{box-shadow:0 0 0 100px var(--input-bg) inset!important;-webkit-text-fill-color:var(--color-text)!important}.base-input__input_password[data-v-28a0f3df]{padding-right:50px}.base-input__input_readonly[data-v-28a0f3df]{background:var(--color-bg-secondary);cursor:not-allowed;opacity:.8}.base-input__eye-button[data-v-28a0f3df],.base-input__icon[data-v-28a0f3df]{align-items:center;display:flex;justify-content:center;position:absolute}.base-input__eye-button svg[data-v-28a0f3df],.base-input__icon svg[data-v-28a0f3df]{height:16px;position:relative;transition:all .2s;width:16px;z-index:2}.base-input__icon[data-v-28a0f3df]{bottom:0;height:40px;left:0;width:40px}.base-input__eye-button[data-v-28a0f3df]{bottom:4px;cursor:pointer;height:auto;position:absolute;right:4px;top:4px;width:32px}.base-input__eye-button[data-v-28a0f3df]:before{background:var(--input-border);border-radius:6px;content:"";display:block;inset:0;opacity:.4;position:absolute}.base-input_icon .base-input__input[data-v-28a0f3df]{padding-left:40px}.base-input_focus .base-input__input[data-v-28a0f3df]{border-color:var(--accent)!important}.base-input_focus .base-input__input-wrapper[data-v-28a0f3df]{box-shadow:0 0 15px var(--input-shadow-focus)}.base-input_focus .base-input__icon svg[data-v-28a0f3df]{color:var(--accent)!important}.base-input_error .base-input__input[data-v-28a0f3df]{border-color:var(--color-error)}.base-input_error .base-input__icon svg[data-v-28a0f3df]{color:var(--color-error)}