/* /Components/StarRating.razor.rz.scp.css */
.star-rating[b-h17wx8e7eo] {
	--percent: calc(var(--star-rating) / 5 * 100%);
	font-size: 1.1rem;
	display: inline-block;
}

	.star-rating .stars[b-h17wx8e7eo] {
		position: relative;
		display: inline-block;
	}

		.star-rating .stars[b-h17wx8e7eo]::before {
			position: absolute;
			content: "☆☆☆☆☆";
			color: #fff09d;
		}

		.star-rating .stars[b-h17wx8e7eo]::after {
			position: absolute;
			top: 1px;
			left: 1px;
			content: "★★★★★";
			color: rgb(240 202 0);
			width: var(--percent);
			overflow: hidden;
		}

	.star-rating .rating[b-h17wx8e7eo] {
		font-size: .8rem;
		color: #605E5C;
		cursor: pointer;
	}

	.star-rating input[b-h17wx8e7eo] {
		display: none;
	}

	.star-rating label[b-h17wx8e7eo] {
		float: right;
	}

		.star-rating label[b-h17wx8e7eo]:before {
			content: "☆";
			color: #666666;
			cursor: pointer;
		}

	.star-rating input:checked ~ label[b-h17wx8e7eo]:before,
	.star-rating:not(:checked) > label:hover[b-h17wx8e7eo]:before,
	.star-rating:not(:checked) > label:hover ~ label[b-h17wx8e7eo]:before {
		content: "★";
		color: #feac25;
	}