@view-transition{navigation:auto}
::view-transition-old(root){animation:sd-out .16s var(--ease) both}
::view-transition-new(root){animation:sd-in .3s var(--ease) both}
::view-transition-group(sd-nav){animation-duration:0s}
@keyframes sd-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sd-out{to{opacity:0;transform:translateY(-4px)}}
html.vt-fallback .page{animation:sd-in .32s var(--ease) both}
html.vt-fallback.leaving .page{animation:sd-out .16s var(--ease) both}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}