-
Notifications
You must be signed in to change notification settings - Fork 28
/
transition.min.css
1 lines (1 loc) · 25.3 KB
/
transition.min.css
1
.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)}}