.loop {
  animation: loop 15s linear infinite;
}

@keyframes loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.rotate {
  animation: 3s linear infinite rotation;
}

@keyframes rotation {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.fadeIn {
  opacity: 0;
  transition: all 1s;
}
.fadeIn.is-inview {
  opacity: 1;
}

.zoomIn {
  transform: scale(0);
  transition: all 0.6s;
}
.zoomIn.is-inview {
  transform: scale(100%);
}

.delay-2.is-inview {
  transition-delay: 0.2s;
}

.delay-4.is-inview {
  transition-delay: 0.4s;
}

.delay-6.is-inview {
  transition-delay: 0.6s;
}

.delay-8.is-inview {
  transition-delay: 0.8s;
}

.delay-10.is-inview {
  transition-delay: 1s;
}

.delay-12.is-inview {
  transition-delay: 1.2s;
}

.delay-14.is-inview {
  transition-delay: 1.4s;
}

.delay-16.is-inview {
  transition-delay: 1.6s;
}

.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: all 0.6s;
}

.modal-fade-enter-from,
.modal-fade-leave-to {
  opacity: 0;
  visibility: hidden;
}

.modal-fade-enter-to,
.modal-fade-leave-from {
  opacity: 1;
  visibility: visible;
}

.loading-fade-leave-active {
  transition: all 0.6s;
}

.loading-fade-leave-to {
  opacity: 0;
}/*# sourceMappingURL=trigger.css.map */