@keyframes slide-out-to-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-to-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}::view-transition-old(root){animation:.4s ease-out both var(--slide-out,slide-out-to-right)}::view-transition-new(root){animation:.4s ease-out both var(--slide-in,slide-in-from-left)}[data-transition-direction=top]{--slide-out:slide-out-to-top;--slide-in:slide-in-from-bottom}[data-transition-direction=bottom]{--slide-out:slide-out-to-bottom;--slide-in:slide-in-from-top}[data-transition-direction=left]{--slide-out:slide-out-to-left;--slide-in:slide-in-from-right}[data-transition-direction=right]{--slide-out:slide-out-to-right;--slide-in:slide-in-from-left}