.shooting-star{position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(244,63,94,.9) 0,rgba(244,63,94,.4) 50%,transparent 100%);border-radius:50%;animation:shoot linear infinite;box-shadow:0 0 6px rgba(244,63,94,.5),0 0 12px rgba(244,63,94,.3)}.shooting-star:before{width:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(244,63,94,.9) 20%,rgba(244,63,94,.6) 60%,transparent);box-shadow:0 0 8px rgba(244,63,94,.4)}.shooting-star:after,.shooting-star:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);animation:tail linear infinite;animation-duration:inherit;animation-delay:inherit;border-radius:1px}.shooting-star:after{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(244,63,94,.4) 30%,rgba(244,63,94,.2) 70%,transparent)}@keyframes shoot{0%{opacity:0;transform:translateX(-300px) translateY(-300px) scale(0)}5%{opacity:1;transform:translateX(-250px) translateY(-250px) scale(1);box-shadow:0 0 8px rgba(244,63,94,.8),0 0 16px rgba(244,63,94,.4)}20%{opacity:1;box-shadow:0 0 12px rgba(244,63,94,.9),0 0 24px rgba(244,63,94,.5)}80%{opacity:1;box-shadow:0 0 10px rgba(244,63,94,.8),0 0 20px rgba(244,63,94,.4)}95%{opacity:1;transform:translateX(250px) translateY(250px) scale(1)}to{opacity:0;transform:translateX(300px) translateY(300px) scale(0)}}@keyframes tail{0%{width:0;opacity:0}5%{width:10px;opacity:.3}20%{width:40px;opacity:.9}80%{width:40px;opacity:.9}95%{width:60px;opacity:.3}to{width:0;opacity:0}}.twinkle{width:100%;height:100%;background:inherit;border-radius:inherit;animation:twinkle ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(.8);box-shadow:0 0 2px rgba(244,63,94,.3)}25%{opacity:.6;transform:scale(1.1);box-shadow:0 0 4px rgba(244,63,94,.5)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 6px rgba(244,63,94,.7),0 0 12px rgba(244,63,94,.3)}75%{opacity:.6;transform:scale(1.1);box-shadow:0 0 4px rgba(244,63,94,.5)}to{opacity:.2;transform:scale(.8);box-shadow:0 0 2px rgba(244,63,94,.3)}}.twinkle-star{animation:twinkle 3s ease-in-out infinite;animation-delay:var(--delay,0s)}