.qr{width:var(--qr-size);height:var(--qr-size);box-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a, 0 0 0 1px var(--border);border-radius:16px;flex-shrink:0;position:relative;overflow:hidden}.qr>svg,.qr-canvas,.qr-canvas>canvas{width:100%;height:100%;position:absolute;inset:0}.qr[data-live]>svg{visibility:hidden}.qr-logo-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qr-logo{width:var(--qr-badge);height:var(--qr-badge);position:relative}.qr-logo>div{border-radius:9999px;position:absolute;inset:0;overflow:hidden}.qr-logo img{width:100%;height:100%;display:block}
.qm-dot{fill:var(--qr-ink);transform-box:fill-box;transform-origin:50%}.qm:not(.qm-moving) .qm-dot.out{display:none}.qm-flip.qm-moving .in{animation:qm-flip-in .42s var(--d) both cubic-bezier(.2, .7, .2, 1)}.qm-flip.qm-moving .out{animation:qm-flip-out .2s var(--d) both ease-in}@keyframes qm-flip-in{0%{fill:var(--c);transform:scaleY(0)}55%{fill:var(--c);transform:scaleY(1.25)}75%{transform:scaleY(.9)}to{fill:var(--qr-ink);transform:scaleY(1)}}@keyframes qm-flip-out{0%{transform:scaleY(1)}to{fill:var(--c);transform:scaleY(0)}}.qm-wipe.qm-moving .in{animation:qm-pop .32s var(--d) both cubic-bezier(.2, .7, .2, 1)}.qm-wipe.qm-moving .out{animation:qm-out .18s var(--d) both ease-in}.qm-ring{opacity:0;mix-blend-mode:multiply;animation:.9s cubic-bezier(.4,0,.2,1) both qm-ring}@keyframes qm-ring{0%{transform:translate(var(--from), var(--from));opacity:0}12%{opacity:.7}85%{opacity:.7}to{transform:translate(var(--to), var(--to));opacity:0}}.qm-coin.qm-moving .stay{animation:qm-bump .52s var(--d) both cubic-bezier(.3, .7, .3, 1)}.qm-coin.qm-moving .in{animation:qm-coin-in .56s var(--d) both cubic-bezier(.3, .7, .3, 1)}.qm-coin.qm-moving .out{animation:qm-coin-out .3s var(--d) both ease-in}@keyframes qm-bump{0%{transform:translate(0)}30%{transform:translate(var(--dx), var(--dy))}65%{transform:translate(calc(var(--dx) * -.2), calc(var(--dy) * -.2))}to{transform:translate(0)}}@keyframes qm-coin-in{0%{transform:translate(var(--dx), var(--dy)) scale(0);fill:var(--c)}35%{transform:translate(var(--dx), var(--dy)) scale(1.2);fill:var(--c)}to{fill:var(--qr-ink);transform:translate(0)scale(1)}}@keyframes qm-coin-out{0%{transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(0)}}.qm-coin-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qm-coin-face{width:calc(var(--qr-badge) * .8);height:calc(var(--qr-badge) * .8);font:800 calc(var(--qr-badge) * .42) / 1 Rubik, Inter, sans-serif;color:#9a6400;background:radial-gradient(circle at 35% 30%,#fff3b0 0 18%,#ffd34d 45%,#f0a91e 100%);border-radius:50%;place-items:center;animation:.76s both qm-coin-drop;display:grid;box-shadow:inset 0 0 0 2.5px #c98a12,0 6px 14px #a0640059}@keyframes qm-coin-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.6);transform:translateY(-260%)scale(.9)}15%{opacity:1}55%{animation-timing-function:ease-out;transform:translateY(0)scale(1.08,.82)}70%{opacity:1;transform:translateY(-12%)scale(1)}to{opacity:0;transform:translateY(0)scale(.2)}}.qm-coin.qm-moving .qm-logo{animation:.52s cubic-bezier(.3,.7,.3,1) .42s both qm-logo-bump}@keyframes qm-logo-bump{0%{transform:scale(1)}30%{transform:scale(.82)}65%{transform:scale(1.08)}to{transform:scale(1)}}.qm-scan.qm-moving .in{animation:qm-pop .32s var(--d) both cubic-bezier(.2, .7, .2, 1)}.qm-scan.qm-moving .out{animation:qm-out .18s var(--d) both ease-in}.qm-scanline{pointer-events:none;height:14%;left:5%;right:5%;top:var(--top0);opacity:0;animation:.9s linear both qm-scan-move;position:absolute}.qm-scanline:before{content:"";background:linear-gradient(#0000,#e690d629);position:absolute;inset:0}.qm-scanline:after{content:"";background:var(--line);border-radius:2px;height:2.5px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px 2px #e690d673}@keyframes qm-scan-move{0%{top:var(--top0);opacity:0}8%{opacity:1}90%{opacity:1}to{top:var(--top1);opacity:0}}.qm-spell.qm-moving .spell{animation:1.6s both qm-spell}@keyframes qm-spell{0%{transform:translate(var(--sx), var(--sy));animation-timing-function:cubic-bezier(.6,0,.2,1)}30%{transform:translate(var(--tx), var(--ty)) scale(.85);fill:var(--c)}64%{transform:translate(var(--tx), var(--ty)) scale(.85);fill:var(--c);animation-timing-function:cubic-bezier(.6,0,.2,1)}to{fill:var(--qr-ink);transform:translate(0)scale(1)}}.qm-spell.qm-moving .qm-logo{animation:1.6s both qm-logo-away}@keyframes qm-logo-away{0%{opacity:1;transform:scale(1)}15%{opacity:0;transform:scale(.6)}80%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.qm-colors.qm-moving .stay,.qm-colors.qm-moving .in{animation:qm-assemble .9s var(--d) both cubic-bezier(.2, .7, .2, 1)}.qm-colors.qm-moving .out{animation:.16s ease-in both qm-out}@keyframes qm-assemble{0%{fill:var(--c);transform:scale(0)}30%{fill:var(--c);transform:scale(1.3)}45%{fill:var(--c);transform:scale(1)}to{fill:var(--qr-ink);transform:scale(1)}}@keyframes qm-pop{0%{fill:var(--c);transform:scale(0)}60%{fill:var(--c);transform:scale(1.3)}to{fill:var(--qr-ink);transform:scale(1)}}@keyframes qm-out{to{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.qm .qm-dot,.qm .qm-logo{animation:none!important}.qm .qm-dot.out,.qm-ring,.qm-coin-wrap,.qm-scanline{display:none}}