// ============================================================================
// :: CATEGORIES
// ============================================================================
.o-categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	text-align: center;

	@include respond-at($screen-medium-base) {
		flex-wrap: nowrap;
	}
}

// ============================================================================
// :: ELEMENTS
// ============================================================================
.o-categories__item {
	width: calc(100% / 6);
}

.o-categories__filter {
	position: absolute;
	top: 2rem;

	z-index: $z-index-high;
}