.yc-slideshow {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
}

.yc-slideshow__viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0;
}

.yc-slideshow__slide {
  position: relative;
  overflow: hidden;
  height: auto;
  aspect-ratio: var(--yc-slideshow-width) / var(--yc-slideshow-height);
  background: #f7f7f7;
}

.yc-slideshow__media,
.yc-slideshow__image {
  display: block;
  width: 100%;
  height: 100%;
}

.yc-slideshow__image {
  object-fit: var(--yc-slideshow-fit);
  object-position: var(--yc-slideshow-position);
}

.yc-slideshow__pagination,
.yc-slideshow__button {
  display: none;
}

.yc-slideshow__scrollbar.swiper-scrollbar {
  position: relative;
  left: auto;
  bottom: auto;
  width: 100%;
  height: 4px;
  margin-top: 8px;
  background: rgba(0, 0, 0, 0.12);
}

.yc-slideshow__scrollbar .swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.45);
}