@keyframes bounce-in-from-left {
  0% {
    left: -260px;
  }
  100% {
    left: 0px;
  }
}
.bounce-in {
  animation-name: bounce-in-from-left;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
}

@keyframes header-slide-in {
  0% {
    top: -64px;
  }
  100% {
    top: 0px;
  }
}
.header-slide-in {
  animation-name: header-slide-in;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-fill-mode: both;
}

@keyframes header-slide-out {
  0% {
    top: 0px;
  }
  100% {
    top: -64px;
  }
}
.header-slide-out {
  animation-name: header-slide-out;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-fill-mode: both;
}

@keyframes dock-slide-in {
  0% {
    bottom: -70px;
  }
  100% {
    bottom: 0px;
  }
}
.dock-slide-in {
  animation-name: dock-slide-in;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-fill-mode: both;
}

@keyframes dock-slide-out {
  0% {
    bottom: 0px;
  }
  100% {
    bottom: -70px;
  }
}
.dock-slide-out {
  animation-name: dock-slide-out;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-fill-mode: both;
}

@keyframes logo-fade-in {
  0% {
    opacity: 0;
    width: 0px;
  }
  15% {
    opacity: 1;
  }
  25% {
    width: 20px;
  }
  70% {
    width: 120px;
  }
  100% {
    width: 100px;
  }
}
.logo-fade-in {
  animation-name: logo-fade-in;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
}

@keyframes content-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.content-fade-in {
  animation-name: content-fade-in;
  animation-duration: 0.4s;
  animation-timing-function: ease-in;
}

@keyframes preload-overlay-fade-out {
  0% {
    opacity: 1;
    pointer-events: initial;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}
@keyframes preload-logo-scale-up {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
@keyframes preload-meter-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes preload-meter-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.preload-meter-fade-in {
  opacity: 0;
  animation-name: preload-meter-fade-in;
  animation-duration: 0.4s;
  animation-delay: 1.2s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}

.preload-fade-out {
  animation-name: preload-overlay-fade-out;
  animation-duration: 0.4s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.preload-fade-out img {
  animation-name: preload-logo-scale-up;
  animation-duration: 0.4s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.preload-fade-out .meter {
  animation-name: preload-meter-fade-out;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}

@keyframes slide-from-right {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.slide-from-right {
  opacity: 0;
  transform: translateX(60px);
  animation-name: slide-from-right;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: forwards;
  will-change: transform, opacity;
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.fade-in {
  opacity: 0;
  transform: scale(0.9);
  animation-name: fade-in;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: forwards;
  will-change: opacity, transform;
}

@keyframes slide-from-bottom {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.slide-from-bottom {
  opacity: 0;
  transform: translateY(60px);
  animation-name: slide-from-bottom;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: forwards;
  will-change: transform, opacity;
}

.paused {
  animation-play-state: paused;
}/*# sourceMappingURL=animations.css.map */