.grid,
.inline-grid {
	--gap: 2rem;
	--gap-compact: 1.5rem;
	--gap-comfortable: 2rem;
	grid-template-columns: 1fr;
	gap: var(--gap);
}

.grid {
	display: grid;
}

.inline-grid {
	display: inline-grid;
}

.cols-auto {
	grid-auto-flow: column;
	grid-auto-rows: max-content;
}

.rows-auto {
	grid-auto-flow: row;
	grid-auto-columns: max-content;
}

.col-span-auto {
	grid-column: auto;
}
.col-span-full {
	grid-column: 1 / -1;
}
.col-span-1 {
	grid-column: span 1 / span 1;
}
.col-span-2 {
	grid-column: span 2 / span 2;
}
.col-span-3 {
	grid-column: span 3 / span 3;
}
.col-span-4 {
	grid-column: span 4 / span 4;
}
.col-span-5 {
	grid-column: span 5 / span 5;
}

.row-span-auto {
	grid-row: auto;
}
.row-span-full {
	grid-row: 1 / -1;
}
.row-span-1 {
	grid-row: span 1 / span 1;
}
.row-span-2 {
	grid-row: span 2 / span 2;
}
.row-span-3 {
	grid-row: span 3 / span 3;
}
.row-span-4 {
	grid-row: span 4 / span 4;
}

@media (min-width: 576px) {
	.grid {
		--gap: 2.5rem;
		--gap-compact: 1.5rem;
		--gap-comfortable: 3rem;
	}

	.sm\:cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--gap-comfortable);
	}
	.sm\:cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--gap);
	}
	.sm\:cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--gap);
	}
	.sm\:cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: var(--gap-compact);
	}

	.sm\:col-span-auto {
		grid-column: auto;
	}
	.sm\:col-span-full {
		grid-column: 1 / -1;
	}
	.sm\:col-span-1 {
		grid-column: span 1 / span 1;
	}
	.sm\:col-span-2 {
		grid-column: span 2 / span 2;
	}
	.sm\:col-span-3 {
		grid-column: span 3 / span 3;
	}
	.sm\:col-span-4 {
		grid-column: span 4 / span 4;
	}
	.sm\:col-span-5 {
		grid-column: span 5 / span 5;
	}
}

@media (min-width: 768px) {
	.grid {
		--gap: 3rem;
		--gap-compact: 1.5rem;
		--gap-comfortable: 4rem;
	}

	.cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--gap-comfortable);
	}
	.cols-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--gap-comfortable);
	}
	.md\:cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--gap-comfortable);
	}
	.md\:cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--gap);
	}
	.md\:cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--gap);
	}
	.md\:cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: var(--gap-compact);
	}

	.md\:col-span-auto {
		grid-column: auto;
	}
	.md\:col-span-full {
		grid-column: 1 / -1;
	}
	.md\:col-span-1 {
		grid-column: span 1 / span 1;
	}
	.md\:col-span-2 {
		grid-column: span 2 / span 2;
	}
	.md\:col-span-3 {
		grid-column: span 3 / span 3;
	}
	.md\:col-span-4 {
		grid-column: span 4 / span 4;
	}
	.md\:col-span-5 {
		grid-column: span 5 / span 5;
	}
}

@media (min-width: 1024px) {
	.grid {
		--gap: 3.5rem;
		--gap-compact: 2rem;
		--gap-comfortable: 5rem;
	}

	.cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--gap);
	}
	.lg\:cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--gap-comfortable);
	}
	.lg\:cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--gap);
	}
	.lg\:cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--gap);
	}
	.lg\:cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: var(--gap-compact);
	}

	.lg\:col-span-auto {
		grid-column: auto;
	}
	.lg\:col-span-full {
		grid-column: 1 / -1;
	}
	.lg\:col-span-1 {
		grid-column: span 1 / span 1;
	}
	.lg\:col-span-2 {
		grid-column: span 2 / span 2;
	}
	.lg\:col-span-3 {
		grid-column: span 3 / span 3;
	}
	.lg\:col-span-4 {
		grid-column: span 4 / span 4;
	}
	.lg\:col-span-5 {
		grid-column: span 5 / span 5;
	}

	.cols-3.offset-1-2 > :not([class*='col-span']):nth-child(2n) {
		grid-column: span 2 / span 2;
	}

	.cols-3.offset-2-1 > :not([class*='col-span']):nth-child(2n-1) {
		grid-column: span 2 / span 2;
	}

	.cols-3.zig-zag > :not([class*='col-span']):nth-child(4n-1),
	.cols-3.zig-zag > :not([class*='col-span']):nth-child(4n-2) {
		grid-column: span 2 / span 2;
	}
}

@media (min-width: 1280px) {
	.grid {
		--gap: 3.5rem;
		--gap-compact: 2.5rem;
		--gap-comfortable: 6rem;
	}

	.cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--gap);
	}

	.cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: var(--gap-compact);
	}

	.xl\:cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--gap-comfortable);
	}
	.xl\:cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--gap);
	}
	.xl\:cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--gap);
	}
	.xl\:cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: var(--gap-compact);
	}

	.xl\:col-span-auto {
		grid-column: auto;
	}
	.xl\:col-span-full {
		grid-column: 1 / -1;
	}
	.xl\:col-span-1 {
		grid-column: span 1 / span 1;
	}
	.xl\:col-span-2 {
		grid-column: span 2 / span 2;
	}
	.xl\:col-span-3 {
		grid-column: span 3 / span 3;
	}
	.xl\:col-span-4 {
		grid-column: span 4 / span 4;
	}
	.xl\:col-span-5 {
		grid-column: span 5 / span 5;
	}
}

@media (min-width: 1540px) {
	.grid {
		--gap: 3.5rem;
		--gap-compact: 3rem;
		--gap-comfortable: 7rem;
	}

	.xxl\:cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--gap-comfortable);
	}
	.xxl\:cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--gap);
	}
	.xxl\:cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--gap);
	}
	.xxl\:cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: var(--gap-compact);
	}

	.xxl\:col-span-auto {
		grid-column: auto;
	}
	.xxl\:col-span-full {
		grid-column: 1 / -1;
	}
	.xxl\:col-span-1 {
		grid-column: span 1 / span 1;
	}
	.xxl\:col-span-2 {
		grid-column: span 2 / span 2;
	}
	.xxl\:col-span-3 {
		grid-column: span 3 / span 3;
	}
	.xxl\:col-span-4 {
		grid-column: span 4 / span 4;
	}
	.xxl\:col-span-5 {
		grid-column: span 5 / span 5;
	}
}

/* ALIGNMENT */

.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}

.content-center,
.content-center .split-layout-left, 
.content-center .split-layout-right {
	justify-content: center !important;
}
.content-left,
.content-left .split-layout-left, 
.content-left .split-layout-right {
	justify-content: flex-start !important;
}
.content-right,
.content-right .split-layout-left, 
.content-right .split-layout-right {
	justify-content: flex-end !important;
}
.content-justify,
.content-justify .split-layout-left, 
.content-justify .split-layout-right {
	justify-content: space-between !important;
}
.content-padded,
.content-padded .split-layout-left, 
.content-padded .split-layout-right {
	justify-content: space-around !important;
}
.content-top,
.content-top .split-layout-left, 
.content-top .split-layout-right {
	align-content: flex-start !important;
}
.content-middle,
.content-middle .split-layout-left, 
.content-middle .split-layout-right {
	align-content: center !important;
}
.content-bottom,
.content-bottom .split-layout-left, 
.content-bottom .split-layout-right {
	align-content: flex-end !important;
}
.content-stretch,
.content-stretch .split-layout-left, 
.content-stretch .split-layout-right {
	align-content: stretch !important;
}

.items-center,
.items-center .split-layout-left, 
.items-center .split-layout-right {
	justify-items: center !important;
}
.items-left,
.items-left .split-layout-left, 
.items-left .split-layout-right {
	justify-items: flex-start !important;
}
.items-right,
.items-right .split-layout-left, 
.items-right .split-layout-right {
	justify-items: flex-end !important;
}
.items-justify,
.items-justify .split-layout-left, 
.items-justify .split-layout-right {
	justify-items: stretch !important;
}
.items-top,
.items-top .split-layout-left, 
.items-top .split-layout-right {
	align-items: flex-start !important;
}
.items-middle,
.items-middle .split-layout-left, 
.items-middle .split-layout-right {
	align-items: center !important;
}
.items-bottom,
.items-bottom .split-layout-left, 
.items-bottom .split-layout-right {
	align-items: flex-end !important;
}
.items-stretch,
.items-stretch .split-layout-left, 
.items-stretch .split-layout-right {
	align-items: stretch !important;
}

.self-left {
	justify-self: flex-start !important;
}
.self-right {
	justify-self: flex-end !important;
}
.self-center {
	justify-self: center !important;
}
.self-justify {
	justify-self: stretch !important;
}
.self-middle {
	align-self: center !important;
}
.self-top {
	align-self: flex-start !important;
}
.self-bottom {
	align-self: flex-end !important;
}
.self-stretch {
	align-self: stretch !important;
}

@media (min-width: 576px) {
	.sm\:text-center {
		text-align: center !important;
	}
	.sm\:text-left {
		text-align: left !important;
	}
	.sm\:text-right {
		text-align: right !important;
	}

	.sm\:content-center,
	.sm\:content-center .split-layout-left, 
	.sm\:content-center .split-layout-right {
		justify-content: center !important;
	}
	.sm\:content-left,
	.sm\:content-left .split-layout-left, 
	.sm\:content-left .split-layout-right {
		justify-content: flex-start !important;
	}
	.sm\:content-right,
	.sm\:content-right .split-layout-left, 
	.sm\:content-right .split-layout-right {
		justify-content: flex-end !important;
	}
	.sm\:content-justify,
	.sm\:content-justify .split-layout-left, 
	.sm\:content-justify .split-layout-right {
		justify-content: space-between !important;
	}
	.sm\:content-padded,
	.sm\:content-padded .split-layout-left, 
	.sm\:content-padded .split-layout-right {
		justify-content: space-around !important;
	}
	.sm\:content-top,
	.sm\:content-top .split-layout-left, 
	.sm\:content-top .split-layout-right {
		align-content: flex-start !important;
	}
	.sm\:content-middle,
	.sm\:content-middle .split-layout-left, 
	.sm\:content-middle .split-layout-right {
		align-content: center !important;
	}
	.sm\:content-bottom,
	.sm\:content-bottom .split-layout-left, 
	.sm\:content-bottom .split-layout-right {
		align-content: flex-end !important;
	}
	.sm\:content-stretch,
	.sm\:content-stretch .split-layout-left, 
	.sm\:content-stretch .split-layout-right {
		align-content: stretch !important;
	}

	.sm\:items-center,
	.sm\:items-center .split-layout-left, 
	.sm\:items-center .split-layout-right {
		justify-items: center !important;
	}
	.sm\:items-left,
	.sm\:items-left .split-layout-left, 
	.sm\:items-left .split-layout-right {
		justify-items: flex-start !important;
	}
	.sm\:items-right,
	.sm\:items-right .split-layout-left, 
	.sm\:items-right .split-layout-right {
		justify-items: flex-end !important;
	}
	.sm\:items-justify,
	.sm\:items-justify .split-layout-left, 
	.sm\:items-justify .split-layout-right {
		justify-items: stretch !important;
	}
	.sm\:items-top,
	.sm\:items-top .split-layout-left, 
	.sm\:items-top .split-layout-right {
		align-items: flex-start !important;
	}
	.sm\:items-middle,
	.sm\:items-middle .split-layout-left, 
	.sm\:items-middle .split-layout-right {
		align-items: center !important;
	}
	.sm\:items-bottom,
	.sm\:items-bottom .split-layout-left, 
	.sm\:items-bottom .split-layout-right {
		align-items: flex-end !important;
	}
	.sm\:items-stretch,
	.sm\:items-stretch .split-layout-left, 
	.sm\:items-stretch .split-layout-right {
		align-items: stretch !important;
	}

	.sm\:self-left {
		justify-self: flex-start !important;
	}
	.sm\:self-right {
		justify-self: flex-end !important;
	}
	.sm\:self-center {
		justify-self: center !important;
	}
	.sm\:self-justify {
		justify-self: stretch !important;
	}
	.sm\:self-middle {
		align-self: center !important;
	}
	.sm\:self-top {
		align-self: flex-start !important;
	}
	.sm\:self-bottom {
		align-self: flex-end !important;
	}
	.sm\:self-stretch {
		align-self: stretch !important;
	}
}
@media (min-width: 768px) {
	.md\:text-center {
		text-align: center !important;
	}
	.md\:text-left {
		text-align: left !important;
	}
	.md\:text-right {
		text-align: right !important;
	}

	.md\:content-center,
	.md\:content-center .split-layout-left, 
	.md\:content-center .split-layout-right {
		justify-content: center !important;
	}
	.md\:content-left,
	.md\:content-left .split-layout-left, 
	.md\:content-left .split-layout-right {
		justify-content: flex-start !important;
	}
	.md\:content-right,
	.md\:content-right .split-layout-left, 
	.md\:content-right .split-layout-right {
		justify-content: flex-end !important;
	}
	.md\:content-justify,
	.md\:content-justify .split-layout-left, 
	.md\:content-justify .split-layout-right {
		justify-content: space-between !important;
	}
	.md\:content-padded,
	.md\:content-padded .split-layout-left, 
	.md\:content-padded .split-layout-right {
		justify-content: space-around !important;
	}
	.md\:content-top,
	.md\:content-top .split-layout-left, 
	.md\:content-top .split-layout-right {
		align-content: flex-start !important;
	}
	.md\:content-middle,
	.md\:content-middle .split-layout-left, 
	.md\:content-middle .split-layout-right {
		align-content: center !important;
	}
	.md\:content-bottom,
	.md\:content-bottom .split-layout-left, 
	.md\:content-bottom .split-layout-right {
		align-content: flex-end !important;
	}
	.md\:content-stretch,
	.md\:content-stretch .split-layout-left, 
	.md\:content-stretch .split-layout-right {
		align-content: stretch !important;
	}

	.md\:items-center,
	.md\:items-center .split-layout-left, 
	.md\:items-center .split-layout-right {
		justify-items: center !important;
	}
	.md\:items-left,
	.md\:items-left .split-layout-left, 
	.md\:items-left .split-layout-right {
		justify-items: flex-start !important;
	}
	.md\:items-right,
	.md\:items-right .split-layout-left, 
	.md\:items-right .split-layout-right {
		justify-items: flex-end !important;
	}
	.md\:items-justify,
	.md\:items-justify .split-layout-left, 
	.md\:items-justify .split-layout-right {
		justify-items: stretch !important;
	}
	.md\:items-top,
	.md\:items-top .split-layout-left, 
	.md\:items-top .split-layout-right {
		align-items: flex-start !important;
	}
	.md\:items-middle,
	.md\:items-middle .split-layout-left, 
	.md\:items-middle .split-layout-right {
		align-items: center !important;
	}
	.md\:items-bottom,
	.md\:items-bottom .split-layout-left, 
	.md\:items-bottom .split-layout-right {
		align-items: flex-end !important;
	}
	.md\:items-stretch,
	.md\:items-stretch .split-layout-left, 
	.md\:items-stretch .split-layout-right {
		align-items: stretch !important;
	}

	.md\:self-left {
		justify-self: flex-start !important;
	}
	.md\:self-right {
		justify-self: flex-end !important;
	}
	.md\:self-center {
		justify-self: center !important;
	}
	.md\:self-justify {
		justify-self: stretch !important;
	}
	.md\:self-middle {
		align-self: center !important;
	}
	.md\:self-top {
		align-self: flex-start !important;
	}
	.md\:self-bottom {
		align-self: flex-end !important;
	}
	.md\:self-stretch {
		align-self: stretch !important;
	}
}
@media (min-width: 1024px) {
	.lg\:text-center {
		text-align: center !important;
	}
	.lg\:text-left {
		text-align: left !important;
	}
	.lg\:text-right {
		text-align: right !important;
	}

	.lg\:content-center,
	.lg\:content-center .split-layout-left, 
	.lg\:content-center .split-layout-right {
		justify-content: center !important;
	}
	.lg\:content-left,
	.lg\:content-left .split-layout-left, 
	.lg\:content-left .split-layout-right {
		justify-content: flex-start !important;
	}
	.lg\:content-right,
	.lg\:content-right .split-layout-left, 
	.lg\:content-right .split-layout-right {
		justify-content: flex-end !important;
	}
	.lg\:content-justify,
	.lg\:content-justify .split-layout-left, 
	.lg\:content-justify .split-layout-right {
		justify-content: space-between !important;
	}
	.lg\:content-padded,
	.lg\:content-padded .split-layout-left, 
	.lg\:content-padded .split-layout-right {
		justify-content: space-around !important;
	}
	.lg\:content-top,
	.lg\:content-top .split-layout-left, 
	.lg\:content-top .split-layout-right {
		align-content: flex-start !important;
	}
	.lg\:content-middle,
	.lg\:content-middle .split-layout-left, 
	.lg\:content-middle .split-layout-right {
		align-content: center !important;
	}
	.lg\:content-bottom,
	.lg\:content-bottom .split-layout-left, 
	.lg\:content-bottom .split-layout-right {
		align-content: flex-end !important;
	}
	.lg\:content-stretch,
	.lg\:content-stretch .split-layout-left, 
	.lg\:content-stretch .split-layout-right {
		align-content: stretch !important;
	}

	.lg\:items-center,
	.lg\:items-center .split-layout-left, 
	.lg\:items-center .split-layout-right {
		justify-items: center !important;
	}
	.lg\:items-left,
	.lg\:items-left .split-layout-left, 
	.lg\:items-left .split-layout-right {
		justify-items: flex-start !important;
	}
	.lg\:items-right,
	.lg\:items-right .split-layout-left, 
	.lg\:items-right .split-layout-right {
		justify-items: flex-end !important;
	}
	.lg\:items-justify,
	.lg\:items-justify .split-layout-left, 
	.lg\:items-justify .split-layout-right {
		justify-items: stretch !important;
	}
	.lg\:items-top,
	.lg\:items-top .split-layout-left, 
	.lg\:items-top .split-layout-right {
		align-items: flex-start !important;
	}
	.lg\:items-middle,
	.lg\:items-middle .split-layout-left, 
	.lg\:items-middle .split-layout-right {
		align-items: center !important;
	}
	.lg\:items-bottom,
	.lg\:items-bottom .split-layout-left, 
	.lg\:items-bottom .split-layout-right {
		align-items: flex-end !important;
	}
	.lg\:items-stretch,
	.lg\:items-stretch .split-layout-left, 
	.lg\:items-stretch .split-layout-right {
		align-items: stretch !important;
	}

	.lg\:self-left {
		justify-self: flex-start !important;
	}
	.lg\:self-right {
		justify-self: flex-end !important;
	}
	.lg\:self-center {
		justify-self: center !important;
	}
	.lg\:self-justify {
		justify-self: stretch !important;
	}
	.lg\:self-middle {
		align-self: center !important;
	}
	.lg\:self-top {
		align-self: flex-start !important;
	}
	.lg\:self-bottom {
		align-self: flex-end !important;
	}
	.lg\:self-stretch {
		align-self: stretch !important;
	}
}
@media (min-width: 1280px) {
	.xl\:text-center {
		text-align: center !important;
	}
	.xl\:text-left {
		text-align: left !important;
	}
	.xl\:text-right {
		text-align: right !important;
	}

	.xl\:content-center,
	.xl\:content-center .split-layout-left, 
	.xl\:content-center .split-layout-right {
		justify-content: center !important;
	}
	.xl\:content-left,
	.xl\:content-left .split-layout-left, 
	.xl\:content-left .split-layout-right {
		justify-content: flex-start !important;
	}
	.xl\:content-right,
	.xl\:content-right .split-layout-left, 
	.xl\:content-right .split-layout-right {
		justify-content: flex-end !important;
	}
	.xl\:content-justify,
	.xl\:content-justify .split-layout-left, 
	.xl\:content-justify .split-layout-right {
		justify-content: space-between !important;
	}
	.xl\:content-padded,
	.xl\:content-padded .split-layout-left, 
	.xl\:content-padded .split-layout-right {
		justify-content: space-around !important;
	}
	.xl\:content-top,
	.xl\:content-top .split-layout-left, 
	.xl\:content-top .split-layout-right {
		align-content: flex-start !important;
	}
	.xl\:content-middle,
	.xl\:content-middle .split-layout-left, 
	.xl\:content-middle .split-layout-right {
		align-content: center !important;
	}
	.xl\:content-bottom,
	.xl\:content-bottom .split-layout-left, 
	.xl\:content-bottom .split-layout-right {
		align-content: flex-end !important;
	}
	.xl\:content-stretch,
	.xl\:content-stretch .split-layout-left, 
	.xl\:content-stretch .split-layout-right {
		align-content: stretch !important;
	}

	.xl\:items-center,
	.xl\:items-center .split-layout-left, 
	.xl\:items-center .split-layout-right {
		justify-items: center !important;
	}
	.xl\:items-left,
	.xl\:items-left .split-layout-left, 
	.xl\:items-left .split-layout-right {
		justify-items: flex-start !important;
	}
	.xl\:items-right,
	.xl\:items-right .split-layout-left, 
	.xl\:items-right .split-layout-right {
		justify-items: flex-end !important;
	}
	.xl\:items-justify,
	.xl\:items-justify .split-layout-left, 
	.xl\:items-justify .split-layout-right {
		justify-items: stretch !important;
	}
	.xl\:items-top,
	.xl\:items-top .split-layout-left, 
	.xl\:items-top .split-layout-right {
		align-items: flex-start !important;
	}
	.xl\:items-middle,
	.xl\:items-middle .split-layout-left, 
	.xl\:items-middle .split-layout-right {
		align-items: center !important;
	}
	.xl\:items-bottom,
	.xl\:items-bottom .split-layout-left, 
	.xl\:items-bottom .split-layout-right {
		align-items: flex-end !important;
	}
	.xl\:items-stretch,
	.xl\:items-stretch .split-layout-left, 
	.xl\:items-stretch .split-layout-right {
		align-items: stretch !important;
	}

	.xl\:self-left {
		justify-self: flex-start !important;
	}
	.xl\:self-right {
		justify-self: flex-end !important;
	}
	.xl\:self-center {
		justify-self: center !important;
	}
	.xl\:self-justify {
		justify-self: stretch !important;
	}
	.xl\:self-middle {
		align-self: center !important;
	}
	.xl\:self-top {
		align-self: flex-start !important;
	}
	.xl\:self-bottom {
		align-self: flex-end !important;
	}
	.xl\:self-stretch {
		align-self: stretch !important;
	}
}
@media (min-width: 1540px) {
	.xxl\:text-center {
		text-align: center !important;
	}
	.xxl\:text-left {
		text-align: left !important;
	}
	.xxl\:text-right {
		text-align: right !important;
	}

	.xxl\:content-center,
	.xxl\:content-center .split-layout-left, 
	.xxl\:content-center .split-layout-right {
		justify-content: center !important;
	}
	.xxl\:content-left,
	.xxl\:content-left .split-layout-left, 
	.xxl\:content-left .split-layout-right {
		justify-content: flex-start !important;
	}
	.xxl\:content-right,
	.xxl\:content-right .split-layout-left, 
	.xxl\:content-right .split-layout-right {
		justify-content: flex-end !important;
	}
	.xxl\:content-justify,
	.xxl\:content-justify .split-layout-left, 
	.xxl\:content-justify .split-layout-right {
		justify-content: space-between !important;
	}
	.xxl\:content-padded,
	.xxl\:content-padded .split-layout-left, 
	.xxl\:content-padded .split-layout-right {
		justify-content: space-around !important;
	}
	.xxl\:content-top,
	.xxl\:content-top .split-layout-left, 
	.xxl\:content-top .split-layout-right {
		align-content: flex-start !important;
	}
	.xxl\:content-middle,
	.xxl\:content-middle .split-layout-left, 
	.xxl\:content-middle .split-layout-right {
		align-content: center !important;
	}
	.xxl\:content-bottom,
	.xxl\:content-bottom .split-layout-left, 
	.xxl\:content-bottom .split-layout-right {
		align-content: flex-end !important;
	}
	.xxl\:content-stretch,
	.xxl\:content-stretch .split-layout-left, 
	.xxl\:content-stretch .split-layout-right {
		align-content: stretch !important;
	}

	.xxl\:items-center,
	.xxl\:items-center .split-layout-left, 
	.xxl\:items-center .split-layout-right {
		justify-items: center !important;
	}
	.xxl\:items-left,
	.xxl\:items-left .split-layout-left, 
	.xxl\:items-left .split-layout-right {
		justify-items: flex-start !important;
	}
	.xxl\:items-right,
	.xxl\:items-right .split-layout-left, 
	.xxl\:items-right .split-layout-right {
		justify-items: flex-end !important;
	}
	.xxl\:items-justify,
	.xxl\:items-justify .split-layout-left, 
	.xxl\:items-justify .split-layout-right {
		justify-items: stretch !important;
	}
	.xxl\:items-top,
	.xxl\:items-top .split-layout-left, 
	.xxl\:items-top .split-layout-right {
		align-items: flex-start !important;
	}
	.xxl\:items-middle,
	.xxl\:items-middle .split-layout-left, 
	.xxl\:items-middle .split-layout-right {
		align-items: center !important;
	}
	.xxl\:items-bottom,
	.xxl\:items-bottom .split-layout-left, 
	.xxl\:items-bottom .split-layout-right {
		align-items: flex-end !important;
	}
	.xxl\:items-stretch,
	.xxl\:items-stretch .split-layout-left, 
	.xxl\:items-stretch .split-layout-right {
		align-items: stretch !important;
	}
	.xxl\:self-left {
		justify-self: flex-start !important;
	}
	.xxl\:self-right {
		justify-self: flex-end !important;
	}
	.xxl\:self-center {
		justify-self: center !important;
	}
	.xxl\:self-justify {
		justify-self: stretch !important;
	}
	.xxl\:self-middle {
		align-self: center !important;
	}
	.xxl\:self-top {
		align-self: flex-start !important;
	}
	.xxl\:self-bottom {
		align-self: flex-end !important;
	}
	.xxl\:self-stretch {
		align-self: stretch !important;
	}
}
