:root {
  --route-arrival-duration: var(--duration-fast, 250ms);
  --route-arrival-ease: var(--ease-smooth-out, cubic-bezier(0.22, 1, 0.36, 1));
}

/* Promote only the arriving view, and release it on completion or interruption. */
.view[data-route-entering] { will-change: opacity; }

@media (prefers-reduced-motion: reduce) {
  :root { --route-arrival-duration: 0ms; }
  .view[data-route-entering] { will-change: auto; }
}