/* 🎃 Tema de Halloween — só vale com <html class="cm-hw"> (liga sozinho de 1/out a 2/nov; ?halloween=0 desliga, ?halloween=1 força) */
html.cm-hw{--primary:25 95% 53%;--secondary:272 72% 60%;--hw-orange:#ff7a1a;--hw-purple:#8b3dff;--hw-green:#7dff6a}

/* fundo: lua laranja no alto e brilho roxo embaixo, no lugar do roxo azulado */
html.cm-hw .cm-light-bg{background:radial-gradient(60% 45% at 50% -10%,rgba(255,110,20,.20),transparent 70%),radial-gradient(45% 40% at 92% 108%,rgba(130,40,220,.18),transparent 70%),radial-gradient(40% 35% at 5% 100%,rgba(255,90,0,.08),transparent 70%),#050307!important}
html.cm-hw .cm-rift .glow{background:linear-gradient(180deg,transparent 0%,rgba(255,120,30,.85) 50%,transparent 100%)}
html.cm-hw .cm-rift .core{background:linear-gradient(180deg,transparent 0%,rgba(255,226,190,.95) 50%,transparent 100%)}
html.cm-hw .cm-dragon{color:#ff9a4a;opacity:.06}
html.cm-hw .cm-dragon-mini svg{fill:#ffb070;filter:drop-shadow(0 0 10px rgba(255,120,30,.6))}

/* lua cheia */
.cm-hw-moon{position:absolute;right:7vw;top:9vh;width:clamp(90px,10vw,150px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff4dc 0 18%,#ffd79a 45%,#f2a64a 75%,#c46a1c 100%);box-shadow:0 0 60px 18px rgba(255,150,50,.28),0 0 160px 60px rgba(255,110,20,.12);opacity:.55}
.cm-hw-moon::before,.cm-hw-moon::after{content:"";position:absolute;border-radius:50%;background:rgba(160,80,20,.28)}
.cm-hw-moon::before{width:22%;height:22%;left:56%;top:28%}
.cm-hw-moon::after{width:14%;height:14%;left:30%;top:62%}

/* teias nos cantos */
.cm-hw-web{position:absolute;top:0;width:clamp(120px,14vw,220px);opacity:.16;color:#e9dcff}
.cm-hw-web.l{left:0}
.cm-hw-web.r{right:0;transform:scaleX(-1)}
.cm-hw-web svg{display:block;width:100%;height:auto;stroke:currentColor;fill:none;stroke-width:1.2}
.cm-hw-spider{position:absolute;top:0;left:clamp(70px,9vw,140px);width:2px;height:var(--len,120px);background:linear-gradient(#e9dcff55,#e9dcff22);animation:cmHwSpider 9s ease-in-out infinite;transform-origin:top}
.cm-hw-spider::after{content:"🕷️";position:absolute;bottom:-14px;left:-9px;font-size:18px;filter:grayscale(1) brightness(.6)}
@keyframes cmHwSpider{0%,100%{height:60px}50%{height:var(--len,170px)}}

/* morcegos cruzando a tela */
.cm-hw-bat{position:absolute;left:0;top:var(--y);width:var(--w);color:#3a1a52;opacity:.9;animation:cmHwFly var(--t) linear var(--d) infinite;will-change:transform}
.cm-hw-bat svg{display:block;width:100%;height:auto;fill:currentColor;filter:drop-shadow(0 0 7px rgba(255,130,40,.7)) drop-shadow(0 0 2px rgba(255,180,90,.5));animation:cmHwFlap .32s ease-in-out infinite alternate}
@keyframes cmHwFly{0%{transform:translate(-12vw,0)}25%{transform:translate(20vw,-4vh)}50%{transform:translate(50vw,3vh)}75%{transform:translate(80vw,-3vh)}100%{transform:translate(115vw,1vh)}}
@keyframes cmHwFlap{from{transform:scaleY(1)}to{transform:scaleY(.45)}}

/* névoa no rodapé da tela */
.cm-hw-fog{position:absolute;left:-20%;right:-20%;bottom:-6vh;height:32vh;background:radial-gradient(40% 60% at 25% 70%,rgba(160,120,200,.10),transparent 70%),radial-gradient(45% 55% at 70% 80%,rgba(255,140,60,.08),transparent 70%);filter:blur(18px);animation:cmHwFog 26s ease-in-out infinite alternate}
@keyframes cmHwFog{from{transform:translateX(-4%)}to{transform:translateX(4%)}}

/* abóbora ao lado do logo */
.cm-hw-pump{display:inline-block;font-size:20px;line-height:1;margin-left:-4px;filter:drop-shadow(0 0 8px rgba(255,120,30,.7));animation:cmHwBob 2.6s ease-in-out infinite;transform-origin:50% 100%}
@keyframes cmHwBob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(6deg)}}

/* botões e destaques com brilho de abóbora */
html.cm-hw .bg-primary{box-shadow:0 10px 30px -12px rgba(255,110,20,.75)}
html.cm-hw ::selection{background:rgba(255,122,26,.45);color:#fff}
html.cm-hw ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff7a1a,#8b3dff)}

/* faixa do topo */
.cm-hw-bar{position:relative;z-index:30;display:flex;justify-content:center;align-items:center;gap:10px;padding:7px 14px;font:600 13px/1.3 Geist,system-ui,sans-serif;color:#ffe9d6;text-align:center;background:linear-gradient(90deg,#2a0f3d,#4a1a06 50%,#2a0f3d);border-bottom:1px solid rgba(255,122,26,.35)}
.cm-hw-bar b{color:#ffb070}
.cm-hw-bar button{border:0;background:transparent;color:#ffe9d6;opacity:.6;cursor:pointer;font-size:15px;line-height:1;padding:2px 4px}
.cm-hw-bar button:hover{opacity:1}

/* aranha descendo do topo (embaixo do carrinho), devagar, e voltando */
.cm-hw-hspider{position:absolute;top:100%;right:calc(max(1rem,(100% - 1400px) / 2 + 1rem) + 20px);width:22px;pointer-events:none;z-index:1}
.cm-hw-hspider .th{position:absolute;left:50%;top:0;width:1px;margin-left:-.5px;height:0;background:linear-gradient(180deg,rgba(233,220,255,.55),rgba(233,220,255,.25));animation:cmHwDrop 18s ease-in-out infinite}
.cm-hw-hspider .sp{position:absolute;left:0;top:0;width:22px;opacity:0;animation:cmHwDropSp 18s ease-in-out infinite;transform-origin:50% 0}
.cm-hw-hspider .sp svg{display:block;width:100%;height:auto;animation:cmHwSway 3.2s ease-in-out infinite;transform-origin:50% -40px}
.cm-hw-hspider .lg{animation:cmHwLegs .9s ease-in-out infinite alternate;transform-origin:50% 40%}
@keyframes cmHwDrop{0%,8%{height:0}30%,58%{height:var(--hw-drop,96px)}80%,100%{height:0}}
@keyframes cmHwDropSp{0%,8%{transform:translateY(-6px);opacity:0}12%{opacity:.9}30%,58%{transform:translateY(calc(var(--hw-drop,96px) - 4px));opacity:.9}76%{opacity:.9}80%,100%{transform:translateY(-6px);opacity:0}}
@keyframes cmHwSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes cmHwLegs{from{transform:scaleY(1)}to{transform:scaleY(.86)}}

/* botão de suporte vestido de abóbora */
html.cm-hw .nxt-support-widget{--brand:255,122,26}
html.cm-hw .nxt-support-fab{border-color:rgba(255,190,120,.45);background:radial-gradient(120% 120% at 30% 20%,#ffc27a,#ff8a1f 36%,#e0560b 72%,#9a3304);box-shadow:0 16px 38px rgba(224,86,11,.55),0 0 0 1px rgba(0,0,0,.25),inset 0 1px 1px rgba(255,255,255,.45),inset 0 -8px 16px rgba(90,25,0,.4)}
html.cm-hw .nxt-support-fab::before{content:"";position:absolute;inset:3px 10px;border-radius:50%;border-left:2px solid rgba(120,40,0,.28);border-right:2px solid rgba(120,40,0,.28);pointer-events:none}
html.cm-hw .nxt-support-fab::after{content:"";position:absolute;left:50%;top:-7px;width:7px;height:11px;margin-left:-3px;border-radius:3px 3px 2px 2px;background:linear-gradient(180deg,#5a9a2e,#2f6418);transform:rotate(12deg);box-shadow:5px 2px 0 -1px #4f8f2a;pointer-events:none}
html.cm-hw .nxt-support-fab:hover{box-shadow:0 22px 46px rgba(255,110,20,.6),0 0 0 1px rgba(0,0,0,.25),inset 0 1px 1px rgba(255,255,255,.5),inset 0 -8px 16px rgba(90,25,0,.35);transform:translateY(-3px) scale(1.04) rotate(-4deg)}
html.cm-hw .nxt-support-fab .nxt-fab-ico{color:#2a0f00}
html.cm-hw .nxt-fab-dot{background:#1a0b02;box-shadow:0 0 0 1.5px rgba(255,170,90,.4)}
.cm-hw-fabbat{position:absolute;left:-14px;top:-6px;width:22px;pointer-events:none;color:#3a1a52;filter:drop-shadow(0 0 5px rgba(255,130,40,.8));animation:cmHwOrbit 7s ease-in-out infinite}
.cm-hw-fabbat svg{display:block;width:100%;fill:currentColor;animation:cmHwFlap .3s ease-in-out infinite alternate}
@keyframes cmHwOrbit{0%,100%{transform:translate(0,0) rotate(-8deg)}25%{transform:translate(-6px,-10px) rotate(6deg)}50%{transform:translate(4px,-16px) rotate(-4deg)}75%{transform:translate(-2px,-6px) rotate(8deg)}}

/* 🎃 banner do cupom no clima de Halloween */
html.cm-hw .cm-coupon{border-color:rgba(255,140,40,.45);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20160%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22m%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff1d6%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffc56b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff8a1f%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22g%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff9a2e%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6a00%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%2246%22%20r%3D%2270%22%20fill%3D%22url(%23m)%22%20opacity%3D%22.35%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%2246%22%20r%3D%2230%22%20fill%3D%22%23ffe2a8%22%20opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22480%22%20cy%3D%2240%22%20r%3D%225%22%20fill%3D%22%23e9b26a%22%20opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%22462%22%20cy%3D%2256%22%20r%3D%223.5%22%20fill%3D%22%23e9b26a%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20transform%3D%22translate(380%2030)%20scale(0.55)%22%20d%3D%22M32%2010c-2-4-3-6-3-8%201%202%202%203%203%203s2-1%203-3c0%202-1%204-3%208zm0%200c4-6%2012-9%2020-8-3%202-4%205-3%208%203-1%207%200%209%203-5-1-9%200-12%204-2-3-6-4-9-2-1-2-3-3-5-5zm0%200c-4-6-12-9-20-8%203%202%204%205%203%208-3-1-7%200-9%203%205-1%209%200%2012%204%202-3%206-4%209-2%201-2%203-3%205-5z%22%20fill%3D%22%2314081d%22%2F%3E%3Cpath%20transform%3D%22translate(420%2014)%20scale(0.4)%22%20d%3D%22M32%2010c-2-4-3-6-3-8%201%202%202%203%203%203s2-1%203-3c0%202-1%204-3%208zm0%200c4-6%2012-9%2020-8-3%202-4%205-3%208%203-1%207%200%209%203-5-1-9%200-12%204-2-3-6-4-9-2-1-2-3-3-5-5zm0%200c-4-6-12-9-20-8%203%202%204%205%203%208-3-1-7%200-9%203%205-1%209%200%2012%204%202-3%206-4%209-2%201-2%203-3%205-5z%22%20fill%3D%22%2314081d%22%2F%3E%3Cpath%20transform%3D%22translate(540%2022)%20scale(0.45)%22%20d%3D%22M32%2010c-2-4-3-6-3-8%201%202%202%203%203%203s2-1%203-3c0%202-1%204-3%208zm0%200c4-6%2012-9%2020-8-3%202-4%205-3%208%203-1%207%200%209%203-5-1-9%200-12%204-2-3-6-4-9-2-1-2-3-3-5-5zm0%200c-4-6-12-9-20-8%203%202%204%205%203%208-3-1-7%200-9%203%205-1%209%200%2012%204%202-3%206-4%209-2%201-2%203-3%205-5z%22%20fill%3D%22%2314081d%22%2F%3E%3Cpath%20transform%3D%22translate(330%2052)%20scale(0.35)%22%20d%3D%22M32%2010c-2-4-3-6-3-8%201%202%202%203%203%203s2-1%203-3c0%202-1%204-3%208zm0%200c4-6%2012-9%2020-8-3%202-4%205-3%208%203-1%207%200%209%203-5-1-9%200-12%204-2-3-6-4-9-2-1-2-3-3-5-5zm0%200c-4-6-12-9-20-8%203%202%204%205%203%208-3-1-7%200-9%203%205-1%209%200%2012%204%202-3%206-4%209-2%201-2%203-3%205-5z%22%20fill%3D%22%2314081d%22%2F%3E%3Cpath%20d%3D%22M560%20160V70c-4-8-2-16%204-22m-4%2030c-10-6-16-6-22-2m22-6c8-6%2014-6%2020-2m-20%2018c-6%204-14%204-18%200%22%20stroke%3D%22%23120818%22%20stroke-width%3D%225%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M250%20160c40-34%2090-48%20150-46s110%2016%20140%2020%2050-4%2060-10v36z%22%20fill%3D%22%23120818%22%2F%3E%3Cpath%20d%3D%22M330%20160c30-20%2070-28%20120-24s90%2012%20150%200v24z%22%20fill%3D%22%230b0510%22%2F%3E%3Cellipse%20cx%3D%22420%22%20cy%3D%22140%22%20rx%3D%2280%22%20ry%3D%2222%22%20fill%3D%22url(%23g)%22%2F%3E%3Cellipse%20cx%3D%22530%22%20cy%3D%22140%22%20rx%3D%2260%22%20ry%3D%2218%22%20fill%3D%22url(%23g)%22%2F%3E%3Cg%20transform%3D%22translate(420%20136)%20scale(1)%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%2222%22%20ry%3D%2217%22%20fill%3D%22%23e8640c%22%2F%3E%3Cellipse%20cx%3D%22-9%22%20cy%3D%220%22%20rx%3D%2210%22%20ry%3D%2216%22%20fill%3D%22%23f07a1c%22%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%220%22%20rx%3D%2210%22%20ry%3D%2216%22%20fill%3D%22%23d9560a%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%227%22%20ry%3D%2217%22%20fill%3D%22%23f4892a%22%2F%3E%3Crect%20x%3D%22-2%22%20y%3D%22-23%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%20fill%3D%22%233f6b1d%22%2F%3E%3Cpath%20d%3D%22M-11-4l5-6%205%206zM1-4l5-6%205%206z%22%20fill%3D%22%23ffd25a%22%2F%3E%3Cpath%20d%3D%22M-12%205q12%2010%2024%200l-3%203-3-2-3%203-3-3-3%203-3-3-3%202z%22%20fill%3D%22%23ffd25a%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(470%20142)%20scale(0.7)%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%2222%22%20ry%3D%2217%22%20fill%3D%22%23e8640c%22%2F%3E%3Cellipse%20cx%3D%22-9%22%20cy%3D%220%22%20rx%3D%2210%22%20ry%3D%2216%22%20fill%3D%22%23f07a1c%22%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%220%22%20rx%3D%2210%22%20ry%3D%2216%22%20fill%3D%22%23d9560a%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%227%22%20ry%3D%2217%22%20fill%3D%22%23f4892a%22%2F%3E%3Crect%20x%3D%22-2%22%20y%3D%22-23%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%20fill%3D%22%233f6b1d%22%2F%3E%3Cpath%20d%3D%22M-11-4l5-6%205%206zM1-4l5-6%205%206z%22%20fill%3D%22%23ffd25a%22%2F%3E%3Cpath%20d%3D%22M-12%205q12%2010%2024%200l-3%203-3-2-3%203-3-3-3%203-3-3-3%202z%22%20fill%3D%22%23ffd25a%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(530%20138)%20scale(0.85)%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%2222%22%20ry%3D%2217%22%20fill%3D%22%23e8640c%22%2F%3E%3Cellipse%20cx%3D%22-9%22%20cy%3D%220%22%20rx%3D%2210%22%20ry%3D%2216%22%20fill%3D%22%23f07a1c%22%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%220%22%20rx%3D%2210%22%20ry%3D%2216%22%20fill%3D%22%23d9560a%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%227%22%20ry%3D%2217%22%20fill%3D%22%23f4892a%22%2F%3E%3Crect%20x%3D%22-2%22%20y%3D%22-23%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%20fill%3D%22%233f6b1d%22%2F%3E%3Cpath%20d%3D%22M-11-4l5-6%205%206zM1-4l5-6%205%206z%22%20fill%3D%22%23ffd25a%22%2F%3E%3Cpath%20d%3D%22M-12%205q12%2010%2024%200l-3%203-3-2-3%203-3-3-3%203-3-3-3%202z%22%20fill%3D%22%23ffd25a%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(375%20146)%20scale(0.55)%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%2222%22%20ry%3D%2217%22%20fill%3D%22%23e8640c%22%2F%3E%3Cellipse%20cx%3D%22-9%22%20cy%3D%220%22%20rx%3D%2210%22%20ry%3D%2216%22%20fill%3D%22%23f07a1c%22%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%220%22%20rx%3D%2210%22%20ry%3D%2216%22%20fill%3D%22%23d9560a%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%227%22%20ry%3D%2217%22%20fill%3D%22%23f4892a%22%2F%3E%3Crect%20x%3D%22-2%22%20y%3D%22-23%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%20fill%3D%22%233f6b1d%22%2F%3E%3Cpath%20d%3D%22M-11-4l5-6%205%206zM1-4l5-6%205%206z%22%20fill%3D%22%23ffd25a%22%2F%3E%3Cpath%20d%3D%22M-12%205q12%2010%2024%200l-3%203-3-2-3%203-3-3-3%203-3-3-3%202z%22%20fill%3D%22%23ffd25a%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M300%20124v-14m-6%204h12%22%20stroke%3D%22%231d0f26%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffd9b0%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M0%200L120%20120M0%200L60%20120M0%200L120%2060M0%200L20%20120M0%200L120%2020%22%2F%3E%3Cpath%20d%3D%22M0%2024Q10%2020%2012%2022T22%2012%2024%200M0%2048Q20%2040%2024%2044T44%2024%2048%200M0%2072Q30%2060%2036%2066T66%2036%2072%200M0%2096Q40%2080%2048%2088T88%2048%2096%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left top/86px no-repeat,radial-gradient(70% 140% at 0% 0%,rgba(255,110,20,.18),transparent 60%),linear-gradient(110deg,#0d0610,#1a0a14 50%,#2a0e1a);box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 34px rgba(255,110,20,.18)}
html.cm-hw .cm-coupon:before{background:#ff6a00;opacity:.16;right:auto;left:30%}
html.cm-hw .cm-coupon-off{background:linear-gradient(135deg,#ff8a1f,#e0560b 60%,#9a3304);box-shadow:0 10px 28px rgba(224,86,11,.45),inset 0 1px rgba(255,255,255,.35)}
html.cm-hw .cm-coupon-copy h2 span{background:linear-gradient(95deg,#ffe0b8,#ffa94d 50%,#ff6a1a);-webkit-background-clip:text;background-clip:text;color:transparent}
html.cm-hw .cm-coupon-copy h2,html.cm-hw .cm-coupon-copy p{text-shadow:0 2px 10px rgba(0,0,0,.6)}
html.cm-hw .cm-coupon-ticket{border-color:rgba(255,160,70,.8);background:rgba(10,4,12,.55);backdrop-filter:blur(3px)}
html.cm-hw .cm-coupon-btn{background:linear-gradient(105deg,#ff8a1f,#ff6a00 55%,#d94a06);box-shadow:0 10px 28px rgba(255,106,0,.4);color:#1f0a00}
html.cm-hw .cm-coupon-btn.is-copied{background:linear-gradient(105deg,#0d9b4d,#1ed760);color:#fff}
@media(max-width:760px){html.cm-hw .cm-coupon{background-size:auto 70%,64px,auto,auto}}

/* aranha que segue o mouse no fundo (no lugar do dragãozinho) */
html.cm-hw .cm-dragon-mini{display:none!important}
.cm-hw-follow{position:absolute;left:0;top:0;width:34px;margin:-17px 0 0 -17px;opacity:0;transition:opacity .6s ease;will-change:transform;pointer-events:none}
.cm-hw-follow.on{opacity:.55}
.cm-hw-follow svg{display:block;width:100%;height:auto;filter:drop-shadow(0 0 8px rgba(255,130,40,.45))}
.cm-hw-follow.walk .lg1{animation:cmHwWalk .22s ease-in-out infinite alternate}
.cm-hw-follow.walk .lg2{animation:cmHwWalk .22s ease-in-out -.11s infinite alternate}
@keyframes cmHwWalk{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.cm-hw-follow .lg1,.cm-hw-follow .lg2{transform-origin:20px 22px}
.cm-hw-silk{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cm-hw-follow,.cm-hw-silk{display:none}}
@media (max-width:640px){.cm-hw-hspider{--hw-drop:70px;width:18px}.cm-hw-hspider .sp{width:18px}.cm-hw-web{width:110px;opacity:.12}.cm-hw-moon{right:4vw;top:7vh;opacity:.4}.cm-hw-bat:nth-of-type(n+4){display:none}.cm-hw-bar{font-size:12px}}
@media (prefers-reduced-motion:reduce){.cm-hw-bat,.cm-hw-bat svg,.cm-hw-fog,.cm-hw-spider,.cm-hw-pump,.cm-hw-fabbat,.cm-hw-fabbat svg{animation:none!important}.cm-hw-hspider{display:none}.cm-hw-bat{display:none}}