Step #3

Conditionally apply motion!

@media (prefers-reduced-motion: no-preference) {
  .sidenav {
    view-transition-name: sidenav;
  }
  
  ::view-transition-old(sidenav) {
    animation: 
      var(--animation-fade-out) forwards,
      var(--animation-scale-down) forwards;
  }
}