.mfa-challenge-page{--mfa-dark-gray:gray;--mfa-near-black:#2a2a2a;--mfa-orange:#ef4000;--mfa-warm-gray:#e8e3dd;width:100%;min-height:100vh;color:var(--the-black);background:var(--white);font-family:var(--font-family);justify-content:center;align-items:stretch;margin:0;display:flex}.mfa-challenge-content{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;width:100%;max-width:520px;min-height:100vh;padding:40px 32px;display:flex}.mfa-challenge-logo{flex:none;width:21.559px;height:24px;display:block}.mfa-challenge-header{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.mfa-challenge-header h1,.mfa-challenge-header p,.mfa-resend-copy{margin:0}.mfa-challenge-header h1{color:var(--the-black);font-size:20px;font-weight:600;line-height:28px}.mfa-challenge-header p,.mfa-resend-copy,.mfa-code-feedback{font-size:12px;font-weight:400;line-height:1.2}.mfa-challenge-header p,.mfa-resend-copy{color:var(--mfa-dark-gray)}.mfa-challenge-step{flex-direction:column;align-items:flex-start;gap:20px;width:100%;display:flex}.mfa-code-block{width:100%}.mfa-code-inputs{align-items:flex-start;gap:16px;width:240px;max-width:100%;display:flex}.mfa-code-input{box-sizing:border-box;width:0;min-width:0;height:32px;color:var(--the-black);background:var(--white);border:var(--border-width) solid var(--mfa-warm-gray);font-family:var(--font-family);text-align:center;border-radius:8px;outline:none;flex:1;padding:8px 4px;font-size:12px;font-weight:500;line-height:16px}.mfa-code-input:focus{border-color:var(--mfa-orange)}.mfa-code-feedback{color:var(--mfa-dark-gray);margin-top:4px}.mfa-code-error{color:var(--the-red)}.mfa-resend-copy{width:100%}.mfa-resend-button{color:var(--mfa-near-black);font:inherit;text-underline-position:from-font;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.mfa-resend-button:disabled{color:var(--mfa-dark-gray);cursor:not-allowed}.mfa-resend-button:focus-visible{outline:1px solid var(--mfa-near-black);outline-offset:2px}.mfa-actions{align-items:center;gap:12px;width:100%;display:flex}.mfa-action-button{flex:1;min-width:0}.mfa-back-button{color:var(--mfa-near-black);border-color:var(--mfa-warm-gray)}.mfa-confirm-button:not(:disabled){color:var(--white);background:var(--the-black)}.mfa-confirm-button:hover:not(:disabled){background:var(--mfa-dark-gray)}@media only screen and (width<=480px){.mfa-challenge-content{padding-left:24px;padding-right:24px}}
