.otp{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.35rem;display:flex}.otp__label{font-size:.875rem;font-weight:500}.otp__boxes{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}.otp__box{text-align:center;width:2.75rem;height:3.25rem;color:var(--color);background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.3rem;font-size:1.25rem;font-weight:600;transition:border-color .15s}.otp__box:hover:not(:disabled){border-color:var(--border-color-active)}.otp__box:focus{border-color:var(--primary-color);outline:none}.otp__box:disabled{background-color:var(--neutral-color-light);cursor:not-allowed}.otp__error{color:var(--error-color);text-align:center;font-size:.75rem;font-weight:500}.otp--invalid .otp__box{border-color:var(--error-color)}