:root{--star-size:25px;--star-color:black;--star-background:#fc0}.Stars{--percent:calc(var(--rating) / 5 * 100%);display:inline-block;font-size:var(--star-size);font-family:Times;line-height:1}.Stars::before{content:'★★★★★';letter-spacing:3px;background:linear-gradient(90deg,var(--star-background) var(--percent),var(--star-color) var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rat{display:inline-block;position:relative;height:35px;line-height:20px;font-size:25px}.rat label{position:absolute;top:0;left:0;height:100%;cursor:pointer}.rat label:last-child{position:static}.rat label:nth-child(1){z-index:5}.rat label:nth-child(2){z-index:4}.rat label:nth-child(3){z-index:3}.rat label:nth-child(4){z-index:2}.rat label:nth-child(5){z-index:1}.rat label input{position:absolute;top:0;left:0;opacity:0}.rat label .icon{float:left;color:transparent;font-size: 25px;}.rat label:last-child .icon{color:#000}.rat:hover label:hover input~.icon,.rat:not(:hover) label input:checked~.icon{color:#ffd200}.rat label input:focus:not(:checked)~.icon:last-child{color:#d3d3d3;text-shadow:0 0 5px #09f}