.otp-input{width:100%;display:inline-flex;position:relative}.otp-input__slots{gap:8px;width:100%;display:flex}.otp-cell{aspect-ratio:1/1.1;min-width:0;max-width:56px;height:auto;color:var(--text-0);background:var(--white-02);border:1px solid var(--white-08);border-radius:var(--radius-sm);transition:border-color var(--speed-1) var(--easing), background-color var(--speed-1) var(--easing), box-shadow var(--speed-1) var(--easing);-webkit-user-select:none;user-select:none;flex:1 1 0;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex;position:relative}.otp-cell--filled{background:var(--white-04);border-color:var(--white-12)}.otp-cell--active{border-color:var(--white-30);background:var(--white-04);box-shadow:0 0 0 3px var(--white-04)}.otp-cell--verified{border-color:color-mix(in oklab, var(--color-green-500) 35%, var(--white-08));background:color-mix(in oklab, var(--color-green-500) 6%, var(--white-02));color:var(--color-green-400)}.otp-cell__char{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;line-height:1;display:inline-flex}.otp-cell__caret{background:var(--text-0);pointer-events:none;border-radius:1px;width:2px;height:26px;animation:1.2s ease-out infinite otp-caret-blink;position:absolute}@keyframes otp-caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}:is(.otp-input--disabled,.otp-input:has(input:disabled:not([readonly]))){opacity:.5;cursor:not-allowed;pointer-events:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.otp-cell{transition:none}.otp-cell__caret{animation:none}}@media (max-width:380px){.otp-input__slots{gap:6px}.otp-cell{font-size:18px}}