.vp-swiper {
  position: relative;
  overflow: hidden;
  display: block !important;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 100vh;
  --swiper-wrapper-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.vp-swiper .vp-slide {
  min-height: 100vh;
}

.vp-swiper .vp-swiper-inner,
.vp-swiper .swiper,
.vp-swiper .swiper-wrapper,
.vp-swiper .swiper-slide {
  width: 100%;
  height: 100vh;
}

.vp-swiper .swiper-wrapper {
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, cubic-bezier(0.39, 0.575, 0.565, 1)) !important;
}

.vp-swiper .vp-anim-target {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

.vp-swiper .swiper-slide.vp-slide-active .vp-anim-target.vp-content-enter {
  opacity: 1;
  transform: translateY(0);
}

.vp-swiper .vp-anim-target.vp-content-leave {
  opacity: 0;
  transform: translateY(24px);
}