.mmc-carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
  --swiper-navigation-size: var(--mmc-nav-size, 44px);
}
.mmc-carousel::before {
  content: none;
}
.mmc-carousel .swiper-wrapper {
  position: relative;
  width: 100%;
}
.mmc-carousel .swiper-slide {
  display: flex;
  align-items: stretch;
  height: auto;
}
.mmc-carousel .swiper-button-prev,
.mmc-carousel .swiper-button-next {
  width: var(--mmc-nav-size, 44px);
  height: var(--mmc-nav-size, 44px);
  color: var(--mmc-nav-color, #fff);
}
.mmc-carousel .swiper-button-prev::after,
.mmc-carousel .swiper-button-next::after {
  font-size: calc(var(--mmc-nav-size, 44px) * 0.45);
  color: var(--mmc-nav-color, #fff);
}
.mmc-carousel .swiper-pagination-bullet {
  background: var(--mmc-pagination-color, rgba(255, 255, 255, 0.4));
  opacity: 1;
}
.mmc-carousel .swiper-pagination-bullet-active {
  background: var(--mmc-pagination-active-color, #fff);
}
.mmc-media-item {
  position: relative;
  width: 100%;
  padding-top: var(--mmc-ratio, 56.25%);
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.mmc-media-item iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}