/* See https://developer.chrome.com/docs/web-platform/view-transitions/cross-document */
@view-transition {
  navigation: auto;
}

@keyframes slideInRight {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes slideOutLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100vw);
  }
}

::view-transition-old(mainContainer) {
  animation: slideOutLeft 0.3s ease;
}

::view-transition-new(mainContainer) {
  animation: slideInRight 0.3s ease;
}