.authenticator-code-input_container__sy6gi{--otp-accent:hsl(var(--primary));position:relative;width:100%;color-scheme:only light}.authenticator-code-input_slots__fa5f_{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 12px repeat(3,minmax(0,1fr));gap:7px}.authenticator-code-input_digit__BbOqq{display:flex;align-items:center;justify-content:center;height:60px;border:1px solid #d9e0eb;border-radius:11px;background:#f8fafd;color:#637087;font-size:26px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.authenticator-code-input_digit__BbOqq[data-filled=true]{color:#102346;background:#fff}.authenticator-code-input_separator__udpsC{align-self:center;text-align:center;color:#637087}.authenticator-code-input_input__nzs8H{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:text;font-size:20px}.authenticator-code-input_container__sy6gi:focus-within .authenticator-code-input_digit__BbOqq[data-active=true]{border:2px solid var(--otp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--otp-accent) 12%,transparent);background:#fff}.authenticator-code-input_container__sy6gi[data-invalid=true] .authenticator-code-input_digit__BbOqq{border-color:#b91c1c}.authenticator-code-input_container__sy6gi[data-invalid=true]:focus-within .authenticator-code-input_digit__BbOqq[data-active=true]{box-shadow:0 0 0 3px #fee2e2}.authenticator-code-input_container__sy6gi[data-disabled=true]{opacity:.6}.authenticator-code-input_container__sy6gi[data-disabled=true] .authenticator-code-input_input__nzs8H{cursor:wait}@media (max-width:420px){.authenticator-code-input_slots__fa5f_{grid-template-columns:repeat(3,minmax(0,1fr)) 8px repeat(3,minmax(0,1fr));gap:5px}.authenticator-code-input_digit__BbOqq{height:54px;font-size:24px}}@media (forced-colors:active){.authenticator-code-input_container__sy6gi:focus-within .authenticator-code-input_digit__BbOqq[data-active=true]{outline:2px solid Highlight}}