.flex {
	display: flex;

}

.inline-flex {
	display: inline-flex;
}

.flex,
.inline-flex {
	/* justify-content: flex-start; */
	/* align-content: flex-start; */
	/* align-items: flex-start; */
	column-gap: var(--gap-x);
	row-gap: var(--gap-y);
}

.justify-center {
	justify-content: center;
}

.align-center {
	align-items: center;
}

.flex-col {
	flex-direction: column;
}

.flex-row {
	flex-direction: row;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-centered {
	justify-content: center;
	align-items: center;
}