.rating-star {
	--percent: calc( ( var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
	--color-foreground: 170,170,170;
	letter-spacing: calc(var(--letter-spacing) * 1rem);
	font-size: calc(var(--font-size) * 1rem);
	line-height: 1;
	display: inline-block;
	font-family: Times;
	margin: 0;
}

.rating-star::before {
  content: "\2605\2605\2605\2605\2605";
  background: linear-gradient(90deg,var(--color-icon) var(--percent),rgba(var(--color-foreground),1) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.8rem;
}