/* Based on https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" */

:root{
--animate-duration:1s;
--animate-delay:1s;
--animate-repeat:1
}

.animate__animated{
animation-duration:var(--animate-duration);
animation-fill-mode:both
}

.animate__animated.animate__infinite{
animation-iteration-count:infinite
}

.animate__animated.animate__repeat-1{
animation-iteration-count:var(--animate-repeat)
}

.animate__animated.animate__repeat-2{
animation-iteration-count:calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3{
animation-iteration-count:calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s{
animation-delay:var(--animate-delay)
}

.animate__animated.animate__delay-2s{
animation-delay:calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s{
animation-delay:calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s{
animation-delay:calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s{
animation-delay:calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster{
animation-duration:calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast{
animation-duration:calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow{
animation-duration:calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower{
animation-duration:calc(var(--animate-duration)*3)
}

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

/* fadeIn */

@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}

.animate__fadeIn{
animation-name:fadeIn
}

/* fadeInUp */

@keyframes fadeInUp{
0%{
opacity:0;
transform:translate3d(0,100%,0)
}
100%{
opacity:1;
transform:translateZ(0)
}
}

.animate__fadeInUp{
animation-name:fadeInUp
}

/* fadeInDown */

@keyframes fadeInDown{
0%{
opacity:0;
transform:translate3d(0,-100%,0)
}
100%{
opacity:1;
transform:translateZ(0)
}
}

.animate__fadeInDown{
animation-name:fadeInDown
}

/* fadeInLeft */

@keyframes fadeInLeft{
0%{
opacity:0;
transform:translate3d(-100%,0,0)
}
100%{
opacity:1;
transform:translateZ(0)
}
}

.animate__fadeInLeft{
animation-name:fadeInLeft
}

/* fadeInRight */

@keyframes fadeInRight{
0%{
opacity:0;
transform:translate3d(100%,0,0)
}
100%{
opacity:1;
transform:translateZ(0)
}
}

.animate__fadeInRight{
animation-name:fadeInRight
}

/* zoomIn */

@keyframes zoomIn{
0%{
opacity:0;
transform:scale3d(.3,.3,.3)
}
50%{
opacity:1
}
100%{
transform:scale3d(1,1,1)
}
}

.animate__zoomIn{
animation-name:zoomIn
}