.app-review-rating {
	--app-rating-fill: #e8a317;
	--app-rating-empty: #d9d9d9;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 10px;
	line-height: 1;
}

.app-review-rating--standalone {
	margin: 0 0 24px;
}

.app-review-rating--dark {
	--app-rating-fill: #e6e8eb;
	--app-rating-empty: rgba(255, 255, 255, 0.28);
}

.app-review-rating__stars {
	position: relative;
	display: inline-block;
	flex-shrink: 0;
	line-height: 0;
}

.app-review-rating__row {
	display: inline-flex;
	white-space: nowrap;
}

.app-review-rating__row--empty {
	color: var(--app-rating-empty);
}

.app-review-rating__row--fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	overflow: hidden;
	color: var(--app-rating-fill);
}

.app-review-rating__row svg {
	display: block;
	flex-shrink: 0;
	width: 20px !important;
	height: 20px !important;
	max-width: none !important;
	margin: 0 !important;
	fill: currentColor;
}

.app-review-rating--s2 .app-review-rating__row--fill { width: 20%; }
.app-review-rating--s3 .app-review-rating__row--fill { width: 30%; }
.app-review-rating--s4 .app-review-rating__row--fill { width: 40%; }
.app-review-rating--s5 .app-review-rating__row--fill { width: 50%; }
.app-review-rating--s6 .app-review-rating__row--fill { width: 60%; }
.app-review-rating--s7 .app-review-rating__row--fill { width: 70%; }
.app-review-rating--s8 .app-review-rating__row--fill { width: 80%; }
.app-review-rating--s9 .app-review-rating__row--fill { width: 90%; }
.app-review-rating--s10 .app-review-rating__row--fill { width: 100%; }

.app-review-rating__value {
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
}

.app-review-rating__sr {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}