.rating-scale{--star-gap:4px;--star-size:30px;--star-empty-color:var(--surface-black-transparent-surface-black-t-10);--star-active-color:#fabf06;--rating:0;--percent:calc(var(--rating)/5*(100% - var(--star-gap)/2));display:flex;flex-direction:column}.rating-scale__area{display:inline-block;font-size:var(--star-size);line-height:1}.rating-scale__area:before{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--star-active-color) var(--percent),var(--star-empty-color) var(--percent));background-clip:text;-webkit-background-clip:text;content:"★★★★★";letter-spacing:var(--star-gap)}