.otp-wrapper{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.otp-boxes{align-items:center;gap:var(--space-2);width:100%;display:flex}.otp-box{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-muted);min-width:0;height:56px;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:center;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);caret-color:#0000;outline:none;flex:1}.otp-box:focus{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:0 0 0 3px #f0552e1f}.otp-box--filled{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary-dark)}.otp-box--error{border-color:var(--color-error);background-color:var(--color-error-light)}.otp-box--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261a}