[data-effect=fade-in],
[data-effect-list=fade-in] > *,
[data-effect=slide-up],
[data-effect-list=slide-up] > *,
[data-effect=slide-left],
[data-effect-list=slide-left] > *,
[data-effect=slide-right],
[data-effect-list=slide-right] > * {
  -webkit-transition: 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  opacity: 0;
  transition: 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-property: opacity, transform;
}

.is-visible[data-effect=fade-in],
[data-effect-list=fade-in] > .is-visible,
.is-visible[data-effect=slide-up],
[data-effect-list=slide-up] > .is-visible,
.is-visible[data-effect=slide-left],
[data-effect-list=slide-left] > .is-visible,
.is-visible[data-effect=slide-right],
[data-effect-list=slide-right] > .is-visible {
  transform: none;
  opacity: 1;
}

[data-effect=slide-up],
[data-effect-list=slide-up] > * {
  transform: translateY(60px);
}

[data-effect=slide-left],
[data-effect-list=slide-left] > * {
  transform: translateX(-100px);
}

[data-effect=slide-right],
[data-effect-list=slide-right] > * {
  transform: translateX(100px);
}

[data-effect=zoom-reduce],
[data-effect-list=zoom-reduce] > * {
  opacity: 0;
  transform: scale(0.7);
  transition: transform 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transform-origin: center bottom;
}

.is-visible[data-effect=zoom-reduce],
[data-effect-list=zoom-reduce] > .is-visible {
  transform: none;
  opacity: 1;
}

[data-effect-delay="1"] {
  transition-delay: 0.1s !important;
}

[data-effect-delay="2"] {
  transition-delay: 0.2s !important;
}

[data-effect-delay="3"] {
  transition-delay: 0.3s !important;
}

[data-effect-delay="4"] {
  transition-delay: 0.4s !important;
}

[data-effect-delay="5"] {
  transition-delay: 0.5s !important;
}

[data-effect-delay="6"] {
  transition-delay: 0.6s !important;
}

[data-effect-delay="7"] {
  transition-delay: 0.7s !important;
}

[data-effect-delay="8"] {
  transition-delay: 0.8s !important;
}

[data-effect-delay="9"] {
  transition-delay: 0.9s !important;
}

[data-effect-delay="10"] {
  transition-delay: 1s !important;
}

[data-effect-delay="11"] {
  transition-delay: 1.1s !important;
}

[data-effect-delay="12"] {
  transition-delay: 1.2s !important;
}

[data-effect-delay="13"] {
  transition-delay: 1.3s !important;
}

[data-effect-delay="14"] {
  transition-delay: 1.4s !important;
}

[data-effect-delay="15"] {
  transition-delay: 1.5s !important;
}

[data-effect=slide-left100],
[data-effect=slide-right100],
[data-effect=slide-up100],
[data-effect=zoom-in] {
  animation-duration: 1.5s;
}

[data-effect=slide-left100].is-visible {
  animation-name: slideLeft;
}

[data-effect=slide-right100].is-visible {
  animation-name: slideRight;
}

[data-effect=slide-up100].is-visible {
  animation-name: slideUp;
}

[data-effect=zoom-in].is-visible {
  animation-name: zoomIn;
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideUp {
  0%, 100%, 60%, 75%, 90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}