@charset "UTF-8";

.star-rating {
  display: inline-flex;
  justify-content: center;
}

.star-rating.rtl {
  direction: rtl;
}

.star-rating input[type=radio] {
  display: none;
}

.star-rating input[type=radio]:checked ~ label {
  background-image: url("/img/star-active.png");
}

.star-rating label {
  width: 20px;
  /* Ширина звезды */
  height: 16px;
  /* Высота звезды */
  background-image: url("/img/star.png");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.star-rating label:hover,
.star-rating label:hover ~ label {
  background-image: url("/img/star-active.png");
}

.star-rating input[type=radio]:checked ~ label {
  background-image: url("/img/star-active.png");
}