.otp{--ink:#183b32;--fill-on:var(--ink);--fill-slab:#d9d3c0;--card:var(--fill-slab);--font-ui:inherit;--danger:#b3412b;font-family:var(--font-ui);place-items:center;display:grid;position:relative}.otp-row{border-radius:14px;position:relative}.otp-row:has(.otp-field:focus-visible){outline-offset:6px;outline:2px solid #c96f52}.otp-goo{position:absolute;inset:0}.otp-cell{background:var(--fill-slab,var(--card));height:100%;position:absolute;top:0;left:0}.otp-slot{pointer-events:none;place-items:center;height:100%;display:grid;position:absolute;top:0;left:0}.otp-digit{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--fill-on,var(--ink));font-size:19px;font-weight:500;line-height:1;transition:color .16s;animation:.3s cubic-bezier(.22,1,.36,1) both otp-in}.otp[data-phase=no] .otp-digit{color:var(--danger)}.otp-caret{background:var(--fill-on,var(--ink));opacity:0;pointer-events:none;border-radius:2px;width:2px;height:18px;margin-top:-9px;transition:opacity .16s;position:absolute;top:50%;left:0}.otp-caret[data-on=true]{opacity:1;animation:1.1s ease-in-out infinite alternate otp-breathe}.otp-ok{color:var(--fill-on,var(--ink));pointer-events:none;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.otp-field{opacity:0;caret-color:#0000;cursor:text;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.otp[data-phase=ok] .otp-field{cursor:pointer}.otp[data-disabled=true]{opacity:.6}.otp[data-disabled=true] .otp-field{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.otp-digit,.otp-caret[data-on=true]{animation:none}}@keyframes otp-in{0%{opacity:0;filter:blur(3px);transform:translateY(45%)scale(.86)}to{opacity:1;filter:none;transform:none}}@keyframes otp-breathe{0%{opacity:1}to{opacity:.25}}