:root:active-view-transition-type(rf-forward)::view-transition-old(root){animation-name:rf-vt-slide-out-left;animation-duration:.22s;animation-timing-function:cubic-bezier(.4,0,.2,1)}:root:active-view-transition-type(rf-forward)::view-transition-new(root){animation-name:rf-vt-slide-in-right;animation-duration:.22s;animation-timing-function:cubic-bezier(.4,0,.2,1)}:root:active-view-transition-type(rf-back)::view-transition-old(root){animation-name:rf-vt-slide-out-right;animation-duration:.22s;animation-timing-function:cubic-bezier(.4,0,.2,1)}:root:active-view-transition-type(rf-back)::view-transition-new(root){animation-name:rf-vt-slide-in-left;animation-duration:.22s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes rf-vt-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-2rem)}}@keyframes rf-vt-slide-in-right{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes rf-vt-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes rf-vt-slide-in-left{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){:is(:root:active-view-transition-type(rf-forward),:root:active-view-transition-type(rf-back))::view-transition-old(root){animation:none!important}:is(:root:active-view-transition-type(rf-forward),:root:active-view-transition-type(rf-back))::view-transition-new(root){animation:none!important}}