:root{--hw-bulb-orange: #ff8a2a;--hw-bulb-purple: #b45cff;--hw-bulb-green: #7dff6a;--hw-bulb-red: #ff3b4e}.hw-garland{position:relative;height:34px;pointer-events:none;overflow:hidden;background:transparent}.hw-garland--footer{margin-bottom:-6px;background:var(--hw-bg)}.hw-garland__wire{position:absolute;inset:0 0 auto 0;width:100%;height:22px;color:#2a2233}.hw-garland__bulbs{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-around}.hw-bulb{--c: var(--hw-bulb-orange);position:relative;width:10px;height:15px;margin-top:var(--y, 8px);border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 40% 35%,#fff 0 12%,var(--c) 45%,color-mix(in srgb,var(--c) 60%,#000) 100%);box-shadow:0 0 6px 1px var(--c),0 0 18px 4px color-mix(in srgb,var(--c) 55%,transparent);transform:rotate(var(--r, 0deg));animation:hw-twinkle var(--t, 2.6s) ease-in-out var(--delay, 0s) infinite,hw-chase 6s linear calc(var(--i, 0) * .07s) infinite}.hw-bulb:before{content:"";position:absolute;top:-4px;left:2px;width:6px;height:5px;border-radius:2px 2px 0 0;background:#3a3342}.hw-bulb--purple{--c: var(--hw-bulb-purple)}.hw-bulb--green{--c: var(--hw-bulb-green)}.hw-bulb--red{--c: var(--hw-bulb-red)}@keyframes hw-twinkle{0%,to{opacity:1;filter:brightness(1)}45%{opacity:.55;filter:brightness(.7)}50%{opacity:1;filter:brightness(1.35)}}@keyframes hw-chase{0%,88%,to{scale:1}92%{scale:1.35;box-shadow:0 0 10px 3px #fff,0 0 30px 10px var(--c)}}.hw-lightning{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 70% 0%,rgba(210,200,255,.55),transparent 70%),#beb4ff14;opacity:0;mix-blend-mode:screen;animation:hw-lightning 13s linear 3s infinite}.hw-bolt{position:absolute;top:0;left:64%;width:clamp(40px,6vw,80px);color:#e9e4ff;filter:drop-shadow(0 0 8px #b9a8ff) drop-shadow(0 0 22px #8c6bff);opacity:0;animation:hw-lightning 13s linear 3s infinite}@keyframes hw-lightning{0%,90%,to{opacity:0}90.6%{opacity:1}91.2%{opacity:.1}91.8%{opacity:.9}93.5%{opacity:0}}@property --mx{syntax: "<percentage>"; inherits: false; initial-value: 30%;}@property --my{syntax: "<percentage>"; inherits: false; initial-value: 40%;}.hw-spot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle clamp(140px,22vw,280px) at var(--mx, 30%) var(--my, 40%),rgba(255,170,90,.16),rgba(255,122,26,.06) 45%,transparent 70%);mix-blend-mode:screen}.hw-spot.is-idle{animation:hw-spot-drift 14s ease-in-out infinite}@keyframes hw-spot-drift{0%,to{--mx: 22%;--my: 38%}33%{--mx: 70%;--my: 30%}66%{--mx: 45%;--my: 62%}}.hw-ghost{position:absolute;top:22%;left:0;z-index:1;width:clamp(44px,5vw,70px);color:#f0ecffd9;filter:drop-shadow(0 0 14px rgba(200,180,255,.7));opacity:0;pointer-events:none;animation:hw-ghost 22s linear 5s infinite}.hw-ghost svg{width:100%;height:auto;display:block;animation:hw-float 2.4s ease-in-out infinite}@keyframes hw-ghost{0%{transform:translate(-12vw);opacity:0}4%{opacity:.9}40%{opacity:.9}45%{transform:translate(105vw);opacity:0}to{transform:translate(105vw);opacity:0}}.hw-neon-line{position:relative;height:2px;width:min(1240px,calc(100% - 32px));margin:0 auto;background:linear-gradient(90deg,transparent,var(--hw-orange) 20%,var(--hw-bulb-purple) 50%,var(--hw-orange) 80%,transparent);box-shadow:0 0 12px 1px #ff7a1a8c,0 0 30px 4px #b45cff40;opacity:.8;overflow:hidden}.hw-neon-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:25%;background:linear-gradient(90deg,transparent,#fff,transparent);animation:hw-neon-run 4.5s ease-in-out infinite}@keyframes hw-neon-run{0%{transform:translate(-100%)}60%,to{transform:translate(420%)}}.hw-hero .hw-btn--primary{animation:hw-btn-glow 2.8s ease-in-out infinite}@keyframes hw-btn-glow{0%,to{box-shadow:0 10px 28px -12px var(--hw-orange)}50%{box-shadow:0 0 0 1px #ff7a1a80,0 0 26px 2px #ff7a1a8c,0 0 60px 8px #ff7a1a2e}}@media(prefers-reduced-motion:reduce){.hw-bulb,.hw-lightning,.hw-bolt,.hw-ghost,.hw-ghost svg,.hw-spot.is-idle,.hw-neon-line:after,.hw-hero .hw-btn--primary{animation:none!important}.hw-ghost{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/halloween-lights.css.map */