.page-transition {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity var(--transition-page) ease,
    transform var(--transition-page) ease;
  will-change: opacity, transform;
}

.page-transition.is-leaving {
  opacity: 0;
  transform: translateY(10px);
}

.page-transition.is-entering {
  opacity: 0;
  transform: translateY(-10px);
}

.page-transition.is-visible {
  opacity: 1;
  transform: translateY(0);
}