.lex-rating-wp {
	display: flex;
	align-items: center;
	gap: 10px;
}
/* Stars are drawn with mask-image (a shape mask) + background-color, not a
   colored SVG background image - a color baked into an encoded SVG can't
   be swapped with a CSS variable, but an ordinary background-color can.
   --lex-rating-wp-star-size and the two color variables are set inline by
   render.php from the site's Settings. */
.lex-rating-wp__stars {
	position: relative;
	width: calc(var(--lex-rating-wp-star-size, 24px) * 5);
	height: var(--lex-rating-wp-star-size, 24px);
	flex-shrink: 0;
}
.lex-rating-wp__stars-bg,
.lex-rating-wp__stars-fg {
	height: var(--lex-rating-wp-star-size, 24px);
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-position: left center;
	mask-position: left center;
	-webkit-mask-size: var(--lex-rating-wp-star-size, 24px) var(--lex-rating-wp-star-size, 24px);
	mask-size: var(--lex-rating-wp-star-size, 24px) var(--lex-rating-wp-star-size, 24px);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
}
.lex-rating-wp__stars-bg {
	width: calc(var(--lex-rating-wp-star-size, 24px) * 5);
	background-color: var(--lex-rating-wp-color-empty, #D8D8D8);
}
.lex-rating-wp__stars-fg {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: var(--lex-rating-wp-color-filled, #F5B301);
}
.lex-rating-wp__stars-input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
}
.lex-rating-wp__star-hit {
	flex: 1;
	cursor: pointer;
}
.lex-rating-wp__value {
	font-size: 14px;
}
.lex-rating-wp.is-voting {
	opacity: 0.6;
	pointer-events: none;
}
.lex-rating-wp.is-voted .lex-rating-wp__stars-input {
	display: none;
}