:root {
  --duration: 0.375s;
  --timing-function: ease-in;
}

.vaga-fade-in {
  transition-property: opacity, transform;
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
  opacity: 0;
  transform: translateY(40px);
  pointer-events: none;
}
.vaga-fade-in.loaded {
  pointer-events: initial;
  opacity: 1;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .vaga-fade-in {
    transform: translateY(20px);
  }
}
@media (min-width: 992px) {
  .vaga-fade-in--md {
    transition-property: opacity, transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateY(40px);
    pointer-events: none;
  }
  .vaga-fade-in--md.loaded {
    pointer-events: initial;
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .vaga-fade-in--md {
    transform: translateY(20px);
  }
}
@media (min-width: 1400px) {
  .vaga-fade-in--lg {
    transition-property: opacity, transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateY(40px);
    pointer-events: none;
  }
  .vaga-fade-in--lg.loaded {
    pointer-events: initial;
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (min-width: 1400px) and (max-width: 767px) {
  .vaga-fade-in--lg {
    transform: translateY(20px);
  }
}

.vaga-fade-out {
  transition-property: opacity, transform;
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
  opacity: 0;
  transform: translateY(-40px);
  pointer-events: none;
}
.vaga-fade-out.loaded {
  pointer-events: initial;
  opacity: 1;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .vaga-fade-out {
    transform: translateY(-20px);
  }
}
@media (min-width: 992px) {
  .vaga-fade-out--md {
    transition-property: opacity, transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateY(-40px);
    pointer-events: none;
  }
  .vaga-fade-out--md.loaded {
    pointer-events: initial;
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .vaga-fade-out--md {
    transform: translateY(-20px);
  }
}
@media (min-width: 1400px) {
  .vaga-fade-out--lg {
    transition-property: opacity, transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateY(-40px);
    pointer-events: none;
  }
  .vaga-fade-out--lg.loaded {
    pointer-events: initial;
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (min-width: 1400px) and (max-width: 767px) {
  .vaga-fade-out--lg {
    transform: translateY(-20px);
  }
}

.vaga-fade-left {
  transition-property: opacity, transform;
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
  opacity: 0;
  transform: translateX(-40px);
  pointer-events: none;
}
.vaga-fade-left.loaded {
  pointer-events: initial;
  opacity: 1;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .vaga-fade-left {
    transform: translateX(-20px);
  }
}
@media (min-width: 992px) {
  .vaga-fade-left--md {
    transition-property: opacity, transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateX(-40px);
    pointer-events: none;
  }
  .vaga-fade-left--md.loaded {
    pointer-events: initial;
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .vaga-fade-left--md {
    transform: translateX(-20px);
  }
}
@media (min-width: 1400px) {
  .vaga-fade-left--lg {
    transition-property: opacity, transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateX(-40px);
    pointer-events: none;
  }
  .vaga-fade-left--lg.loaded {
    pointer-events: initial;
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (min-width: 1400px) and (max-width: 767px) {
  .vaga-fade-left--lg {
    transform: translateX(-20px);
  }
}

.vaga-fade-right {
  transition-property: opacity, transform;
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
  opacity: 0;
  transform: translateX(40px);
  pointer-events: none;
}
.vaga-fade-right.loaded {
  pointer-events: initial;
  opacity: 1;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .vaga-fade-right {
    transform: translateX(20px);
  }
}
@media (min-width: 992px) {
  .vaga-fade-right--md {
    transition-property: opacity, transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateX(40px);
    pointer-events: none;
  }
  .vaga-fade-right--md.loaded {
    pointer-events: initial;
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .vaga-fade-right--md {
    transform: translateX(20px);
  }
}
@media (min-width: 1400px) {
  .vaga-fade-right--lg {
    transition-property: opacity, transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    transform: translateX(40px);
    pointer-events: none;
  }
  .vaga-fade-right--lg.loaded {
    pointer-events: initial;
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (min-width: 1400px) and (max-width: 767px) {
  .vaga-fade-right--lg {
    transform: translateX(20px);
  }
}

.vaga-opacity {
  transition-property: opacity;
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
  opacity: 0;
  pointer-events: none;
}
.vaga-opacity.loaded {
  pointer-events: initial;
  opacity: 1;
}
@media (min-width: 992px) {
  .vaga-opacity--md {
    transition-property: opacity;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    pointer-events: none;
  }
  .vaga-opacity--md.loaded {
    pointer-events: initial;
    opacity: 1;
  }
}
@media (min-width: 1400px) {
  .vaga-opacity--lg {
    transition-property: opacity;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    opacity: 0;
    pointer-events: none;
  }
  .vaga-opacity--lg.loaded {
    pointer-events: initial;
    opacity: 1;
  }
}

.vaga-move-in {
  transition-property: transform;
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
  transform: translateY(40px);
  pointer-events: none;
}
.vaga-move-in.loaded {
  pointer-events: initial;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .vaga-move-in {
    transform: translateY(20px);
  }
}
@media (min-width: 992px) {
  .vaga-move-in--md {
    transition-property: transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    transform: translateY(40px);
    pointer-events: none;
  }
  .vaga-move-in--md.loaded {
    pointer-events: initial;
    transform: translateZ(0);
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .vaga-move-in--md {
    transform: translateY(20px);
  }
}
@media (min-width: 1400px) {
  .vaga-move-in--lg {
    transition-property: transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    transform: translateY(40px);
    pointer-events: none;
  }
  .vaga-move-in--lg.loaded {
    pointer-events: initial;
    transform: translateZ(0);
  }
}
@media (min-width: 1400px) and (max-width: 767px) {
  .vaga-move-in--lg {
    transform: translateY(20px);
  }
}

.vaga-move-out {
  transition-property: transform;
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
  transform: translateY(-40px);
  pointer-events: none;
}
.vaga-move-out.loaded {
  pointer-events: initial;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .vaga-move-out {
    transform: translateY(-20px);
  }
}
@media (min-width: 992px) {
  .vaga-move-out--md {
    transition-property: transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    transform: translateY(-40px);
    pointer-events: none;
  }
  .vaga-move-out--md.loaded {
    pointer-events: initial;
    transform: translateZ(0);
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .vaga-move-out--md {
    transform: translateY(-20px);
  }
}
@media (min-width: 1400px) {
  .vaga-move-out--lg {
    transition-property: transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    transform: translateY(-40px);
    pointer-events: none;
  }
  .vaga-move-out--lg.loaded {
    pointer-events: initial;
    transform: translateZ(0);
  }
}
@media (min-width: 1400px) and (max-width: 767px) {
  .vaga-move-out--lg {
    transform: translateY(-20px);
  }
}

.vaga-move-left {
  transition-property: transform;
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
  transform: translateX(-40px);
  pointer-events: none;
}
.vaga-move-left.loaded {
  pointer-events: initial;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .vaga-move-left {
    transform: translateX(-20px);
  }
}
@media (min-width: 992px) {
  .vaga-move-left--md {
    transition-property: transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    transform: translateX(-40px);
    pointer-events: none;
  }
  .vaga-move-left--md.loaded {
    pointer-events: initial;
    transform: translateZ(0);
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .vaga-move-left--md {
    transform: translateX(-20px);
  }
}
@media (min-width: 1400px) {
  .vaga-move-left--lg {
    transition-property: transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    transform: translateX(-40px);
    pointer-events: none;
  }
  .vaga-move-left--lg.loaded {
    pointer-events: initial;
    transform: translateZ(0);
  }
}
@media (min-width: 1400px) and (max-width: 767px) {
  .vaga-move-left--lg {
    transform: translateX(-20px);
  }
}

.vaga-move-right {
  transition-property: transform;
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
  transform: translateX(40px);
  pointer-events: none;
}
.vaga-move-right.loaded {
  pointer-events: initial;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .vaga-move-right {
    transform: translateX(20px);
  }
}
@media (min-width: 992px) {
  .vaga-move-right--md {
    transition-property: transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    transform: translateX(40px);
    pointer-events: none;
  }
  .vaga-move-right--md.loaded {
    pointer-events: initial;
    transform: translateZ(0);
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .vaga-move-right--md {
    transform: translateX(20px);
  }
}
@media (min-width: 1400px) {
  .vaga-move-right--lg {
    transition-property: transform;
    transition-duration: var(--duration);
    transition-timing-function: var(--timing-function);
    transform: translateX(40px);
    pointer-events: none;
  }
  .vaga-move-right--lg.loaded {
    pointer-events: initial;
    transform: translateZ(0);
  }
}
@media (min-width: 1400px) and (max-width: 767px) {
  .vaga-move-right--lg {
    transform: translateX(20px);
  }
}

.vaga-will {
  will-change: transform;
}
.vaga-delay-0-5.loaded {
  transition-delay: calc(var(--duration) * 0.5);
}
.vaga-delay-1.loaded {
  transition-delay: var(--duration);
}
.vaga-delay-1-5.loaded {
  transition-delay: calc(var(--duration) * 1.5);
}
.vaga-delay-2.loaded {
  transition-delay: calc(var(--duration) * 2);
}
.vaga-delay-2-5.loaded {
  transition-delay: calc(var(--duration) * 2.5);
}
.vaga-delay-3.loaded {
  transition-delay: calc(var(--duration) * 3);
}
.vaga-delay-3-5.loaded {
  transition-delay: calc(var(--duration) * 3.5);
}
.vaga-delay-4.loaded {
  transition-delay: calc(var(--duration) * 4);
}
.vaga-delay-4-5.loaded {
  transition-delay: calc(var(--duration) * 4.5);
}
.vaga-delay-5.loaded {
  transition-delay: calc(var(--duration) * 5);
}
.vaga-delay-5-5.loaded {
  transition-delay: calc(var(--duration) * 5.5);
}
.vaga-delay-6.loaded {
  transition-delay: calc(var(--duration) * 6);
}
.vaga-block * {
  transition: none !important;
}

/*# sourceMappingURL=vaga.css.map */