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

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

.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.swiper-pagination {
  bottom: 12px;
}

.yc-slideshow__button.swiper-button-prev,
.yc-slideshow__button.swiper-button-next {
  width: 38px;
  height: 38px;
  color: #333;
}

.yc-slideshow__scrollbar {
  display: none;
}