/* v22 — soft SPA page transitions */
#main{
  transition:opacity .18s ease, transform .18s ease, filter .18s ease;
  will-change:opacity,transform;
}
body.ay-page-leaving #main{
  opacity:.18;
  transform:translateY(4px);
  filter:blur(.6px);
}
#main.ay-page-enter{
  opacity:0;
  transform:translateY(7px);
}
#main.ay-page-enter.ay-page-enter-active{
  opacity:1;
  transform:translateY(0);
}
@media (prefers-reduced-motion:reduce){
  #main{transition:none!important}
  body.ay-page-leaving #main,
  #main.ay-page-enter,
  #main.ay-page-enter.ay-page-enter-active{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}