.otp-input{justify-content:center;gap:.5rem;width:100%;display:flex}.otp-box{text-align:center;width:2.75rem;height:3rem;color:var(--foreground);background:var(--surface-alt-2);border:1px solid var(--border);border-radius:.625rem;outline:none;padding:0;font-size:20px;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s}.otp-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint-soft);background:#fff}.otp-box:disabled{opacity:.55;cursor:default}@media (max-width:400px){.otp-box{width:2.5rem;height:2.75rem;font-size:18px}}