/* SWIPER
================================================== */
.swiper-horizontal {
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--h);
    position: fixed;
    touch-action: pan-y;
}
.swiper-container{
  transition: background 0.2s ease;
}
.swiper-slide {
  color: #333;
  width: 50%;
  transition: width 0.3s ease;
}
.cover {
    display: flex;
    width: 100%;
    height: var(--h);
}
img{
  padding: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.custom-prev, .custom-next {
    cursor: normal;
    z-index: 100;
    height: var(--h);
    width: 50vw;
    position: fixed;
}
.custom-nav.active{
  pointer-events: none;
}
.custom-nav.hover-active{
  pointer-events: none;
}
.custom-prev{
  left: 0px;
}
.custom-next {
  right: 0px;
}