.car-menu_highlight--new:hover .car-icon-sparkling__star--1 {
  animation-name: car-sparkle-1;
}
.car-menu_highlight--new:hover .car-icon-sparkling__star--2 {
  animation-name: car-sparkle-2;
}
.car-menu_highlight--new:hover .car-icon-sparkling__star--3 {
  animation-name: car-sparkle-3;
}

.car-icon-sparkling {
  --sparkle-duration: 1s;
  --sparkle-scale-up: 1.25;
  --sparkle-scale-down: 0.65;
  overflow: visible;
}
.car-icon-sparkling__star {
  transform-box: fill-box;
  transform-origin: center;
  animation-duration: var(--sparkle-duration);
  animation-iteration-count: 1;
}

@keyframes car-sparkle-1 {
  0%, 5% {
    transform: scale(1);
    animation-timing-function: ease-in-out;
  }
  25%, 34% {
    transform: scale(var(--sparkle-scale-down));
    animation-timing-function: ease-in-out;
  }
  54%, 63% {
    transform: scale(var(--sparkle-scale-up));
    animation-timing-function: ease-in-out;
  }
  83%, 100% {
    transform: scale(1);
  }
}
@keyframes car-sparkle-2 {
  0%, 5% {
    transform: scale(1);
    animation-timing-function: ease-in-out;
  }
  25%, 34% {
    transform: scale(var(--sparkle-scale-up));
    animation-timing-function: ease-in-out;
  }
  54%, 63% {
    transform: scale(var(--sparkle-scale-down));
    animation-timing-function: ease-in-out;
  }
  83%, 100% {
    transform: scale(1);
  }
}
@keyframes car-sparkle-3 {
  0%, 5% {
    transform: scale(1);
    animation-timing-function: ease-in-out;
  }
  25%, 34% {
    transform: scale(var(--sparkle-scale-up));
    animation-timing-function: ease-in-out;
  }
  54%, 63% {
    transform: scale(var(--sparkle-scale-down));
    animation-timing-function: ease-in-out;
  }
  83%, 100% {
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .car-icon-sparkling__star {
    animation: none;
  }
}