.hvl-keystat {
	--hvl-keystat-line: rgba(20, 22, 29, 0.08);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
}

.hvl-keystat__value {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hvl-keystat__number {
	display: flex;
	align-items: baseline;
	font-variant-numeric: tabular-nums;
}

.hvl-keystat__suffix {
	font-weight: inherit;
	line-height: 1;
}

.hvl-keystat__meta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.hvl-keystat__logos {
	gap: 0;
}

.hvl-keystat__logos img {
	display: block;
	flex: none;
	object-fit: cover;
	border: 1.5px solid #fff;
	box-shadow: 0 0 0 1px var(--hvl-keystat-line);
}

.hvl-keystat__google {
	display: block;
	flex: none;
	width: 16px;
	height: 16px;
}

.hvl-keystat__stars {
	display: inline-flex;
	gap: 1px;
}

.hvl-keystat__stars svg {
	display: block;
}

.hvl-keystat__flags {
	display: inline-flex;
}

.hvl-keystat__flag {
	display: block;
	flex: none;
	border-radius: 3px;
	box-shadow: 0 0 0 1px var(--hvl-keystat-line), 0 1px 2px rgba(20, 22, 29, 0.14);
}


.hvl-reveal.hvl-reveal--armed,
.hvl-keystat.hvl-reveal--armed {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.hvl-reveal.hvl-reveal--armed.is-visible,
.hvl-keystat.hvl-reveal--armed.is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.hvl-reveal.hvl-reveal--armed,
	.hvl-keystat.hvl-reveal--armed {
		opacity: 1;
		transform: none;
		transition: none;
	}
}