.account-access-card{border:1px solid var(--color-rule);border-radius:var(--radius-surface);max-width:100%;margin-top:12px;padding:16px}.account-access-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.account-access-heading h2,.account-access-heading h3{margin:0}.account-access-domain{overflow-wrap:anywhere;color:var(--color-muted);font-size:var(--text-label-size)}.account-access-dialog{width:min(880px, calc(100 * var(--ui-vw) - 32px))}.account-access-methods{border:0;gap:8px;margin:16px 0;padding:0;display:grid}.account-access-methods legend{margin-bottom:8px;font-weight:600}.account-access-methods label,.account-access-enroll{align-items:center;gap:8px;min-height:44px;display:flex}.account-access-dialog form{gap:12px;max-width:480px;display:grid}.account-access-screen{width:100%;height:min(calc(65 * var(--ui-vh)), 600px);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-control);min-height:260px;overflow:hidden}.account-access-preview{border:1px solid var(--color-rule);width:100%;height:auto}.account-access-dialog .ui-actions{margin-top:16px}@media (width<=600px){.account-access-dialog{width:calc(100 * var(--ui-vw) - 16px)}.account-access-card .ui-actions>button{min-height:44px}.account-access-screen{min-height:320px}}.ui-dialog.account-access-dialog{width:min(760px, calc(100 * var(--ui-vw) - 32px));max-width:760px;padding:24px}@media (width<=600px){.ui-dialog.account-access-dialog{width:calc(100 * var(--ui-vw) - 24px);padding:16px}}.account-access-preview-frame{position:relative}.account-access-preview-frame svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.account-access-dialog form{margin-bottom:16px}