/**
 * Transição entre páginas (deslize horizontal + opacidade), inspirado em page-anim.css
 */
html.piti-navigating {
  overflow: hidden;
}

.rpd-wrapper,
.piti-page-shell {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s ease-in, opacity 0.5s ease-in;
  will-change: transform, opacity;
}

.rpd-wrapper.piti-page-leave,
.piti-page-shell.piti-page-leave {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.rpd-wrapper.piti-page-enter,
.piti-page-shell.piti-page-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.rpd-wrapper.piti-page-active,
.piti-page-shell.piti-page-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .rpd-wrapper,
  .piti-page-shell {
    transition: none;
  }

  .rpd-wrapper.piti-page-leave,
  .rpd-wrapper.piti-page-enter,
  .piti-page-shell.piti-page-leave,
  .piti-page-shell.piti-page-enter {
    opacity: 1;
    transform: none;
  }
}