.star-rating{display:flex;gap:5px}.star-input{display:none}.star-label{cursor:pointer}.star-icon{fill:#d3d3d3;transition:fill .2s ease}.star-label.hover .star-icon{fill:gold}.star-label.active .star-icon{fill:gold}[data-star]{text-align:left;font-style:normal;display:inline-block;position:relative;unicode-bidi:bidi-override;font-size:20px;line-height:24px;margin:0 2px;letter-spacing:2.5px}[data-star]:before{display:block;content:"★★★★★";color:#a5a5a5}[data-star]:after{white-space:nowrap;position:absolute;top:0;left:0;content:"★★★★★";width:0;color:var(--highlightedYellow);overflow:hidden;height:100%}[data-star^="0.1"]:after{width:2%}[data-star^="0.2"]:after{width:4%}[data-star^="0.3"]:after{width:6%}[data-star^="0.4"]:after{width:8%}[data-star^="0.5"]:after{width:10%}[data-star^="0.6"]:after{width:12%}[data-star^="0.7"]:after{width:14%}[data-star^="0.8"]:after{width:16%}[data-star^="0.9"]:after{width:18%}[data-star^="1"]:after{width:20%}[data-star^="1.1"]:after{width:22%}[data-star^="1.2"]:after{width:24%}[data-star^="1.3"]:after{width:26%}[data-star^="1.4"]:after{width:28%}[data-star^="1.5"]:after{width:30%}[data-star^="1.6"]:after{width:32%}[data-star^="1.7"]:after{width:34%}[data-star^="1.8"]:after{width:36%}[data-star^="1.9"]:after{width:38%}[data-star^="2"]:after{width:40%}[data-star^="2.1"]:after{width:42%}[data-star^="2.2"]:after{width:44%}[data-star^="2.3"]:after{width:46%}[data-star^="2.4"]:after{width:48%}[data-star^="2.5"]:after{width:50%}[data-star^="2.6"]:after{width:52%}[data-star^="2.7"]:after{width:54%}[data-star^="2.8"]:after{width:56%}[data-star^="2.9"]:after{width:58%}[data-star^="3"]:after{width:60%}[data-star^="3.1"]:after{width:62%}[data-star^="3.2"]:after{width:64%}[data-star^="3.3"]:after{width:66%}[data-star^="3.4"]:after{width:68%}[data-star^="3.5"]:after{width:70%}[data-star^="3.6"]:after{width:72%}[data-star^="3.7"]:after{width:74%}[data-star^="3.8"]:after{width:76%}[data-star^="3.9"]:after{width:78%}[data-star^="4"]:after{width:80%}[data-star^="4.1"]:after{width:82%}[data-star^="4.2"]:after{width:84%}[data-star^="4.3"]:after{width:86%}[data-star^="4.4"]:after{width:88%}[data-star^="4.5"]:after{width:90%}[data-star^="4.6"]:after{width:92%}[data-star^="4.7"]:after{width:94%}[data-star^="4.8"]:after{width:96%}[data-star^="4.9"]:after{width:98%}[data-star^="5"]:after{width:100%}