/* LESS Document */
/* LESS Document */
/********************************************************/
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css";
@import "magic/dist/magic.min.css";
@keyframes inplaceHide {
  0% {
    visibility: hidden;
    opacity: 0;
    filter: none;
  }
  100% {
    visibility: inherit;
    opacity: 0;
    filter: none;
  }
}
@keyframes inplaceShow {
  0% {
    visibility: visible;
    opacity: 1;
    filter: none;
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: none;
  }
}
/********************************************************/
body.demo .animatable {
  animation-play-state: paused;
  animation-name: none;
  animation-fill-mode: none;
}
.goAnimate {
  animation-play-state: running !important;
}
.pauseAnimate {
  animation-play-state: paused !important;
  animation-fill-mode: backwards !important;
}
.stopAnimate {
  animation-play-state: paused !important;
  animation-name: none !important;
  animation-fill-mode: none;
}
/********************************************************/
/* Simple Spins LESS Document */
@keyframes linearSpinLeft360 {
  from {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  to {
    transform: rotate(360deg);
    animation-timing-function: linear;
  }
}
@keyframes linearSpinRight360 {
  from {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  to {
    transform: rotate(-360deg);
    animation-timing-function: linear;
  }
}
@keyframes linearSpinLeft180 {
  from {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  to {
    transform: rotate(180deg);
    animation-timing-function: linear;
  }
}
@keyframes linearSpinRight180 {
  from {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  to {
    transform: rotate(-180deg);
    animation-timing-function: linear;
  }
}
@keyframes linearSpinLeft90 {
  from {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  to {
    transform: rotate(90deg);
    animation-timing-function: linear;
  }
}
@keyframes linearSpinRight90 {
  from {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  to {
    transform: rotate(-90deg);
    animation-timing-function: linear;
  }
}
@keyframes linearSpinLeft45 {
  from {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  to {
    transform: rotate(45deg);
    animation-timing-function: linear;
  }
}
@keyframes linearSpinRight45 {
  from {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  to {
    transform: rotate(-45deg);
    animation-timing-function: linear;
  }
}
@keyframes simpleSpinLeft360 {
  from {
    animation-timing-function: ease-in-out;
    transform: rotate(0deg);
  }
  to {
    animation-timing-function: ease-in-out;
    transform: rotate(360deg);
  }
}
@keyframes simpleSpinRight360 {
  from {
    transform: rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  to {
    transform: rotate(-360deg);
    animation-timing-function: ease-in-out;
  }
}
@keyframes simpleSpinLeft180 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes simpleSpinRight180 {
  from {
    transform: rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  to {
    transform: rotate(-180deg);
    animation-timing-function: ease-in-out;
  }
}
@keyframes simpleSpinLeft90 {
  from {
    transform: rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  to {
    transform: rotate(90deg);
    animation-timing-function: ease-in-out;
  }
}
@keyframes simpleSpinRight90 {
  from {
    transform: rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  to {
    transform: rotate(-90deg);
    animation-timing-function: ease-in-out;
  }
}
@keyframes simpleSpinLeft45 {
  from {
    transform: rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  to {
    transform: rotate(45deg);
    animation-timing-function: ease-in-out;
  }
}
@keyframes simpleSpinRight45 {
  from {
    transform: rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  to {
    transform: rotate(-45deg);
    animation-timing-function: ease-in-out;
  }
}
/* LESS Document */
/* Extensions to standard aminate.css */
@keyframes slideInDownLong {
  from {
    transform: translate3d(0, -200%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDownLong {
  animation-name: slideInDownLong;
}
@keyframes slideInLeftLong {
  from {
    transform: translate3d(-200%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeftLong {
  animation-name: slideInLeftLong;
}
@keyframes slideInRightLong {
  from {
    transform: translate3d(200%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRightLong {
  animation-name: slideInRightLong;
}
@keyframes slideInUpLong {
  from {
    transform: translate3d(0, 200%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUpLong {
  animation-name: slideInUpLong;
}