.wd-carousel-container {
	--wd-width: 100%;
	position: relative;
	width: var(--wd-width);
}

.wd-carousel-inner {
	position: relative;
	margin: -15px 0;
}

.wd-carousel {
	position: relative;
	overflow-x: var(--wd-carousel-overflow, clip);
	overflow-y: var(--wd-carousel-overflow, unset);
	padding: 15px 0;
	margin-inline: calc(var(--wd-gap) / -2);
	touch-action: pan-y;
}

@supports not (overflow: clip) {
	.wd-carousel {
		overflow: var(--wd-carousel-overflow, hidden);
	}
}

.wd-carousel-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: initial;
	box-sizing: content-box;
	transform: translate3d(0px, 0, 0);
}

.wd-carousel-item {
	position: relative;
	height: 100%;
	flex: 0 0 calc(100% / var(--wd-col));
	max-width: calc(100% / var(--wd-col));
	padding: 0 calc(var(--wd-gap) / 2);
	transition-property: transform;
	transform: translate3d(0px, 0, 0);
}

.wd-backface-hidden .wd-carousel-item {
	transform: translateZ(0);
	backface-visibility: hidden;
}

.wd-autoheight, .wd-autoheight .wd-carousel-item {
	height: auto;
}

.wd-autoheight .wd-carousel-wrap {
	align-items: flex-start;
	transition-property: transform, height;
}

@media (min-width: 1025px) {}

@media (max-width: 768.98px) {}

@media (min-width: 769px) and (max-width: 1024px) {}