/* Containers */
.pe-pt-overlay-split {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  pointer-events: none;
  background: transparent;
}
.pe-pt-in-split {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  pointer-events: none;
  background: transparent;
}

/* Halves common — solid color, transition transform */
.pe-pt-overlay-split .pe-pt-half,
.pe-pt-in-split .pe-pt-half {
  position: absolute;
  background: var(--pe-pt-color, #000000);
  will-change: transform;
  transition: transform var(--pro-transition-duration, 0.6s)
              var(--pe-pt-easing, cubic-bezier(0.7,0,0.3,1));
}

/* VERTICAL — halves are top half + bottom half */
.pe-pt-overlay-split[data-direction="vertical"] .pe-pt-half[data-position="top"],
.pe-pt-in-split[data-direction="vertical"] .pe-pt-half[data-position="top"] {
  top: 0; left: 0; right: 0; height: 50%;
}
.pe-pt-overlay-split[data-direction="vertical"] .pe-pt-half[data-position="bottom"],
.pe-pt-in-split[data-direction="vertical"] .pe-pt-half[data-position="bottom"] {
  bottom: 0; left: 0; right: 0; height: 50%;
}

/* OUT vertical: halves start off-screen, converge to center */
.pe-pt-overlay-split[data-direction="vertical"] .pe-pt-half[data-position="top"] {
  transform: translateY(-100%);
}
.pe-pt-overlay-split[data-direction="vertical"] .pe-pt-half[data-position="bottom"] {
  transform: translateY(100%);
}
.pe-pt-overlay-split[data-direction="vertical"].is-leaving .pe-pt-half {
  transform: translateY(0);
}
.pe-pt-overlay-split.is-leaving { pointer-events: auto; }

/* IN vertical: halves start at center (covering), split APART revealing new page */
.pe-pt-in-split[data-direction="vertical"] .pe-pt-half {
  transform: translateY(0);
}
.pe-pt-in-split[data-direction="vertical"].is-revealing .pe-pt-half[data-position="top"] {
  transform: translateY(-100%);
}
.pe-pt-in-split[data-direction="vertical"].is-revealing .pe-pt-half[data-position="bottom"] {
  transform: translateY(100%);
}

/* HORIZONTAL — halves are left half + right half (mirror with X axis) */
.pe-pt-overlay-split[data-direction="horizontal"] .pe-pt-half[data-position="left"],
.pe-pt-in-split[data-direction="horizontal"] .pe-pt-half[data-position="left"] {
  top: 0; bottom: 0; left: 0; width: 50%;
}
.pe-pt-overlay-split[data-direction="horizontal"] .pe-pt-half[data-position="right"],
.pe-pt-in-split[data-direction="horizontal"] .pe-pt-half[data-position="right"] {
  top: 0; bottom: 0; right: 0; width: 50%;
}

.pe-pt-overlay-split[data-direction="horizontal"] .pe-pt-half[data-position="left"] {
  transform: translateX(-100%);
}
.pe-pt-overlay-split[data-direction="horizontal"] .pe-pt-half[data-position="right"] {
  transform: translateX(100%);
}
.pe-pt-overlay-split[data-direction="horizontal"].is-leaving .pe-pt-half {
  transform: translateX(0);
}
.pe-pt-in-split[data-direction="horizontal"] .pe-pt-half {
  transform: translateX(0);
}
.pe-pt-in-split[data-direction="horizontal"].is-revealing .pe-pt-half[data-position="left"] {
  transform: translateX(-100%);
}
.pe-pt-in-split[data-direction="horizontal"].is-revealing .pe-pt-half[data-position="right"] {
  transform: translateX(100%);
}