/* NAPKINART_ATOMIC_ROUTE_TRANSITIONS_V1_START */
:root {
  --napkin-route-reveal-duration: 140ms;
}

#screen {
  opacity: 1;
  transition: opacity var(--napkin-route-reveal-duration) cubic-bezier(.22, .8, .3, 1);
  will-change: opacity;
}

html.napkin-route-staging #screen {
  opacity: 0 !important;
  pointer-events: none !important;
  min-height: 70svh !important;
}

html.napkin-route-staging #screen *,
html.napkin-route-staging #screen *::before,
html.napkin-route-staging #screen *::after {
  animation-play-state: paused !important;
}

@media (prefers-reduced-motion: reduce) {
  #screen { transition: none !important; }
}
/* NAPKINART_ATOMIC_ROUTE_TRANSITIONS_V1_END */