@view-transition{
  navigation:auto;
}

::view-transition-old(root){
  animation:ordena-page-out .16s cubic-bezier(.4,0,1,1) both;
}

::view-transition-new(root){
  animation:ordena-page-in .32s cubic-bezier(.16,1,.3,1) both;
}

body{
  animation:ordena-page-in .34s cubic-bezier(.16,1,.3,1);
  transition:opacity .17s ease,transform .17s ease;
}

html.ordena-page-leaving body{
  animation:none;
  opacity:0;
  transform:translateY(-7px) scale(.995);
  pointer-events:none;
}

@keyframes ordena-page-in{
  from{opacity:0;transform:translateY(9px)}
  to{opacity:1;transform:none}
}

@keyframes ordena-page-out{
  from{opacity:1;transform:none}
  to{opacity:0;transform:translateY(-7px)}
}

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

  html.ordena-page-leaving body{
    opacity:1;
    transform:none;
  }
}