@view-transition{navigation:auto}html:active-view-transition-type(push,reload)::view-transition-group(*){animation-duration:.35s}html:active-view-transition-type(push,reload)::view-transition-old(root){z-index:1;animation-name:fade-out}html:active-view-transition-type(push,reload)::view-transition-new(root){animation:none;display:none}html:active-view-transition-type(forwards,backwards)::view-transition-group(*){animation-duration:.4s}html:active-view-transition-type(forwards,backwards)::view-transition-old(root){animation-name:fade-out}html:active-view-transition-type(forwards,backwards)::view-transition-new(root){animation-name:fade-in}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}