1 .accountSecurityContainer {
5 @include screen-sm-down {
6 align-items: flex-start;
7 flex-direction: column;
11 .accountSecurityInformation {
15 .accountSecurityInformationLink {
19 .accountSecurityButtons {
22 @include screen-md-up {
26 @include screen-sm-down {
32 .multifactorBackupCode {
33 font-family: var(--wcfFontFamilyMonospace) !important;
36 text-decoration: line-through;
49 .multifactorBackupCodesPrintMetadata {
50 display: none !important;
55 .multifactorBackupCodesPrintButton {
56 display: none !important;
59 .multifactorBackupCodesPrintContainer {
60 padding: 1cm !important;
61 position: absolute !important;
62 background: white !important;
65 .multifactorBackupCodesPrintMetadata {
66 max-width: 9cm !important;
71 // Just .multifactorTotpCode is not specific enough.
72 input.multifactorTotpCode,
73 input.multifactorEmailCode,
74 input.multifactorBackupCode {
75 font-family: var(--wcfFontFamilyMonospace) !important;
77 box-sizing: content-box;
93 .multifactorTotpNewDevice {
95 flex-direction: column;
98 .totpSecretContainer {
106 border: 3px solid #fff;
107 box-sizing: content-box;
112 display: inline-block;
116 .multifactorTotpNewDeviceFields {
120 @include screen-md-up {
123 .totpSecretContainer {