.stars {
  position: absolute;
  top: 0;
  left: -50vw;
  width: 125vw;
  height: 100%;
  transform: rotate(190deg);
}
.star {
  --star-color: #2881ee;
  --star-tail-length: 6em;
  --star-tail-height: 2px;
  --star-width: calc(var(--star-tail-length) / 6);
  --fall-duration: 9s;
  --tail-fade-duration: var(--fall-duration);
  position: absolute;
  top: var(--top-offset);
  left: 0;
  width: var(--star-tail-length);
  height: var(--star-tail-height);
  color: var(--star-color);
  background: linear-gradient(45deg, currentColor, transparent);
  border-radius: 50%;
  filter: drop-shadow(0 0 6px currentColor);
  transform: translate3d(104em, 0, 0);
  animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;
}
@media screen and (max-width: 750px) {
  .star {
    animation: fall var(--fall-duration) var(--fall-delay) linear infinite;
  }
}
.star:nth-child(1) {
  --star-tail-length: 5.15em;
  --top-offset: 77.72vh;
  --fall-duration: 4.943s;
  --fall-delay: 2.447s;
}
.star:nth-child(2) {
  --star-tail-length: 5.15em;
  --top-offset: 24.53vh;
  --fall-duration: 4.561s;
  --fall-delay: 2.782s;
}
.star:nth-child(3) {
  --star-tail-length: 5.74em;
  --top-offset: 85.55vh;
  --fall-duration: 4.473s;
  --fall-delay: 6.758s;
}
.star:nth-child(4) {
  --star-tail-length: 6.51em;
  --top-offset: 51.63vh;
  --fall-duration: 3.0125s;
  --fall-delay: 1.18s;
}
.star:nth-child(5) {
  --star-tail-length: 6.97em;
  --top-offset: 75.19vh;
  --fall-duration: 3.849s;
  --fall-delay: 8.755s;
}
.star:nth-child(6) {
  --star-tail-length: 6.5em;
  --top-offset: 33.24vh;
  --fall-duration: 3.2245s;
  --fall-delay: 3.009s;
}
.star:nth-child(7) {
  --star-tail-length: 6.63em;
  --top-offset: 7.24vh;
  --fall-duration: 4.411s;
  --fall-delay: 8.598s;
}
.star:nth-child(8) {
  --star-tail-length: 6.43em;
  --top-offset: 72.86vh;
  --fall-duration: 4.673s;
  --fall-delay: 9.495s;
}
.star:nth-child(9) {
  --star-tail-length: 6.8em;
  --top-offset: 54.45vh;
  --fall-duration: 5.6305s;
  --fall-delay: 8.659s;
}
.star:nth-child(10) {
  --star-tail-length: 5.43em;
  --top-offset: 32.32vh;
  --fall-duration: 5.2655s;
  --fall-delay: 9.358s;
}
.star:nth-child(11) {
  --star-tail-length: 6.29em;
  --top-offset: 11.8vh;
  --fall-duration: 3.9595s;
  --fall-delay: 4.491s;
}
.star:nth-child(12) {
  --star-tail-length: 5.5em;
  --top-offset: 6.22vh;
  --fall-duration: 3.2575s;
  --fall-delay: 7.078s;
}
.star:nth-child(13) {
  --star-tail-length: 6.94em;
  --top-offset: 4.87vh;
  --fall-duration: 5.1175s;
  --fall-delay: 4.472s;
}
.star:nth-child(14) {
  --star-tail-length: 6.87em;
  --top-offset: 69.75vh;
  --fall-duration: 5.98s;
  --fall-delay: 5.74s;
}
.star:nth-child(15) {
  --star-tail-length: 5.84em;
  --top-offset: 88.23vh;
  --fall-duration: 4.5225s;
  --fall-delay: 8.107s;
}
.star:nth-child(16) {
  --star-tail-length: 5em;
  --top-offset: 61.32vh;
  --fall-duration: 3.1975s;
  --fall-delay: 7.819s;
}
.star:nth-child(17) {
  --star-tail-length: 7.47em;
  --top-offset: 91.71vh;
  --fall-duration: 5.212s;
  --fall-delay: 4.392s;
}
.star:nth-child(18) {
  --star-tail-length: 7.49em;
  --top-offset: 5.68vh;
  --fall-duration: 5.796s;
  --fall-delay: 6.55s;
}
.star:nth-child(19) {
  --star-tail-length: 6.57em;
  --top-offset: 81.88vh;
  --fall-duration: 4.4575s;
  --fall-delay: 4.59s;
}
.star:nth-child(20) {
  --star-tail-length: 5.35em;
  --top-offset: 23.33vh;
  --fall-duration: 5.8435s;
  --fall-delay: 9.054s;
}
.star:nth-child(21) {
  --star-tail-length: 7.43em;
  --top-offset: 25.36vh;
  --fall-duration: 5.2975s;
  --fall-delay: 0.04s;
}
.star:nth-child(22) {
  --star-tail-length: 5.46em;
  --top-offset: 10.15vh;
  --fall-duration: 4.3395s;
  --fall-delay: 0.992s;
}
.star:nth-child(23) {
  --star-tail-length: 7.06em;
  --top-offset: 5.92vh;
  --fall-duration: 4.416s;
  --fall-delay: 8.647s;
}
.star:nth-child(24) {
  --star-tail-length: 5.72em;
  --top-offset: 70.56vh;
  --fall-duration: 5.8255s;
  --fall-delay: 9.274s;
}
.star:nth-child(25) {
  --star-tail-length: 5.57em;
  --top-offset: 98.73vh;
  --fall-duration: 3.963s;
  --fall-delay: 3.8s;
}
.star:nth-child(26) {
  --star-tail-length: 5.42em;
  --top-offset: 23.67vh;
  --fall-duration: 3.0005s;
  --fall-delay: 0.397s;
}
.star:nth-child(27) {
  --star-tail-length: 7.08em;
  --top-offset: 97.13vh;
  --fall-duration: 4.62s;
  --fall-delay: 4.063s;
}
.star:nth-child(28) {
  --star-tail-length: 7.29em;
  --top-offset: 10.62vh;
  --fall-duration: 5.544s;
  --fall-delay: 2.797s;
}
.star:nth-child(29) {
  --star-tail-length: 6.6em;
  --top-offset: 71.14vh;
  --fall-duration: 3.5755s;
  --fall-delay: 0.739s;
}
.star:nth-child(30) {
  --star-tail-length: 6.5em;
  --top-offset: 32.05vh;
  --fall-duration: 4.5775s;
  --fall-delay: 8.34s;
}
.star:nth-child(31) {
  --star-tail-length: 6.31em;
  --top-offset: 21.47vh;
  --fall-duration: 3.123s;
  --fall-delay: 2.079s;
}
.star:nth-child(32) {
  --star-tail-length: 5.05em;
  --top-offset: 34.75vh;
  --fall-duration: 4.8095s;
  --fall-delay: 4.343s;
}
.star:nth-child(33) {
  --star-tail-length: 6.01em;
  --top-offset: 13.46vh;
  --fall-duration: 4.034s;
  --fall-delay: 0.148s;
}
.star:nth-child(34) {
  --star-tail-length: 5.72em;
  --top-offset: 34.2vh;
  --fall-duration: 3.9775s;
  --fall-delay: 8.161s;
}
.star:nth-child(35) {
  --star-tail-length: 5.26em;
  --top-offset: 55.29vh;
  --fall-duration: 3.9695s;
  --fall-delay: 7.548s;
}
.star:nth-child(36) {
  --star-tail-length: 6.95em;
  --top-offset: 19.54vh;
  --fall-duration: 5.9685s;
  --fall-delay: 0.269s;
}
.star:nth-child(37) {
  --star-tail-length: 6.87em;
  --top-offset: 7.16vh;
  --fall-duration: 5.5905s;
  --fall-delay: 5.63s;
}
.star:nth-child(38) {
  --star-tail-length: 5.05em;
  --top-offset: 34.41vh;
  --fall-duration: 5.5175s;
  --fall-delay: 1.09s;
}
.star:nth-child(39) {
  --star-tail-length: 5.24em;
  --top-offset: 13.1vh;
  --fall-duration: 4.6555s;
  --fall-delay: 9.25s;
}
.star:nth-child(40) {
  --star-tail-length: 6.36em;
  --top-offset: 47.01vh;
  --fall-duration: 3.5115s;
  --fall-delay: 6.819s;
}
.star:nth-child(41) {
  --star-tail-length: 6.77em;
  --top-offset: 64.35vh;
  --fall-duration: 4.29s;
  --fall-delay: 6.846s;
}
.star:nth-child(42) {
  --star-tail-length: 6.99em;
  --top-offset: 53.22vh;
  --fall-duration: 4.2135s;
  --fall-delay: 5.42s;
}
.star:nth-child(43) {
  --star-tail-length: 6.18em;
  --top-offset: 88.27vh;
  --fall-duration: 3.1405s;
  --fall-delay: 1.231s;
}
.star:nth-child(44) {
  --star-tail-length: 5.95em;
  --top-offset: 27.39vh;
  --fall-duration: 3.5865s;
  --fall-delay: 1.289s;
}
.star:nth-child(45) {
  --star-tail-length: 5.89em;
  --top-offset: 92.8vh;
  --fall-duration: 3.5975s;
  --fall-delay: 6.286s;
}
.star:nth-child(46) {
  --star-tail-length: 6.36em;
  --top-offset: 17.54vh;
  --fall-duration: 3.8405s;
  --fall-delay: 8.583s;
}
.star:nth-child(47) {
  --star-tail-length: 7.39em;
  --top-offset: 32.96vh;
  --fall-duration: 4.8125s;
  --fall-delay: 5.369s;
}
.star:nth-child(48) {
  --star-tail-length: 6.28em;
  --top-offset: 61.93vh;
  --fall-duration: 3.4885s;
  --fall-delay: 4.395s;
}
.star:nth-child(49) {
  --star-tail-length: 7.31em;
  --top-offset: 16.05vh;
  --fall-duration: 3.9385s;
  --fall-delay: 2.169s;
}
.star:nth-child(50) {
  --star-tail-length: 5.39em;
  --top-offset: 20.6vh;
  --fall-duration: 4.9775s;
  --fall-delay: 7.936s;
}
.star:nth-child(51) {
  --star-tail-length: 7.05em;
  --top-offset: 79.96vh;
  --fall-duration: 3.195s;
  --fall-delay: 3.621s;
}
.star:nth-child(52) {
  --star-tail-length: 5.33em;
  --top-offset: 94.25vh;
  --fall-duration: 3.3965s;
  --fall-delay: 8.463s;
}
.star:nth-child(53) {
  --star-tail-length: 6.33em;
  --top-offset: 14.21vh;
  --fall-duration: 3.378s;
  --fall-delay: 4.965s;
}
.star:nth-child(54) {
  --star-tail-length: 5.56em;
  --top-offset: 49.19vh;
  --fall-duration: 4.915s;
  --fall-delay: 6.905s;
}
.star:nth-child(55) {
  --star-tail-length: 5.93em;
  --top-offset: 94.66vh;
  --fall-duration: 5.7s;
  --fall-delay: 2.888s;
}
.star:nth-child(56) {
  --star-tail-length: 5.44em;
  --top-offset: 65.99vh;
  --fall-duration: 5.911s;
  --fall-delay: 3.507s;
}
.star:nth-child(57) {
  --star-tail-length: 5.5em;
  --top-offset: 21.5vh;
  --fall-duration: 3.5955s;
  --fall-delay: 6.847s;
}
.star:nth-child(58) {
  --star-tail-length: 6.36em;
  --top-offset: 96.41vh;
  --fall-duration: 4.5355s;
  --fall-delay: 9.614s;
}
.star:nth-child(59) {
  --star-tail-length: 6.31em;
  --top-offset: 70.28vh;
  --fall-duration: 3.9185s;
  --fall-delay: 3.317s;
}
.star:nth-child(60) {
  --star-tail-length: 5.47em;
  --top-offset: 29.53vh;
  --fall-duration: 3.8575s;
  --fall-delay: 6.533s;
}
.star:nth-child(61) {
  --star-tail-length: 6.94em;
  --top-offset: 40.56vh;
  --fall-duration: 3.1685s;
  --fall-delay: 6.2s;
}
.star:nth-child(62) {
  --star-tail-length: 5.62em;
  --top-offset: 12.48vh;
  --fall-duration: 4.2435s;
  --fall-delay: 7.7s;
}
.star:nth-child(63) {
  --star-tail-length: 6.64em;
  --top-offset: 41.2vh;
  --fall-duration: 3.1785s;
  --fall-delay: 2.794s;
}
.star:nth-child(64) {
  --star-tail-length: 6.34em;
  --top-offset: 82.05vh;
  --fall-duration: 5.346s;
  --fall-delay: 9.203s;
}
.star:nth-child(65) {
  --star-tail-length: 5.35em;
  --top-offset: 45.1vh;
  --fall-duration: 4.1655s;
  --fall-delay: 9.776s;
}
.star:nth-child(66) {
  --star-tail-length: 5.71em;
  --top-offset: 85.37vh;
  --fall-duration: 3.178s;
  --fall-delay: 4.231s;
}
.star:nth-child(67) {
  --star-tail-length: 5.06em;
  --top-offset: 90.32vh;
  --fall-duration: 3.308s;
  --fall-delay: 1.056s;
}
.star:nth-child(68) {
  --star-tail-length: 5.4em;
  --top-offset: 70.62vh;
  --fall-duration: 4.4415s;
  --fall-delay: 1.553s;
}
.star:nth-child(69) {
  --star-tail-length: 7.43em;
  --top-offset: 86.65vh;
  --fall-duration: 3.534s;
  --fall-delay: 9.168s;
}
.star:nth-child(70) {
  --star-tail-length: 5.5em;
  --top-offset: 14.92vh;
  --fall-duration: 4.6035s;
  --fall-delay: 8.751s;
}
.star::before, .star::after {
  position: absolute;
  content: '';
  top: 0;
  left: calc(var(--star-width) / -1);
  width: var(--star-width);
  height: 100%;
  background: linear-gradient(45deg, transparent, currentColor, transparent);
  border-radius: inherit;
  animation: blink 2s linear infinite;
}
.star::before {
  transform: rotate(45deg);
}
.star::after {
  transform: rotate(-45deg);
}
@keyframes fall {
  to {
    transform: translate3d(-30em, 0, 0);
  }
}
@keyframes tail-fade {
  0%, 50% {
    width: var(--star-tail-length);
    opacity: 1;
  }
  70%, 80% {
    width: 0;
    opacity: 0.4;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0.6;
  }
}

header:has(.starfield-card.speed-normal:hover) {
  .star {
    --fall-duration: 3s;
  }
}
header:has(.starfield-card.speed-fast:hover) {
  .star {
    --fall-duration: 1.1s;
  }
}