.star-rating{--star-size:16px;--active-width:0%;--star-gap:4px}.star-rating.readOnly{position:relative}.star-rating.readOnly:after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.star-rating>*{line-height:0}.star-rating .active-stars{top:0;right:0;bottom:0;left:0;position:absolute}.star-rating .rating-body{max-width:-moz-fit-content;max-width:fit-content;position:relative}.star-rating .rating-body>*{display:grid;grid-template-columns:repeat(4,calc(var(--star-size) + var(--star-gap))) var(--star-size);height:var(--star-size)}.star-rating .rating-body .icon{height:var(--star-size);width:var(--star-size)}.star-rating .active-stars{overflow:hidden;width:var(--active-width,0)}.star-rating .rating-hidden-inputs-container{top:0;right:0;bottom:0;left:0;position:absolute}.star-rating .rating-hidden-inputs-container input{cursor:pointer;opacity:0;outline:none}