.slideshow {
  display: block;
}
.slideshow__item {
  position: relative;
  height: var(--slideshow-height);
  aspect-ratio: var(--slideshow-ratio);
}
.slideshow__item .slideshow__media-wrapper {
  height: var(--slideshow-height);
  aspect-ratio: var(--slideshow-ratio);
}

.slideshow__item-layout {
  position: absolute;
  inset: 0;
  background: var(--overlay);
  z-index: 2;
}

.slideshow__item-content {
  display: flex;
  flex-direction: column;
  background: var(--content-background);
  border-radius: var(--content-radius);
  backdrop-filter: blur(var(--content-background-blur));
}
.slideshow__item-content.text-align-left {
  align-items: flex-start;
  text-align: left;
}
.slideshow__item-content.text-align-center {
  align-items: center;
  text-align: center;
}
.slideshow__item-content.text-align-right {
  align-items: flex-end;
  text-align: right;
}

/* slidesow controls */
.slideshow-controls-bottom .splide__arrows {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 0 30px;
  z-index: 1;
  /* border-top: solid 1px rgba(255,255,255,.1); */
}
.slideshow-controls-bottom .splide__arrows::before {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.4);
  backdrop-filter: blur(6px);
}
.slideshow-controls-bottom .splide__arrow {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  transform: unset;
  color: #fff;
  background: transparent;
}
.slideshow-controls-bottom .splide__arrow svg {
  width: 32px;
  height: 32px;
}
.slideshow .splide__pagination {
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  gap: 4px;
}
.slideshow .splide__pagination__page.is-active {
  transform: unset;
  background: none;
  border: solid 1px #000;
}
.slideshow .splide__pagination__page {
  background: #fff;
}

.slideshow.items-1 .splide__pagination,
.slideshow.items-1 .splide__arrows {
  display: none !important;
}