.otp{--otp-box:3.4rem;--otp-green:var(--success);text-align:center;isolation:isolate;justify-items:center;gap:1.1rem;padding:.75rem 0 .25rem;display:grid;position:relative}.otp-glow{z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(closest-side at 50% 56%,#a9c27a4d,#a9c27a1a 55%,#0000 100%);position:absolute;inset:-2.5rem -1.5rem}.otp-heads{width:100%;display:grid}.otp-head{grid-area:1/1}.otp-head--done{opacity:0}.otp-title{letter-spacing:-.01em;color:var(--foreground);font-size:1.2rem;font-weight:600}.otp-sub{color:var(--muted);margin-top:.4rem;font-size:.85rem;line-height:1.5}.otp-stage{place-items:center;margin:.4rem 0 .1rem;display:grid;position:relative}.otp-row{gap:.7rem;display:flex}.otp-box{width:var(--otp-box);height:var(--otp-box);border:1.5px solid var(--fl-field-border);background:var(--fl-field);text-align:center;font-variant-numeric:tabular-nums;color:var(--foreground);caret-color:var(--fl-honey);border-radius:14px;outline:none;font-size:1.35rem;font-weight:600;transition:border-color .2s,box-shadow .2s,background-color .2s}.otp-box[data-filled]{border-color:#e0a45a8c}.otp-box:focus{border-color:var(--fl-honey);background:#e0a45a0f;box-shadow:0 0 0 3px #e0a45a2e,0 0 22px -4px #e0a45a73}.otp[data-error] .otp-box{border-color:var(--danger)}.otp-box[readonly]{cursor:default}.otp-seal{width:var(--otp-box);height:var(--otp-box);border:1.5px solid var(--otp-green);color:#f2f7e8;opacity:0;pointer-events:none;background:#1a1f14;border-radius:14px;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 4px #a9c27a1f,0 0 28px #a9c27a73}.otp-live{min-height:1.1rem;color:var(--muted);font-size:.8rem}.otp-live[data-tone=error]{color:var(--danger)}.otp-foot{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;font-size:.82rem;display:flex}.otp-link{color:var(--foreground);border-radius:6px;font-weight:600}.otp-link:hover:not(:disabled){color:var(--fl-honey)}.otp-link:disabled{cursor:default;color:var(--muted);font-weight:500}.otp-link--quiet{color:var(--fl-honey);font-weight:500}.otp-link:focus-visible{outline:2px solid var(--fl-honey);outline-offset:2px}.otp-spent{text-align:center;text-wrap:balance;max-width:24rem;color:var(--danger)}.otp[data-verified] .otp-box{opacity:0}.otp[data-verified] .otp-seal,.otp[data-verified] .otp-glow,.otp[data-verified] .otp-head--done{opacity:1}.otp[data-verified] .otp-head:not(.otp-head--done),.otp[data-verified] .otp-foot{opacity:0;pointer-events:none}@media (max-width:22rem){.otp{--otp-box:3rem}.otp-row{gap:.5rem}}