.qr-color-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 16px}
.qr-color-choice{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;flex:none;padding:4px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;font-size:0;cursor:pointer}
.qr-color-choice::before{content:"";display:block;width:20px;height:20px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:var(--qr-choice)}
.qr-color-choice[aria-pressed="true"]{border:2px solid #d5e4ff;box-shadow:0 0 0 2px rgba(149,184,255,.15)}
.qr-color-choice:hover{background:rgba(255,255,255,.1)}
.qr-color-choice:focus-visible{outline:3px solid #a2c6ff;outline-offset:3px}
.qr-copy .qr-color-choices{justify-content:flex-start}
.qr-frame{background:transparent!important;padding:0!important;border-radius:0!important;overflow:hidden}
.qr-frame canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.qr-frame>#audienceQr{width:100%;height:100%;min-width:0;overflow:hidden}