.anime-box{--progress: 1;--anime-surface: var(--anime-primary, var(--house-white, #ffffff));--anime-surface-rgb: var(--anime-primary-rgb, var(--house-white-rgb, 255, 255, 255));--anime-depth: var(--anime-secondary, var(--house-black, #0a0a0a));--anime-depth-rgb: var(--anime-secondary-rgb, var(--house-black-rgb, 10, 10, 10));--anime-highlight: var(--anime-accent, var(--house-red, #ff1f3d));--anime-highlight-rgb: var(--anime-accent-rgb, var(--house-red-rgb, 255, 31, 61));--anime-highlight-ink: var(--anime-accent-ink, var(--house-red-ink, #e5001f));--anime-ink: var(--anime-text, var(--house-black, #0a0a0a));--anime-ink-rgb: var(--anime-text-rgb, var(--house-black-rgb, 10, 10, 10));--anime-font-ui: var(--font-heading-family), -apple-system, "Segoe UI", "Noto Sans Hebrew", "Arial Hebrew", Arial, sans-serif;--anime-font-display: var(--anime-font, var(--anime-font-ui));--lid-open-angle: -112deg;--item-rise: 6rem;--item-scale-from: .86;--rule: .2rem;--rule-heavy: .4rem;--offset: .7rem;position:relative;isolation:isolate;background-color:var(--anime-surface);color:var(--anime-ink)}.anime-box__pattern:empty,.anime-box__grain:empty,.anime-box__face:empty,.anime-box__lid:empty,.anime-box__item-image--empty:empty{display:block}.anime-box__pattern,.anime-box__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.anime-box__pattern{background-image:var(--anime-pattern, none);background-repeat:repeat;background-size:45rem auto;opacity:.18}.anime-box__grain{background-image:repeating-linear-gradient(45deg,rgba(var(--anime-ink-rgb),.035) 0,rgba(var(--anime-ink-rgb),.035) .1rem,transparent .1rem,transparent .3rem),radial-gradient(ellipse at 50% 0%,transparent 45%,rgba(var(--anime-ink-rgb),.09) 100%)}.anime-box__scroll{height:var(--anime-scroll-height, 250vh);position:relative}.anime-box__stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}.anime-box__inner{width:100%}.anime-box__header{text-align:center;margin-bottom:3rem}.anime-box__eyebrow{display:inline-block;font-family:var(--anime-font-display);margin:0 0 1.2rem;padding:.4rem 1.2rem;background-color:var(--anime-highlight-ink);color:var(--anime-surface);font-size:1.2rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;line-height:1.4}.anime-box__heading{font-family:var(--anime-font-ui);color:var(--anime-ink);margin:0;font-size:clamp(2.8rem,7vw,5.6rem);font-weight:800;line-height:.86;letter-spacing:-.03em;text-transform:uppercase}.anime-box__tagline{font-family:var(--anime-font-ui);color:rgba(var(--anime-ink-rgb),.72);letter-spacing:.06rem;margin:1.2rem 0 0}.anime-box__open{margin-top:2rem;min-height:4.4rem;padding:1rem 2.4rem;border:var(--rule) solid var(--anime-ink);background-color:transparent;color:var(--anime-ink);font-family:var(--anime-font-ui);font-size:1.3rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;box-shadow:var(--offset) var(--offset) 0 var(--anime-highlight);transition:transform .12s ease,box-shadow .12s ease}.anime-box__open[hidden]{display:none}.anime-box__open:hover{transform:translate(calc(var(--offset) / 2),calc(var(--offset) / 2));box-shadow:calc(var(--offset) / 2) calc(var(--offset) / 2) 0 var(--anime-highlight)}.anime-box__open:active{transform:translate(var(--offset),var(--offset));box-shadow:0 0 0 var(--anime-highlight)}.anime-box :focus-visible{outline:var(--rule) solid var(--anime-highlight);outline-offset:.3rem}.anime-box__scene{display:flex;flex-direction:column;align-items:center;gap:3rem}.anime-box__crate{position:relative;width:min(24rem,58vw);height:clamp(8rem,18vh,14rem);transform-style:preserve-3d;perspective:90rem;transform:rotateX(14deg);flex:none}.anime-box__face{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--rule) solid var(--anime-ink);background-color:var(--anime-depth)}.anime-box__face--front{display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--anime-depth);transform:translateZ(4rem)}.anime-box__face--back{transform:translateZ(-4rem)}.anime-box__face--left{width:8rem;left:-4rem;transform:rotateY(90deg)}.anime-box__face--right{width:8rem;right:-4rem;transform:rotateY(90deg)}.anime-box__crate-image{width:100%;height:100%;object-fit:cover;display:block}.anime-box__lid{position:absolute;left:-.4rem;right:-.4rem;top:-.4rem;height:7rem;transform-origin:top center;transform:rotateX(calc(var(--progress) * var(--lid-open-angle))) translateZ(.2rem);background-color:var(--anime-surface);border:var(--rule) solid var(--anime-ink);box-shadow:0 .4rem 1.2rem rgba(var(--anime-ink-rgb),.25)}.anime-box__lid:after{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:var(--rule) solid var(--anime-highlight)}.anime-box__items{--stagger-step: calc(.45 / var(--item-count, 6));--stagger-window: .32;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.6rem;width:100%;max-width:84rem;margin:0 auto;padding:0;list-style:none}@media screen and (min-width:750px){.anime-box__items{gap:2.4rem}}.anime-box__item{--item-progress: clamp( 0, calc((var(--progress) - (var(--reveal-index, 0) * var(--stagger-step))) / var(--stagger-window)), 1 );display:flex;flex-direction:column;gap:.8rem;opacity:var(--item-progress);transform:translateY(calc((1 - var(--item-progress)) * var(--item-rise))) scale(calc(var(--item-scale-from) + (var(--item-progress) * (1 - var(--item-scale-from)))))}.anime-box__item--grail{order:1}.anime-box__item-media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:rgba(var(--anime-ink-rgb),.06);border:var(--rule) solid var(--anime-ink)}.anime-box__item-image{width:100%;height:100%;object-fit:cover;display:block}.anime-box__item-image--empty{background-color:var(--anime-depth)}.anime-box__item-text{display:flex;flex-direction:column;gap:.3rem}.anime-box__item-name{font-family:var(--anime-font-ui);color:var(--anime-ink);font-weight:700;line-height:1.25}.anime-box__item-rarity{font-size:1.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--anime-ink-rgb),.62)}.anime-box__item--rare .anime-box__item-media{box-shadow:var(--offset) var(--offset) 0 rgba(var(--anime-highlight-rgb),.55)}.anime-box__item--rare .anime-box__item-rarity{color:var(--anime-highlight-ink)}.anime-box__item--grail .anime-box__item-media{border-width:var(--rule-heavy);box-shadow:var(--offset) var(--offset) 0 var(--anime-highlight),0 0 3.6rem rgba(var(--anime-highlight-rgb),.65);animation:anime-box-grail-pulse 2.4s ease-in-out infinite}.anime-box__item--grail .anime-box__item-rarity,.anime-box__item--grail .anime-box__item-name{color:var(--anime-highlight-ink);font-weight:800}@keyframes anime-box-grail-pulse{0%,to{box-shadow:var(--offset) var(--offset) 0 var(--anime-highlight),0 0 2.4rem rgba(var(--anime-highlight-rgb),.45)}50%{box-shadow:var(--offset) var(--offset) 0 var(--anime-highlight),0 0 4.8rem rgba(var(--anime-highlight-rgb),.85)}}.anime-box__odds{margin-top:6rem;border-top:var(--rule-heavy) solid var(--anime-ink);padding-top:2.4rem}.anime-box__odds-heading{font-family:var(--anime-font-ui);color:var(--anime-ink);margin:0 0 2rem;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;letter-spacing:-.01em;text-transform:uppercase}.anime-box__odds-table{width:100%;border-collapse:collapse;color:var(--anime-ink)}.anime-box__odds-table th,.anime-box__odds-table td{text-align:start;padding:1.2rem 1rem;border-bottom:.1rem solid rgba(var(--anime-ink-rgb),.22);font-weight:400}.anime-box__odds-table thead th{font-size:1.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--anime-ink);border-bottom-color:var(--anime-ink);border-bottom-width:var(--rule)}.anime-box__odds-table tbody th{font-family:var(--anime-font-ui);font-weight:700}.anime-box__odds-row--grail th{color:var(--anime-highlight-ink);font-weight:800}.anime-box__rarity-tag{display:inline-block;padding:.3rem .9rem;font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:.1rem solid rgba(var(--anime-ink-rgb),.35)}.anime-box__rarity-tag--rare{border-color:var(--anime-highlight);color:var(--anime-highlight-ink)}.anime-box__rarity-tag--grail{border-color:var(--anime-highlight-ink);background-color:var(--anime-highlight-ink);color:var(--anime-surface);font-weight:800}.anime-box__placeholder{text-align:center;padding:4rem 0}.anime-box__placeholder-text{max-width:52rem;margin:1.6rem auto 0;color:rgba(var(--anime-ink-rgb),.72)}.anime-box__editor-note{margin:0 0 2rem;padding:1.2rem 1.6rem;border-inline-start:var(--rule-heavy) solid var(--anime-highlight);background-color:rgba(var(--anime-highlight-rgb),.12);color:var(--anime-ink);font-size:1.4rem}@media screen and (max-width:749px){.anime-box__scroll{height:max(160vh,calc(var(--anime-scroll-height, 250vh) * .6))}.anime-box__crate{perspective:60rem;transform:rotateX(8deg)}.anime-box__face--front{transform:translateZ(2.4rem)}.anime-box__face--back{transform:translateZ(-2.4rem)}.anime-box__face--left{width:4.8rem;left:-2.4rem}.anime-box__face--right{width:4.8rem;right:-2.4rem}.anime-box__scene{gap:2rem}.anime-box__odds-table th,.anime-box__odds-table td{padding:1rem .6rem}}@media screen and (max-height:820px){.anime-box__header{margin-bottom:2rem}.anime-box__heading{font-size:clamp(2.4rem,5vw,4rem)}.anime-box__tagline{display:none}.anime-box__scene{gap:1.6rem}.anime-box__items{max-width:68rem;gap:1.2rem}.anime-box__item-rarity{font-size:1rem}}.anime-box--animating .anime-box__lid{will-change:transform}.anime-box--motion-subtle{--lid-open-angle: -70deg;--item-rise: 2.4rem;--item-scale-from: .95}.anime-box--motion-off,.anime-box--motion-off .anime-box__stage{--progress: 1 !important}.anime-box--motion-off .anime-box__item--grail .anime-box__item-media{animation:none}@media(prefers-reduced-motion:reduce){.anime-box,.anime-box .anime-box__stage{--progress: 1 !important}.anime-box__item--grail .anime-box__item-media{animation:none}.anime-box__open{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-anime-mystery-box.css.map */