.demx-slide-in-up {
  --slideinup-timing-function: cubic-bezier( 0.44, 0.16, 0, 1 );
  --slideinup-timing-function-opacity: cubic-bezier( 0.25, 0.46, 0.45, 0.94);
  --slideinup-timing-function-translate: cubic-bezier( 0.165, 0.84, 0.44, 1);
  --slideinup-offset: 15%;
  --slideinup-duration: 1.25s;

  animation-name: demx-slide-in-up-translate, demx-slide-in-up-opacity;
  animation-duration: var(--slideinup-duration), var(--slideinup-duration);
  animation-timing-function: var(--slideinup-timing-function-translate), var(--slideinup-timing-function-opacity);
}

@keyframes demx-slide-in-up-translate {
  0% {
    transform: translate3d(0, var(--slideinup-offset), 0);
  }

  20% {
    transform: translate3d(0, var(--slideinup-offset), 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes demx-slide-in-up-opacity {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.demx-slide-in-up-faq {
  --slideinup-timing-function: cubic-bezier( 0.44, 0.16, 0, 1 );
  --slideinup-timing-function-opacity: cubic-bezier( 0.25, 0.46, 0.45, 0.94);
  --slideinup-timing-function-translate: cubic-bezier( 0.165, 0.84, 0.44, 1);
  --slideinup-offset: 100%;
  --slideinup-duration: 1.21s;

  animation-name: demx-slide-in-up-translate-faq, demx-slide-in-up-opacity-faq;
  animation-duration: var(--slideinup-duration), var(--slideinup-duration);
  animation-timing-function: var(--slideinup-timing-function-translate), var(--slideinup-timing-function-opacity);
}

@keyframes demx-slide-in-up-translate-faq {
  0% {
    transform: translate3d(0, var(--slideinup-offset), 0);
  }

  10% {
    transform: translate3d(0, var(--slideinup-offset), 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes demx-slide-in-up-opacity-faq {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.demx-zoom-fade-in {
  --zoomfadein-timing-function-opacity: cubic-bezier( 0.165, 0.84, 0.44, 1);
  --zoomfadein-timing-function-scale: cubic-bezier( 0.165, 0.84, 0.44, 1);
  --zoomfadein-offset: 1.15;
  --zoomfadein-duration: 1s;

  animation-name: demx-zoom-fade-in-scale, demx-zoom-fade-in-opacity;
  animation-duration: var(--zoomfadein-duration), var(--zoomfadein-duration);
  animation-timing-function: var(--zoomfadein-timing-function-scale), var(--zoomfadein-timing-function-opacity);
}

@keyframes demx-zoom-fade-in-scale {
  0% {
    transform: scale3d(var(--zoomfadein-offset), var(--zoomfadein-offset), var(--zoomfadein-offset));
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes demx-zoom-fade-in-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}