.dd-packs-grid{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,1.6vw,1.1rem);width:min(46rem,94vw);margin:0 auto;display:flex}.dd-packs-grid .dd-gpack{perspective:40em;flex:7rem;width:auto;max-width:9.6rem;height:auto;margin:0;transition:transform .25s cubic-bezier(.22,1,.36,1);position:relative;container-type:inline-size}.dd-packs-grid .dd-gpack:not(:disabled):hover,.dd-packs-grid .dd-gpack:not(:disabled):focus-visible{transform:translateY(-.35rem)}.dd-packs-grid .dd-gpack:disabled{cursor:default}.dd-packs-grid .dd-gpack .dd-stage__stack{display:none}.dd-packs-grid .dd-gpack[data-locked=true] .dd-stage__face{background:radial-gradient(70% 50% at 50% 45%, rgba(125, 211, 252, calc(.05 + .22 * var(--progress))), transparent 70%), #0a0e168c;border:2px dashed rgba(125, 211, 252, calc(.22 + .5 * var(--progress)));box-shadow:inset 0 0 2rem rgba(56, 189, 248, calc(.05 + .2 * var(--progress))), 0 0 calc(3.2rem * var(--progress) * var(--progress)) rgba(56, 189, 248, calc(.65 * var(--progress) * var(--progress)));border-radius:.6rem;-webkit-mask:none;mask:none}.dd-packs-grid .dd-gpack[data-locked=true] .dd-stage__face:after{content:"";opacity:calc(var(--progress) * var(--progress));position:absolute;inset:0}.dd-packs-grid .dd-gpack[data-locked=true] .dd-countdown{z-index:1;position:relative}.dd-packs-grid .dd-gpack[data-locked=true] .dd-stage__stack{opacity:calc(var(--progress) * .7)}.dd-packs-grid .dd-gpack[data-locked=true] .dd-stage__foil,.dd-packs-grid .dd-gpack[data-locked=true] .dd-stage__sheen{opacity:0}.dd-countdown{place-items:center;width:74cqw;height:74cqw;display:grid;position:relative}.dd-countdown__ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.dd-countdown__track,.dd-countdown__fill{fill:none;stroke-width:5px;stroke-linecap:round}.dd-countdown__track{stroke:#ffffff1a}.dd-countdown__fill{stroke:rgba(125, 211, 252, calc(.55 + .45 * var(--progress)));filter:drop-shadow(0 0 calc(.5rem * var(--progress)) #38bdf8e6);transition:stroke-dashoffset 1s linear}.dd-countdown__time{font-family:var(--font-mono-raw), ui-monospace, monospace;font-size:min(15cqw, calc(88cqw / var(--chars,5)));font-variant-numeric:tabular-nums;color:rgba(226, 240, 255, calc(.6 + .4 * var(--progress)));font-weight:700;line-height:1}@media (prefers-reduced-motion:reduce){.dd-packs-grid .dd-gpack,.dd-countdown__fill{transition:none}}@media (max-width:34rem){.dd-packs-grid{flex-wrap:nowrap;width:min(22rem,92vw)}.dd-packs-grid .dd-gpack{flex:1 1 0;min-width:0;max-width:min(9.6rem,19dvh)}}.dd-gpack__sleeping{border:2px dashed #7dd3fc2e;border-radius:999px;width:26cqw;height:26cqw}