.mfa-dialog{border:0;border-radius:24px;padding:0;width:min(500px,calc(100% - 28px));box-shadow:0 30px 90px #11182755}.mfa-dialog::backdrop{background:#111827b8;backdrop-filter:blur(5px)}.mfa-dialog>div{padding:36px;display:grid;gap:17px}.mfa-shield{width:52px;height:52px;border-radius:16px;background:#ede9fe;color:#6757e8;display:grid;place-items:center;font-size:25px}.mfa-dialog p,.mfa-status p,.mfa-factor-panel .panel-head p{font-size:11px;letter-spacing:.13em;color:#6757e8;font-weight:800}.mfa-dialog h2{font-size:28px}.mfa-dialog>div>small,.mfa-status small,.mfa-factor-panel small,.mfa-recovery-note small{color:var(--muted);line-height:1.5}.mfa-dialog label{display:grid;gap:8px;font-weight:700}.mfa-dialog input,.mfa-dialog select{padding:14px;border:1px solid var(--line);border-radius:10px;font:inherit}.mfa-info{padding:16px;background:#f7f7fb;border-radius:12px;display:grid;gap:5px}.mfa-info span{font-size:13px;color:var(--muted)}.mfa-qr{width:220px;height:220px;margin:auto;padding:12px;border:1px solid var(--line);border-radius:16px;background:white;display:grid;place-items:center}.mfa-qr svg,.mfa-qr img{width:100%;height:100%}.mfa-dialog details code{display:block;padding:12px;background:#f4f4f7;border-radius:8px;word-break:break-all;margin:8px 0}.mfa-help{text-align:center;color:#6757e8;font-size:13px}.mfa-security-page{display:grid;gap:18px}.mfa-status{padding:28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.mfa-status>span{width:48px;height:48px;border-radius:50%;background:#dcfce7;color:#167a41;display:grid;place-items:center;font-size:21px}.mfa-status h2{margin:4px 0}.mfa-factor-panel{padding:25px}.mfa-factor-list{margin-top:18px}.mfa-factor-list article{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid var(--line)}.mfa-factor-list article>span{width:34px;height:34px;border-radius:10px;background:#ede9fe;color:#6757e8;display:grid;place-items:center}.mfa-factor-list p{display:grid;gap:4px;flex:1}.mfa-factor-list b{font-size:11px;color:var(--muted)}.mfa-recovery-note{padding:18px 22px;display:flex;gap:12px}.mfa-recovery-note p{display:grid;gap:4px}@media(max-width:650px){.mfa-dialog>div{padding:25px}.mfa-status{grid-template-columns:auto 1fr}.mfa-status button{grid-column:1/-1}.mfa-factor-panel .panel-head{align-items:flex-start;flex-direction:column}}