.totp-setup { &__card { background: var(--primary); padding: 10px; border-radius: 5px; min-width: 256px; max-width: 256px; width: 100%; margin: 0 auto; } &__card-container { min-width: 276px; max-width: 276px; width: 100%; padding: 0; } &__qr { background: white; border-radius: 5px; } &__text { background: #000; color: #fff; margin: 10px 0 0 0; padding: 5px; border-radius: 5px; code { display: block; color: var(--warning); } } &__code-field { font-family: "Monaco", "Inconsolata", "Cascadia Code", "Consolas", monospace; width: 86px; } }