// ============================================================================
// :: STATISTICS
// ============================================================================
.m-statistics {
	width: 100vw;
	overflow: hidden;

	@include respond-at($screen-small-base) {
		padding: 0 5rem;
	}
}

// ============================================================================
// :: Components
// ============================================================================
.m-statistics__container {
	width: 50vw;
	margin: 0 auto;
	padding: 9rem 0;

	@include respond-at($screen-small-base) {
		width: 50vw;
	}

	@include respond-at($screen-small-base) {
		width: 100%;
		max-width: $container-width;
		margin: 0 auto;
	}

	@include respond-at($screen-medium-base) {
		padding: 9rem 8rem 5rem;
	}
}

.m-statistics__carousel {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.m-statistics__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	text-align: center;

	color: $text-color-white;

	cursor: grab;

	pointer-events: auto;

	&:focus:not(.focus-visible):not(:hover) {
		@include outline();
	}
}

.m-statistics__amout {
	font-family: $font-family-beausans;
	font-weight: $font-weight-bold;
	font-size: $font-size-4x-large;
	white-space: nowrap;

	color: $text-color-white;

	@include respond-at($screen-medium-base) {
		font-size: 4.8rem;
	}
}

.m-statistics__description {
	font-family: $font-family-beausans;
	font-weight: $font-weight-thin;

	color: $text-color-white;
}

.m-statistics__note {
	display: none;
	margin-top: 2rem;

	text-align: right;

	color: $text-color-white;

	@include respond-at($screen-medium-base) {
		display: block;
	}
}

// ============================================================================
// :: TINYSLIDER OVERRIDES
// ============================================================================
.tns-item {
	filter: blur(0);
	opacity: 1;

	&:not(.tns-slide-active) {
		filter: blur(2px);
		opacity: 0.3;

		transition: filter 0.2s ease-in-out;

		@include respond-at($screen-small-base) {
			filter: none;
			opacity: 1;
		}
	}
}