.otp-field{position:relative;cursor:text}.otp-field[data-disabled]{cursor:not-allowed;opacity:.55}.otp-field__label{width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.otp-field__input,.otp-field__label{position:absolute;padding:0;border:0}.otp-field__input{inset:0;z-index:1;width:100%;height:100%;color:transparent;font-size:16px;background:transparent;outline:none;caret-color:transparent;-webkit-text-fill-color:transparent}.otp-field__input::selection{background:transparent}.otp-field__boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp-field__box{display:grid;height:58px;place-items:center;color:var(--otp-ink);font-family:var(--font-mono);font-size:1.35rem;font-weight:600;font-variant-numeric:tabular-nums;background:var(--otp-cell-bg);border:1px solid var(--otp-cell-border);border-radius:10px;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.otp-field__box[data-filled]{background:var(--otp-cell-bg-filled);border-color:var(--otp-cell-border-filled)}.otp-field__box[data-active]{border-color:var(--otp-accent);box-shadow:0 0 0 3px var(--otp-accent-glow)}.otp-field__box[data-active]:after{width:1.5px;height:24px;content:"";background:var(--otp-accent);border-radius:1px;animation:otp-caret 1.05s step-end infinite}.otp-field__box[data-active][data-filled]:after{content:none}.otp-field[data-invalid] .otp-field__box{border-color:var(--otp-danger)}@keyframes otp-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.otp-field__box[data-active]:after{animation:none}}@media (max-width:380px){.otp-field__boxes{gap:5px}.otp-field__box{height:52px;font-size:1.15rem}}