div[z-rating]{box-sizing:border-box;overflow:hidden;height:24px;margin:0;width:144px;clip-path:path("M15.7 7.9 12 0 8.3 7.9 0 9.17l6 6.15L4.58 24 12 19.9l7.42 4.1L18 15.32l6-6.15-8.3-1.27ZM45.7 7.9 42 0l-3.7 7.9L30 9.17l6 6.15L34.58 24 42 19.9l7.42 4.1L48 15.32l6-6.15-8.3-1.27ZM75.7 7.9 72 0l-3.7 7.9L60 9.17l6 6.15L64.58 24 72 19.9l7.42 4.1L78 15.32l6-6.15-8.3-1.27ZM105.7 7.9 102 0l-3.7 7.9L90 9.17l6 6.15L94.58 24l7.42-4.1 7.42 4.1-1.42-8.68 6-6.15-8.3-1.27ZM135.7 7.9 132 0l-3.7 7.9-8.3 1.27 6 6.15-1.42 8.68 7.42-4.1 7.42 4.1-1.42-8.68 6-6.15-8.3-1.27Z")}:where(div[z-rating],*[z-theme=light] div[z-rating],div[z-rating][z-theme=light]){--_color--focus: var(--zc-blue-dark)}:where(*[z-theme=dark] div[z-rating],div[z-rating][z-theme=dark]){--_color--focus: var(--zg-white)}div[z-rating] input[type=range]{position:relative;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;overflow:hidden;margin:0 0 0 -27px;width:174px}div[z-rating] input[type=range]::-moz-range-thumb{border:none;background:var(--z-rating--color, var(--z-ct-clickable));border-image-source:linear-gradient(90deg,var(--z-rating--color, var(--z-ct-clickable)) 50%,var(--z-rating--bg, var(--z-bg-muted)) 0);border-image-slice:1;border-image-width:200px;border-image-outset:200px;height:24px;-webkit-appearance:none;appearance:none;-moz-transition:border .2s ease-in-out,background .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out;width:24px;border-radius:0;-moz-appearance:none}div[z-rating] input[type=range]::-webkit-slider-thumb{border:none;background:var(--z-rating--color, var(--z-ct-clickable));border-image-source:linear-gradient(90deg,var(--z-rating--color, var(--z-ct-clickable)) 50%,var(--z-rating--bg, var(--z-bg-muted)) 0);border-image-slice:1;border-image-width:200px;border-image-outset:200px;height:24px;appearance:none;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out;aspect-ratio:1;margin-left:0;-webkit-appearance:none}div[z-rating] input[type=range][readonly]{pointer-events:none}div[z-rating] input[type=range]:focus::-moz-range-thumb{outline:none;--_color: $color--focus}div[z-rating] input[type=range]:focus::-webkit-slider-thumb{outline:none;--_color: $color--focus}label:has(>div[z-rating]){padding:0 var(--zs-50);border-radius:var(--zs-150);display:flex;align-items:center}label:has(>div[z-rating])[rating-score]:after{display:inline-block;font:var(--zf-body-16);line-height:24px;color:var(--z-ct-primary);padding-left:var(--zs-50);content:attr(rating-score)}