:root{--red-color:red;--white-color:white;--background-color:#233343}body{min-height:100vh;background-color:var(--background-color)}.tree-wrapper{transform-style:preserve-3d;perspective:1200px;height:100vh;justify-content:center;align-items:center;display:flex;position:relative}.tree{transform-style:preserve-3d;width:25vmin;height:50vmin;animation:spin 2s linear infinite;position:relative}.tree-light{left:50%;bottom:calc(var(--y,0)*1%);transform:translate(-50%,50%)rotateY(calc(var(--rotate,0)*1deg))translate3d(0,0,calc(var(--radius,0)*1vmin));transform-style:preserve-3d;width:1vmin;height:1vmin;animation:flash calc(var(--speed)*1s)calc(var(--delay)*1s)infinite steps(4),appear .5s calc(var(--appear)*.05s)both;border-radius:50%;position:absolute}.tree-star{width:5vmin;height:5vmin;stroke:#f5e0a3;stroke-width:5vmin;stroke-dasharray:1000 1000;fill:none;filter:drop-shadow(0 0 2vmin #fcf1cf);animation:stroke 1s calc((var(--delay)*.95)*.05s)both;position:absolute;bottom:100%;left:50%;overflow:visible;transform:translate(-50%)}@keyframes stroke{0%{stroke-dashoffset:-1000px}}@keyframes spin{to{transform:rotateY(360deg)}}@keyframes appear{0%{opacity:0}}@keyframes flash{0%,to{background-color:var(--red-color)}20%{background-color:var(--white-color)}40%{background-color:var(--red-color)}60%{background-color:var(--white-color)}80%{background-color:var(--red-color)}}
/*# sourceMappingURL=christmas-tree-spiral-page.72be044c.css.map */