/*
* Style Works for both Editor and Frontend
*/

.rating {

	.gutenlayout-star-rating {
		display: inline-flex;
		align-items: center;
		gap: 3px;
		line-height: 1;
	}

	.gutenlayout-star-rating svg {
		width: 18px;
		height: 18px;
		fill: currentcolor;
	}

	.gutenlayout-star-rating .empty-star {
		fill: transparent;
		stroke: currentcolor;
		stroke-width: 2.5;
		opacity: 0.4;
	}

	.etb-star-fraction {
		position: relative;
		display: inline-flex;
		width: 18px;
		height: 18px;

		svg {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
		}
	}
}