.x-scroll-animation,
.mobile-x-scroll-animation {
	/* overflow: hidden; */
	/* width: 100%; */
	/* Allow user to override display; wrapper can be anything */
}

.x-scroll-animation .x-scroll-track,
.x-scroll-animation-reverse .x-scroll-track,
.mobile-x-scroll-animation .x-scroll-track,
.mobile-x-scroll-animation-reverse .x-scroll-track {
	display: flex;
	/* flex-wrap: nowrap; */
	/* align-items: stretch; */
	/* will-change: transform; */
	/* gap: 0;  */
    /* avoid accidental gaps */
    gap: var(--wp--preset--spacing--30)
}

.x-scroll-animation .x-scroll-set,
.x-scroll-animation-reverse .x-scroll-set,
.mobile-x-scroll-animation .x-scroll-set,
.mobile-x-scroll-animation-reverse .x-scroll-set {
	display: inline-flex;
	/* flex-wrap: nowrap; */
	/* gap: 0; */
    gap: var(--wp--preset--spacing--30);
}

@media (prefers-reduced-motion: reduce) {
	.x-scroll-animation .x-scroll-track,
	.x-scroll-animation-reverse .x-scroll-track,
	.mobile-x-scroll-animation .x-scroll-track,
	.mobile-x-scroll-animation-reverse .x-scroll-track {
		transform: none !important;
	}
}