.mfa-settings-button{display:block;width:100%;padding:13px;margin:3px 0 12px;border:1px solid #494949;background:#1c1c1c;color:#fff;text-align:left;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.mfa-settings-button:hover{border-color:#e2001a}
.mfa-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.78)}
.mfa-modal.hidden{display:none}
.mfa-modal:not(.mfa-required) #mfaRequiredSignOut,.mfa-required .mfa-close{display:none}
.mfa-card{position:relative;width:min(480px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:32px;background:#fff;border-top:6px solid #e2001a;box-shadow:12px 12px 0 #e2001a;color:#151515}
.mfa-card h2{font:900 italic 35px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 14px}
.mfa-card p{line-height:1.5}
.mfa-card label{display:block;margin:16px 0 12px;font-weight:700}
.mfa-card input{display:block;width:100%;padding:11px;margin-top:5px}
.mfa-card button:not(.mfa-close){width:100%;margin-top:10px;padding:12px}
.mfa-close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:30px;cursor:pointer}
.mfa-qr{display:block;width:min(280px,100%);height:auto;aspect-ratio:1;margin:16px auto;padding:8px;background:#fff;border:2px solid #151515;image-rendering:pixelated}
.mfa-secret,.mfa-recovery{display:block;overflow-wrap:anywhere;padding:15px;background:#111;color:#cfff31;font-size:17px;letter-spacing:.09em;user-select:all}
.mfa-recovery{font-size:14px;line-height:1.6}