/*
    CSS Animations
    delval.xyz | @josedvm95
    Based on animate.css 3.7.2 (https://daneden.github.io/animate.css/)
*/

:root {
  --maxHeightAnim;
}

@-webkit-keyframes slideDownTransition {
  from {
    opacity: 0;
    max-height: 0;
  }

  to {
    opacity: 1;
    max-height: var(--maxHeightAnim);
  }
}

@keyframes slideDownTransition {
  from {
    opacity: 0;
    max-height: 0;
  }

  to {
    opacity: 1;
    max-height: var(--maxHeightAnim);
  }
}

.slideDownTransition {
  -webkit-animation-name: slideDownTransition;
  animation-name: slideDownTransition;
}

.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

.height-transition {
    -webkit-transition: max-height 0.6s ease-in-out,
                        opacity 0.6s ease-in-out;
    -moz-transition: max-height 0.6s ease-in-out,
                     opacity 0.6s ease-in-out;
    -o-transition: max-height 0.6s ease-in-out,
                   opacity 0.6s ease-in-out;
    transition: max-height 0.6s ease-in-out,
                opacity 0.6s ease-in-out;
    overflow-y: hidden;
}
.height-transition-hidden {
    max-height: 0;
    opacity: 0;
}