.coretypes-rating {
	display: flex;
	align-items: center;
	gap: 10px;
}
/* Stars are a repeating SVG background, not the ★ character: as text they
   forced the browser to fetch an extra font subset for a single glyph.
   One tile is 24px, five of them make the 120px strip. */
.coretypes-rating__stars {
	position: relative;
	width: 120px;
	height: 24px;
	flex-shrink: 0;
}
.coretypes-rating__stars-bg,
.coretypes-rating__stars-fg {
	height: 24px;
	background-repeat: repeat-x;
	background-position: left center;
	background-size: 24px 24px;
}
.coretypes-rating__stars-bg {
	width: 120px;
	background-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 fill='%23D8D8D8' 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");
}
.coretypes-rating__stars-fg {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-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 fill='%23F5B301' 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");
}
.coretypes-rating__stars-input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
}
.coretypes-rating__star-hit {
	flex: 1;
	cursor: pointer;
}
.coretypes-rating__value {
	font-size: 14px;
}
.coretypes-rating.is-voting {
	opacity: 0.6;
	pointer-events: none;
}
.coretypes-rating.is-voted .coretypes-rating__stars-input {
	display: none;
}