/**
 * AN Number module (inc/elementor/modules/number.php), Figma Home "Numbers": the figure
 * (Newsreader h2 40/48, phones h3 28/34) above its label (small 14/20 muted), 8 apart. The rules
 * between figures come from the Row container ("Rules between items", layout.css).
 */

/* Value above the label (the label comes first in the markup, as a definition list). */
.an-m-number {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	gap: 8px;
	margin: 0;
	min-width: 0;
}

.an-m-number__value {
	margin: 0;
	color: var(--an-heading);
	font-family: var(--an-serif);
	font-variation-settings: "opsz" 18;
	font-size: var(--an-fs-h2);
	line-height: var(--an-lh-h2);
}

.an-m-number__label {
	color: var(--an-muted);
	font-size: var(--an-fs-small);
	line-height: var(--an-lh-small);
}

@media (max-width: 767px) {
	.an-m-number__value {
		font-size: var(--an-fs-h3);
		line-height: var(--an-lh-h3);
	}
}