.star-rating{cursor:pointer;display:inline-block;position:relative;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='108.9' height='103.6' viewBox='0 0 108.9 103.6'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e3e6e6;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Estar_0%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='cls-1' points='108.9 39.6 71.3 34.1 54.4 0 37.6 34.1 0 39.6 27.2 66.1 20.8 103.6 54.4 85.9 88.1 103.6 81.7 66.1 108.9 39.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-repeat:repeat-x;background-position:0 0;overflow:hidden}.star-rating .star-rating-value{width:100%;height:100%;position:absolute;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='108.9' height='103.6' viewBox='0 0 108.9 103.6'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffc107;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Estar1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='cls-1' points='54.4 0 71.3 34.1 108.9 39.6 81.7 66.1 88.1 103.6 54.4 85.9 20.8 103.6 27.2 66.1 0 39.6 37.6 34.1 54.4 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-repeat:repeat-x}