.account-security-gate,.account-security-settings{--security-bg:#101012;--security-surface:#1b1b1e;--security-text:#f3f3f5;--security-muted:#adadb5;--security-line:#36363c;color:var(--security-text)}html[data-theme=light] :is(.account-security-gate,.account-security-settings){--security-bg:#fff;--security-surface:#f4f4f6;--security-text:#202025;--security-muted:#61616b;--security-line:#d8d8de}.account-security-gate{background:var(--security-bg);place-items:center;min-height:100dvh;padding:24px;display:grid}html body #root .account-security-card{border:1px solid var(--security-line);background:var(--security-bg);border-radius:22px;width:min(420px,100% - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:28px;overflow:auto;color:var(--security-text)!important}.account-security-settings{scroll-margin-top:100px}html body #root :is(.account-security-card,.account-security-settings) :is(h1,h2,h3,p,label,small,strong,code,summary){color:var(--security-text)!important;-webkit-text-fill-color:currentColor!important}html body #root .account-security-card h1{letter-spacing:-.7px;margin:20px 0 14px;font-size:25px;line-height:1.2}html body #root .account-security-settings h3{align-items:center;gap:10px;font-size:17px;display:flex}html body #root :is(.account-security-card,.account-security-settings) p{margin:12px 0 20px;font-size:13px;line-height:1.65;color:var(--security-muted)!important}html body #root :is(.account-security-card,.account-security-settings) button{border:1px solid var(--security-line);min-height:40px;font:inherit;background:var(--security-surface);cursor:pointer;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:13px;display:inline-flex;color:var(--security-text)!important;-webkit-text-fill-color:currentColor!important}html body #root :is(.account-security-card,.account-security-settings) button:disabled{opacity:.45;cursor:not-allowed}.account-security-settings article{border-top:1px solid var(--security-line);padding:24px 0}.security-method{align-items:center;gap:12px;padding:16px 0;display:flex}.security-method>div{overflow-wrap:anywhere;flex:1;min-width:0}.security-method small{opacity:.7;margin-top:5px;font-size:11px;display:block}.security-status{background:var(--security-surface);border-radius:15px;margin-left:auto;padding:5px 10px;font-size:12px}.security-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}html body #root :is(.account-security-card,.account-security-settings) label{margin:18px 0;font-size:13px;display:block}html body #root :is(.account-security-card,.account-security-settings) :is(input,select){border:1px solid var(--security-line);background:var(--security-surface);border-radius:12px;width:100%;margin-top:8px;padding:12px;font-size:16px;display:block;color:var(--security-text)!important;-webkit-text-fill-color:currentColor!important}html body #root :is(.account-security-card,.account-security-settings) :is(button,input,select,a):focus-visible{outline:2px solid var(--security-muted);outline-offset:3px}.security-qr{background:#fff;border-radius:12px;width:200px;max-width:100%;height:auto;margin:18px 0;padding:12px;display:block}.security-enrollment code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:14px;font-size:13px;display:block}.account-security-card::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0008}html body #root :is(.account-security-card,.account-security-settings) [role=alert]{color:#c96666!important}.account-security-help a{text-underline-offset:3px;color:inherit;text-decoration:underline}
