.mblSwirl.mblOut {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: mblSwirlOut;
  animation-name: mblSwirlOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.mblSwirl.mblIn {
  z-index: -100;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: mblSwirlIn;
  animation-name: mblSwirlIn;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.mblSwirl.mblOut.mblReverse {
  -webkit-animation-name: mblSwirlOutReverse;
  animation-name: mblSwirlOutReverse;
}
@-webkit-keyframes mblSwirlOut {
  from {
    -webkit-transform: rotate(0deg) scale(1);
  }
  to {
    -webkit-transform: rotate(-360deg) scale(0);
  }
}
@keyframes mblSwirlOut {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(-360deg) scale(0);
  }
}
@-webkit-keyframes mblSwirlOutReverse {
  from {
    -webkit-transform: rotate(0deg) scale(1);
  }
  to {
    -webkit-transform: rotate(360deg) scale(0);
  }
}
@keyframes mblSwirlOutReverse {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg) scale(0);
  }
}
@-webkit-keyframes mblSwirlIn {
  from {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@keyframes mblSwirlIn {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}