.animation-overflow-hider{
  overflow-x: hidden !important;
}

[data-sal] {
  --sal-distance: 20%;
  transition-duration: var(--sal-duration, 0.2s);
  transition-delay: var(--sal-delay, 0s);
  transition-timing-function: var(--sal-easing, ease);
}

[data-sal][data-sal-distance='sm'] { --sal-distance: 10%; }
[data-sal][data-sal-distance='md'] { --sal-distance: 20%; }
[data-sal][data-sal-distance='lg'] { --sal-distance: 30%; }
[data-sal][data-sal-distance='xl'] { --sal-distance: 40%; }

[data-sal][data-sal-duration='200'] { transition-duration: 0.2s; }
[data-sal][data-sal-duration='250'] { transition-duration: 0.25s; }
[data-sal][data-sal-duration='300'] { transition-duration: 0.3s; }
[data-sal][data-sal-duration='350'] { transition-duration: 0.35s; }
[data-sal][data-sal-duration='400'] { transition-duration: 0.4s; }
[data-sal][data-sal-duration='450'] { transition-duration: 0.45s; }
[data-sal][data-sal-duration='500'] { transition-duration: 0.5s; }
[data-sal][data-sal-duration='550'] { transition-duration: 0.55s; }
[data-sal][data-sal-duration='600'] { transition-duration: 0.6s; }
[data-sal][data-sal-duration='650'] { transition-duration: 0.65s; }
[data-sal][data-sal-duration='700'] { transition-duration: 0.7s; }
[data-sal][data-sal-duration='750'] { transition-duration: 0.75s; }
[data-sal][data-sal-duration='800'] { transition-duration: 0.8s; }
[data-sal][data-sal-duration='850'] { transition-duration: 0.85s; }
[data-sal][data-sal-duration='900'] { transition-duration: 0.9s; }
[data-sal][data-sal-duration='950'] { transition-duration: 0.95s; }
[data-sal][data-sal-duration='1000'] { transition-duration: 1s; }
[data-sal][data-sal-duration='1050'] { transition-duration: 1.05s; }
[data-sal][data-sal-duration='1100'] { transition-duration: 1.1s; }
[data-sal][data-sal-duration='1150'] { transition-duration: 1.15s; }
[data-sal][data-sal-duration='1200'] { transition-duration: 1.2s; }
[data-sal][data-sal-duration='1250'] { transition-duration: 1.25s; }
[data-sal][data-sal-duration='1300'] { transition-duration: 1.3s; }
[data-sal][data-sal-duration='1350'] { transition-duration: 1.35s; }
[data-sal][data-sal-duration='1400'] { transition-duration: 1.4s; }
[data-sal][data-sal-duration='1450'] { transition-duration: 1.45s; }
[data-sal][data-sal-duration='1500'] { transition-duration: 1.5s; }
[data-sal][data-sal-duration='1550'] { transition-duration: 1.55s; }
[data-sal][data-sal-duration='1600'] { transition-duration: 1.6s; }
[data-sal][data-sal-duration='1650'] { transition-duration: 1.65s; }
[data-sal][data-sal-duration='1700'] { transition-duration: 1.7s; }
[data-sal][data-sal-duration='1750'] { transition-duration: 1.75s; }
[data-sal][data-sal-duration='1800'] { transition-duration: 1.8s; }
[data-sal][data-sal-duration='1850'] { transition-duration: 1.85s; }
[data-sal][data-sal-duration='1900'] { transition-duration: 1.9s; }
[data-sal][data-sal-duration='1950'] { transition-duration: 1.95s; }
[data-sal][data-sal-duration='2000'] { transition-duration: 2s; }

[data-sal][data-sal-delay='50'] { transition-delay: 0.05s; }
[data-sal][data-sal-delay='100'] { transition-delay: 0.1s; }
[data-sal][data-sal-delay='150'] { transition-delay: 0.15s; }
[data-sal][data-sal-delay='200'] { transition-delay: 0.2s; }
[data-sal][data-sal-delay='250'] { transition-delay: 0.25s; }
[data-sal][data-sal-delay='300'] { transition-delay: 0.3s; }
[data-sal][data-sal-delay='350'] { transition-delay: 0.35s; }
[data-sal][data-sal-delay='400'] { transition-delay: 0.4s; }
[data-sal][data-sal-delay='450'] { transition-delay: 0.45s; }
[data-sal][data-sal-delay='500'] { transition-delay: 0.5s; }
[data-sal][data-sal-delay='550'] { transition-delay: 0.55s; }
[data-sal][data-sal-delay='600'] { transition-delay: 0.6s; }
[data-sal][data-sal-delay='650'] { transition-delay: 0.65s; }
[data-sal][data-sal-delay='700'] { transition-delay: 0.7s; }
[data-sal][data-sal-delay='750'] { transition-delay: 0.75s; }
[data-sal][data-sal-delay='800'] { transition-delay: 0.8s; }
[data-sal][data-sal-delay='850'] { transition-delay: 0.85s; }
[data-sal][data-sal-delay='900'] { transition-delay: 0.9s; }
[data-sal][data-sal-delay='950'] { transition-delay: 0.95s; }
[data-sal][data-sal-delay='1000'] { transition-delay: 1s; }

[data-sal][data-sal-easing='linear'] { transition-timing-function: linear; }
[data-sal][data-sal-easing='ease'] { transition-timing-function: ease; }
[data-sal][data-sal-easing='ease-in'] { transition-timing-function: ease-in; }
[data-sal][data-sal-easing='ease-out'] { transition-timing-function: ease-out; }
[data-sal][data-sal-easing='ease-in-out'] { transition-timing-function: ease-in-out; }

/* Fade */
[data-sal|='fade'] {
  opacity: 0;
  transition-property: opacity;
}

[data-sal|='fade'].sal-animate,
body.sal-disabled [data-sal|='fade'] {
  opacity: 1;
}

/* Slide */
[data-sal|='slide'] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-sal='slide-up'] {
  transform: translateY(var(--sal-distance, 20%));
}

[data-sal='slide-down'] {
  transform: translateY(calc(var(--sal-distance, 20%) * -1));
}

[data-sal='slide-left'] {
  transform: translateX(var(--sal-distance, 20%));
}

[data-sal='slide-right'] {
  transform: translateX(calc(var(--sal-distance, 20%) * -1));
}

[data-sal|='slide'].sal-animate,
body.sal-disabled [data-sal|='slide'] {
  opacity: 1;
  transform: none;
}

[data-sal='slide-left-no-fade'],
[data-sal='slide-right-no-fade'] {
  opacity: 1;
  transition-property: transform;
}

[data-sal='slide-left-no-fade'] {
  transform: translateX(var(--sal-distance, 20%));
}

[data-sal='slide-right-no-fade'] {
  transform: translateX(calc(var(--sal-distance, 20%) * -1));
}

[data-sal='slide-left-no-fade'].sal-animate,
[data-sal='slide-right-no-fade'].sal-animate,
body.sal-disabled [data-sal='slide-left-no-fade'],
body.sal-disabled [data-sal='slide-right-no-fade'] {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-sal] {
    transition: none !important;
  }

  [data-sal|='fade'],
  [data-sal|='slide'] {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 1024px) {
  [data-sal][data-sal-disable='1024'] {
    transition: none !important;
  }

  [data-sal|='fade'][data-sal-disable='1024'],
  [data-sal|='slide'][data-sal-disable='1024'] {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 767px) {
  [data-sal][data-sal-disable='767'] {
    transition: none !important;
  }

  [data-sal|='fade'][data-sal-disable='767'],
  [data-sal|='slide'][data-sal-disable='767'] {
    opacity: 1 !important;
    transform: none !important;
  }
}