/* Decoration only: the normal LASE design and layout remain unchanged. */
html.halloween-active .halloween-scene{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
html.halloween-active .halloween-web{position:absolute;top:-8px;right:0;width:220px;height:275px;color:#edf4f8;opacity:.62;transform-origin:100% 0;animation:lase-web-sway 9s ease-in-out infinite;pointer-events:none}
html.halloween-active .halloween-web-lines{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round}
html.halloween-active .halloween-thread{stroke:#e9f2f6;stroke-width:1;transform-origin:171px 100px;animation:lase-spider-thread 12s ease-in-out infinite}
html.halloween-active .halloween-spider{animation:lase-spider-descend 12s ease-in-out infinite}
html.halloween-active .halloween-spider-legs{fill:none;stroke:#b7d9e8;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
html.halloween-active .halloween-spider-body{fill:#101113;stroke:#0197d4;stroke-width:1.4}
@keyframes lase-web-sway{0%,100%{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}
@keyframes lase-spider-thread{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.2)}}
@keyframes lase-spider-descend{0%,100%{transform:translateY(0)}50%{transform:translateY(21.2px)}}
@media(max-width:760px){html.halloween-active .halloween-web{top:-34px;right:-4px;width:125px;height:156.25px;opacity:.55}}
@media(prefers-reduced-motion:reduce){html.halloween-active .halloween-web,html.halloween-active .halloween-thread,html.halloween-active .halloween-spider{animation:none}}
