.star{font-size:1rem;position:relative;display:inline-block}.hiddenStar{color:transparent}.star:after{background:linear-gradient(to right,#ffeb3b66 var(--ratio),#ddd var(--ratio));-webkit-background-clip:text;background-clip:text;z-index:2}.star:after,.star:before{content:"🥐";position:absolute;left:0;color:transparent;pointer-events:none}.star:before{width:100%;height:100%;background:linear-gradient(to right,transparent var(--ratio),#fff var(--ratio));-webkit-background-clip:text;background-clip:text;z-index:1;zoom:1.03;top:-1px}.hiddenStar:before{background:none}