@media print{.backup-codes-actions,.finish-button{display:none!important}.modal-overlay{align-items:start}.backup-codes-component,.modal-type-backup-codes #modal-title,.modal-type-otp-wizard #modal-title{color:#000}}.modal-type-backup-codes .modal-container,.modal-type-otp-wizard .modal-container,.modal-type-webauthn-wizard .modal-container{max-width:calc(var(--gap)*70)}.modal-type-backup-codes .modal-container .buttons,.modal-type-otp-wizard .modal-container .buttons,.modal-type-webauthn-wizard .modal-container .buttons{flex-direction:row;padding:calc(var(--gap)*3) 0 0}.modal-type-backup-codes .intro p,.modal-type-otp-wizard .intro p,.modal-type-webauthn-wizard .intro p{font-size:1rem;font-weight:700;margin-bottom:calc(var(--gap)*3)}.modal-type-backup-codes .intro p+p,.modal-type-otp-wizard .intro p+p,.modal-type-webauthn-wizard .intro p+p{font-weight:400}@media(max-width:30rem){.modal-type-backup-codes .intro p+p,.modal-type-otp-wizard .intro p+p,.modal-type-webauthn-wizard .intro p+p{font-size:.75rem}}.modal-type-backup-codes .intro .oui-button,.modal-type-otp-wizard .intro .oui-button,.modal-type-webauthn-wizard .intro .oui-button{width:100%}.modal-type-backup-codes .scan-code .buttons,.modal-type-otp-wizard .scan-code .buttons,.modal-type-webauthn-wizard .scan-code .buttons{flex-direction:row}.modal-type-backup-codes .scan-code .qr-loader,.modal-type-otp-wizard .scan-code .qr-loader,.modal-type-webauthn-wizard .scan-code .qr-loader{display:flex;justify-content:center;align-items:center;width:100%;padding:calc(var(--gap)*2)}.modal-type-backup-codes .scan-code .scan-code-row,.modal-type-otp-wizard .scan-code .scan-code-row,.modal-type-webauthn-wizard .scan-code .scan-code-row{display:flex;flex-flow:row nowrap;gap:calc(var(--gap)*2);margin:calc(var(--gap)*2) 0}.modal-type-backup-codes .scan-code .scan-code-row .qr-code,.modal-type-otp-wizard .scan-code .scan-code-row .qr-code,.modal-type-webauthn-wizard .scan-code .scan-code-row .qr-code{flex:1 1 50%}@media(max-width:30rem){.modal-type-backup-codes .scan-code .scan-code-row .qr-code,.modal-type-otp-wizard .scan-code .scan-code-row .qr-code,.modal-type-webauthn-wizard .scan-code .scan-code-row .qr-code{display:none}}.modal-type-backup-codes .scan-code .scan-code-row .qr-code svg,.modal-type-otp-wizard .scan-code .scan-code-row .qr-code svg,.modal-type-webauthn-wizard .scan-code .scan-code-row .qr-code svg{width:100%;height:auto}.modal-type-backup-codes .scan-code .scan-code-row .qr-manual,.modal-type-otp-wizard .scan-code .scan-code-row .qr-manual,.modal-type-webauthn-wizard .scan-code .scan-code-row .qr-manual{display:flex;flex:1 1 50%;flex-flow:column nowrap;border:.0625rem solid var(--borderColor);padding:calc(var(--gap)*2);justify-content:center;align-items:center;text-align:center}.modal-type-backup-codes .scan-code .scan-code-row .qr-manual .qr-secret,.modal-type-otp-wizard .scan-code .scan-code-row .qr-manual .qr-secret,.modal-type-webauthn-wizard .scan-code .scan-code-row .qr-manual .qr-secret{font-size:1.25rem;font-weight:700;margin-top:calc(var(--gap)*2)}@media(max-width:30rem){.modal-type-backup-codes .scan-code .scan-code-row .qr-manual .qr-secret,.modal-type-otp-wizard .scan-code .scan-code-row .qr-manual .qr-secret,.modal-type-webauthn-wizard .scan-code .scan-code-row .qr-manual .qr-secret{font-size:.875rem}}.modal-type-backup-codes .scan-code .scan-code-direct-link,.modal-type-otp-wizard .scan-code .scan-code-direct-link,.modal-type-webauthn-wizard .scan-code .scan-code-direct-link{font-size:.75rem}.modal-type-backup-codes .scan-code .scan-code-direct-link a,.modal-type-otp-wizard .scan-code .scan-code-direct-link a,.modal-type-webauthn-wizard .scan-code .scan-code-direct-link a{display:block;line-break:anywhere;overflow:hidden}.modal-type-backup-codes .sfa-container .oui-input-container,.modal-type-otp-wizard .sfa-container .oui-input-container,.modal-type-webauthn-wizard .sfa-container .oui-input-container{flex-wrap:wrap;margin-top:calc(var(--gap)*2);width:100%}.modal-type-backup-codes .backup-codes-list,.modal-type-otp-wizard .backup-codes-list,.modal-type-webauthn-wizard .backup-codes-list{background-color:var(--bgSecondaryColor);border:.0625rem solid var(--borderColor);border-radius:var(--borderRadius);display:grid;padding:calc(var(--gap)*2);grid-gap:calc(var(--gap)*2);gap:calc(var(--gap)*2);margin:calc(var(--gap)*4) 0;grid-template-columns:repeat(5,1fr)}@media(max-width:52.5rem){.modal-type-backup-codes .backup-codes-list,.modal-type-otp-wizard .backup-codes-list,.modal-type-webauthn-wizard .backup-codes-list{grid-template-columns:repeat(2,1fr);justify-items:center}}.modal-type-backup-codes .backup-codes-actions,.modal-type-otp-wizard .backup-codes-actions,.modal-type-webauthn-wizard .backup-codes-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:calc(var(--gap)*2);gap:calc(var(--gap)*2);padding:calc(var(--gap)*2) 0 0}@media(max-width:52.5rem){.modal-type-backup-codes .backup-codes-actions,.modal-type-otp-wizard .backup-codes-actions,.modal-type-webauthn-wizard .backup-codes-actions{grid-template-columns:1fr;width:100%}}.modal-type-backup-codes .backup-codes-actions .oui-button,.modal-type-otp-wizard .backup-codes-actions .oui-button,.modal-type-webauthn-wizard .backup-codes-actions .oui-button{min-width:-moz-fit-content;min-width:fit-content}.modal-type-backup-codes .finish-button,.modal-type-otp-wizard .finish-button,.modal-type-webauthn-wizard .finish-button{width:100%;margin-top:calc(var(--gap)*2)}.modal-type-backup-codes .buttons,.modal-type-otp-wizard .buttons,.modal-type-webauthn-wizard .buttons{width:100%;display:flex;justify-content:space-between;padding:calc(var(--gap)*2) 0 0}.modal-type-backup-codes .buttons .oui-button,.modal-type-otp-wizard .buttons .oui-button,.modal-type-webauthn-wizard .buttons .oui-button{flex:0 1 auto}.modal-type-webauthn-wizard form{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:start;gap:calc(var(--gap)*2)}.modal-type-webauthn-wizard form .oui-input-container{flex:1 0 auto}.modal-type-webauthn-wizard form .oui-button.primary{margin-top:calc(var(--gap)*3.4)}.modal-type-webauthn-wizard .add-device form{align-items:normal}.modal-type-webauthn-wizard .add-device form .oui-input-container{flex:auto}