/* Number and caption slide down through the fixed line as the row enters. */
.wx-stats {
	gap: 4.5rem 4rem;
}

.wx-stats .wx-stat,
.wx-stats .wx-stat__line,
.wx-stats .wx-stat__body {
	border-top: 0;
	padding-top: 0;
}

.wx-stats .wx-stat {
	position: relative;
	overflow: hidden;
}

.wx-stats .wx-stat__line {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background: color-mix(in srgb, var(--wx-text) 42%, transparent);
}

.wx-stats .wx-stat__body {
	position: relative;
	z-index: 2;
	width: 100%;
	will-change: transform;
}

.wx-stats .wx-stat strong {
	padding-top: 1.6rem;
}

.wx-stats .wx-stat span {
	max-width: 12.5rem;
	margin-top: 1.1rem;
	padding-left: 0.15rem;
}

@media (min-width: 1200px) {
	.wx-stats { row-gap: 6rem; }
	.wx-stats .wx-stat strong { padding-top: 1.9rem; }
	.wx-stats .wx-stat span { margin-top: 1.5rem; }
}