/*!
 * Utilities/Flex
 */

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

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

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-col-reverse {
	flex-direction: column-reverse !important;
}

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

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}

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

.flex-1 {
	flex: 1 1 0% !important;
}

.flex-auto {
	flex: 1 1 auto !important;
}

.flex-initial {
	flex: 0 1 auto !important;
}

.flex-none {
	flex: none !important;
}

.grow {
	flex-grow: 1 !important;
}

.grow-0 {
	flex-grow: 0 !important;
}

.shrink {
	flex-shrink: 1 !important;
}

.shrink-0 {
	flex-shrink: 0 !important;
}

@media (min-width: 37.5em) {
	.sm\:flex-row {
		flex-direction: row !important;
	}

	.sm\:flex-col {
		flex-direction: column !important;
	}

	.sm\:flex-row-reverse {
		flex-direction: row-reverse !important;
	}

	.sm\:flex-col-reverse {
		flex-direction: column-reverse !important;
	}

	.sm\:flex-wrap {
		flex-wrap: wrap !important;
	}

	.sm\:flex-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.sm\:flex-nowrap {
		flex-wrap: nowrap !important;
	}

	.sm\:flex-1 {
		flex: 1 1 0% !important;
	}

	.sm\:flex-auto {
		flex: 1 1 auto !important;
	}

	.sm\:flex-initial {
		flex: 0 1 auto !important;
	}

	.sm\:flex-none {
		flex: none !important;
	}

	.sm\:grow {
		flex-grow: 1 !important;
	}

	.sm\:grow-0 {
		flex-grow: 0 !important;
	}

	.sm\:shrink {
		flex-shrink: 1 !important;
	}

	.sm\:shrink-0 {
		flex-shrink: 0 !important;
	}
}

@media (min-width: 52.5em) {
	.md\:flex-row {
		flex-direction: row !important;
	}

	.md\:flex-col {
		flex-direction: column !important;
	}

	.md\:flex-row-reverse {
		flex-direction: row-reverse !important;
	}

	.md\:flex-col-reverse {
		flex-direction: column-reverse !important;
	}

	.md\:flex-wrap {
		flex-wrap: wrap !important;
	}

	.md\:flex-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.md\:flex-nowrap {
		flex-wrap: nowrap !important;
	}

	.md\:flex-1 {
		flex: 1 1 0% !important;
	}

	.md\:flex-auto {
		flex: 1 1 auto !important;
	}

	.md\:flex-initial {
		flex: 0 1 auto !important;
	}

	.md\:flex-none {
		flex: none !important;
	}

	.md\:grow {
		flex-grow: 1 !important;
	}

	.md\:grow-0 {
		flex-grow: 0 !important;
	}

	.md\:shrink {
		flex-shrink: 1 !important;
	}

	.md\:shrink-0 {
		flex-shrink: 0 !important;
	}
}

@media (min-width: 80em) {
	.lg\:flex-row {
		flex-direction: row !important;
	}

	.lg\:flex-col {
		flex-direction: column !important;
	}

	.lg\:flex-row-reverse {
		flex-direction: row-reverse !important;
	}

	.lg\:flex-col-reverse {
		flex-direction: column-reverse !important;
	}

	.lg\:flex-wrap {
		flex-wrap: wrap !important;
	}

	.lg\:flex-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.lg\:flex-nowrap {
		flex-wrap: nowrap !important;
	}

	.lg\:flex-1 {
		flex: 1 1 0% !important;
	}

	.lg\:flex-auto {
		flex: 1 1 auto !important;
	}

	.lg\:flex-initial {
		flex: 0 1 auto !important;
	}

	.lg\:flex-none {
		flex: none !important;
	}

	.lg\:grow {
		flex-grow: 1 !important;
	}

	.lg\:grow-0 {
		flex-grow: 0 !important;
	}

	.lg\:shrink {
		flex-shrink: 1 !important;
	}

	.lg\:shrink-0 {
		flex-shrink: 0 !important;
	}
}

@media (min-width: 100em) {
	.xl\:flex-row {
		flex-direction: row !important;
	}

	.xl\:flex-col {
		flex-direction: column !important;
	}

	.xl\:flex-row-reverse {
		flex-direction: row-reverse !important;
	}

	.xl\:flex-col-reverse {
		flex-direction: column-reverse !important;
	}

	.xl\:flex-wrap {
		flex-wrap: wrap !important;
	}

	.xl\:flex-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.xl\:flex-nowrap {
		flex-wrap: nowrap !important;
	}

	.xl\:flex-1 {
		flex: 1 1 0% !important;
	}

	.xl\:flex-auto {
		flex: 1 1 auto !important;
	}

	.xl\:flex-initial {
		flex: 0 1 auto !important;
	}

	.xl\:flex-none {
		flex: none !important;
	}

	.xl\:grow {
		flex-grow: 1 !important;
	}

	.xl\:grow-0 {
		flex-grow: 0 !important;
	}

	.xl\:shrink {
		flex-shrink: 1 !important;
	}

	.xl\:shrink-0 {
		flex-shrink: 0 !important;
	}
}

/* Flex basis */

.basis-full {
	flex-basis: 100% !important;
}