.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;
  border-radius: 10px;
}

.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
  }
}