/* Isolated sculpture; instructions remain available to assistive technology. */
.qr-object{display:flex;justify-content:center;padding-block:24px 36px;border-top:1px solid var(--line)}
.qr-object-view{width:min(100%,580px);min-width:0;margin:0}
.qr-object-stage{position:relative;width:100%;height:360px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fffefa 0%,#f1f2ef 67%,#e9ece8 100%);border:1px solid #e2e5df;border-radius:3px;touch-action:pan-y;outline:none}
.qr-object-stage:focus-visible{outline:2px solid #596c00;outline-offset:3px}
.qr-object-stage[data-touch-explore="true"]{touch-action:none}
.qr-object-stage canvas{display:block;width:100%;height:100%;cursor:grab}
.qr-object-stage canvas:active{cursor:grabbing}
.qr-object-stage[data-mode="scan"] canvas{cursor:default}
.qr-object-fallback{position:absolute;width:242px;height:242px;max-width:82%;object-fit:contain;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 14px 34px #3e3b2520}
.qr-object-stage[data-ready="true"] .qr-object-fallback,.qr-object-stage canvas[hidden]{display:none}
.qr-object-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.qr-object{padding-block:24px}.qr-object-stage{height:330px}}
@media(max-width:370px){.qr-object-stage{height:290px}}