.won-rating {
	--won-star-on: #f5b301;
	--won-star-off: #cfd8da;
	--won-text: var(--won-ink, #182a36);
	--won-muted: #4f626b;
	max-width: 48rem;
	margin: 3rem auto 0;
	padding: 1.5rem 0 0;
	border-top: 1px solid var(--won-border, #bac7c9);
	text-align: center;
	box-sizing: border-box;
}
.won-rating.won-rating--placed {
	margin: 1.25rem auto;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--won-border, #bac7c9);
}
.won-rating__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem 1rem;
}
.won-rating__label {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--won-text);
}
.won-rating__stars {
	display: inline-flex;
	gap: 0.15rem;
}
.won-rating__star {
	position: relative;
	display: inline-flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: none;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	color: var(--won-star-off);
}
.won-rating__star span {
	display: block;
	background: linear-gradient(90deg, var(--won-star-on) var(--won-fill, 0%), var(--won-star-off) var(--won-fill, 0%));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: transform 0.12s ease;
}
.won-rating__star:hover span,
.won-rating__star:focus-visible span {
	transform: scale(1.15);
}
.won-rating__star:disabled {
	cursor: default;
}
.won-rating.is-busy .won-rating__star {
	cursor: progress;
}
.won-rating__summary {
	margin: 0;
	color: var(--won-muted);
}
.won-rating__summary strong {
	color: var(--won-text);
}
.won-rating__note {
	display: block;
	font-size: 0.875rem;
}
@media (prefers-reduced-motion: reduce) {
	.won-rating__star span {
		transition: none;
	}
}