/* Browser-owned transitions preserve anchors, modified clicks, history and external links. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:route-out 180ms ease-out both}
::view-transition-new(root){animation:route-in 320ms cubic-bezier(.2,.7,.2,1) both}
::view-transition-group(site-header){animation-duration:220ms}
::view-transition-old(site-header),::view-transition-new(site-header){animation:none;mix-blend-mode:normal}
.site-header{view-transition-name:site-header}
@keyframes route-out{to{opacity:0;transform:translateY(-5px)}}
@keyframes route-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
html[data-reduced-motion=true]::view-transition-group(*),html[data-reduced-motion=true]::view-transition-old(*),html[data-reduced-motion=true]::view-transition-new(*){animation:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-reduced-motion=false])::view-transition-group(*),html:not([data-reduced-motion=false])::view-transition-old(*),html:not([data-reduced-motion=false])::view-transition-new(*){animation:none!important}}