.slideshow-v1__item {
  position: relative;
  cursor: ew-resize;
}

.slideshow-v1__item img {
  width: 100%;
  height: 80dvh;
  object-fit: cover;
}

.slideshow-v1__content {
  position: absolute;
  top: 50%;
  width: 50%;
  transform: translateY(-50%);
  padding: 10vh 10vw;
}
@media (max-width: 767px) {
  .slideshow-v1__content {
    left: 0 !important;
    right: 0 !important;
    text-align: center;
    width: 100%;
  }
}

.slideshow-v1__title {
  font-size: clamp(3rem, calc(2.5vw + 2rem), 5rem);
  font-weight: 500;
  color: rgba(var(--color-foreground));
}

.slideshow-v1__desc {
  color: rgba(var(--color-foreground), 0.7);
  font-size: 1.6rem;
  padding-bottom: 3rem;
}

@media (min-width: 768px) {
  .slideshow-v1__image--mobile {
    display: none;
  }
  .slideshow-v1__image--desk {
    display: block;
  }
}
@media (max-width: 767px) {
  .slideshow-v1__image--desk {
    display: none;
  }
  .slideshow-v1__image--mobile {
    display: block;
  }
}
.slideshow-v1__pagination {
  display: none;
  gap: 0.6rem;
}
@media (min-width: 768px) {
  .slideshow-v1__pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 9;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
  }
  [dir=ltr] .slideshow-v1__pagination {
    padding-left: 0.5rem;
  }
  [dir=rtl] .slideshow-v1__pagination {
    padding-right: 0.5rem;
  }
  .slideshow-v1__pagination xo-carousel-bullet[xo-active]:not([xo-active=false]) .slideshow-v1__bullet {
    background-color: rgba(var(--color-foreground));
  }
}

.slideshow-v1__bullet {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgba(var(--color-foreground), 0.2);
  transition: 0.3s;
}
@media (min-width: 768px) {
  .slideshow-v1__bullet {
    width: 0.8rem;
    height: 0.8rem;
  }
}