:root{--unit:1.3889vw;--qr:31.9444vw}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#111;background:#fff;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;display:flex}main{align-items:center;gap:var(--unit);padding:var(--unit);flex-direction:column;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qr{width:var(--qr);height:var(--qr);max-width:460px;max-height:460px;position:relative}.qr>img:not([hidden]),.qr>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.qr>img{image-rendering:pixelated;image-rendering:crisp-edges}.qr>canvas{opacity:0;image-rendering:pixelated;image-rendering:crisp-edges}.qr[data-qr=gl]>canvas{opacity:1}.qr[data-qr=gl]>img{visibility:hidden}.qr[data-qr=gl]{cursor:pointer}@media (width<=720px){:root{--unit:5.3333vw;--qr:80vw}.qr{max-width:420px;max-height:420px}}.qr>img[hidden]{display:none}.gesture{font:inherit;letter-spacing:1px;cursor:pointer;color:#111;text-align:left;background:#fff;border:1px solid #ddd;border-radius:6px;padding:9px 16px;font-size:11px;line-height:1.5}.gesture span{color:#999;letter-spacing:0;font-size:10px;display:block}.gesture i{color:#2e7d32;font-style:normal}.gesture[aria-pressed=true]{color:#fff;background:#111;border-color:#111}.gesture[aria-pressed=true] span{color:#bbb}.gesture[data-state=blocked] i,.gesture[data-state=denied] i,.gesture[data-state=nocamera] i,.gesture[data-state=failed] i{color:#b00}