.otp-boxes{display:flex;gap:8px;justify-content:center}.otp-box{--otp-border:var(--edorer-border,#e2e8f0);width:46px;height:54px;text-align:center;font-size:22px;font-weight:700;border-radius:12px;border:1.5px solid var(--otp-border);color:var(--edorer-text,#0f172a);background:var(--edorer-surface,#fff);outline:none;transition:border-color .15s,box-shadow .15s}.otp-box--filled,.otp-box:focus-visible{--otp-border:var(--edorer-brand,#16a34a)}.otp-box:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--edorer-brand,#16a34a) 15%,transparent)}