#snowCanvas {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    opacity: 0.8;
}

.lights-layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
}


.light {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    background: rgb(255, 230, 50);
    filter: blur(2px);
    transition: opacity .25s, transform .25s, filter .25s;
}

/* tree svg anim */
.tree-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.svg-light{stroke:gold;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px gold);animation:tree-run 3s ease-in-out infinite;stroke-dasharray:1000;stroke-dashoffset:1000;}
@keyframes tree-run{0%{stroke-dashoffset:var(--tree-length);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{stroke-dashoffset:0;opacity:0;}}