.rating-stars{--clip-spacing: calc(var(--rating) / 5 * 100%);--reduce-spacing: 2%;--percent: calc(var(--clip-spacing) - var(--reduce-spacing));display:inline-block;font-size:16px;font-style:normal;letter-spacing:4px;line-height:1;vertical-align:middle}@media screen and (min-width: 1400px){.rating-stars{font-size:18px}}.rating-stars::before{content:"★★★★★";display:inline-block;background:linear-gradient(90deg, var(--color-tan) var(--percent), var(--color-gray-500) var(--percent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}