#two-factor-enrollment{width:min(100%,440px)}
#two-factor-enrollment .two-factor-heading{margin-bottom:16px}
#two-factor-enrollment .two-factor-heading b{font-family:inherit;color:#10203c;font-size:20px}
#two-factor-enrollment .two-factor-heading span{color:#56647b;font-size:12px}
#two-factor-enrollment-content p{font-size:12px;line-height:1.5;color:#56647b}
#two-factor-enrollment .enrollment-qr{width:min(220px,100%);margin:0 auto 12px;padding:10px;border-radius:12px;background:#fff}
#two-factor-enrollment .enrollment-qr img{display:block;width:100%;height:auto;image-rendering:auto}
#two-factor-enrollment .two-factor-secret{margin:12px 0;font-size:14px;line-height:1.5;user-select:all}
#two-factor-enrollment form label{display:block;margin-top:16px}
#two-factor-enrollment form input{width:100%;box-sizing:border-box}
#two-factor-enrollment form button,#complete-enrollment-login{width:100%;margin-top:10px}
#two-factor-enrollment .recovery-codes{grid-template-columns:repeat(2,minmax(0,1fr));font-size:11px}
#two-factor-enrollment .recovery-codes code{overflow-wrap:anywhere}
#two-factor-enrollment .enrollment-ack{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:12px;line-height:1.4}
#two-factor-enrollment .enrollment-ack input{width:auto}
#two-factor-enrollment #copy-enrollment-codes{display:block;width:100%}
:root[data-theme-family="modern"] #two-factor-enrollment .two-factor-heading b{color:var(--text-primary)}
:root[data-theme-family="modern"] #two-factor-enrollment .two-factor-heading span,
:root[data-theme-family="modern"] #two-factor-enrollment-content p{color:var(--text-secondary)}
:root[data-theme-family="modern"] #two-factor-enrollment .enrollment-ack{color:var(--text-secondary)}
@media(max-width:420px){#two-factor-enrollment .recovery-codes{grid-template-columns:1fr}}