.passkey-panel{display:block}#passkey-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;margin:24px 0;display:grid}#passkey-form label{gap:8px;display:grid}#passkey-list article{border-bottom:1px solid #d5dece;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}@media (width<=900px){#passkey-form{grid-template-columns:1fr}}#totp-form{gap:32px;display:grid}#totp-form label{gap:8px;display:grid}#totp-secret{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}#totp-qr{border-radius:12px;max-width:100%;height:auto}#security-content{gap:24px;display:grid}.totp-panel{gap:32px;display:grid}.totp-heading{align-items:flex-start;gap:20px;display:flex}.totp-heading h2{margin-top:0}.totp-heading p{margin-bottom:0}.totp-shield{background:#dfe7d5 url(/images/navigation/security.svg) 50%/32px no-repeat;border-radius:18px;flex:0 0 56px;height:56px}.totp-state{color:#42654c;background:#e4ead9;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:600}.totp-state.disconnected{color:#b45b64;background:#f7e3e0;align-items:center;gap:6px;display:inline-flex}.totp-state.disconnected:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.totp-step{grid-template-columns:36px minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.totp-step h3{margin:4px 0 10px;font-size:17px}.totp-step p{margin-top:0;line-height:1.6}.totp-step-number{color:#355f49;background:#dfe7d5;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:650;display:grid}.totp-step.pending .totp-step-number{color:#8a9383;background:#eceee6}.totp-step-fields{gap:12px;display:grid}#totp-enrollment{align-items:center;gap:18px;display:flex}#totp-qr{flex-shrink:0;width:140px}.totp-manual{min-width:0}#totp-secret{background:#fffdf580;border:1px solid #d5dece;border-radius:10px;margin-bottom:10px;padding:12px;display:block}#totp-copy{margin-bottom:12px;padding:8px 12px;font-size:12px}#totp-result:empty{display:none}@media (width<=1100px){.totp-heading{flex-wrap:wrap}.totp-heading>div{flex:1}.totp-step{grid-template-columns:36px minmax(0,1fr)}.totp-step-fields{grid-column:2}}@media (width<=600px){.totp-step{gap:12px}#totp-enrollment{flex-direction:column;align-items:flex-start}}