html.route-arriving::after {
  content: ''; position: fixed; z-index: 2147483647; inset: 0;
  background: #000; opacity: 1; pointer-events: auto;
  transition: opacity .42s ease-out;
}
html.route-arriving.route-revealing::after { opacity: 0; pointer-events: none; }
.route-fade-out { position: fixed; z-index: 2147483647; background: #000; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) {
  html.route-arriving::after { display: none; }
}