.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{box-shadow:-20px 0 20px 0 rgba(0,0,0,.1);will-change:transform;transition:all .3s ease-out}.slide-left-enter-active{transform:translateX(100%)}.slide-left-enter-to{transform:translateX(0)}.slide-right-enter-active{transform:translateX(-100%)}.slide-right-enter-to{transform:translateX(0)}.slide-right-enter-from{opacity:0;transform:translateX(-50%)}.slide-right-leave-to{z-index:100;transform:translateX(100%)}.slide-left-enter-from,.slide-right-leave-from{box-shadow:-20px 0 20px 0 rgba(0,0,0,.1)}.slide-left-enter-from{z-index:100;transform:translateX(100%)}.slide-left-leave-to{opacity:.4;transform:translateX(-50%)}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}body{background:grey}#app{position:relative;width:100%;max-width:600px;height:100vh;overflow:hidden;margin:0 auto}.router-view{position:absolute;top:0;left:0;right:0;bottom:0;z-index:99;background-color:#fff}