@view-transition{navigation: auto;}@keyframes move-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes move-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes move-out-reverse{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes move-in-reverse{0%{transform:translate(-100%)}to{transform:translate(0)}}html:active-view-transition-type(forwards)::view-transition-old(root){animation:.4s ease-in both move-out}html:active-view-transition-type(forwards)::view-transition-new(root){animation:.4s ease-in both move-in}html:active-view-transition-type(backwards)::view-transition-old(root){animation:.4s ease-in both move-out-reverse}html:active-view-transition-type(backwards)::view-transition-new(root){animation:.4s ease-in both move-in-reverse}