div.rating-cancel,div.star-rating{
float:left;width:17px;height:16px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden
}
div.rating-cancel div{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.rating-cancel,div.rating-cancel div{
background:url(delete.png) no-repeat 0 0px
}
div.star-rating,div.star-rating div{
	display: flex;
	width: 1.25rem;
	height:1.25rem;
	/* padding: 0.5rem; */
	justify-content: center;
	align-items: center;
	/* border-radius: 624rem;
	border: 2px solid rgba(255, 255, 255, 0.12);
	background: #F5F5F5;
	box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.18) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.05); */

    background-color: grey;
    -webkit-mask-image: url(star.svg);
    mask-image: url(star.svg);
	mask-repeat: no-repeat;
}
div.star-rating-on div {background-color:var(--star);}
div.star-rating-hover div{background-color: var(--star);}
div.rating-cancel.star-rating-hover,div.rating-cancel.star-rating-hover div{background-color: var(--breadscr)}
/* Read Only CSS */
div.star-rating-readonly div{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */