.otp[data-v-912fb60d]{gap:10px;display:flex;position:relative}.cell[data-v-912fb60d]{border:1.5px solid var(--line-strong);background:var(--bg);width:64px;height:72px;font-family:var(--font-mono);color:var(--ink);border-radius:14px;place-items:center;font-size:30px;font-weight:600;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid}.cell.filled[data-v-912fb60d]{border-color:var(--ink)}.cell.on[data-v-912fb60d]{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.filled span[data-v-912fb60d]{animation:.14s ease-out pop-912fb60d}.invalid .cell[data-v-912fb60d]{border-color:var(--red);animation:.32s shake-912fb60d}.disabled .cell[data-v-912fb60d]{opacity:.6}.caret[data-v-912fb60d]{background:var(--blue);width:2px;height:30px;animation:1s step-end infinite blink-912fb60d}.real[data-v-912fb60d]{opacity:0;caret-color:#0000;letter-spacing:50px;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}@keyframes blink-912fb60d{50%{opacity:0}}@keyframes pop-912fb60d{0%{opacity:.3;transform:translateY(3px)}}@keyframes shake-912fb60d{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (width<=380px){.cell[data-v-912fb60d]{width:56px;height:64px;font-size:26px}}@media (prefers-reduced-motion:reduce){.caret[data-v-912fb60d],.cell[data-v-912fb60d],.filled span[data-v-912fb60d],.invalid .cell[data-v-912fb60d]{transition:none;animation:none}}