.rating__star-wrapper {
  display: flex;
}

.rating__star {
  width: 20px;
  height: auto;
}

.rating__star-1 {
  --rating-scale: calc(var(--rating-value));
}

.rating__star-2 {
  --rating-scale: calc(var(--rating-value) - 1);
}

.rating__star-3 {
  --rating-scale: calc(var(--rating-value) - 2);
}

.rating__star-4 {
  --rating-scale: calc(var(--rating-value) - 3);
}

.rating__star-5 {
  --rating-scale: calc(var(--rating-value) - 4);
}

@media (forced-colors: active) {
  .rating__star-wrapper {
    display: none;
  }
}