.scroll {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.scroll[data-duration=fast] {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.scroll[data-duration=normal] {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.scroll[data-duration=slow] {
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}
.scroll[data-delay=fast] {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.scroll[data-delay=middle] {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.scroll[data-delay=slow] {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.scroll[data-easing=linear] {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.scroll[data-easing=ease] {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.scroll[data-easing=ease-in] {
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
.scroll[data-easing=ease-out] {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.scroll[data-easing=ease-in-out] {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.scroll[data-easing=ease-in-expo] {
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.84, 0);
          transition-timing-function: cubic-bezier(0.7, 0, 0.84, 0);
}
.scroll[data-easing=ease-out-expo] {
  -webkit-transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
.scroll[data-easing=ease-in-out-expo] {
  -webkit-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
          transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
}
.scroll[data-easing=in-back] {
  -webkit-transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
          transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
}
.scroll[data-easing=out-back] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);
          transition-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.scroll[data-type~=fadeIn].is-scrollReady {
  opacity: 0;
}
.scroll[data-type~=fadeIn].is-scrollActive {
  opacity: 1;
}
.scroll[data-type~=slideUpIn].is-scrollReady {
  opacity: 0;
  -webkit-transform: translateY(2.5rem);
          transform: translateY(2.5rem);
}
.scroll[data-type~=slideUpIn].is-scrollActive {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.scroll[data-type~=slideDownIn].is-scrollReady {
  opacity: 0;
  -webkit-transform: translateY(-2.5rem);
          transform: translateY(-2.5rem);
}
.scroll[data-type~=slideDownIn].is-scrollActive {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.scroll[data-type~=slideLeftIn].is-scrollReady {
  opacity: 0;
  -webkit-transform: translateX(2.5rem);
          transform: translateX(2.5rem);
}
.scroll[data-type~=slideLeftIn].is-scrollActive {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.scroll[data-type~=slideRightIn].is-scrollReady {
  opacity: 0;
  -webkit-transform: translateX(-2.5rem);
          transform: translateX(-2.5rem);
}
.scroll[data-type~=slideRightIn].is-scrollActive {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.scroll[data-type~=zoomIn].is-scrollReady {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.scroll[data-type~=zoomIn].is-scrollActive {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.scroll[data-type~=zoomOut].is-scrollReady {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.scroll[data-type~=zoomOut].is-scrollActive {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.scroll[data-type~=rotateIn].is-scrollReady {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}
.scroll[data-type~=rotateIn].is-scrollActive {
  opacity: 1;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.scroll[data-type~=textCloseIn].is-scrollReady {
  opacity: 0;
  letter-spacing: 0.1em;
}
.scroll[data-type~=textCloseIn].is-scrollActive {
  opacity: 1;
  letter-spacing: inherit;
}
.scroll[data-type~=textShadowIn].is-scrollReady {
  color: transparent;
  text-shadow: 0 0 5rem rgba(0, 0, 0, 0.6);
}
.scroll[data-type~=textShadowIn].is-scrollActive {
  color: inherit;
  text-shadow: 0 0 0 transparent;
}
/*# sourceMappingURL=scroll.css.map */