#slider {
		padding: 0 5%;
		
		scrollbar-width: none; 
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
	}

	@media (min-width: 640px) {

	#slider {
			padding: 0 calc((100vw - clamp(240px, 90%, 1440px) - 2.5rem) / 2);
	}
		}

	#slider::-webkit-scrollbar {
		display: none;
	}

	#slider > .wp-block-xii-component-role {
		width: calc((21 * var(--wp--custom--xii-grid-gap)));
	}

	#slider > .wp-block-xii-component-role > * {
		width: 100%;
}

	@media (min-width: 400px) {

	#slider > .wp-block-xii-component-role {
			width: calc(15 * var(--wp--custom--xii-grid-gap));
	}
		}

	@media (min-width: 640px) {

	#slider > .wp-block-xii-component-role {
			width: calc(12 * var(--wp--custom--xii-grid-gap));
	}
		}

	@media (min-width: 768px) {

	#slider > .wp-block-xii-component-role {
			width: calc(10 * var(--wp--custom--xii-grid-gap));
	}
		}

	@media (min-width: 1024px) {

	#slider > .wp-block-xii-component-role {
			width: calc(8 * var(--wp--custom--xii-grid-gap));
	}
		}

	@media (min-width: 1280px) {

	#slider > .wp-block-xii-component-role {
			width: calc((6 * var(--wp--custom--xii-grid-gap)));
	}
		}

.flex {
		display: flex;
}

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

.gap-\[--wp--custom--xii-grid-gap\] {
		gap: var(--wp--custom--xii-grid-gap);
}

.overflow-visible {
		overflow: visible;
}

.overflow-x-auto {
		overflow-x: auto;
}