.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: var(--wd-carousel-overflow, hidden);
  padding: 15px 0;
  margin-inline: calc(var(--wd-gap) / -2);
  touch-action: pan-y;
}
@supports (overflow: clip) {
  .wd-carousel {
    overflow: var(--wd-carousel-overflow, clip);
  }
}
.wd-carousel-wrap {
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: initial;
  box-sizing: content-box;
  transform: translate3d(0px, 0, 0);
}
.wd-carousel-wrap {
  /* предотвращает переполнение ряда */
  min-width: 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-carousel-item {
  /* Учитываем внутренние отступы в расчёте ширины элемента */
  box-sizing: border-box;
  /* Разрешаем сужение внутри флекс-контейнера */
  min-width: 0;
}
.wd-backface-hidden .wd-carousel-item {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.wd-carousel[data-center_mode="yes"] .wd-carousel-wrap:not([style]) {
  transform: translate3d(calc(50% - (100% / var(--wd-col)) / 2), 0, 0);
}
.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) {
  .wd-carousel-container:not(.wd-off-lg)
    [style*="col-lg:1;"]:not(.wd-initialized)
    > .wd-carousel-wrap
    > .wd-carousel-item:nth-child(n + 2) {
    display: none;
  }
}
@media (max-width: 768.98px) {
  .wd-carousel-container:not(.wd-off-sm)
    [style*="col-sm:1;"]:not(.wd-initialized)
    > .wd-carousel-wrap
    > .wd-carousel-item:nth-child(n + 2) {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .wd-carousel-container:not(.wd-off-md)
    [style*="col-md:1;"]:not(.wd-initialized)
    > .wd-carousel-wrap
    > .wd-carousel-item:nth-child(n + 2) {
    display: none;
  }
}