.star-rating{--star-size:20px;position:relative;width:calc(var(--star-size) * 5 + 2px * 4);height:var(--star-size)}.star-rating::before,.star-rating__fill::before{position:absolute;top:0;left:0;display:block;width:100%;height:var(--star-size);content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZmlsbD0iI2ZmY2YxNCIgc3Ryb2tlPSIjOWE3YjAwIiBkPSJNOC44NSAxLjEyYTEgMSAwIDAgMSAxLjg1IDBsMi4wNiA0Ljk2IDUuMzcuNDNhMSAxIDAgMCAxIC41NyAxLjc2bC00LjA5IDMuNUwxNS44NiAxN2ExIDEgMCAwIDEtMS41IDEuMDlsLTQuNTktMi44LTQuNTkgMi44QTEgMSAwIDAgMSAzLjY4IDE3bDEuMjYtNS4yMy00LjA5LTMuNWExIDEgMCAwIDEgLjU3LTEuNzZsNS4zNy0uNDN6Ii8+Cjwvc3ZnPg==);background-repeat:space;background-size:var(--star-size) var(--star-size)}.star-rating::before{filter:brightness(0) saturate(100%) invert(20%) sepia(95%) saturate(911%) hue-rotate(183deg) brightness(94%) contrast(97%)}.star-rating__fill{position:absolute;top:0;left:0;display:block;height:var(--star-size);overflow:hidden}.star-rating__fill::before{width:calc(var(--star-size) * 5 + 2px * 4)}.star-rating--single{display:flex;align-items:center;gap:4px;width:auto}.star-rating--single::before{display:none}.star-rating--single .star-rating__fill{position:relative;width:var(--star-size);overflow:visible}.star-rating--single .star-rating__fill::before{width:var(--star-size);background-repeat:no-repeat}.star-rating__number{font-size:14px;font-weight:400;line-height:20px;color:#444;white-space:nowrap}