:root{--star-size: 1.5rem;--star-color: white;--star-background: var(--color-primary-400);--star-letter-spacing: 1px;--star-text-stroke-color: var(--star-background)}.stars{--percent: calc((var(--rating) / 5 * 100%) - var(--star-letter-spacing));display:inline-block;line-height:1;font-weight:400;font-size:1rem}.stars:before{content:"★★★★★";font-size:var(--star-size);font-weight:400;letter-spacing:var(--star-letter-spacing);background:linear-gradient(90deg,var(--star-background) var(--percent),var(--star-color) var(--percent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--star-text-stroke-color)}.stars span{padding-left:.25rem}div.stars-input.stars-input.stars-input div.rating-group.rating-group{display:inline-flex;flex-direction:row}div.stars-input.stars-input.stars-input .rating__icon{pointer-events:none}div.stars-input.stars-input.stars-input .rating__input{position:absolute!important;left:-9999px!important}div.stars-input.stars-input.stars-input .rating__input--none{display:none}div.stars-input.stars-input.stars-input .rating__label{cursor:pointer;padding-right:var(--star-letter-spacing);font-size:var(--star-size);color:var(--star-background);-webkit-text-stroke:1px var(--star-text-stroke-color);margin:0}div.stars-input.stars-input.stars-input .rating__input:checked~.rating__label{color:var(--star-color)}div.stars-input.stars-input.stars-input .rating-group:hover .rating__label{color:var(--star-background)}div.stars-input.stars-input.stars-input .rating__input:hover~.rating__label{color:var(--star-color)}