.cmp-container.cmp-container--anim-init{opacity:0;animation-duration:var(--cmp-container-anim-duration,600ms);animation-delay:var(--cmp-container-anim-delay,0);animation-fill-mode:both;animation-timing-function:ease-out;will-change:opacity,transform}
.cmp-container.cmp-container--anim-active{animation-name:var(--cmp-container-anim-name,fadeIn)}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,var(--cmp-container-anim-distance,100%),0)}
to{opacity:1;transform:none}
}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,calc(var(--cmp-container-anim-distance, 100%) * -1),0)}
to{opacity:1;transform:none}
}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(calc(var(--cmp-container-anim-distance, 100%) * -1),0,0)}
to{opacity:1;transform:none}
}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(var(--cmp-container-anim-distance,100%),0,0)}
to{opacity:1;transform:none}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}