/* WBL fx: star-fill. Each <i> holds an empty and a filled star; --c is how much of the filled star is cut off. */
.fx-stars{display:inline-flex;gap:.12em;font-size:var(--fx-star-s,28px);line-height:1}
.fx-stars i{position:relative;display:block;width:1em;height:1em}
.fx-stars svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--fx-star-off,#d9d1c3)}
.fx-stars svg.on{fill:var(--fx-star,#e8a317);clip-path:inset(0 var(--c,0%) 0 0)}
@media (prefers-reduced-motion:no-preference){html.fx-js [data-fx=star-fill] .fx-stars svg.on{clip-path:inset(0 100% 0 0)}}