/* The printed foil wrapper is shared by the shelf, checkout and tear layers. */
.pack-product-art{height:450px;background:transparent;overflow:visible;padding:25px 0 22px}
.pack-product-art:before{width:57%;bottom:22px;height:17px;opacity:.24}
.foil-pack{display:block;position:relative;aspect-ratio:var(--foil-aspect,2/3);height:100%;max-width:100%;isolation:isolate;transform:rotate(-3deg) rotateX(var(--pack-x,0deg)) rotateY(var(--pack-y,0deg));transition:transform .25s ease;filter:drop-shadow(9px 13px 8px #15192226)}
.pack-product:nth-child(2) .foil-pack{transform:rotate(2deg) rotateX(var(--pack-x,0deg)) rotateY(var(--pack-y,0deg))}
.foil-pack-image{width:100%;height:100%;object-fit:contain;display:block}
.foil-pack-shine{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,40%),#ffffff85,transparent 48%),linear-gradient(115deg,transparent 35%,#fff8 49%,transparent 60%);background-size:100% 100%,270% 100%;background-position:0 0,var(--shine-x,50%) 0;mix-blend-mode:screen;opacity:.08;mask:var(--pack-art) center/100% 100% no-repeat;-webkit-mask:var(--pack-art) center/100% 100% no-repeat;transition:opacity .2s}
.is-foil-hovered .foil-pack-shine{opacity:.5}
.pack-product:focus-visible{outline:3px solid var(--blue);outline-offset:9px}
.pack-product:focus-visible .foil-pack-shine{opacity:.3}
.product-edition{z-index:2;top:0;left:0}.fan-examples{bottom:0;font-size:8px}
.checkout-art{width:100px;height:150px;perspective:900px}
.checkout-art .foil-pack{width:100%;height:100%;transform:rotate(-3deg)}
.checkout-art .foil-pack-image{width:100%;height:100%;object-fit:contain;transform:none}
.pack-detail .pack-wrap{--wrapper-height:420px;height:var(--wrapper-height);width:calc(var(--wrapper-height) * var(--wrapper-ratio,.666667))}
.pack-detail .pack-body,.pack-detail .pack-cap,.pack-detail .pack-peeled{background:var(--pack-art) center/100% 100% no-repeat;border:0;border-radius:0}
.pack-detail .pack-body:before,.pack-detail .pack-body:after{display:none}
.pack-detail .foil-shine{mask:var(--pack-art) center/100% 100% no-repeat;-webkit-mask:var(--pack-art) center/100% 100% no-repeat;border-radius:0;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,40%),#fff8,transparent 60%);opacity:.12}
.pack-detail .is-foil-hovered .foil-shine{opacity:.45}
.pack-detail .opening-stage[data-state="sealed"] .booster{animation:none;transform:rotate(-3deg) rotateX(var(--pack-x,0deg)) rotateY(var(--pack-y,0deg))}
.pack-detail .tear-edge{left:5%;right:5%}
.pack-detail .tear-grip{touch-action:none}
.pack-detail .tear-grip:after{width:calc(var(--wrapper-height) * var(--wrapper-ratio,.666667) - 95px)}
@media(max-width:1100px) and (min-width:701px){.pack-product-art{height:350px;padding-top:28px}.foil-pack{max-width:96%}.product-edition{font-size:8px}}
@media(min-width:701px) and (max-height:800px){.pack-detail .pack-wrap{--wrapper-height:350px}}
@media(max-width:700px){.pack-product-art{height:420px;max-width:350px}.pack-detail .pack-wrap{--wrapper-height:360px}.checkout-art{width:86px;height:129px}}
@media(prefers-reduced-motion:reduce){.foil-pack,.pack-product:nth-child(2) .foil-pack,.pack-detail .opening-stage[data-state="sealed"] .booster{transform:none!important;transition:none!important;animation:none!important}.foil-pack-shine,.pack-detail .foil-shine{display:none}}