.elementor-widget-rating {
	--e-rating-gap: 0px;
	--e-rating-icon-font-size: 16px;
	--e-rating-icon-color: #ccd6df;
	--e-rating-icon-marked-color: #f0ad4e;
	--e-rating-icon-marked-width: 100%;
	--e-rating-justify-content: flex-start;
}

.elementor-widget-rating .e-rating {
	display: flex;
	justify-content: var(--e-rating-justify-content);
}

.elementor-widget-rating .e-rating-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: inherit;
	margin-block-end: calc(0px - var(--e-rating-gap));
	margin-inline-end: calc(0px - var(--e-rating-gap));
	width: -moz-fit-content;
	width: fit-content;
}

.elementor-widget-rating .e-rating .e-icon {
	margin-block-end: var(--e-rating-gap);
	margin-inline-end: var(--e-rating-gap);
	position: relative;
}

.elementor-widget-rating .e-rating .e-icon-wrapper.e-icon-marked {
	--e-rating-icon-color: var(--e-rating-icon-marked-color);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: var(--e-rating-icon-marked-width);
	z-index: 1;
}

.elementor-widget-rating .e-rating .e-icon-wrapper :is(i,svg) {
	display: flex;
	flex-shrink: 0;
}

.elementor-widget-rating .e-rating .e-icon-wrapper i {
	color: var(--e-rating-icon-color);
	font-size: var(--e-rating-icon-font-size);
}

.elementor-widget-rating .e-rating .e-icon-wrapper svg {
	height: var(--e-rating-icon-font-size);
	width: auto;
	fill: var(--e-rating-icon-color);
}