.authenticator-qr{display:grid;justify-items:center;gap:12px;margin:24px 0}
.authenticator-qr img{display:block;width:256px;max-width:100%;height:auto;aspect-ratio:1;background:#fff;border:8px solid #fff;border-radius:8px;image-rendering:pixelated;box-shadow:0 8px 30px #0003}
.authenticator-qr figcaption{max-width:100%;overflow-wrap:anywhere;text-align:center;font-size:12px;color:#9fb9d1}
.authenticator-manual{margin:0 0 20px;padding:14px 16px;border:1px solid #55cbe733;border-radius:8px;background:#10233566}
.authenticator-manual summary{cursor:pointer;color:#a8e6f2;font-size:12px;line-height:1.7}
.authenticator-manual summary:focus-visible{outline:2px solid #83e8ee;outline-offset:5px;border-radius:2px}
.authenticator-manual p{margin:16px 0 0}
.authenticator-manual .setup-key{margin:12px 0 0;padding:12px;font-size:12px;letter-spacing:1px;user-select:all}