.wp-block-post-template-scroller {
	--amount-slides: 1;
	--row-gap: var(--wp--style--block-gap, 1rem);
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	-ms-overflow-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.wp-block-post-template-scroller::-webkit-scrollbar {
	display: none;
}

.wp-block-post-template-scroller > * {
	--slide-width: 100%;
	box-sizing: border-box;
	max-width: 100%;
	min-width: 100%;
	scroll-snap-align: start;
}

.wp-block-post-template-scroller.columns-16 > *,
.wp-block-post-template-scroller.columns-15 > *,
.wp-block-post-template-scroller.columns-14 > *,
.wp-block-post-template-scroller.columns-13 > *,
.wp-block-post-template-scroller.columns-12 > *,
.wp-block-post-template-scroller.columns-11 > *,
.wp-block-post-template-scroller.columns-10 > *,
.wp-block-post-template-scroller.columns-9 > *,
.wp-block-post-template-scroller.columns-8 > *,
.wp-block-post-template-scroller.columns-7 > *,
.wp-block-post-template-scroller.columns-6 > *,
.wp-block-post-template-scroller.columns-5 > *,
.wp-block-post-template-scroller.columns-4 > *,
.wp-block-post-template-scroller.columns-3 > *,
.wp-block-post-template-scroller.columns-2 > * {
	--slide-width: calc(100% / var(--amount-slides) + var(--row-gap) / var(--amount-slides));
}

@media screen and (min-width: 600px) {

	.wp-block-post-template-scroller.columns-16,
	.wp-block-post-template-scroller.columns-15,
	.wp-block-post-template-scroller.columns-14,
	.wp-block-post-template-scroller.columns-13,
	.wp-block-post-template-scroller.columns-12,
	.wp-block-post-template-scroller.columns-11,
	.wp-block-post-template-scroller.columns-10,
	.wp-block-post-template-scroller.columns-9,
	.wp-block-post-template-scroller.columns-8,
	.wp-block-post-template-scroller.columns-7,
	.wp-block-post-template-scroller.columns-6,
	.wp-block-post-template-scroller.columns-5,
	.wp-block-post-template-scroller.columns-4,
	.wp-block-post-template-scroller.columns-3 {
		--amount-slides: 2;
	}

	.wp-block-post-template-scroller.is-layout-grid:not(.columns-1) > * {
		max-width: calc(var(--slide-width, 100%) - var(--row-gap));
		min-width: calc(var(--slide-width, 100%) - var(--row-gap));
	}
}

@media screen and (min-width: 782px) {

	.wp-block-post-template-scroller.columns-16 {
		--amount-slides: 16;
	}

	.wp-block-post-template-scroller.columns-15 {
		--amount-slides: 15;
	}

	.wp-block-post-template-scroller.columns-14 {
		--amount-slides: 14;
	}

	.wp-block-post-template-scroller.columns-13 {
		--amount-slides: 13;
	}

	.wp-block-post-template-scroller.columns-12 {
		--amount-slides: 12;
	}

	.wp-block-post-template-scroller.columns-11 {
		--amount-slides: 11;
	}

	.wp-block-post-template-scroller.columns-10 {
		--amount-slides: 10;
	}

	.wp-block-post-template-scroller.columns-9 {
		--amount-slides: 9;
	}

	.wp-block-post-template-scroller.columns-8 {
		--amount-slides: 8;
	}

	.wp-block-post-template-scroller.columns-7 {
		--amount-slides: 7;
	}

	.wp-block-post-template-scroller.columns-6 {
		--amount-slides: 6;
	}

	.wp-block-post-template-scroller.columns-5 {
		--amount-slides: 5;
	}

	.wp-block-post-template-scroller.columns-4 {
		--amount-slides: 4;
	}

	.wp-block-post-template-scroller.columns-3 {
		--amount-slides: 3;
	}

	.wp-block-post-template-scroller.columns-2 {
		--amount-slides: 2;
	}
}