.tree-container{perspective:1200px;transform-style:preserve-3d;z-index:999;position:fixed;bottom:-10px;left:20px}.tree{width:20vmin;height:40vmin;transform-style:preserve-3d;will-change:transform;animation:2s linear infinite spin3d;position:relative}.tree__light{transform-style:preserve-3d;will-change:transform;width:1vmin;height:1vmin;animation:flash calc(var(--speed)*1s)calc(var(--delay)*1s)infinite steps(4),appear .5s calc(var(--appear)*50ms)both;transform:translate(-50%,50%)rotateY(calc(var(--rotate,0)*1deg))translate3d(0,0,calc(var(--radius,0)*1vmin));left:50%;bottom:calc(var(--y,0)*1%);border-radius:50%;position:absolute}.tree__star{stroke-width:5vmin;stroke:#f5e0a3;filter:drop-shadow(0 0 2vmin #fcf1cf);stroke-dasharray:1000 1000;fill:none;width:5vmin;height:5vmin;animation:stroke 1s calc((var(--delay)*.95)*50ms)both;position:absolute;bottom:100%;left:50%;transform:translate(-50%);overflow:visible!important}@keyframes stroke{0%{stroke-dashoffset:-1000px}}@keyframes spin3d{to{transform:rotateY(360deg)}}@keyframes appear{0%{opacity:0}}@keyframes flash{0%,to{background:red}20%{background:#fff}40%{background:red}60%{background:#fff}80%{background:red}}