.wd-rating-summary {
	position: relative;
}

.wd-rating-summary-heading {
	text-align: center;
	margin-bottom: 20px;
}

.wd-rating-summary-heading .star-rating {
	font-size: 130%;
}

.wd-rating-summary-main {
	font-size: 60px;
	line-height: .8;
	color: var(--color-gray-900);
	font-weight: 600;
	margin-bottom: 8px;
}

.wd-rating-summary-cont {
	display: table;
	border-spacing: 0 15px;
	margin: -15px 0 -15px 0;
}

.wd-rating-summary-item {
	--wd-progress-height: 12px;
	display: table-row;
	line-height: 1;
	transition: all .25s ease;
	white-space: nowrap;
}

.wd-rating-summary-item>div {
	display: table-cell;
}

.wd-rating-summary-item>div:not(:last-child) {
	padding-inline-end: 10px;
}

.wd-rating-summary-item .wd-rating-label .star-rating {
	vertical-align: baseline;
}

.wd-rating-summary-item .wd-progress-bar {
	vertical-align: middle;
}

.wd-rating-progress-bar {
	width: 100%;
}

.wd-rating-count {
	text-align: end;
	margin-inline-start: 10px;
	transition: all .25s ease;
}

.wd-rating-count .star-rating {
	vertical-align: baseline;
	margin-inline-start: 5px;
}

.wd-rating-summary.wd-with-filter .wd-rating-summary-item:not(.wd-empty) {
	cursor: pointer;
}

.wd-rating-summary.wd-with-filter .wd-rating-summary-item:not(.wd-empty):is(.wd-rating-summary.wd-with-filter .wd-rating-summary-item:not(.wd-empty):hover, .wd-rating-summary.wd-with-filter .wd-rating-summary-item:not(.wd-empty).wd-active) .progress-area {
	background-color: var(--bgcolor-gray-400);
}

.wd-rating-summary.wd-with-filter .wd-rating-summary-item:not(.wd-empty):is(.wd-rating-summary.wd-with-filter .wd-rating-summary-item:not(.wd-empty):hover, .wd-rating-summary.wd-with-filter .wd-rating-summary-item:not(.wd-empty).wd-active) .wd-rating-count {
	color: var(--color-gray-800);
}

.wd-rating-summary.wd-with-filter .wd-rating-summary-item:not(.wd-empty).wd-active .wd-rating-count {
	font-weight: 700;
}