:root{--he-halloween-orange: #ff7a00;--he-halloween-amber: #ffb000;--he-halloween-purple: #7c3aed;--he-halloween-ink: #13091d}.he-halloween{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .72s ease,visibility 0s linear .72s}.he-halloween.is-visible{visibility:visible;opacity:var(--he-halloween-intensity, .7);transition:opacity .35s ease,visibility 0s}.he-halloween.is-leaving{opacity:0}.he-halloween-smoke{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;overflow:hidden;visibility:hidden;pointer-events:none}.he-halloween-smoke span{position:absolute;left:var(--he-smoke-left);bottom:-34vh;width:42vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#53236cf5 0 22%,#2e143dd6 48%,#190a2400 72%);filter:blur(14px);opacity:0;transform:scale(.6)}.he-halloween-smoke span:nth-child(1){--he-smoke-left: -16vw;--he-smoke-delay: 0ms}.he-halloween-smoke span:nth-child(2){--he-smoke-left: 0vw;--he-smoke-delay: 70ms}.he-halloween-smoke span:nth-child(3){--he-smoke-left: 17vw;--he-smoke-delay: 25ms}.he-halloween-smoke span:nth-child(4){--he-smoke-left: 34vw;--he-smoke-delay: .1s}.he-halloween-smoke span:nth-child(5){--he-smoke-left: 51vw;--he-smoke-delay: 45ms}.he-halloween-smoke span:nth-child(6){--he-smoke-left: 68vw;--he-smoke-delay: 125ms}.he-halloween-smoke span:nth-child(7){--he-smoke-left: 84vw;--he-smoke-delay: 15ms}.he-halloween-smoke span:nth-child(8){--he-smoke-left: 96vw;--he-smoke-delay: 85ms}.he-halloween-smoke.is-arriving,.he-halloween-smoke.is-leaving{visibility:visible}.he-halloween-smoke.is-arriving span{animation:he-smoke-arrive .95s ease-out var(--he-smoke-delay) both}.he-halloween-smoke.is-leaving span{animation:he-smoke-leave .58s ease-in var(--he-smoke-delay) both}.he-halloween__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,transparent 35%,rgba(32,10,45,.13) 100%),linear-gradient(180deg,rgba(124,58,237,.09),transparent 34%);opacity:0}.he-halloween.is-visible .he-halloween__vignette{animation:he-vignette-arrive 1.2s ease-out both}.he-halloween__web{position:absolute;top:0;width:clamp(110px,15vw,220px);color:#ffffffe0;filter:drop-shadow(0 1px 3px rgba(19,9,29,.48))}.he-halloween__web svg{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.35}.he-halloween__web--left{left:0}.he-halloween__web--right{right:0;transform:scaleX(-1)}.he-halloween__spider{position:absolute;top:37%;left:43%;width:1px;height:clamp(48px,8vw,108px);background:#ffffffd1;transform-origin:top;animation:he-spider-swing 5s ease-in-out infinite}.he-halloween__spider:after{content:"";position:absolute;bottom:-12px;left:-7px;width:15px;height:18px;border-radius:50% 50% 45% 45%;background:var(--he-halloween-ink);box-shadow:0 -7px 0 -3px var(--he-halloween-ink)}.he-halloween__spider i,.he-halloween__spider i:before,.he-halloween__spider i:after{position:absolute;bottom:-8px;left:-12px;width:25px;height:13px;border-top:2px solid var(--he-halloween-ink);border-radius:50%;content:""}.he-halloween__spider i:before{bottom:-4px;left:0;transform:rotate(24deg)}.he-halloween__spider i:after{bottom:4px;left:0;transform:rotate(-24deg)}.he-halloween__moon{position:absolute;top:clamp(106px,11vw,148px);right:clamp(25px,9vw,150px);width:clamp(42px,5.5vw,78px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8c9 0 8%,#ffd864 38%,#ff9d00);box-shadow:0 0 22px #ffa800ad,0 0 55px #7c3aed57;animation:he-moon-glow 4s ease-in-out infinite}.he-halloween__moon-crater{position:absolute;border-radius:50%;background:#b15d0033}.he-halloween__moon-crater--one{width:22%;height:22%;left:19%;top:49%}.he-halloween__moon-crater--two{width:14%;height:14%;right:21%;top:24%}.he-halloween__bat{position:absolute;width:clamp(27px,3.4vw,48px);fill:var(--he-halloween-ink);filter:drop-shadow(0 2px 2px rgba(255,122,0,.35));transform-origin:center;animation:he-bat-float 4s ease-in-out infinite}.he-halloween__bat--one{top:20%;right:19%;animation-delay:-.8s}.he-halloween__bat--two{top:14%;right:26%;width:clamp(20px,2.5vw,35px);animation-delay:-2.1s}.he-halloween__bat--three{top:27%;right:27%;width:clamp(17px,2vw,29px);animation-delay:-3.2s}.he-halloween__ghost-bee{position:absolute;top:clamp(140px,24vh,260px);left:-180px;width:clamp(88px,10vw,138px);filter:drop-shadow(0 10px 14px rgba(48,16,65,.35));opacity:0}.he-halloween.is-visible .he-halloween__ghost-bee{animation:he-ghost-bee-flight 4.6s cubic-bezier(.24,.66,.33,.98) .2s both}.he-halloween__ghost-bee svg{display:block;width:100%;height:auto;animation:he-ghost-bee-bob .58s ease-in-out infinite alternate}.he-halloween__magic{position:absolute;left:-4px;top:58%;width:7px;height:7px;border-radius:50%;background:#ffd85a;box-shadow:0 0 8px #ff8a00,0 0 15px #7c3aed;animation:he-magic-trail 1s ease-out infinite}.he-halloween__magic--two{top:34%;left:5px;animation-delay:-.32s;transform:scale(.7)}.he-halloween__magic--three{top:76%;left:12px;animation-delay:-.68s;transform:scale(.55)}.he-halloween__pumpkin{position:absolute;right:clamp(12px,2.3vw,36px);bottom:max(14px,env(safe-area-inset-bottom));width:clamp(54px,6.7vw,88px);filter:drop-shadow(0 7px 10px rgba(19,9,29,.34));animation:he-pumpkin-bob 4.5s ease-in-out infinite}.he-halloween__stem{display:block;width:13%;height:14px;margin:0 auto -5px;border-radius:5px 1px 1px;background:#397129;transform:rotate(9deg)}.he-halloween__pumpkin-body{position:relative;display:block;width:100%;aspect-ratio:1.16;border:2px solid rgba(91,37,0,.22);border-radius:46% 46% 48% 48%;background:radial-gradient(ellipse at center,#ffad19 0 27%,#ed6900 63%,#a93d00);box-shadow:inset 11px 0 12px #75220026,inset -11px 0 12px #75220026,0 0 20px #ff7a0061}.he-halloween__eye{position:absolute;top:33%;width:15%;height:18%;background:#fff0a3;clip-path:polygon(50% 0,100% 100%,0 82%);filter:drop-shadow(0 0 5px #ffd000)}.he-halloween__eye--left{left:24%;transform:rotate(-8deg)}.he-halloween__eye--right{right:24%;transform:scaleX(-1) rotate(-8deg)}.he-halloween__smile{position:absolute;left:27%;bottom:20%;width:46%;height:19%;border-bottom:clamp(4px,.5vw,7px) solid #fff0a3;border-radius:0 0 50% 50%;filter:drop-shadow(0 0 5px #ffd000)}body:has(.he-halloween) :is(.button,button.shopify-payment-button__button,.product-form__submit):not([disabled]){box-shadow:0 0 0 1px #ff7a001a,0 6px 20px #7c3aed14}body:has(.he-halloween) :is(.card,.product-card,product-card){--he-seasonal-shadow: 0 12px 35px rgba(74, 26, 108, .08)}body:has([data-he-halloween]) product-card{position:relative;isolation:isolate;border-radius:inherit;transition:filter .3s ease,transform .3s ease}body:has([data-he-halloween]) product-card:after{content:"\2726   \b7   \2727";position:absolute;top:8%;right:8%;z-index:4;color:#ffb000;font-size:clamp(16px,2vw,24px);letter-spacing:.18em;text-shadow:0 0 8px #ff7a00,0 0 14px #7c3aed;opacity:0;transform:translateY(12px) rotate(-8deg) scale(.75);transition:opacity .25s ease,transform .45s cubic-bezier(.2,.8,.2,1.2);pointer-events:none}body:has([data-he-halloween]) product-card:hover{filter:drop-shadow(0 12px 16px rgba(92,41,122,.16)) drop-shadow(0 0 10px rgba(255,154,0,.12));transform:translateY(-3px)}body:has([data-he-halloween]) product-card:hover:after{opacity:1;transform:translateY(-5px) rotate(3deg) scale(1)}.he-halloween-burst{position:fixed;z-index:21000;width:1px;height:1px;pointer-events:none}.he-halloween-burst>span{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;color:var(--he-burst-color);background:var(--he-burst-color);box-shadow:0 0 8px var(--he-burst-color);font-size:17px;line-height:8px;animation:he-cart-magic .85s cubic-bezier(.18,.72,.32,1) var(--he-burst-delay) both}.he-halloween-burst>span:not(:empty){background:transparent;box-shadow:none}.he-halloween-burst__ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:3px solid #ffb000;border-radius:50%;box-shadow:0 0 12px #7c3aed,inset 0 0 10px #ff7a00;animation:he-cart-ring .7s ease-out both}@keyframes he-spider-swing{0%,to{transform:rotate(-2.5deg) scaleY(.96)}50%{transform:rotate(3deg) scaleY(1.04)}}@keyframes he-moon-glow{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.035);filter:saturate(1.15)}}@keyframes he-bat-float{0%,to{transform:translateZ(0) rotate(-3deg) scaleY(.9)}50%{transform:translate3d(5px,-8px,0) rotate(4deg) scaleY(1.08)}}@keyframes he-pumpkin-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes he-vignette-arrive{0%{opacity:0}45%{opacity:1}to{opacity:.72}}@keyframes he-ghost-bee-flight{0%{left:-180px;transform:translateY(40px) rotate(-8deg) scale(.75);opacity:0}10%{opacity:1}35%{transform:translateY(-45px) rotate(5deg) scale(1)}68%{transform:translateY(35px) rotate(-4deg) scale(.94);opacity:1}92%{opacity:1}to{left:calc(100vw + 30px);transform:translateY(-30px) rotate(7deg) scale(.78);opacity:0}}@keyframes he-ghost-bee-bob{0%{translate:0 -4px;rotate:-1.5deg}to{translate:0 5px;rotate:1.5deg}}@keyframes he-magic-trail{0%{translate:0 0;opacity:1}to{translate:-55px 14px;opacity:0}}@keyframes he-smoke-arrive{0%{opacity:.94;transform:translateY(-28vh) scale(1.65)}to{opacity:0;transform:translateY(-105vh) scale(2.2)}}@keyframes he-smoke-leave{0%{opacity:0;transform:translateY(0) scale(.6)}to{opacity:.98;transform:translateY(-55vh) scale(1.8)}}@keyframes he-cart-magic{0%{opacity:0;transform:translate(0) scale(.4) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(var(--he-burst-x),var(--he-burst-y)) scale(1.25) rotate(160deg)}}@keyframes he-cart-ring{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(5)}}@media(max-width:749px){.he-halloween__web{width:105px;opacity:.88}.he-halloween__web--right{display:none}.he-halloween__moon{top:118px;right:15px}.he-halloween__bat--one{top:19%;right:25%}.he-halloween__bat--two{top:15%;right:39%}.he-halloween__bat--three{display:none}.he-halloween__pumpkin{width:55px;opacity:.92}.he-halloween__ghost-bee{top:29vh;width:92px}}@media(prefers-reduced-motion:reduce){.he-halloween *,.he-halloween-smoke *,.he-halloween-burst *{animation:none!important}.he-halloween-smoke{display:none!important}body:has([data-he-halloween]) product-card{transition:none}}@media print{.he-halloween,.he-halloween-smoke,.he-halloween-burst{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/he-halloween.css.map */