@layer layout {
	.klt-layout--split {
		display: grid;
		gap: var(--klt-space-l);
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.klt-layout--split-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.klt-layout--split.klt-layout--wide-start {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	.klt-layout--split.klt-layout--wide-end {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}

	.klt-layout--split.klt-layout--custom {
		grid-template-columns: var(--klt-layout-columns) !important;
	}

	.klt-layout--split.klt-layout--single {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	@media (max-width: 60rem) {
		.klt-layout--split,
		.klt-layout--split.klt-layout--wide-start,
		.klt-layout--split.klt-layout--wide-end,
		.klt-layout--split.klt-layout--custom {
			grid-template-columns: minmax(0, 1fr);
		}

		.klt-layout--split.klt-layout--custom {
			grid-template-columns: minmax(0, 1fr) !important;
		}
	}
}