.omr-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	font-size: 1rem;
	line-height: 1;
	text-decoration: none;
}

.omr-badge__logo {
	font-weight: 700;
	letter-spacing: 0.02em;
}

.omr-badge__rating {
	font-weight: 600;
}

.omr-badge__stars-defs {
	position: absolute;
	width: 0;
	height: 0;
	overflow: clip;
}

.omr-badge__starwrap {
	position: relative;
	display: inline-block;
	height: 1em;
	aspect-ratio: 3021.33 / 525.6;
}

.omr-badge__starsvg {
	width: 100%;
	height: 100%;
	display: block;
}

.omr-badge__starsvg--back {
	fill: var(--wp--preset--color--gray-400, #a3a3a3);
}

.omr-badge__starsvg--front {
	fill: #f5c400;
}

.omr-badge__starfront {
	position: absolute;
	inset: 0;
	overflow: clip;
	width: var(--fill, 0%);
}

.omr-badge__starfront .omr-badge__starsvg {
	width: auto;
	height: 100%;
	position: absolute;
	inset: 0;
}

.omr-badge--light .omr-badge__logo,
.omr-badge--light .omr-badge__rating {
	color: var(--wp--preset--color--sky-900, #1a2b49);
}

.omr-badge--dark .omr-badge__logo,
.omr-badge--dark .omr-badge__rating {
	color: #fff;
}

.omr-badge--dark .omr-badge__starsvg--back {
	fill: rgba(255, 255, 255, 0.35);
}