#hw-fx,#hw-fx *{pointer-events:none!important}#hw-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;overflow:hidden;contain:strict;--hw-web-opacity: .52;--hw-scale: 1}.hw-web{position:absolute;width:calc(clamp(130px,14vw,215px) * var(--hw-scale));height:calc(clamp(130px,14vw,215px) * var(--hw-scale));opacity:0;animation:hw-web-in 1.4s ease-out .3s forwards}.hw-web--tl{top:0;left:0}.hw-web--tr{top:0;right:0;transform:scaleX(-1)}.hw-web--br{bottom:0;right:0;transform:scale(-1);width:calc(clamp(96px,10vw,155px) * var(--hw-scale));height:calc(clamp(96px,10vw,155px) * var(--hw-scale))}.hw-web--bl{bottom:0;left:0;transform:scaleY(-1);width:calc(clamp(80px,8vw,125px) * var(--hw-scale));height:calc(clamp(80px,8vw,125px) * var(--hw-scale))}.hw-web svg{display:block;width:100%;height:100%}.hw-spider{position:absolute;top:0;transform-origin:50% 0;opacity:0;will-change:transform}.hw-spider__thread{display:block;width:1px;margin:0 auto;background:linear-gradient(to bottom,transparent,var(--hw-line) 26%,var(--hw-line))}.hw-spider__body{display:block;margin:-1px auto 0}.hw-spider__body svg{display:block;width:100%;height:100%}.hw-spider--a{right:clamp(64px,17vw,270px);animation:hw-fade-in .9s ease-out .8s forwards,hw-sway 7.5s ease-in-out .8s infinite}.hw-spider--a .hw-spider__thread{height:calc(clamp(70px,11vh,130px) * var(--hw-scale))}.hw-spider--a .hw-spider__body{width:calc(38px * var(--hw-scale));height:calc(38px * var(--hw-scale))}.hw-spider--b{left:clamp(120px,27vw,430px);animation:hw-fade-in .9s ease-out 1.3s forwards,hw-sway 11s ease-in-out 1.3s infinite reverse}.hw-spider--b .hw-spider__thread{height:calc(clamp(120px,19vh,230px) * var(--hw-scale))}.hw-spider--b .hw-spider__body{width:calc(26px * var(--hw-scale));height:calc(26px * var(--hw-scale))}.hw-spider--c{right:clamp(200px,42vw,700px);animation:hw-fade-in .9s ease-out 1.8s forwards,hw-bob 9s ease-in-out 1.8s infinite}.hw-spider--c .hw-spider__thread{height:calc(clamp(44px,7vh,84px) * var(--hw-scale))}.hw-spider--c .hw-spider__body{width:calc(21px * var(--hw-scale));height:calc(21px * var(--hw-scale))}.hw-crawler{position:absolute;top:calc(6px * var(--hw-scale));left:0;width:calc(26px * var(--hw-scale));height:calc(26px * var(--hw-scale));opacity:0;will-change:transform,opacity;animation:hw-crawl 52s linear 3s infinite}.hw-crawler svg{display:block;width:100%;height:100%}.hw-crawler__inner{display:block;width:100%;height:100%;animation:hw-step .62s ease-in-out infinite alternate}.hw-bat{position:absolute;width:calc(42px * var(--hw-scale));height:calc(25px * var(--hw-scale));opacity:0;will-change:transform,opacity;animation:hw-drift linear infinite}.hw-bat svg{display:block;width:100%;height:100%}.hw-bat__wing{transform-origin:50% 60%;animation:hw-flap .5s ease-in-out infinite alternate}.hw-bat--1{top:12%;animation-duration:38s;animation-delay:-3s}.hw-bat--2{top:6%;animation-duration:51s;animation-delay:-27s;scale:.7}.hw-bat--3{top:20%;animation-duration:61s;animation-delay:-44s;scale:.84}.hw-bat--2 .hw-bat__wing{animation-duration:.64s}.hw-bat--3 .hw-bat__wing{animation-duration:.43s}.hw-ghost{position:absolute;left:11%;bottom:-80px;width:calc(42px * var(--hw-scale));height:calc(53px * var(--hw-scale));opacity:0;will-change:transform,opacity;animation:hw-float 32s ease-in-out infinite}.hw-ghost--2{left:auto;right:15%;width:calc(30px * var(--hw-scale));height:calc(38px * var(--hw-scale));animation-duration:44s;animation-delay:-21s}.hw-ghost svg{display:block;width:100%;height:100%}.hw-moon{position:absolute;top:calc(38px * var(--hw-scale));right:calc(clamp(60px,9vw,150px) * var(--hw-scale));width:calc(74px * var(--hw-scale));height:calc(74px * var(--hw-scale));opacity:0;animation:hw-moon-in 2s ease-out .6s forwards}.hw-moon svg{display:block;width:100%;height:100%}.hw-moon__halo{position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;border-radius:50%;background:radial-gradient(circle,rgba(255,246,214,.3),rgba(255,246,214,.07) 45%,transparent 72%)}.hw-witch{position:absolute;top:15%;left:0;width:calc(96px * var(--hw-scale));height:calc(62px * var(--hw-scale));opacity:0;will-change:transform,opacity;animation:hw-fly 46s ease-in-out 6s infinite}.hw-witch svg{display:block;width:100%;height:100%}.hw-eyes{position:absolute;right:calc(34px * var(--hw-scale));bottom:calc(64px * var(--hw-scale));width:calc(54px * var(--hw-scale));height:calc(22px * var(--hw-scale));opacity:0;animation:hw-eyes-in 1.2s ease-out 2.2s forwards}.hw-eyes svg{display:block;width:100%;height:100%}.hw-eyes__lid{animation:hw-blink 6.5s ease-in-out infinite;transform-origin:50% 50%}.hw-eyes__lid--r{animation-delay:.12s}.hw-pumpkin{position:absolute;left:calc(24px * var(--hw-scale));bottom:calc(18px * var(--hw-scale));width:calc(58px * var(--hw-scale));height:calc(58px * var(--hw-scale));opacity:0;animation:hw-fade-in 1.2s ease-out 1.1s forwards}.hw-pumpkin svg{display:block;width:100%;height:100%}.hw-pumpkin__glow{position:absolute;left:50%;top:54%;width:calc(150px * var(--hw-scale));height:calc(150px * var(--hw-scale));transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,138,24,.36),rgba(255,138,24,.11) 42%,transparent 70%);animation:hw-flicker 2.7s ease-in-out infinite}.hw-pumpkin__face{animation:hw-flicker 2.7s ease-in-out infinite}.hw-ember{position:absolute;bottom:-12px;width:3px;height:3px;border-radius:50%;background:#ff8a18;opacity:0;will-change:transform,opacity;animation:hw-rise linear infinite}.hw-ember:nth-child(odd){background:#ffb347}.hw-vignette{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:hw-fade-vignette 1.6s ease-out .4s forwards;background:radial-gradient(150% 120% at 50% -30%,rgba(255,117,24,.12),rgba(255,117,24,.03) 45%,transparent 100%),radial-gradient(140% 100% at 50% 130%,rgba(94,33,148,.11),rgba(94,33,148,.03) 50%,transparent 100%);mix-blend-mode:soft-light}@keyframes hw-fade-in{to{opacity:1}}@keyframes hw-fade-vignette{to{opacity:1}}@keyframes hw-web-in{to{opacity:var(--hw-web-opacity)}}@keyframes hw-moon-in{to{opacity:.92}}@keyframes hw-eyes-in{to{opacity:.85}}@keyframes hw-sway{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(8px)}}@keyframes hw-bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(22px) rotate(1.5deg)}}@keyframes hw-step{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-2px) rotate(2deg)}}@keyframes hw-crawl{0%{transform:translate(-6vw);opacity:0}6%{opacity:.9}94%{opacity:.9}to{transform:translate(104vw);opacity:0}}@keyframes hw-flap{0%{transform:scaleY(1) rotate(0)}to{transform:scaleY(.55) rotate(-6deg)}}@keyframes hw-drift{0%{transform:translate(-10vw) translateY(0);opacity:0}10%{opacity:.62}50%{transform:translate(52vw) translateY(-26px)}90%{opacity:.62}to{transform:translate(112vw) translateY(14px);opacity:0}}@keyframes hw-fly{0%{transform:translate(-16vw) translateY(0) rotate(-4deg);opacity:0}6%{opacity:.88}35%{transform:translate(34vw) translateY(-42px) rotate(-7deg)}65%{transform:translate(68vw) translateY(18px) rotate(-2deg)}88%{opacity:.88}to{transform:translate(118vw) translateY(-28px) rotate(-6deg);opacity:0}}@keyframes hw-float{0%{transform:translateY(0) translate(0);opacity:0}8%{opacity:.4}40%{transform:translateY(-46vh) translate(28px)}72%{opacity:.4}to{transform:translateY(-108vh) translate(-18px);opacity:0}}@keyframes hw-flicker{0%,to{opacity:1}42%{opacity:.74}47%{opacity:1}63%{opacity:.62}70%{opacity:.95}84%{opacity:.8}}@keyframes hw-blink{0%,88%,to{transform:scaleY(0)}91%,95%{transform:scaleY(1)}}@keyframes hw-rise{0%{transform:translateY(0) translate(0) scale(.7);opacity:0}14%{opacity:.8}to{transform:translateY(-90vh) translate(36px) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){#hw-fx *{animation-duration:1ms!important;animation-iteration-count:1!important}.hw-web{opacity:var(--hw-web-opacity)}.hw-spider,.hw-vignette,.hw-pumpkin,.hw-moon,.hw-eyes{opacity:1;animation:none}.hw-bat,.hw-ghost,.hw-ember,.hw-witch,.hw-crawler{display:none}.hw-pumpkin__glow,.hw-pumpkin__face,.hw-eyes__lid{animation:none}}@media(max-width:900px){#hw-fx{--hw-scale: .78}.hw-spider--c,.hw-bat--3{display:none}}@media(max-width:640px){#hw-fx{--hw-scale: .62}.hw-web--br,.hw-web--bl,.hw-bat--2,.hw-ghost--2,.hw-spider--b,.hw-crawler,.hw-witch,.hw-eyes{display:none}.hw-spider--a{right:16px}}@media print{#hw-fx{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/halloween-fx.css.map */