body,html{width:100%}.vue-route-transition{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.fade-enter-active{-webkit-animation:pageFadeIn .4s forwards;animation:pageFadeIn .4s forwards}@-webkit-keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.slide-left-leave-active{-webkit-animation:pageFromCenterToLeft .4s forwards;animation:pageFromCenterToLeft .4s forwards;z-index:1}.slide-right-enter-active{-webkit-animation:pageFromLeftToCenter .4s forwards;animation:pageFromLeftToCenter .4s forwards;z-index:1}.slide-right-leave-active{-webkit-animation:pageFromCenterToRight .4s forwards;animation:pageFromCenterToRight .4s forwards}.slide-left-enter-active,.slide-right-leave-active{z-index:10;box-shadow:-.1875rem 0 .3125rem rgba(0,0,0,.1)}.slide-left-enter-active{-webkit-animation:pageFromRightToCenter .4s forwards;animation:pageFromRightToCenter .4s forwards}@-webkit-keyframes pageFromRightToCenter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes pageFromRightToCenter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes pageFromCenterToLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:.5;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}}@keyframes pageFromCenterToLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:.5;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}}@-webkit-keyframes pageFromLeftToCenter{0%{opacity:.5;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes pageFromLeftToCenter{0%{opacity:.5;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes pageFromCenterToRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:1}}@keyframes pageFromCenterToRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:1}}body,html{height:100%}.vue-route-transition-wrapper{background:#f4f5f6;position:absolute;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.vue-route-transition-wrapper .vue-route-transition-content{width:100%;height:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}