html.page-transition-ready body {
  opacity: 0;
}

html.page-transition-ready.page-transition-visible body {
  opacity: 1;
}

html.page-transition-ready.page-transition-leaving body {
  opacity: 0;
  pointer-events: none;
}

html.page-transition-ready body {
  transition: opacity 240ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  html.page-transition-ready body,
  html.page-transition-ready.page-transition-visible body,
  html.page-transition-ready.page-transition-leaving body {
    opacity: 1;
    transition: none;
  }
}