.star-wrapper{--star-full-size:var(--star-size,1.5rem);--star-half-size:calc(var(--star-full-size)/2);--active-color:var(--star-active-color,#fff500);--not-active-color:var(--star-not-active-color,#ced4da)}.star-wrapper .star-group{display:inline-flex}.star-wrapper .star-label{background-color:var(--active-color);display:block;height:var(--star-full-size);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18c-5.3-11-16.5-18-28.8-18s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329l-24.6 145.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329l104.2-103.1c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7l-143.7-21.2L316.9 18z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18c-5.3-11-16.5-18-28.8-18s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329l-24.6 145.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329l104.2-103.1c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7l-143.7-21.2L316.9 18z'/%3E%3C/svg%3E") no-repeat 50% 50%;padding:0;width:var(--star-full-size);z-index:1}.star-wrapper .star-label.not-active{background-color:var(--not-active-color)}.star-wrapper .star-label-empty{margin-left:-.25rem;width:.25rem}.star-wrapper .star-label,.star-wrapper .star-label-empty{cursor:pointer}.star-wrapper .star-label-empty.disabled,.star-wrapper .star-label.disabled{cursor:default}.star-wrapper .star-label-half{margin-right:calc(var(--star-half-size)*-1);-webkit-mask-position:left;mask-position:left;-webkit-mask-size:var(--star-full-size);mask-size:var(--star-full-size);overflow:hidden;padding:0;width:var(--star-half-size);z-index:2}.star-wrapper .star-input-field{left:-9999px!important;position:absolute!important}.star-wrapper .star-input-field:checked~.star-label:not(.disabled){background-color:var(--not-active-color)}.star-wrapper .star-group:hover .star-label:not(.disabled){background-color:var(--active-color)}.star-wrapper .star-input-field:hover~.star-label:not(.disabled){background-color:var(--not-active-color)}