.wc-qr-open{cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0;transition:transform .12s;display:block}@media (hover:hover){.wc-qr-open:hover{transform:translateY(-2px)}}.wc-qr-open:active{transform:translateY(2px)}.wc-qrzoom{color:#fff;cursor:zoom-out;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:12px;position:fixed;inset:0;overflow:hidden}.wc-qrzoom[open]{place-items:center;display:grid}html:has(dialog.wc-qrzoom[open]){scrollbar-gutter:stable;overflow:hidden}.wc-qrzoom::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1b3af0}.wc-qrzoom-box{--code:clamp(120px, 22dvh, 190px);--q:min(85vw, calc(85dvh - var(--code)));cursor:default;flex-direction:column;align-items:center;gap:14px;animation:.28s cubic-bezier(.3,1.4,.5,1) wc-qrzoom-in;display:flex}@keyframes wc-qrzoom-in{0%{opacity:0;transform:scale(.4)}}.wc-qrzoom-qr{width:var(--q);height:var(--q);border:4px solid var(--color-ink);color:var(--color-ink);background:#fff;border-radius:clamp(16px,2.4vmin,32px);padding:clamp(4px,.6vmin,10px);box-shadow:0 10px #0e0c22}.wc-qrzoom-code{text-align:center;justify-items:center;gap:8px;max-width:100%;display:grid}.wc-qrzoom-note{opacity:.9;font-size:clamp(14px,2.2vmin,24px)}.wc-qrzoom-tiles{flex-wrap:nowrap;gap:6px;max-width:100%;display:flex}.wc-qrzoom-tiles>[data-digit]{aspect-ratio:.8;width:clamp(36px,min(12vw,7dvh),96px);font-family:var(--font-display);color:var(--color-ink);border:3px solid var(--color-ink);background:#fff;border-radius:14px;place-items:center;font-size:clamp(26px,min(8.6vw,5dvh),76px);line-height:1;display:grid;box-shadow:0 5px #0e0c22}.wc-qrzoom-gap{width:clamp(6px,1.4vw,18px)}@media (orientation:landscape){.wc-qrzoom-box{--code:clamp(240px, 35vw, 700px);--q:min(85dvh, calc(85vw - var(--code) - 40px));flex-direction:row;gap:40px}.wc-qrzoom-code{width:var(--code)}.wc-qrzoom-tiles{gap:clamp(4px, calc(var(--code) / 90), 8px)}.wc-qrzoom-tiles>[data-digit]{width:clamp(34px, calc(var(--code) / 6.9), 112px);font-size:clamp(24px, calc(var(--code) / 6.95), 104px);border-width:4px}.wc-qrzoom-gap{width:clamp(4px, calc(var(--code) / 40), 18px)}}.wc-qrzoom-close{border:3px solid var(--color-ink);width:52px;height:52px;color:var(--color-ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 4px #0e0c22}.wc-qrzoom-close svg{width:24px;height:24px}@media (min-width:1280px){.wc-qrzoom-note{font-size:clamp(28px,2.8vmin,32px)}.wc-qrzoom-close{border-width:4px;width:80px;height:80px;top:24px;right:24px}.wc-qrzoom-close svg{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.wc-qr-open{transition:none}.wc-qrzoom-box{animation:none}}
