.sd-2fa{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-2fa[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-2fa :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-2fa :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-2fa .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-2fa{background:var(--bg);width:min(100%,330px);box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;padding:18px}.sd-2fa__st{gap:6px;margin-bottom:14px;display:flex}.sd-2fa__st i{background:var(--soft);border-radius:99px;flex:1;height:3px;transition:background-color .25s}.sd-2fa__st i[data-on]{background:var(--fg)}.sd-2fa__k{color:var(--mute);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:11.5px;font-weight:600}.sd-2fa__t{letter-spacing:-.01em;margin:4px 0 6px;font-size:18px}.sd-2fa__p{color:var(--mute);margin:0 0 14px;font-size:13px;line-height:1.5}.sd-2fa__qr{background:#fff;border-radius:14px;width:150px;height:150px;margin:0 auto 14px;padding:10px;display:block}.sd-2fa__qr rect{fill:#111}.sd-2fa__key{background:var(--soft);letter-spacing:.06em;border-radius:11px;align-items:center;gap:8px;padding:9px 10px 9px 12px;font:600 13px/1.2 ui-monospace,monospace;display:flex}.sd-2fa__key span{overflow-wrap:anywhere;flex:1;min-width:0}.sd-2fa__sm{letter-spacing:0;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:8px;padding:5px 10px;font:500 12px/1 ui-sans-serif,system-ui}.sd-2fa__code{background:var(--soft);width:100%;height:50px;color:var(--fg);letter-spacing:.4em;text-align:center;border:0;border-radius:12px;outline:0;font:600 24px/1 ui-monospace,monospace}.sd-2fa__code:focus{box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-2fa__code[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--fg);animation:.36s sd-2fa-shake}.sd-2fa__err{min-height:18px;margin:6px 2px 0;font-size:12.5px}.sd-2fa__codes{background:var(--soft);text-align:center;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:12px;font:500 13px/1.3 ui-monospace,monospace;display:grid}.sd-2fa__row{gap:6px;margin:10px 0;display:flex}.sd-2fa__row .sd-2fa__sm{flex:1;padding:8px}.sd-2fa__ck{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.sd-2fa__ck input{accent-color:var(--fg);width:16px;height:16px;margin:0}.sd-2fa__go{border-radius:12px;width:100%;height:44px;margin-top:14px;font-size:14px;font-weight:600;display:block;background:var(--strong)!important;color:var(--on)!important}.sd-2fa__go:disabled{opacity:.35;cursor:not-allowed}.sd-2fa__done{text-align:center;padding:30px 0 10px;animation:.26s ease-out sd-2fa-in}.sd-2fa__done i{background:var(--strong);width:52px;height:52px;color:var(--on);border-radius:99px;place-items:center;margin:0 auto 12px;font-size:24px;font-style:normal;display:grid}.sd-2fa__body{animation:.24s ease-out sd-2fa-in}@keyframes sd-2fa-in{0%{opacity:0;transform:translate(10px)}}@keyframes sd-2fa-shake{25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.sd-2fa *,.sd-2fa :before,.sd-2fa :after{transition:none!important;animation:none!important}}