@keyframes slide-in-up{
  from{
    transform:translateY(10%)
  }

  to{
    transform:translateY(0)
  }
}

@keyframes slide-in-up-full{
  from{
    transform:translateY(100%)
  }

  to{
    transform:translateY(0)
  }
}

@keyframes fade-in-up{
  from{
    opacity:0;
    transform:translateY(10%)
  }

  to{
    opacity:1;
    transform:translateY(0)
  }
}

@keyframes fade-in-down{
  from{
    opacity:0;
    transform:translateY(-10%)
  }

  to{
    opacity:1;
    transform:translateY(0)
  }
}

@keyframes fade-out-down{
  from{
    opacity:1;
    transform:translateY(0)
  }

  to{
    opacity:0;
    transform:translateY(10%)
  }
}

@keyframes fade-out-down-full{
  from{
    transform:translateY(0)
  }

  to{
    opacity:0;
    transform:translateY(100%)
  }
}

@keyframes scrim-fade-in{
  from{
    background-color:rgba(50,49,58,0)
  }

  to{
    background-color:rgba(50,49,58,0.64)
  }
}

@keyframes fade-out{
  from{
    opacity:1
  }

  to{
    opacity:0
  }
}

@keyframes fade-in{
  from{
    opacity:0
  }

  to{
    opacity:1
  }
}

.fade-in{
  animation:fade-in 600ms forwards;
  opacity:0
}

.fade-out{
  animation:fade-out 300ms forwards;
  opacity:1
}

@keyframes do-nothing{
  from{
  }

  to{
  }
}

@keyframes spin{
  from{
    transform:rotate(0deg)
  }

  to{
    transform:rotate(360deg)
  }
}

@keyframes line-chart-animation{
  0%{
    width:0
  }

  10%{
    opacity:1
  }

  100%{
    opacity:1
  }
}

@keyframes circle-chart-animation{
  0%{
    stroke-dasharray:0 100
  }

  10%{
    opacity:1
  }

  100%{
    opacity:1
  }
}

@keyframes shimmer{
  from{
    transform:translateX(-200px)
  }

  to{
    transform:translateX(616px)
  }
}

.animation-delay--2000{
  animation-delay:2s
}

@keyframes increaseScaleY{
  0%{
    transform:scaleY(0)
  }

  100%{
    transform:scaleY(1)
  }
}

@keyframes swiggle{
  0%,100%{
    transform:translate(0, 0%)
  }

  50%{
    transform:translate(30px, 0)
  }
}

.email-collection--fixed{
  animation:slide-in-up-full 300ms ease-in-out 1s 1 normal forwards;
  transform:translateY(100%)
}

