.hall-backdrop .product-grid{position:relative;padding:4.8rem 3.2rem 2.4rem;border:1px solid rgba(168,128,63,.4);border-radius:1.2rem;background-color:#06040a;background-image:radial-gradient(ellipse 75% 60% at 50% 45%,#06040a00,#06040a8c),linear-gradient(180deg,#06040a8c,#06040a26 20%,#06040a33 75%,#06040acc),url(haunted-hall.jpg);background-repeat:no-repeat,no-repeat,repeat;background-position:center,center,center top;background-size:auto,auto,1024px auto;box-shadow:0 0 0 1px #000000b3,0 2.4rem 6rem #0000008c,inset 0 0 6rem #000000b3}.hall-backdrop .product-grid:before{content:"";position:absolute;top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;border:1px solid rgba(168,128,63,.16);border-radius:.8rem;pointer-events:none}@media screen and (max-width:749px){.hall-backdrop .product-grid{padding:3.2rem 1.2rem 1.2rem;border-radius:.8rem}.hall-backdrop .product-grid:before{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border-radius:.5rem}}@media screen and (min-width:1400px){.hall-backdrop .product-grid{background-size:auto,auto,1400px auto}}.hall-door-sprite{position:absolute;width:0;height:0;overflow:hidden}.hall-door,.hall-curtain{--hall-ember: #ff9b45;--hall-night: #06040a}:where(.hall-door){--accent: #ff8a2a;--accent-rgb: 255, 122, 26;--accent-hi-rgb: 255, 200, 110;--accent-deep: #5a1d4a;--accent-deep-2: #1a0a22}.hall-door{--arch: polygon( 0% 100%, 0% 37.91%, 2.78% 26.64%, 5.56% 22.15%, 8.33% 18.83%, 11.11% 16.13%, 13.89% 13.84%, 16.67% 11.86%, 19.44% 10.12%, 22.22% 8.58%, 25% 7.2%, 27.78% 5.97%, 30.56% 4.87%, 33.33% 3.89%, 36.11% 3.01%, 38.89% 2.23%, 41.67% 1.55%, 44.44% .95%, 47.22% .43%, 50% 0%, 52.78% .43%, 55.56% .95%, 58.33% 1.55%, 61.11% 2.23%, 63.89% 3.01%, 66.67% 3.89%, 69.44% 4.87%, 72.22% 5.97%, 75% 7.2%, 77.78% 8.58%, 80.56% 10.12%, 83.33% 11.86%, 86.11% 13.84%, 88.89% 16.13%, 91.67% 18.83%, 94.44% 22.15%, 97.22% 26.64%, 100% 37.91%, 100% 100% );--door-clip: inset(0);position:relative;margin-bottom:2.4rem;animation:hall-door-rise .9s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--door-delay, 0ms)}.hall-door__link{display:block;color:inherit;text-decoration:none;outline:none}.hall-door__stage{position:relative;width:100%;aspect-ratio:300 / 440;container-type:inline-size}.hall-door--t1{--door-clip: polygon(0% 100%, 0% 29.97%, .43% 26.06%, 1.7% 22.21%, 3.81% 18.5%, 6.7% 14.98%, 10.33% 11.73%, 14.64% 8.78%, 19.56% 6.19%, 25% 4.02%, 30.87% 2.28%, 37.06% 1.02%, 43.47% .26%, 50% 0%, 56.53% .26%, 62.94% 1.02%, 69.13% 2.28%, 75% 4.02%, 80.44% 6.19%, 85.36% 8.78%, 89.67% 11.73%, 93.3% 14.98%, 96.19% 18.5%, 98.3% 22.21%, 99.57% 26.06%, 100% 29.97%, 100% 100%)}.hall-door .hall-door__beyond,.hall-door .hall-door__leaf,.hall-door .hall-door__opening{display:block}.hall-door__arch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 100%);mask-composite:intersect}.hall-door .hall-door__opening:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 38%,rgba(6,4,10,.55) 100%);pointer-events:none;transition:opacity .5s ease}.hall-door.is-opening .hall-door__opening:after{opacity:.3}.hall-door__opening{position:absolute;left:17.33%;width:65.33%;top:18.42%;height:74.31%;clip-path:var(--door-clip);perspective:60rem;background:var(--hall-night)}.hall-door__beyond{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 45% at 50% 78%,rgba(var(--accent-hi-rgb),.95) 0%,rgba(var(--accent-rgb),.75) 30%,transparent 70%),radial-gradient(ellipse 90% 70% at 50% 60%,var(--accent-deep) 0%,var(--accent-deep-2) 60%,var(--hall-night) 100%);opacity:.35;transition:opacity .5s ease;animation:hall-flicker 3.4s ease-in-out infinite}.hall-door__leaf{position:absolute;top:0;width:50%;height:100%;transition:transform .6s cubic-bezier(.3,.6,.2,1),filter .6s ease;backface-visibility:hidden}.hall-door__leaf svg{display:block;width:100%;height:100%}.hall-door__leaf--left{left:0;transform-origin:left center}.hall-door__leaf--right{right:0;transform-origin:right center}.hall-door__web{position:absolute;top:6%;left:0;width:46%;height:auto;aspect-ratio:1;opacity:.55;pointer-events:none;transition:opacity .4s ease,transform .6s ease;transform-origin:top left}.hall-door:not(.hall-door--t1) .hall-door__web{display:none}.hall-door__flame{position:absolute;bottom:43.4%;width:3.4cqw;height:6.2cqw;margin-left:-1.7cqw;border-radius:50% 50% 45% 45%/62% 62% 38% 38%;background:radial-gradient(ellipse at 50% 75%,#fff4c2,#ffc04d,#ff6a1a 70%,#ff501400);transform-origin:50% 90%;will-change:transform;animation:hall-flame 1.6s ease-in-out infinite;pointer-events:none}.hall-door__flame:after{content:"";position:absolute;left:50%;top:40%;width:34cqw;height:34cqw;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,150,60,.24) 0%,rgba(255,120,40,.07) 40%,transparent 70%)}.hall-door__flame{display:none}.hall-door--t2 .hall-door__flame,.hall-door--t3 .hall-door__flame{display:block}.hall-door--t2 .hall-door__flame{bottom:50%;width:2.4cqw;height:4.4cqw;margin-left:-1.2cqw}.hall-door--t2 .hall-door__flame--left{left:7.33%}.hall-door--t2 .hall-door__flame--right{left:92.67%}.hall-door--t3 .hall-door__flame{bottom:15.6%}.hall-door--t3 .hall-door__flame--left{left:5.67%}.hall-door--t3 .hall-door__flame--right{left:94.33%}.hall-door__flame--right{animation-delay:-.7s}.hall-door__spill{position:absolute;left:14%;width:72%;bottom:0;height:12%;background:radial-gradient(ellipse 50% 60% at 50% 20%,rgba(var(--accent-rgb),.4),transparent 75%);opacity:0;transition:opacity .5s ease;pointer-events:none}.hall-door__fog{position:absolute;left:-6%;right:-6%;bottom:0;height:20%;background:radial-gradient(ellipse 40% 55% at 20% 70%,rgba(205,195,230,.2),transparent 70%),radial-gradient(ellipse 45% 50% at 65% 80%,rgba(190,180,220,.18),transparent 70%),radial-gradient(ellipse 35% 45% at 90% 65%,rgba(210,200,235,.14),transparent 70%);will-change:transform;animation:hall-fog 14s ease-in-out infinite alternate;animation-delay:calc(var(--door-delay, 0ms) * -6);pointer-events:none}.hall-door__aura{display:none}.hall-aura .hall-door__aura{display:block;position:absolute;left:2%;right:2%;bottom:2%;height:74%;pointer-events:none;background:radial-gradient(1.2cqw 1.2cqw at 22% 30%,rgba(255,244,214,.9),transparent 70%),radial-gradient(.9cqw .9cqw at 80% 22%,rgba(255,244,214,.85),transparent 70%),radial-gradient(.8cqw .8cqw at 70% 58%,rgba(255,236,200,.7),transparent 70%),radial-gradient(1cqw 1cqw at 30% 66%,rgba(255,236,200,.7),transparent 70%),radial-gradient(.7cqw .7cqw at 52% 12%,rgba(255,244,214,.8),transparent 70%),radial-gradient(ellipse 46% 40% at 50% 62%,#fff0d2c7,#ffc48061 42%,#ffaa5a00 74%),repeating-conic-gradient(from -8deg at 50% 64%,#ffe4b433 0deg 5deg,#ffe4b400 5deg 16deg);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 60%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 50% 50% at 50% 60%,#000 35%,transparent 78%)}.hall-backdrop .product-grid{justify-content:center}.hall-door__shadow{position:absolute;left:18%;width:64%;bottom:1.5%;height:6%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.85) 0%,rgba(0,0,0,.45) 45%,transparent 72%);transition:transform .5s ease,opacity .5s ease;pointer-events:none}.hall-door__float{position:absolute;left:4%;width:92%;bottom:3%;height:66%;display:block;pointer-events:none;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.3,.6,.2,1);will-change:transform;animation:hall-hover 5.5s ease-in-out infinite;animation-delay:var(--door-delay, 0ms)}.hall-door__float:before{content:"";position:absolute;top:8%;right:6%;bottom:0;left:6%;background:radial-gradient(ellipse 50% 46% at 50% 58%,rgba(var(--accent-rgb),.24),rgba(var(--accent-rgb),0) 72%);transition:opacity .5s ease}.hall-door__product{position:relative;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 .15cqw rgba(255,220,190,.55)) drop-shadow(0 1.6cqw 2cqw rgba(0,0,0,.75))}.hall-door__link:hover .hall-door__leaf--left,.hall-door__link:focus-visible .hall-door__leaf--left{transform:rotateY(-28deg)}.hall-door__link:hover .hall-door__leaf--right,.hall-door__link:focus-visible .hall-door__leaf--right{transform:rotateY(28deg)}.hall-door__link:hover .hall-door__beyond,.hall-door__link:focus-visible .hall-door__beyond{opacity:1;animation:none}.hall-door__link:hover .hall-door__spill,.hall-door__link:focus-visible .hall-door__spill{opacity:1}.hall-door__link:hover .hall-door__web,.hall-door__link:focus-visible .hall-door__web{opacity:.25}.hall-door__link:hover .hall-door__float,.hall-door__link:focus-visible .hall-door__float{transform:translateY(-3%) scale(1.06)}.hall-door__link:hover .hall-door__product,.hall-door__link:focus-visible .hall-door__product{filter:drop-shadow(0 0 .25cqw rgba(255,220,180,.9)) drop-shadow(0 2.4cqw 2.4cqw rgba(0,0,0,.7))}.hall-door__link:hover .hall-door__float:before,.hall-door__link:focus-visible .hall-door__float:before{background:radial-gradient(ellipse 54% 50% at 50% 58%,rgba(var(--accent-rgb),.4),rgba(var(--accent-rgb),0) 72%)}.hall-door__link:hover .hall-door__shadow,.hall-door__link:focus-visible .hall-door__shadow{transform:scale(.85);opacity:.7}.hall-door__link:focus-visible .hall-door__arch{outline:.2rem solid var(--accent);outline-offset:.2rem}.hall-door.is-opening .hall-door__leaf--left{transform:rotateY(-100deg);filter:brightness(.5)}.hall-door.is-opening .hall-door__leaf--right{transform:rotateY(100deg);filter:brightness(.5)}.hall-door.is-opening .hall-door__beyond,.hall-door.is-opening .hall-door__spill{opacity:1;animation:none}.hall-door.is-opening .hall-door__web{opacity:0;transform:scale(.6)}.hall-door.is-opening .hall-door__float{transform:translateY(-6%) scale(1.14)}.hall-is-leaving .hall-door:not(.is-opening){opacity:.25;transition:opacity .4s ease}.hall-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--hall-night);opacity:0;pointer-events:none;transition:opacity .45s ease .35s}.hall-is-leaving .hall-curtain{opacity:1}@keyframes hall-door-rise{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:none}}@keyframes hall-hover{0%,to{translate:0 0}50%{translate:0 -1.2cqw}}@keyframes hall-flicker{0%,to{opacity:.35}40%{opacity:.45}45%{opacity:.28}60%{opacity:.4}}@keyframes hall-flame{0%,to{transform:scale(1) rotate(-2deg);opacity:1}30%{transform:scale(.92,1.08) rotate(2deg);opacity:.9}55%{transform:scale(1.05,.94) rotate(-1deg)}80%{transform:scale(.96,1.05) rotate(1.5deg);opacity:.95}}@keyframes hall-fog{0%{transform:translate(-4%);opacity:.8}to{transform:translate(4%);opacity:1}}.hall-door.is-offscreen,.hall-door.is-offscreen *,.hall-door.is-offscreen *:after{animation-play-state:paused!important}@media(max-width:749px),(hover:none){.hall-door,.hall-door__float,.hall-door__fog,.hall-door__beyond{animation:none}.hall-door__float,.hall-door__fog{will-change:auto}}@media(prefers-reduced-motion:reduce){.hall-door,.hall-door__float,.hall-door__beyond,.hall-door__flame,.hall-door__fog{animation:none}.hall-door__leaf,.hall-door__float,.hall-curtain{transition-duration:.01s;transition-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/haunted-hall.css.map */