.mfa-main{max-width:680px;margin:0 auto;padding:48px 24px;min-width:0}
.mfa-main p{color:var(--muted);line-height:1.65;overflow-wrap:anywhere}
.mfa-main section{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}
.mfa-main form{display:grid;gap:12px;margin-top:20px}
.mfa-main form>button{justify-self:start;min-width:190px;min-height:44px}
.mfa-main label{display:block;margin-bottom:8px}
.mfa-main a{color:var(--silver);text-decoration:underline;text-underline-offset:3px}
.mfa-secret-row{display:flex;gap:8px;margin-bottom:12px;min-width:0}
.mfa-secret-row input{min-width:0;flex:1}.mfa-secret-row button{flex:none}
#mfa-status{min-height:54px;margin:16px 0;color:var(--text)}
.mfa-main .mfa-check{display:flex;gap:10px;align-items:center;margin-top:20px}
.mfa-check input{width:20px;height:20px;flex:none}
.mfa-main [aria-invalid=true]{border-color:var(--bad)}
.mfa-main :focus-visible{outline:2px solid var(--silver);outline-offset:3px}
.mfa-main button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:500px){.mfa-main{padding:28px 18px}.mfa-secret-row{flex-wrap:wrap}.mfa-secret-row input{flex-basis:100%}}