.move-bottom-to-top-enter-active {
    -webkit-animation: e .6s ease both;
    animation: e .6s ease both
}

.move-bottom-to-top-leave-active {
    -webkit-animation: f .6s ease both;
    animation: f .6s ease both
}

.move-top-to-bottom-enter-active {
    -webkit-animation: g .6s ease both;
    animation: g .6s ease both
}

.move-top-to-bottom-leave-active {
    -webkit-animation: h .6s ease both;
    animation: h .6s ease both
}

.move-left-to-right-enter-active {
    -webkit-animation: i .6s ease both;
    animation: i .6s ease both
}

.move-left-to-right-leave-active {
    -webkit-animation: j .6s ease both;
    animation: j .6s ease both
}

.move-right-to-left-enter-active {
    -webkit-animation: k .6s ease both;
    animation: k .6s ease both
}

.move-right-to-left-leave-active {
    -webkit-animation: l .6s ease both;
    animation: l .6s ease both
}

@-webkit-keyframes a {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes b {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes c {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.move-fade-right-to-left-leave-active {
    -webkit-animation: T .7s ease both;
    animation: T .7s ease both
}

.move-fade-bottom-to-top-enter-active {
    -webkit-animation: P .7s ease both;
    animation: P .7s ease both
}

.move-fade-bottom-to-top-leave-active {
    -webkit-animation: a .7s ease both;
    animation: a .7s ease both
}

@keyframes a {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.move-fade-top-to-bottom-enter-active {
    -webkit-animation: R .7s ease both;
    animation: R .7s ease both
}

.move-fade-top-to-bottom-leave-active {
    -webkit-animation: b .7s ease both;
    animation: b .7s ease both
}

@keyframes b {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.move-fade-left-to-right-enter-active {
    -webkit-animation: T .7s ease both;
    animation: T .7s ease both
}

.move-fade-left-to-right-leave-active {
    -webkit-animation: c .7s ease both;
    animation: c .7s ease both
}

@keyframes c {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.move-fade-right-to-left-enter-active {
    -webkit-animation: V .7s ease both;
    animation: V .7s ease both
}

.move-fade-right-to-left-leave-active {
    -webkit-animation: d .6s ease both;
    animation: d .6s ease both
}

@-webkit-keyframes d {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes d {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes f {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes g {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes h {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes i {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes j {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.move-different-right-to-left-leave-active {
    -webkit-animation: i .7s ease-in-out both;
    animation: i .7s ease-in-out both
}

@-webkit-keyframes k {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.move-different-bottom-to-top-enter-active {
    z-index: 1;
    -webkit-animation: e .6s ease both;
    animation: e .6s ease both
}

.move-different-bottom-to-top-leave-active {
    z-index: 2;
    -webkit-animation: f .7s ease-in-out both;
    animation: f .7s ease-in-out both
}

@keyframes e {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes f {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.move-different-top-to-bottom-enter-active {
    z-index: 1;
    -webkit-animation: g .6s ease both;
    animation: g .6s ease both
}

.move-different-top-to-bottom-leave-active {
    z-index: 2;
    -webkit-animation: h .7s ease-in-out both;
    animation: h .7s ease-in-out both
}

@keyframes g {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes h {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.move-different-left-to-right-enter-active {
    z-index: 1;
    -webkit-animation: i .6s ease both;
    animation: i .6s ease both
}

.move-different-left-to-right-leave-active {
    z-index: 2;
    -webkit-animation: j .7s ease-in-out both;
    animation: j .7s ease-in-out both
}

@keyframes i {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes j {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.move-different-right-to-left-enter-active {
    z-index: 1;
    -webkit-animation: k .6s ease both;
    animation: k .6s ease both
}

.move-different-right-to-left-leave-active {
    z-index: 2;
    -webkit-animation: l .7s ease-in-out both;
    animation: l .7s ease-in-out both
}

@keyframes k {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes l {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes l {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.scale-down-to-down-enter-active {
    -webkit-animation: m .5s ease both;
    animation: m .5s ease both;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.scale-down-to-down-leave-active {
    -webkit-animation: n .7s ease both;
    animation: n .7s ease both
}

@-webkit-keyframes m {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes m {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes n {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes n {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.scale-up-to-up-enter-active {
    -webkit-animation: o .7s ease both;
    animation: o .7s ease both;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.scale-up-to-up-leave-active {
    -webkit-animation: p .7s ease both;
    animation: p .7s ease both
}

@-webkit-keyframes o {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes o {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes p {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes p {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.scale-down-to-up-enter-active {
    -webkit-animation: q .4s ease-out both;
    animation: q .4s ease-out both;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.scale-down-to-up-leave-active {
    -webkit-animation: r .4s ease-in both;
    animation: r .4s ease-in both
}

@-webkit-keyframes q {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

@keyframes q {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

@-webkit-keyframes r {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

@keyframes r {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

.rotate-glue-bottom-to-top-enter-active {
    z-index: 2;
    -webkit-animation: e .6s ease both;
    animation: e .6s ease both;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.rotate-glue-bottom-to-top-leave-active {
    z-index: 1;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: s .8s both ease-in;
    animation: s .8s both ease-in
}

@-webkit-keyframes s {
    40% {
        -webkit-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes s {
    40% {
        -webkit-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

.rotate-glue-top-to-bottom-enter-active {
    z-index: 2;
    -webkit-animation: g .6s ease both;
    animation: g .6s ease both;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.rotate-glue-top-to-bottom-leave-active {
    z-index: 1;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: t .8s both ease-in;
    animation: t .8s both ease-in
}

@-webkit-keyframes t {
    40% {
        -webkit-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes t {
    40% {
        -webkit-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

.rotate-glue-left-to-right-enter-active {
    z-index: 2;
    -webkit-animation: i .6s ease both;
    animation: i .6s ease both;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.rotate-glue-left-to-right-leave-active {
    z-index: 1;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: u .8s both ease-in;
    animation: u .8s both ease-in
}

@-webkit-keyframes u {
    40% {
        -webkit-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes u {
    40% {
        -webkit-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

.rotate-glue-right-to-left-enter-active {
    z-index: 2;
    -webkit-animation: k .6s ease both;
    animation: k .6s ease both;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.rotate-glue-right-to-left-leave-active {
    z-index: 1;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: v .8s both ease-in;
    animation: v .8s both ease-in
}

@-webkit-keyframes v {
    40% {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes v {
    40% {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

.rotate-flip-top-enter-active {
    -webkit-animation: w .5s both ease-out;
    animation: w .5s both ease-out;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.rotate-flip-top-enter-active,.rotate-flip-top-leave-active {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.rotate-flip-top-leave-active {
    -webkit-animation: x .5s both ease-in;
    animation: x .5s both ease-in
}

@-webkit-keyframes w {
    0% {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes w {
    0% {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes x {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@keyframes x {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

.rotate-flip-bottom-enter-active {
    -webkit-animation: y .5s both ease-out;
    animation: y .5s both ease-out;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.rotate-flip-bottom-enter-active,.rotate-flip-bottom-leave-active {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.rotate-flip-bottom-leave-active {
    -webkit-animation: z .5s both ease-in;
    animation: z .5s both ease-in
}

@-webkit-keyframes y {
    0% {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@keyframes y {
    0% {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@-webkit-keyframes z {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes z {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

.rotate-flip-left-enter-active {
    -webkit-animation: A .5s both ease-out;
    animation: A .5s both ease-out;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.rotate-flip-left-enter-active,.rotate-flip-left-leave-active {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.rotate-flip-left-leave-active {
    -webkit-animation: B .5s both ease-in;
    animation: B .5s both ease-in
}

@-webkit-keyframes A {
    0% {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@keyframes A {
    0% {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@-webkit-keyframes B {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes B {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

.rotate-flip-right-enter-active {
    -webkit-animation: C .5s both ease-out;
    animation: C .5s both ease-out;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.rotate-flip-right-enter-active,.rotate-flip-right-leave-active {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.rotate-flip-right-leave-active {
    -webkit-animation: D .5s both ease-in;
    animation: D .5s both ease-in
}

@-webkit-keyframes C {
    0% {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes C {
    0% {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes D {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@keyframes D {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

.rotate-fall-enter-active {
    z-index: 1;
    -webkit-animation: o .7s ease both;
    animation: o .7s ease both
}

.rotate-fall-leave-active {
    z-index: 2;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: E 1s both ease-in;
    animation: E 1s both ease-in
}

@-webkit-keyframes E {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: rotate(17deg);
        transform: rotate(17deg)
    }

    60% {
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg)
    }

    to {
        -webkit-transform: translateY(100%) rotate(17deg);
        transform: translateY(100%) rotate(17deg)
    }
}

@keyframes E {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: rotate(17deg);
        transform: rotate(17deg)
    }

    60% {
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg)
    }

    to {
        -webkit-transform: translateY(100%) rotate(17deg);
        transform: translateY(100%) rotate(17deg)
    }
}

.rotate-sides-enter-active {
    -webkit-animation: F 1s both ease;
    animation: F 1s both ease
}

.rotate-sides-leave-active {
    -webkit-animation: G 1s both ease;
    animation: G 1s both ease
}

@-webkit-keyframes F {
    0%,25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@keyframes F {
    0%,25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes G {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }

    to {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes G {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }

    to {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

.rotate-push-right-to-left-enter-active {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: H .5s both ease;
    animation: H .5s both ease
}

.rotate-push-right-to-left-leave-active {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: I .8s both ease;
    animation: I .8s both ease
}

@-webkit-keyframes H {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@keyframes H {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes I {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@keyframes I {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

.rotate-push-left-to-right-enter-active {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: J .5s both ease;
    animation: J .5s both ease
}

.rotate-push-left-to-right-leave-active {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: K .8s both ease;
    animation: K .8s both ease
}

@-webkit-keyframes J {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@keyframes J {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes K {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@keyframes K {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

.rotate-push-top-to-bottom-enter-active {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: L .5s both ease;
    animation: L .5s both ease
}

.rotate-push-top-to-bottom-leave-active {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: M .8s both ease;
    animation: M .8s both ease
}

@-webkit-keyframes L {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@keyframes L {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes M {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@keyframes M {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

.rotate-push-bottom-to-top-enter-active {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: N .5s both ease;
    animation: N .5s both ease
}

.rotate-push-bottom-to-top-leave-active {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: O .8s both ease;
    animation: O .8s both ease
}

@-webkit-keyframes N {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@keyframes N {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes O {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@keyframes O {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

.rotate-fold-bottom-to-top-enter-active {
    -webkit-animation: P .7s ease both;
    animation: P .7s ease both
}

.rotate-fold-bottom-to-top-leave-active {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: Q .7s both ease;
    animation: Q .7s both ease
}

@-webkit-keyframes P {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes P {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes Q {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes Q {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

.rotate-fold-top-to-bottom-enter-active {
    -webkit-animation: R .7s ease both;
    animation: R .7s ease both
}

.rotate-fold-top-to-bottom-leave-active {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: S .7s both ease;
    animation: S .7s both ease
}

@-webkit-keyframes R {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes R {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes S {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes S {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

.rotate-fold-left-to-right-enter-active {
    -webkit-animation: T .7s ease both;
    animation: T .7s ease both
}

.rotate-fold-left-to-right-leave-active {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: U .7s both ease;
    animation: U .7s both ease
}

@-webkit-keyframes T {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes T {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes U {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes U {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

.rotate-fold-right-to-left-enter-active {
    -webkit-animation: V .7s ease both;
    animation: V .7s ease both
}

.rotate-fold-right-to-left-leave-active {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: W .7s both ease;
    animation: W .7s both ease
}

@-webkit-keyframes V {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes V {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes W {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes W {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

.rotate-carousel-top-enter-active {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: X .8s both ease;
    animation: X .8s both ease
}

.rotate-carousel-top-leave-active {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: Y .8s both ease;
    animation: Y .8s both ease
}

@-webkit-keyframes X {
    0% {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@keyframes X {
    0% {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@-webkit-keyframes Y {
    to {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@keyframes Y {
    to {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

.rotate-carousel-bottom-enter-active {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: Z .8s both ease;
    animation: Z .8s both ease
}

.rotate-carousel-bottom-leave-active {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: ab .8s both ease;
    animation: ab .8s both ease
}

@-webkit-keyframes Z {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@keyframes Z {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@-webkit-keyframes ab {
    to {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@keyframes ab {
    to {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

.rotate-carousel-left-enter-active {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: bb .8s both ease;
    animation: bb .8s both ease
}

.rotate-carousel-left-leave-active {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: cb .8s both ease;
    animation: cb .8s both ease
}

@-webkit-keyframes bb {
    0% {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@keyframes bb {
    0% {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@-webkit-keyframes cb {
    to {
        opacity: .3;
        -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg);
        transform: translateX(-150%) scale(.4) rotateY(-65deg)
    }
}

@keyframes cb {
    to {
        opacity: .3;
        -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg);
        transform: translateX(-150%) scale(.4) rotateY(-65deg)
    }
}

.rotate-carousel-right-enter-active {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: db .8s both ease;
    animation: db .8s both ease
}

.rotate-carousel-right-leave-active {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: eb .8s both ease;
    animation: eb .8s both ease
}

@-webkit-keyframes db {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-150%) scale(.4) rotateY(65deg);
        transform: translateX(-150%) scale(.4) rotateY(65deg)
    }
}

@keyframes db {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-150%) scale(.4) rotateY(65deg);
        transform: translateX(-150%) scale(.4) rotateY(65deg)
    }
}

@-webkit-keyframes eb {
    to {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@keyframes eb {
    to {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}