/* Counter widget. */

.vora-counter {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	width: 100%;
}

.vora-counter__value {
	display: flex;
	align-items: baseline;
	gap: 2px;
	line-height: 1;
}

.vora-counter__number {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
	/* The digits change every frame while counting; without tabular figures the
	   number visibly jitters as glyph widths change under it. */
	font-variant-numeric: tabular-nums;
}

.vora-counter__affix {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
}

.vora-counter__label {
	font-size: 0.95rem;
	line-height: 1.4;
}