.omr-badge,
.omr-badge:hover,
.omr-badge:focus,
.omr-badge:active,
.omr-badge:visited {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4em;
	font-size: 1rem;
	line-height: 1;
	text-decoration: none !important;
}

.omr-badge__logo {
	display: block;
	height: 1.3em;
}

.omr-badge__logo svg {
	display: block;
	height: 100%;
	width: auto;
}

.omr-badge--dark .omr-badge__logo svg {
	filter: invert(1);
}

.omr-badge__meta {
	display: inline-flex;
	align-items: baseline;
	gap: 0.4em;
}

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

.omr-badge__count {
	font-weight: 400;
	font-size: 0.85em;
	color: var(--wp--preset--color--gray-500, #737373);
}

.omr-badge--dark .omr-badge__count {
	color: rgba(255, 255, 255, 0.7);
}

.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__rating {
	color: var(--wp--preset--color--sky-900, #1a2b49);
}

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

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