[data-zr-shared-slider] .zr-more-slider-stage,
[data-zr-shared-slider] .zr-more-slider-image,
[data-zr-shared-slider] .zr-more-slider-pieces {
  position: absolute;
  inset: 0;
}

[data-zr-shared-slider] .zr-more-slider-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

[data-zr-shared-slider] .zr-more-slider-image.is-reveal {
  opacity: 0;
}

[data-zr-shared-slider].zr-shared-slider.is-effect-running .zr-more-slider-image.is-reveal {
  opacity: 1;
  transition: opacity 0.34s ease;
}

[data-zr-shared-slider].zr-shared-slider.is-effect-running .zr-more-slider-image.is-current {
  opacity: 0.08;
  transition:
    opacity 1s ease,
    transform 1s ease;
}

[data-zr-shared-slider] .zr-more-slider-piece {
  position: absolute;
  background-repeat: no-repeat;
  opacity: 0;
  filter: blur(4px);
  backface-visibility: hidden;
  transform-origin: center center;
  transition:
    opacity 0.68s ease,
    transform 0.96s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.68s ease;
}

[data-zr-shared-slider].zr-shared-slider.is-effect-running.is-effect-threed .zr-more-slider-piece {
  transform-origin: center center;
}

[data-zr-shared-slider].zr-shared-slider.is-effect-running.is-effect-fragments .zr-more-slider-piece,
[data-zr-shared-slider].zr-shared-slider.is-effect-running.is-effect-shards .zr-more-slider-piece {
  transform-origin: center center;
}

[data-zr-shared-slider].zr-shared-slider.is-effect-running.is-effect-fade .zr-more-slider-image.is-current {
  opacity: 0;
}

[data-zr-shared-slider].zr-shared-slider.is-effect-running.is-effect-shrink .zr-more-slider-image.is-current {
  opacity: 0;
  transform: scale(0.94);
}

[data-zr-shared-slider].zr-shared-slider.is-effect-running.is-effect-fragments .zr-more-slider-image.is-current,
[data-zr-shared-slider].zr-shared-slider.is-effect-running.is-effect-shards .zr-more-slider-image.is-current {
  opacity: 0.04;
  transform: scale(1.03);
}

[data-zr-shared-slider].zr-shared-slider.is-effect-running.is-effect-curtain .zr-more-slider-image.is-current {
  opacity: 0.05;
}

[data-zr-shared-slider] .zr-more-slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 4;
  border: none;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
  transition:
    background 0.2s ease,
    opacity 0.2s ease;
}

[data-zr-shared-slider] .zr-more-slider-dots {
  position: absolute;
  left: 50%;
  bottom: 22px;
  z-index: 4;
  display: flex;
  gap: 10px;
  transform: translateX(-50%);
}

[data-zr-shared-slider] .zr-more-slider-dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  appearance: none;
  font-size: 0;
  line-height: 0;
  transition:
    background 0.2s ease,
    transform 0.2s ease,
    opacity 0.2s ease;
}

[data-zr-shared-slider] .zr-more-slider-dot:hover,
[data-zr-shared-slider] .zr-more-slider-dot:focus-visible {
  background: rgba(255, 255, 255, 0.75);
  outline: none;
}

[data-zr-shared-slider] .zr-more-slider-dot.is-active {
  background: rgb(102, 0, 0);
}