.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{display:block;width:var(--star-full-size);height:var(--star-full-size);padding:0;z-index:1;background-color:var(--active-color);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-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 329 113.2 474.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 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z' /%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-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 329 113.2 474.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 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z' /%3E%3C/svg%3E") no-repeat 50% 50%}.star-wrapper .star-label.not-active{background-color:var(--not-active-color)}.star-wrapper .star-label-empty{width:.25rem;margin-left:-.25rem}.star-wrapper .star-label,.star-wrapper .star-label-empty{cursor:pointer}.star-wrapper .star-label.disabled,.star-wrapper .star-label-empty.disabled{cursor:default}.star-wrapper .star-label-half{width:var(--star-half-size);padding:0;margin-right:calc(var(--star-half-size) * -1);z-index:2;-webkit-mask-size:var(--star-full-size);mask-size:var(--star-full-size);-webkit-mask-position:left;mask-position:left;overflow:hidden}.star-wrapper .star-input-field{position:absolute!important;left:-9999px!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)}