@view-transition{navigation:auto}body>nav{view-transition-name:qh-nav}::view-transition-old(qh-nav){animation:none;opacity:0}::view-transition-new(qh-nav){animation:none}::view-transition-group(qh-nav){animation:none}::view-transition-old(root){animation:.38s cubic-bezier(.7,0,.2,1) both qh-vt-out}::view-transition-new(root){animation:.75s cubic-bezier(.16,1,.3,1) .08s both qh-vt-in}html:active-view-transition-type(back)::view-transition-old(root){animation-name:qh-vt-out-back}html:active-view-transition-type(back)::view-transition-new(root){animation-name:qh-vt-in-back}@keyframes qh-vt-out{to{opacity:0;transform:scale(.95);filter:blur(8px)}}@keyframes qh-vt-in{0%{opacity:0;transform:translateY(48px);filter:blur(10px)}}@keyframes qh-vt-out-back{to{opacity:0;transform:translateY(48px);filter:blur(10px)}}@keyframes qh-vt-in-back{0%{opacity:0;transform:scale(.95);filter:blur(8px)}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}