/**
 * SAL (Scroll Animation Library) - CSS Compiled
 */

[data-sal] {
  transition-duration: 0.2s;
  transition-delay: 0s;
}

/* Duration variations */
[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;
}

/* Delay variations */
[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;
}

/**
 * Animations
 */

/* 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-up'] {
  opacity: 0;
  transform: translateY(20%);
  transition-property: opacity, transform;
}

[data-sal='slide-down'] {
  opacity: 0;
  transform: translateY(-20%);
  transition-property: opacity, transform;
}

[data-sal='slide-left'] {
  opacity: 0;
  transform: translateX(20%);
  transition-property: opacity, transform;
}

[data-sal='slide-right'] {
  opacity: 0;
  transform: translateX(-20%);
  transition-property: opacity, transform;
}

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

/* Zoom */
[data-sal='zoom-in'] {
  opacity: 0;
  transform: scale(0.5);
  transition-property: opacity, transform;
}

[data-sal='zoom-out'] {
  opacity: 0;
  transform: scale(1.1);
  transition-property: opacity, transform;
}

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

/* Flip */
[data-sal='flip-left'] {
  backface-visibility: hidden;
  transform: perspective(2000px) rotateY(-91deg);
  transition-property: transform;
}

[data-sal='flip-right'] {
  backface-visibility: hidden;
  transform: perspective(2000px) rotateY(91deg);
  transition-property: transform;
}

[data-sal='flip-up'] {
  backface-visibility: hidden;
  transform: perspective(2000px) rotateX(-91deg);
  transition-property: transform;
}

[data-sal='flip-down'] {
  backface-visibility: hidden;
  transform: perspective(2000px) rotateX(91deg);
  transition-property: transform;
}

[data-sal='flip-left'].sal-animate,
[data-sal='flip-right'].sal-animate,
[data-sal='flip-up'].sal-animate,
[data-sal='flip-down'].sal-animate,
body.sal-disabled [data-sal='flip-left'],
body.sal-disabled [data-sal='flip-right'],
body.sal-disabled [data-sal='flip-up'],
body.sal-disabled [data-sal='flip-down'] {
  transform: none;
}