.star-rating{--star-size:20px}@media(max-width:767px){.star-rating{--star-size:12px}}.star-rating{--star-color:#eee;--star-background:#fc0;--percent1:calc(var(--rating)*100%);--absolutePercentage2:max((var(--rating) - 1),0);--percent2:calc(var(--absolutePercentage2)*100%);--absolutePercentage3:max((var(--rating) - 2),0);--percent3:calc(var(--absolutePercentage3)*100%);--absolutePercentage4:max((var(--rating) - 3),0);--percent4:calc(var(--absolutePercentage4)*100%);--absolutePercentage5:max((var(--rating) - 4),0);--percent5:calc(var(--absolutePercentage5)*100%);display:inline-block;font-size:var(--star-size)}.star-rating .star-1{background:linear-gradient(90deg,var(--star-background) var(--percent1),var(--star-color) var(--percent1));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.star-rating .star-2{background:linear-gradient(90deg,var(--star-background) var(--percent2),var(--star-color) var(--percent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.star-rating .star-3{background:linear-gradient(90deg,var(--star-background) var(--percent3),var(--star-color) var(--percent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.star-rating .star-4{background:linear-gradient(90deg,var(--star-background) var(--percent4),var(--star-color) var(--percent4));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.star-rating .star-5{background:linear-gradient(90deg,var(--star-background) var(--percent5),var(--star-color) var(--percent5));-webkit-background-clip:text;-webkit-text-fill-color:transparent}