.otp-input{gap:.5rem;display:flex}.otp-input .input-field{width:auto}.otp-input .input-field__control{text-align:center;letter-spacing:-.02rem;border:1.5px solid var(--white-400);width:2.75rem;height:2.75rem;padding:0;font-size:1.125rem;font-weight:700;line-height:1.27}.otp-input .input-field__control:focus{border:2px solid var(--red)}.otp-input--success{color:var(--green-100)!important;border:2px solid var(--green-100)!important}.otp-input--error{color:var(--red-200)!important;border:2px solid var(--red-200)!important}.otp-input--empty:not(:focus,.otp-input--success,.otp-input--error){border:1px solid var(--white-200)!important;background-color:var(--white-200)!important}@media (width>=48rem){.otp-input{gap:.75rem}.otp-input .input-field__control{width:3.5rem;height:3.5rem;font-size:1.375rem}}