.flex {
	display: flex;
	width: 100%;
}
.flex > * {
	flex: 1 1;
}
.flex.no-auto > * {
	flex: initial;
}

.flex.min-width > * {	
	min-width: 250px;
}
.flex.min-width-sm > * {	
	min-width: 100px;
}
.flex.min-width-lg > * {	
	min-width: 375px;
}
.flex.max-width > * {	
	max-width: 250px;
}
.flex.max-width-sm > * {	
	max-width: 100px;
}
.flex.max-width-lg > * {	
	max-width: 375px;
}

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

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

.flex.j-start {
	justify-content: flex-start;
}
.flex.j-end {
	justify-content: flex-end;
}
.flex.j-stretch {
	justify-content: stretch;
}
.flex.j-center {
	justify-content: center;
}

.flex.ac-start {
	align-content: flex-start;
}
.flex.ac-end {
	align-content: flex-end;
}
.flex.ac-stretch {
	align-content: stretch;
}
.flex.ac-center {
	align-content: center;
}

.flex.ai-start {
	align-items: flex-start;
}
.flex.ai-end {
	align-items: flex-end;
}
.flex.ai-stretch {
	align-items: stretch;
}
.flex.ai-center {
	align-items: center;
}





.flex.gap-05 {
	gap: 0.5rem;
}
.flex.gap-1 {
	gap: 1rem;
}
.flex.gap-2 {
	gap: 2rem;
}
.flex.equal > * {
	flex: 1 1;
}
.flex > .grow {
	flex-grow: 1 !important;
}