@keyframes tcg-fadeInUp-blur {
from {
opacity: 0;
filter: blur(20px);
}
to {
opacity: 1;
filter: blur(0);
}
}
@keyframes tcg-slideUp-blur {
from {
transform: translate3d(0, 80px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes tcg-zoomIn-blur {
from {
opacity: 0;
transform: scale3d(0.8, 0.8, 0.8);
filter: blur(20px);
}
50% {
opacity: 1;
filter: blur(0);
}
}
.tcg-motion-blur-enabled.fadeInUp.animated {
animation-name: tcg-fadeInUp-blur, tcg-slideUp-blur !important;
animation-fill-mode: both, backwards !important;
}
.tcg-motion-blur-enabled.zoomIn.animated {
animation-name: tcg-zoomIn-blur !important;
animation-fill-mode: both !important;
} @keyframes tce-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes tce-slideUp {
from {
transform: translate3d(0, 80px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
animation-name: tce-fadeIn, tce-slideUp !important;
animation-fill-mode: both, backwards !important;
} .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.delay-1s {
animation-delay: 1s;
}
.animated.delay-2s {
animation-delay: 2s;
}
.animated.delay-3s {
animation-delay: 3s;
}
.animated.delay-4s {
animation-delay: 4s;
}
.animated.delay-5s {
animation-delay: 5s;
}
.animated.fast {
animation-duration: 800ms;
}
.animated.faster {
animation-duration: 500ms;
}
.animated.slow {
animation-duration: 2s;
}
.animated.slower {
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion) {
.animated {
animation: unset !important;
transition: none !important;
}
}