.comet{animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none;position:absolute;z-index:5}.comet__head{border-radius:50%;height:var(--comet-size,3px);position:relative;width:var(--comet-size,3px);z-index:2}.comet__tail{border-radius:1px;height:1.5px;position:absolute;right:100%;top:50%;transform:translateY(-50%);width:var(--comet-tail,90px);z-index:1}.comet--indigo .comet__head{background:radial-gradient(circle,#a5b4fc 0,#818cf8 40%,transparent 70%);box-shadow:0 0 8px 3px #818cf899,0 0 20px 6px #818cf833}.comet--indigo .comet__tail{background:linear-gradient(90deg,transparent,rgba(129,140,248,.05) 20%,rgba(165,180,252,.5) 85%,rgba(199,210,254,.8))}.comet--cyan .comet__head{background:radial-gradient(circle,#a5f3fc 0,#22d3ee 40%,transparent 70%);box-shadow:0 0 8px 3px #22d3ee99,0 0 20px 6px #22d3ee33}.comet--cyan .comet__tail{background:linear-gradient(90deg,transparent,rgba(34,211,238,.05) 20%,rgba(103,232,249,.5) 85%,rgba(165,243,252,.8))}.comet--violet .comet__head{background:radial-gradient(circle,#c4b5fd 0,#8b5cf6 40%,transparent 70%);box-shadow:0 0 8px 3px #8b5cf699,0 0 20px 6px #8b5cf633}.comet--violet .comet__tail{background:linear-gradient(90deg,transparent,rgba(139,92,246,.05) 20%,rgba(167,139,250,.5) 85%,rgba(196,181,253,.8))}.comet--blue .comet__head{background:radial-gradient(circle,#93c5fd 0,#3b82f6 40%,transparent 70%);box-shadow:0 0 8px 3px #3b82f699,0 0 20px 6px #3b82f633}.comet--blue .comet__tail{background:linear-gradient(90deg,transparent,rgba(59,130,246,.05) 20%,rgba(96,165,250,.5) 85%,rgba(147,197,253,.8))}.comet--rose .comet__head{background:radial-gradient(circle,#fda4af 0,#f43f5e 40%,transparent 70%);box-shadow:0 0 8px 3px #f43f5e80,0 0 20px 6px #f43f5e26}.comet--rose .comet__tail{background:linear-gradient(90deg,transparent,rgba(244,63,94,.05) 20%,rgba(251,113,133,.45) 85%,rgba(253,164,175,.75))}.comet-path-0{animation-name:comet-orbit-0}@keyframes comet-orbit-0{0%{left:-5%;opacity:0;top:8%;transform:rotate(38deg)}8%{opacity:.9}35%{left:30%;top:35%;transform:rotate(30deg)}65%{left:65%;top:55%;transform:rotate(27deg)}90%{opacity:.7}to{left:105%;opacity:0;top:75%;transform:rotate(27deg)}}.comet-path-1{animation-name:comet-orbit-1}@keyframes comet-orbit-1{0%{left:105%;opacity:0;top:5%;transform:rotate(157deg)}8%{opacity:.85}30%{left:70%;top:20%;transform:rotate(140deg)}55%{left:40%;top:45%;transform:rotate(140deg)}80%{left:15%;top:30%;transform:rotate(211deg)}92%{opacity:.6}to{left:-8%;opacity:0;top:15%;transform:rotate(213deg)}}.comet-path-2{animation-name:comet-orbit-2}@keyframes comet-orbit-2{0%{left:10%;opacity:0;top:95%;transform:rotate(297deg)}10%{opacity:.9}30%{left:25%;top:65%;transform:rotate(315deg)}55%{left:50%;top:40%;transform:rotate(315deg)}80%{left:75%;top:20%;transform:rotate(321deg)}92%{opacity:.5}to{left:95%;opacity:0;top:5%;transform:rotate(323deg)}}.comet-path-3{animation-name:comet-orbit-3}@keyframes comet-orbit-3{0%{left:-5%;opacity:0;top:40%;transform:rotate(338deg)}8%{opacity:.8}25%{left:20%;top:30%;transform:rotate(351deg)}50%{left:50%;top:25%;transform:rotate(351deg)}75%{left:80%;top:35%;transform:rotate(18deg)}92%{opacity:.6}to{left:108%;opacity:0;top:45%;transform:rotate(20deg)}}.comet-path-4{animation-name:comet-orbit-4}@keyframes comet-orbit-4{0%{left:50%;opacity:0;top:-5%;transform:rotate(108deg)}10%{opacity:.9}30%{left:40%;top:25%;transform:rotate(121deg)}55%{left:25%;top:50%;transform:rotate(121deg)}80%{left:10%;top:70%;transform:rotate(127deg)}92%{opacity:.5}to{left:-5%;opacity:0;top:90%;transform:rotate(127deg)}}.comet-path-5{animation-name:comet-orbit-5}@keyframes comet-orbit-5{0%{left:95%;opacity:0;top:90%;transform:rotate(225deg)}8%{opacity:.85}25%{left:75%;top:70%;transform:rotate(231deg)}50%{left:55%;top:45%;transform:rotate(219deg)}75%{left:30%;top:25%;transform:rotate(219deg)}92%{opacity:.5}to{left:5%;opacity:0;top:5%;transform:rotate(219deg)}}