Half stars not working for rating greater than 2

### Half stars not working for rating greater than 2

Describe your issue here.

Half star shows with 0, 1, 2 value but not for 3 or 4 value. This is true even in the demo for half stars shown at /css-star-rating/section-1.html#kssref-1-1-2. So your own demo reproduces the issue

This is *not* a place to ask questions. For that, go to [spectrum](https://spectrum.chat/unified/remark)

### Your environment

* **OS**: chrome browser
* * **Packages**:
* **Env**:

### Steps to reproduce

Tell us how to reproduce this issue. Please provide a working and simplified example.

🎉 BONUS POINTS for creating a [minimal reproduction](https://stackoverflow.com/help/mcve) and uploading it to GitHub. This will get you the fastest support. 🎉

### Expected behaviour

What should happen?

### Actual behaviour

What happens instead?

Open the demo at /css-star-rating/section-1.html#kssref-1-1-2 in Chrome and reproduce the half-star behavior for ratings 3 and 4. Trace that demo to the SCSS or CSS entry point responsible for the rating display, then verify that half stars render consistently for values above 2 without regressing 0, 1, or 2.

Written by the indexing model from the issue text.