.thumbs-position-left {
	flex-wrap: nowrap;
}

.thumbs-position-left.wd-has-thumb .wd-gallery-images {
	flex: 0 0 100%;
	max-width: calc(100% - var(--wd-thumbs-width, 132px));
	align-self: flex-start;
}

.thumbs-position-left .wd-gallery-thumb {
	flex: 1 1 auto;
	order: -1;
	height: var(--wd-thumbs-height, auto);
}

.thumbs-position-left .wd-gallery-thumb .wd-carousel-inner {
	position: absolute;
	inset: 0;
}

.thumbs-position-left .wd-gallery-thumb .wd-carousel {
	margin-inline: 0;
	touch-action: pan-x;
	height: calc(var(--wd-thumbs-height, 100%) - 30px);
}

.thumbs-position-left .wd-gallery-thumb .wd-carousel-wrap {
	flex-direction: column;
}

.thumbs-position-left .wd-gallery-thumb .wd-carousel-item {
	flex: 0 0 auto;
	max-width: none;
	height: calc(100% / var(--wd-col));
	padding-inline: 0;
	width: 100%;
}

.thumbs-position-left .wd-gallery-thumb .wd-carousel-item img {
	height: calc(100% - var(--wd-gap));
	margin-bottom: var(--wd-gap);
	object-fit: cover;
}

.thumbs-position-left .wd-thumb-nav {
	--wd-arrow-width: 100%;
	--wd-arrow-height: 30px;
	--wd-arrow-icon-size: 14px;
	--wd-arrow-bg: var(--bgcolor-gray-200);
	--wd-arrow-bg-hover: var(--bgcolor-gray-300);
	--wd-arrow-bg-dis: var(--bgcolor-gray-200);
	--wd-arrow-radius: calc(var(--wd-brd-radius) / 1.5);
	display: flex;
	gap: 5px;
}

.thumbs-position-left .wd-thumb-nav .wd-btn-arrow {
	flex: 1 1 auto;
}

.thumbs-position-left .wd-thumb-nav .wd-arrow-inner:after {
	rotate: 90deg;
}

.thumbs-position-left .wd-thumb-nav.wd-pos-sep .wd-btn-arrow {
	position: static;
}

@media (min-width: 1025px) {
	.thumbs-position-left [style*="col-lg:auto"] .wd-carousel-item {
		height: auto;
	}
	
	.thumbs-position-left [style*="col-lg:auto"] .wd-carousel-item img {
		height: auto;
	}
}

@media (max-width: 768.98px) {
	.thumbs-position-left [style*="col-sm:auto"] .wd-carousel-item {
		height: auto;
	}
	
	.thumbs-position-left [style*="col-sm:auto"] .wd-carousel-item img {
		height: auto;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.thumbs-position-left [style*="col-md:auto"] .wd-carousel-item {
		height: auto;
	}
	
	.thumbs-position-left [style*="col-md:auto"] .wd-carousel-item img {
		height: auto;
	}
}