.otp-input{flex-wrap:nowrap;justify-content:center;gap:8px;width:100%;display:flex}@media (min-width:640px){.otp-input{gap:10px}}.otp-input__cell{aspect-ratio:48/56;color:#222;text-align:center;caret-color:#6c5ce7;background:#fcfbff;border:1px solid #e5e1ec;border-radius:8px;outline:none;flex:1 1 0;min-width:0;max-width:48px;padding:0;font-family:inherit;font-size:20px;font-weight:600;transition:border-color .15s,box-shadow .15s}@media (min-width:640px){.otp-input__cell{font-size:22px}}.otp-input__cell:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce726}.otp-input__cell:disabled{cursor:not-allowed;opacity:.6}.otp-input--error .otp-input__cell{border-color:#dc2626}.otp-input--error .otp-input__cell:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.otp-input--dark .otp-input__cell{color:#fff;background:0 0;border-color:#ffffff1a}.otp-input--dark .otp-input__cell:focus{border-color:#a58af7;box-shadow:0 0 0 3px #a58af733}.otp-input--dark.otp-input--error .otp-input__cell{border-color:#f87171}.otp-input--dark.otp-input--error .otp-input__cell:focus{border-color:#f87171;box-shadow:0 0 0 3px #f8717133}