/* Shared page changes: keep the menu steady and soften the content in <=180ms. */
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 header.top{view-transition-name:cb-header}
 ::view-transition-group(root){animation-duration:180ms;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
 ::view-transition-old(root){animation:cb-page-out 110ms ease-out both;mix-blend-mode:normal}
 ::view-transition-new(root){animation:cb-page-in 180ms cubic-bezier(.2,.7,.2,1) both;mix-blend-mode:normal}
 ::view-transition-group(cb-header){animation:none}
 ::view-transition-old(cb-header){display:none;animation:none}
 ::view-transition-new(cb-header){animation:none;mix-blend-mode:normal}
 ::view-transition{pointer-events:none}
 html.cb-entry main{animation:cb-entry-in 220ms ease-out both}
 html.cb-leaving main{animation:cb-local-out 100ms ease-in both}
}
@keyframes cb-page-out{to{opacity:0}}
@keyframes cb-page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes cb-entry-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cb-local-out{from{opacity:1;transform:none}to{opacity:.08;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 html.cb-entry main,html.cb-leaving main{animation:none!important}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}