.forward-enter-active,.forward-leave-active{transition:all .5s ease}.forward-enter-from{left:calc(100% + 100px);opacity:0}.forward-leave-to{left:-100px;opacity:0}.forward-leave-from{opacity:1;left:50%}.backward-enter-active,.backward-leave-active{transition:all .5s ease}.backward-enter-from{left:-100px;opacity:0}.backward-leave-to{left:calc(100% + 100px);opacity:0}.backward-leave-from{opacity:1;left:50%}