.base-input{flex-direction:column;display:flex}.base-input__wrapper{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;flex:1;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.base-input:not(.base-input--focused):not(.base-input--error) .base-input__wrapper:hover{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border))}.base-input--focused .base-input__wrapper{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.base-input--error .base-input__wrapper,.base-input--error.base-input--focused .base-input__wrapper{background:var(--color-surface);border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.base-input__inner{flex:1;align-items:flex-end;min-height:64px;display:flex;position:relative}.base-input__field{width:100%;color:var(--color-text);letter-spacing:.01em;caret-color:var(--color-primary);background:0 0;border:none;border-radius:12px;outline:none;padding:28px 20px 12px;font-size:1.15rem;font-weight:600}.base-input--error .base-input__field{caret-color:var(--color-danger)}.base-input--no-label .base-input__inner{align-items:center;min-height:48px}.base-input--no-label .base-input__field{padding:12px 18px;font-size:.95rem;font-weight:500}.base-input--no-label .base-input__field::placeholder{color:var(--color-placeholder)}.base-input__label{inset-inline-start:20px;color:var(--color-text-secondary);pointer-events:none;transform-origin:0;font-size:.95rem;font-weight:400;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translateY(-50%)}.base-input__field:focus~.base-input__label,.base-input__field:not(:placeholder-shown)~.base-input__label,.base-input--has-value .base-input__label{color:var(--color-primary);letter-spacing:.6px;text-transform:uppercase;font-size:.65rem;font-weight:700;top:8px;transform:translateY(0)}.base-input--error .base-input__field:focus~.base-input__label,.base-input--error .base-input__field:not(:placeholder-shown)~.base-input__label,.base-input--error.base-input--has-value .base-input__label{color:var(--color-danger)}.base-input__highlight{background:var(--color-primary);bottom:0;border-radius:2px;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;position:absolute;inset-inline:20px;transform:scaleX(0)}.base-input__field:-webkit-autofill{-webkit-text-fill-color:var(--color-text);caret-color:var(--color-primary);transition:background-color 600000s,color 600000s}.base-input__field:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);caret-color:var(--color-primary);transition:background-color 600000s,color 600000s}.base-input__field:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);caret-color:var(--color-primary);transition:background-color 600000s,color 600000s}.base-input__field:autofill~.base-input__label{color:var(--color-primary);letter-spacing:.6px;text-transform:uppercase;font-size:.65rem;font-weight:700;top:8px;transform:translateY(0)}@keyframes base-input-autofill{0%{opacity:1}to{opacity:1}}@keyframes base-input-autofill-clear{0%{opacity:1}to{opacity:1}}.base-input__field:-webkit-autofill{animation:1ms base-input-autofill}.base-input__field:not(:-webkit-autofill){animation:1ms base-input-autofill-clear}.base-input__error{color:var(--color-danger);margin:6px 2px 0;font-size:.78rem;font-weight:600;line-height:1.4}.base-input__field::placeholder{color:#0000}.base-input__prefix{color:var(--color-text-muted);align-items:center;padding-inline-start:18px;transition:color .3s;display:flex}.base-input--focused .base-input__prefix{color:var(--color-primary)}.base-input--error .base-input__prefix{color:var(--color-danger)}.base-input__suffix{color:var(--color-text-muted);align-items:center;padding-inline-end:18px;display:flex}@media (max-width:768px){.base-input__inner{min-height:68px}.base-input__field{padding:30px 20px 12px;font-size:1.15rem}}
