/* Grid. Flex. */

[class*=__grid] {
	display: grid;
	grid-gap: var(--inner_g);
}

.__grid-twoo {
	grid-template-columns: repeat(var(--grid_2), 1fr);
}

.__grid-three {
	grid-template-columns: repeat(var(--grid_3), 1fr);
}

.__grid-four {
	grid-template-columns: repeat(var(--grid_4), 1fr);
}

[class*=__flex] {
	display: flex;
}

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

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

.__flex-start {
	align-items: flex-start;
	justify-content: space-between;
}

.__flex-end {
	align-items: flex-end;
	justify-content: space-between;
}

.__flex-center {
	align-items: center;
	justify-content: space-between;
}

/* Grid. Flex. */