.twinkle-star{width:0;height:0;position:absolute}.twinkle-star .core{z-index:3;will-change:transform,opacity;background:#fff;border-radius:50%;width:4px;height:4px;animation:4s ease-in-out infinite both twinkle-core;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px 3px #b482ffe6,0 0 15px 6px #a064ff99,0 0 25px 10px #8c50ff4d}.twinkle-star .ray{z-index:1;will-change:transform,opacity;position:absolute;top:50%;left:50%}.twinkle-star .ray-v{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);filter:drop-shadow(0 0 4px #8c50ffe6);background:linear-gradient(#0000 0%,#8c50ffcc 45%,#b482ff 50%,#8c50ffcc 55%,#0000 100%);width:2px;height:70px;animation:4s ease-in-out infinite both twinkle-ray-1;transform:translate(-50%,-50%)rotate(45deg)}.twinkle-star .ray-h{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);filter:drop-shadow(0 0 4px #8c50ffe6);background:linear-gradient(#0000 0%,#8c50ffcc 45%,#b482ff 50%,#8c50ffcc 55%,#0000 100%);width:2px;height:70px;animation:4s ease-in-out infinite both twinkle-ray-2;transform:translate(-50%,-50%)rotate(-45deg)}.twinkle-star-1{top:8%;left:15%}.twinkle-star-1 .core,.twinkle-star-1 .ray{animation-delay:0s}.twinkle-star-2{top:15%;right:20%}.twinkle-star-2 .core,.twinkle-star-2 .ray{animation-delay:.8s}.twinkle-star-3{top:35%;left:8%}.twinkle-star-3 .core,.twinkle-star-3 .ray{animation-delay:1.6s}.twinkle-star-4{top:25%;right:12%}.twinkle-star-4 .core,.twinkle-star-4 .ray{animation-delay:2.4s}.twinkle-star-5{top:55%;left:22%}.twinkle-star-5 .core,.twinkle-star-5 .ray{animation-delay:3.2s}.twinkle-star-6{top:45%;right:8%}.twinkle-star-6 .core,.twinkle-star-6 .ray{animation-delay:1.2s}.twinkle-star-7{top:70%;left:12%}.twinkle-star-7 .core,.twinkle-star-7 .ray{animation-delay:2s}.twinkle-star-8{top:65%;right:18%}.twinkle-star-8 .core,.twinkle-star-8 .ray{animation-delay:2.8s}@keyframes twinkle-core{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(.3);box-shadow:0 0 3px 1px #fff9,0 0 6px 2px #b482ff66,0 0 12px 4px #a064ff33}35%,65%{opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 5px 2px #fff,0 0 12px 5px #b482ffe6,0 0 25px 10px #a064ff80,0 0 40px 15px #8c50ff4d}}@keyframes twinkle-ray-1{0%,to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scaleY(.2)}35%,65%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scaleY(1)}}@keyframes twinkle-ray-2{0%,to{opacity:0;transform:translate(-50%,-50%)rotate(-45deg)scaleY(.2)}35%,65%{opacity:1;transform:translate(-50%,-50%)rotate(-45deg)scaleY(1)}}