[data-animate] {
  opacity: 0;
}
[data-animate][data-animate~="rightin"] {
  transform: translateX(100px);
  transition: all var(--duration, 0.6s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="rightin"].rightin-init {
  opacity: 0 ;
  transform: translateX(100px);
}
[data-animate][data-animate~="rightin"].rightin-active {
  opacity: 1 ;
  transform: translateX(0);
}
[data-animate][data-animate~="leftin"] {
  transform: translateX(-100px);
  transition: all var(--duration, 0.6s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="leftin"].leftin-init {
  opacity: 0 ;
  transform: translateX(-100px);
}
[data-animate][data-animate~="leftin"].leftin-active {
  opacity: 1 ;
  transform: translateX(0);
}
[data-animate][data-animate~="upin"] {
  transform: translateY(-100px);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="upin"].upin-init {
  opacity: 0 ;
  transform: translateY(-100px);
}
[data-animate][data-animate~="upin"].upin-active {
  opacity: 1 ;
  transform: translateX(0);
}
[data-animate][data-animate~="downin"] {
  transform: translateY(100px);
  transition: all var(--duration, 1s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="downin"].downin-init {
  opacity: 0 ;
  transform: translateY(100px);
}
[data-animate][data-animate~="downin"].downin-active {
  opacity: 1 ;
  transform: translateX(0);
}
[data-animate][data-animate~="fade"] {
  transition: all var(--duration, 0.8s) ease;
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="fade"].fade-init {
  opacity: 0 ;
}
[data-animate][data-animate~="fade"].fade-active {
  opacity: 1 ;
}
[data-animate][data-animate~="scale"] {
  opacity: 1 ;
  transform: scale(0.8);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="scale"].scale-init {
  transform: scale(0.8);
}
[data-animate][data-animate~="scale"].scale-active {
  transform: scale(1);
}
[data-animate][data-animate~="rotate"] {
  opacity: 1 ;
  transform: rotate(360deg);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="rotate"].rotate-init {
  transform: rotate(360deg);
}
[data-animate][data-animate~="rotate"].rotate-active {
  transform: rotate(0deg);
}
[data-animate][data-animate~="shake"] {
  opacity: 1 ;
  transform: translateX(0);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="shake"].shake-init {
  transform: translateX(0);
}
[data-animate][data-animate~="shake"].shake-active {
  transform: translateX(-10px);
  animation: shake 0.5s ease-in-out infinite alternate;
}
[data-animate][data-animate~="bounce"] {
  opacity: 1 ;
  transform: translateY(0);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="bounce"].bounce-init {
  transform: translateY(0);
}
[data-animate][data-animate~="bounce"].bounce-active {
  transform: translateY(-10px);
  animation: bounce 0.5s ease-in-out infinite alternate;
}
[data-animate][data-animate~="zoom"] {
  opacity: 1 ;
  transform: scale(1);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="zoom"].zoom-init {
  transform: scale(1);
}
[data-animate][data-animate~="zoom"].zoom-active {
  transform: scale(1.2);
}
[data-animate][data-animate~="pulse"] {
  opacity: 1 ;
  transform: scale(1);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="pulse"].pulse-init {
  transform: scale(1);
}
[data-animate][data-animate~="pulse"].pulse-active {
  transform: scale(1.1);
}
[data-animate][data-animate~="slide"] {
  opacity: 1 ;
  transform: translateX(0);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="slide"].slide-init {
  transform: translateX(0);
}
[data-animate][data-animate~="slide"].slide-active {
  transform: translateX(-10px);
}
[data-animate][data-animate~="drop"] {
  opacity: 1 ;
  transform: translateY(0);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="drop"].drop-init {
  transform: translateY(0);
}
[data-animate][data-animate~="drop"].drop-active {
  transform: translateY(-10px);
}
[data-animate][data-animate~="flip"] {
  opacity: 1 ;
  transform: rotateY(0deg);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="flip"].flip-init {
  transform: rotateY(0deg);
}
[data-animate][data-animate~="flip"].flip-active {
  transform: rotateY(180deg);
}
[data-animate][data-animate~="flipup"] {
  opacity: 1 ;
  transform: rotateX(0deg);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="flipup"].flipup-init {
  transform: rotateX(0deg);
}
[data-animate][data-animate~="flipup"].flipup-active {
  transform: rotateX(180deg);
}
[data-animate][data-animate~="rotateleft"] {
  opacity: 1 ;
  transform: rotate(0deg);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="rotateleft"].rotateleft-init {
  transform: rotate(0deg);
}
[data-animate][data-animate~="rotateleft"].rotateleft-active {
  transform: rotate(-180deg);
}
[data-animate][data-animate~="rotatedown"] {
  opacity: 1 ;
  transform: rotate(0deg);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="rotatedown"].rotatedown-init {
  transform: rotate(0deg);
}
[data-animate][data-animate~="rotatedown"].rotatedown-active {
  transform: rotate(-180deg);
}
[data-animate][data-animate~="zoomin"] {
  opacity: 1 ;
  transform: scale(0);
  transition: all var(--duration, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: var(--delay, 0s);
}
[data-animate][data-animate~="zoomin"].zoomin-init {
  transform: scale(0);
}
[data-animate][data-animate~="zoomin"].zoomin-active {
  transform: scale(1);
}
@media (max-width: 750px) {
  [data-animate] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  [data-animate]-init,
  [data-animate]-active {
    opacity: 1 !important;
    transform: none !important;
  }
}