#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.router-view{width:100%;height:auto;position:absolute;top:0;bottom:0;margin:0 auto;-webkit-overflow-scrolling:touch;margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{height:100%;will-change:transform;transition:all .5s;position:absolute;backface-visibility:hidden}.slide-right-enter{opacity:0;transform:translate3d(-100%,0,0)}.slide-left-enter,.slide-right-leave-active{opacity:0;transform:translate3d(100%,0,0)}.slide-left-leave-active{opacity:0;transform:translate3d(-100%,0,0)}