.annual-site-stats__content {
	display: flex;
	flex-wrap: wrap;
	padding: 0;

	@include breakpoint-deprecated( ">480px" ) {
		padding: 16px 24px 0;
	}
}

.annual-site-stats__stat {
	display: flex;
	flex-direction: column;
	padding-bottom: 16px;

	@include breakpoint-deprecated( "<480px" ) {
		border-bottom: 1px solid var(--color-neutral-0);
		flex-direction: row;
		flex-basis: 100%;
		padding: 13px 16px;

		&.is-year {
			font-weight: 600;
		}
	}

	&:nth-child(2n + 1) {
		width: 50%;

		@include breakpoint-deprecated( ">960px" ) {
			width: 45%;
		}
	}

	&:nth-child(2n + 0) {
		width: 50%;

		@include breakpoint-deprecated( ">960px" ) {
			width: 55%;
		}
	}
}

.annual-site-stats__stat-title {
	color: var(--color-neutral-light);
	font-size: $font-body-extra-small;
	text-transform: uppercase;

	@include breakpoint-deprecated( "<480px" ) {
		color: var(--color-neutral-70);
		font-size: $font-body-small;
		text-transform: capitalize;
		width: 50%;
	}
}

.annual-site-stats__stat-figure {
	font-size: $font-title-small;

	@include breakpoint-deprecated( "<480px" ) {
		font-size: $font-body-small;
		text-align: right;
		width: 50%;

		.is-year {
			font-weight: 600;
		}
	}

	&.is-large {
		font-size: $font-body-small;

		@include breakpoint-deprecated( ">480px" ) {
			font-size: $font-title-large;
		}
	}
}
