/* View Transitions — solo CSS, progressive enhancement (i browser che
   non supportano l'API ignorano tutto qui sotto, nessun fallback JS
   necessario). @view-transition attiva le transizioni cross-document
   native del browser; Turbo Drive 8 usa automaticamente
   document.startViewTransition() per le proprie navigazioni quando
   l'API è disponibile, condividendo questi stessi pseudo-elementi. */

@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) {
    animation-duration: 0.12s;
    animation-timing-function: ease-out;
  }

  ::view-transition-new(root) {
    animation-duration: 0.16s;
    animation-timing-function: ease-out;
  }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}