.cx-otp{gap:8px;display:inline-flex}.cx-otp-input{box-sizing:border-box;text-align:center;width:46px;height:54px;font-family:var(--font-sans);color:var(--fg1);background:var(--color-bg-white);border:1px solid var(--border-strong);border-radius:var(--radius-sm);caret-color:var(--cx-highlight-fg);outline:none;font-size:22px;font-weight:600;transition:border-color .15s,box-shadow .15s}.cx-otp-input:hover{border-color:var(--gray-500)}.cx-otp-input:focus-visible{border-color:var(--cx-highlight-fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-purple) 22%, transparent)}.cx-otp-input:disabled{background:var(--gray-100);color:var(--fg3);cursor:not-allowed}.cx-field[data-invalid] .cx-otp-input{border-color:var(--color-fg-error)}.cx-field[data-invalid] .cx-otp-input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-fg-error) 22%, transparent)}