/* Civius desktop page transition motion. Extracted from site.css Stage 3.5. */
@media (min-width: 768px) {
  ::view-transition-old(root) {
    animation: civius-desktop-page-fade-out 120ms ease both;
  }

  ::view-transition-new(root) {
    animation: civius-desktop-page-fade-in 140ms ease both;
  }

  @keyframes civius-desktop-page-fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
  }

  @keyframes civius-desktop-page-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }
}