.slideshow {
  overflow: unset;
}

.slideshow__item {
  content-visibility: auto;
  contain-intrinsic-size: auto none;
}

.slideshow__item.active {
  content-visibility: visible;
  z-index: 1;
}

.slideshow__image {
  color: rgb(var(--color-text));
}

.slideshow__image-mask {
  background-color: rgb(var(--color-mask)/ var(--mask-opacity));
}

.slideshow__content .block-group {
  pointer-events: auto;
}

.slideshow__pager {
  z-index: 1;
  position: absolute;
  inset-block-end: 16px;
  inset-inline-start: 50%;
  transform: translate(calc(-50% * var(--transform-logical)), 0);
}

.slideshow__pager.carousel-indicator__dots {
  padding: 5px 20px;
  border-radius: 6px;
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-background)/ 0.3);
  backdrop-filter: blur(16px);
}

.slideshow__pager.carousel-indicator__arrows {
  width: 100%;
  height: 100%;
  inset: 0;
  transform: none;
  overflow: hidden;
  justify-content: space-between;
  pointer-events: none;
}

.slideshow__pager.carousel-indicator__arrows button {
  pointer-events: auto;
  transform: scale(1.25);
}

@media (min-width: 960px) {
  .slideshow__pager {
    inset-block-end: 32px;
  }
}

@media (max-width: 959px) {
  .slideshow__pager.carousel-indicator__arrows {
    display: none;
  }
}

@media (pointer: fine) {
  .slideshow__pager.carousel-indicator__arrows {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .slideshow:hover .slideshow__pager.carousel-indicator__arrows {
    opacity: 1;
  }
}

.slideshow .video-media__play {
  width: 44px;
  height: 44px;
  border: none;
  transform: none;
  inset: unset;
  inset-block-end: 16px;
  inset-inline-end: 16px;
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-background) / 0.5);
}

@media (min-width: 960px) {
  .slideshow .video-media__play {
    width: 55px;
    height: 55px;
    inset-block-end: 32px;
    inset-inline-end: 32px;
  }
}