.pd-display{--display-page:#f4efe8;--display-end:#cbc8c3;--display-ink:#171717;overscroll-behavior:contain;background:linear-gradient(115deg, var(--display-page), var(--display-end));width:100%;max-width:none;height:100dvh;max-height:none;color:var(--display-ink);font:inherit;border:0;margin:0;padding:0;line-height:1.5;position:fixed;inset:0;overflow-y:auto}.pd-display::backdrop{background:var(--display-page)}.pd-display:not([open]){display:none}.pd-display .pd-display-close{width:44px;height:44px;color:var(--display-ink);z-index:2;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;inset-block-start:10px;inset-inline-end:12px}.pd-display-close:hover{background:color-mix(in srgb, var(--display-ink) 8%, transparent)}.pd-display :focus-visible{outline:3px solid var(--display-ink);outline-offset:3px}.pd-display-grid{grid-template-columns:minmax(220px,.95fr) minmax(260px,1.15fr) minmax(300px,1.5fr);align-items:center;gap:clamp(24px,4vw,72px);max-width:1760px;min-height:100dvh;margin-inline:auto;padding:76px clamp(24px,4vw,72px);display:grid}.pd-display-qr-column{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.pd-display-chip{color:#171717;background:#fff;border-radius:24px;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:14px;line-height:1.4;display:inline-flex}.pd-display-chip svg{flex-shrink:0}.pd-display-qr-card{color:#171717;background:#fff;border-radius:28px;width:100%;max-width:360px;padding:24px;box-shadow:0 10px 28px #0000001f}.pd-display-qr-card img{aspect-ratio:1;image-rendering:auto;width:100%;height:auto}.pd-display-qr-card h3{margin-top:16px;margin-bottom:2px;font-size:clamp(17px,1.3vw,22px);font-weight:700;line-height:1.4}.pd-display-qr-card p{color:#424242;margin:0;font-size:14px}.pd-display-qr-placeholder{aspect-ratio:1;place-items:center;font-size:20px;display:grid}.pd-display-number-column{text-align:center;flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.pd-display-number-column h3{font-size:24px;font-weight:500}.pd-display-puck{filter:drop-shadow(0 15px 20px #00000025);width:100%;max-width:410px;overflow:visible}.pd-display-instructions{min-width:0}.pd-display-instructions ol{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.pd-display-instructions li{color:#171717;background:#fff;border-radius:20px;align-items:center;gap:12px;min-height:64px;padding:14px 16px;font-size:clamp(17px,1.25vw,22px);display:flex}.pd-display-instructions li>span{color:#fff;background:#3a3a3a;border:1px solid #161616;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.pd-display-platform{align-items:flex-start;gap:10px;margin:8px 0;font-size:clamp(14px,1vw,17px);display:flex}.pd-display-platform svg{flex-shrink:0;margin-top:2px}.pd-display-badges{flex-wrap:wrap;gap:8px;margin:14px 0 10px;display:flex}.pd-display-badges .pd-display-chip{background:color-mix(in srgb, var(--display-ink) 8%, transparent);color:var(--display-ink)}.pd-display-note{overflow-wrap:anywhere;margin:3px 0;font-size:12px}.pd-display-demo{font-size:12px;font-weight:600}.pd-display-code{gap:6px;margin:18px 0;display:grid}.pd-display-code span{font-size:13px}.pd-display-code strong{letter-spacing:.13em;text-align:start;font-size:28px}.pd-display-error{border:1px solid;border-radius:10px;margin-top:16px;padding:12px}@media (max-width:999px){.pd-display-grid{grid-template-columns:minmax(0,1fr);gap:28px;max-width:560px;padding:64px 20px 36px}.pd-display-number-column{order:0}.pd-display-qr-column{order:1}.pd-display-instructions{order:2}.pd-display-puck{width:min(76vw,340px)}.pd-display-number-column h3{font-size:22px}.pd-display-instructions li{font-size:18px}.pd-display-platform{font-size:15px}}