: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)}&::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)}&::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),&::view-transition-new(root){animation:none!important}}}