@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }

  
  [data-ivv-transition-hero] { view-transition-name: ivv-card-hero; }
  html:active-view-transition .public-body { animation: none !important; }

  ::view-transition-group(ivv-card-hero) {
    animation-duration: 760ms;
    animation-timing-function: cubic-bezier(.22,.78,.18,1);
  }
  ::view-transition-old(ivv-card-hero),
  ::view-transition-new(ivv-card-hero) {
    animation-duration: 760ms;
    animation-timing-function: cubic-bezier(.22,.78,.18,1);
  }
  ::view-transition-old(root) {
    animation: 310ms ease-in both ivv-page-away;
  }
  ::view-transition-new(root) {
    animation: 640ms cubic-bezier(.19,.8,.22,1) both ivv-page-arrive;
  }
}
@keyframes ivv-page-away { to { opacity: .27; } }
@keyframes ivv-page-arrive {
  from { opacity: .08; }
  45% { opacity: .45; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  [data-ivv-transition-hero] { view-transition-name:none!important; }
}