.superpack-ratings .stars {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.superpack-ratings .stars .star {
  font-size: 20px;
  padding-right: 2px;
	padding-left: 2px;
  cursor: pointer;
}
.superpack-ratings .stars .star:first-child {
	padding-left: 0px;
}
.superpack-ratings .stars .star:last-child {
	padding-right: 0px;
}
.superpack-ratings .stars .star:before {
  width: 21px;
  height: 20px;
  display: inline-block;
  content: '';
  -webkit-mask: var(--sp-ratings-star) no-repeat 50% 50%;
  mask: var(--sp-ratings-star) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: gray;
}
.superpack-ratings .stars:not(.rated) .star:before, .superpack-ratings .stars:not(.rated) .star:hover:before, .superpack-ratings .stars:not(.rated) .star:hover ~ .star:before {
  background-color: gray;
}
.superpack-ratings .stars:not(.rated):hover .star:before, .superpack-ratings .stars .star.checked:before {
  background-color: gold;
}
.superpack-ratings .stars .star.halfchecked:before {
  background: linear-gradient(90deg, gold 50%, gray 0);
}
.superpack-ratings .stars.rated .star {
	cursor: default;
}