.lx-transition-enter {
  z-index: 1; }

.lx-transition--to-left {
  -webkit-animation: lxTransitionToLeft both;
  -moz-animation: lxTransitionToLeft both;
  animation: lxTransitionToLeft both; }

.lx-transition--from-left {
  -webkit-animation: lxTransitionFromLeft both;
  -moz-animation: lxTransitionFromLeft both;
  animation: lxTransitionFromLeft both; }

.lx-transition--to-right {
  -webkit-animation: lxTransitionToRight both;
  -moz-animation: lxTransitionToRight both;
  animation: lxTransitionToRight both; }

.lx-transition--from-right {
  -webkit-animation: lxTransitionFromRight both;
  -moz-animation: lxTransitionFromRight both;
  animation: lxTransitionFromRight both; }

.lx-transition--to-top {
  -webkit-animation: lxTransitionToTop both;
  -moz-animation: lxTransitionToTop both;
  animation: lxTransitionToTop both; }

.lx-transition--from-top {
  -webkit-animation: lxTransitionFromTop both;
  -moz-animation: lxTransitionFromTop both;
  animation: lxTransitionFromTop both; }

.lx-transition--to-bottom {
  -webkit-animation: lxTransitionToBottom both;
  -moz-animation: lxTransitionToBottom both;
  animation: lxTransitionToBottom both; }

.lx-transition--from-bottom {
  -webkit-animation: lxTransitionFromBottom both;
  -moz-animation: lxTransitionFromBottom both;
  animation: lxTransitionFromBottom both; }

.lx-transition--fade-out {
  -webkit-animation: lxTransitionFadeOut both;
  -moz-animation: lxTransitionFadeOut both;
  animation: lxTransitionFadeOut both; }

.lx-transition--fade-in {
  -webkit-animation: lxTransitionFadeIn both;
  -moz-animation: lxTransitionFadeIn both;
  animation: lxTransitionFadeIn both; }

.lx-transition--scale-down {
  -webkit-animation: lxTransitionScaleDown both;
  -moz-animation: lxTransitionScaleDown both;
  animation: lxTransitionScaleDown both; }

.lx-transition--scale-up {
  -webkit-animation: lxTransitionScaleUp both;
  -moz-animation: lxTransitionScaleUp both;
  animation: lxTransitionScaleUp both; }

@-webkit-keyframes lxTransitionToLeft {
  from {
    -webkit-transform: translateX(0) translateZ(0); }
  to {
    -webkit-transform: translateX(-100%) translateZ(0); } }
@-moz-keyframes lxTransitionToLeft {
  from {
    -moz-transform: translateX(0) translateZ(0); }
  to {
    -moz-transform: translateX(-100%) translateZ(0); } }
@keyframes lxTransitionToLeft {
  from {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  to {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); } }
@-webkit-keyframes lxTransitionFromLeft {
  from {
    -webkit-transform: translateX(-100%) translateZ(0); }
  to {
    -webkit-transform: translateX(0) translateZ(0); } }
@-moz-keyframes lxTransitionFromLeft {
  from {
    -moz-transform: translateX(-100%) translateZ(0); }
  to {
    -moz-transform: translateX(0) translateZ(0); } }
@keyframes lxTransitionFromLeft {
  from {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); }
  to {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); } }
@-webkit-keyframes lxTransitionToRight {
  from {
    -webkit-transform: translateX(0) translateZ(0); }
  to {
    -webkit-transform: translateX(100%) translateZ(0); } }
@-moz-keyframes lxTransitionToRight {
  from {
    -moz-transform: translateX(0) translateZ(0); }
  to {
    -moz-transform: translateX(100%) translateZ(0); } }
@keyframes lxTransitionToRight {
  from {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  to {
    -webkit-transform: translateX(100%) translateZ(0);
    -moz-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    -o-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0); } }
@-webkit-keyframes lxTransitionFromRight {
  from {
    -webkit-transform: translateX(100%) translateZ(0); }
  to {
    -webkit-transform: translateX(0) translateZ(0); } }
@-moz-keyframes lxTransitionFromRight {
  from {
    -moz-transform: translateX(100%) translateZ(0); }
  to {
    -moz-transform: translateX(0) translateZ(0); } }
@keyframes lxTransitionFromRight {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
    -moz-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    -o-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0); }
  to {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); } }
@-webkit-keyframes lxTransitionToTop {
  from {
    -webkit-transform: translateY(0) translateZ(0); }
  to {
    -webkit-transform: translateY(-100%) translateZ(0); } }
@-moz-keyframes lxTransitionToTop {
  from {
    -moz-transform: translateY(0) translateZ(0); }
  to {
    -moz-transform: translateY(-100%) translateZ(0); } }
@keyframes lxTransitionToTop {
  from {
    -webkit-transform: translateY(0) translateZ(0);
    -moz-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0); }
  to {
    -webkit-transform: translateY(-100%) translateZ(0);
    -moz-transform: translateY(-100%) translateZ(0);
    -ms-transform: translateY(-100%) translateZ(0);
    -o-transform: translateY(-100%) translateZ(0);
    transform: translateY(-100%) translateZ(0); } }
@-webkit-keyframes lxTransitionFromTop {
  from {
    -webkit-transform: translateY(-100%) translateZ(0); }
  to {
    -webkit-transform: translateY(0) translateZ(0); } }
@-moz-keyframes lxTransitionFromTop {
  from {
    -moz-transform: translateY(-100%) translateZ(0); }
  to {
    -moz-transform: translateY(0) translateZ(0); } }
@keyframes lxTransitionFromTop {
  from {
    -webkit-transform: translateY(-100%) translateZ(0);
    -moz-transform: translateY(-100%) translateZ(0);
    -ms-transform: translateY(-100%) translateZ(0);
    -o-transform: translateY(-100%) translateZ(0);
    transform: translateY(-100%) translateZ(0); }
  to {
    -webkit-transform: translateY(0) translateZ(0);
    -moz-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0); } }
@-webkit-keyframes lxTransitionToBottom {
  from {
    -webkit-transform: translateY(0) translateZ(0); }
  to {
    -webkit-transform: translateY(100%) translateZ(0); } }
@-moz-keyframes lxTransitionToBottom {
  from {
    -moz-transform: translateY(0) translateZ(0); }
  to {
    -moz-transform: translateY(100%) translateZ(0); } }
@keyframes lxTransitionToBottom {
  from {
    -webkit-transform: translateY(0) translateZ(0);
    -moz-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0); }
  to {
    -webkit-transform: translateY(100%) translateZ(0);
    -moz-transform: translateY(100%) translateZ(0);
    -ms-transform: translateY(100%) translateZ(0);
    -o-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0); } }
@-webkit-keyframes lxTransitionFromBottom {
  from {
    -webkit-transform: translateY(100%) translateZ(0); }
  to {
    -webkit-transform: translateY(0) translateZ(0); } }
@-moz-keyframes lxTransitionFromBottom {
  from {
    -moz-transform: translateY(100%) translateZ(0); }
  to {
    -moz-transform: translateY(0) translateZ(0); } }
@keyframes lxTransitionFromBottom {
  from {
    -webkit-transform: translateY(100%) translateZ(0);
    -moz-transform: translateY(100%) translateZ(0);
    -ms-transform: translateY(100%) translateZ(0);
    -o-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0); }
  to {
    -webkit-transform: translateY(0) translateZ(0);
    -moz-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0); } }
@-webkit-keyframes lxTransitionFadeIn {
  from {
    opacity: 0.3; }
  to {
    opacity: 1; } }
@-moz-keyframes lxTransitionFadeIn {
  from {
    opacity: 0.3; }
  to {
    opacity: 1; } }
@keyframes lxTransitionFadeIn {
  from {
    opacity: 0.3; }
  to {
    opacity: 1; } }
@-webkit-keyframes lxTransitionFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0.3; } }
@-moz-keyframes lxTransitionFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0.3; } }
@keyframes lxTransitionFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0.3; } }
@-webkit-keyframes lxTransitionScaleDown {
  from {
    -webkit-transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.8);
    opacity: 0; } }
@-moz-keyframes lxTransitionScaleDown {
  from {
    -moz-transform: scale(1);
    opacity: 1; }
  to {
    -moz-transform: scale(0.8);
    opacity: 0; } }
@keyframes lxTransitionScaleDown {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; } }
@-webkit-keyframes lxTransitionScaleUp {
  from {
    -webkit-transform: scale(0.8);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    opacity: 1; } }
@-moz-keyframes lxTransitionScaleUp {
  from {
    -moz-transform: scale(0.8);
    opacity: 0; }
  to {
    -moz-transform: scale(1);
    opacity: 1; } }
@keyframes lxTransitionScaleUp {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

/*# sourceMappingURL=lumx-transition.css.map */