.kk-fade-carousel {
  width: 100%;
  position: relative;
}

.kk-fade-carousel .swiper-slide {
  height: auto;
}

.kk-fade-carousel .swiper-wrapper {
  align-items: stretch;
}

.kk-fade-carousel .kkfc-placeholder {
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed rgba(0,0,0,.18);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}

.kk-fade-carousel .kkfc-prev,
.kk-fade-carousel .kkfc-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.55);
  transform: translateY(-50%);
  cursor: pointer;
}

.kk-fade-carousel .kkfc-prev {
  left: 10px;
}

.kk-fade-carousel .kkfc-next {
  right: 10px;
}

.kk-fade-carousel .kkfc-prev::before,
.kk-fade-carousel .kkfc-next::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.kk-fade-carousel .kkfc-prev::before {
  transform: rotate(-135deg);
}

.kk-fade-carousel .kkfc-next::before {
  transform: rotate(45deg);
}

.kk-fade-carousel .swiper-pagination {
  position: static;
  margin-top: 16px;
}

.kk-fade-carousel.kk-effect-zoom .swiper-slide {
  transform: scale(0.96);
  opacity: 0.65;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.kk-fade-carousel.kk-effect-zoom .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}