@keyframes pulsate-fwd {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.slide-in-elliptic-top-fwd {
  animation: .7s cubic-bezier(.25, .46, .45, .94) both slide-in-elliptic-top-fwd;
}

@keyframes slide-in-elliptic-top-fwd {
  0% {
    transform-origin: 50% 100%;
    opacity: 0;
    transform: translateY(-600px)rotateX(-30deg)scale(0);
  }

  100% {
    transform-origin: 50% 1400px;
    opacity: 1;
    transform: translateY(0)rotateX(0)scale(1);
  }
}

.pulsate-fwd {
  animation: .5s ease-in-out infinite both pulsate-fwd;
}

.dashed-grid-paper {
  --grid-size: 30px;
  --grid-strength: 1px;
  --grid-dash: 5px;
  --grid-gap: 10px;
  --grid-color: #dddddd5f;
  --paper-color: #fff;
  background-color: var(--paper-color);
  background-size: var(--grid-gap) var(--grid-gap), var(--grid-size) var(--grid-size);
  background-image: linear-gradient(to bottom, transparent var(--grid-dash), var(--paper-color) var(--grid-dash)), linear-gradient(to right, var(--grid-color) var(--grid-strength), transparent var(--grid-strength)), linear-gradient(to right, transparent var(--grid-dash), var(--paper-color) var(--grid-dash)), linear-gradient(to bottom, var(--grid-color) var(--grid-strength), transparent var(--grid-strength));
}

.loader-blob {
  aspect-ratio: 1;
  box-sizing: border-box;
  filter: blur(5px) contrast(15);
  mix-blend-mode: darken;
  background: #fff;
  width: 80px;
  padding: 10px;
  display: grid;
}

.loader-blob:before, .loader-blob:after {
  content: "";
  background: #050517;
  grid-area: 1 / 1;
  margin: 5px;
}

.loader-blob:after {
  margin: 17px;
  animation: 2s infinite l9;
}

@keyframes l9 {
  12.5% {
    transform: translate(-60%, 60%);
  }

  25% {
    transform: translate(65%, -65%);
  }

  37.5% {
    transform: translate(0);
  }

  50% {
    transform: translate(60%, 60%);
  }

  67.5% {
    transform: translate(-65%, -70%);
  }

  75% {
    transform: translate(60%, -60%);
  }
}

.loader {
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(#000 0 0);
  background: var(--c) 0% 100%, var(--c) 50% 100%, var(--c) 100% 100%;
  width: 45px;
  animation: 1s linear infinite l2;
}

@keyframes l2 {
  0% {
    background-size: 20% 100%, 20% 100%, 20% 100%;
  }

  20% {
    background-size: 20% 60%, 20% 100%, 20% 100%;
  }

  40% {
    background-size: 20% 80%, 20% 60%, 20% 100%;
  }

  60% {
    background-size: 20% 100%, 20% 80%, 20% 60%;
  }

  80% {
    background-size: 20% 100%, 20% 100%, 20% 80%;
  }

  100% {
    background-size: 20% 100%, 20% 100%, 20% 100%;
  }
}

.swing-in-left-fwd {
  animation: 1s cubic-bezier(.175, .885, .32, 1.275) both swing-in-left-fwd;
}

@keyframes swing-in-left-fwd {
  0% {
    transform-origin: 0;
    opacity: 0;
    transform: rotateY(100deg);
  }

  100% {
    transform-origin: 0;
    opacity: 1;
    transform: rotateY(0);
  }
}

.slide-in-blurred-top {
  animation: .6s cubic-bezier(.23, 1, .32, 1) both slide-in-blurred-top;
}

@keyframes slide-in-blurred-top {
  0% {
    transform-origin: 50% 0;
    filter: blur(40px);
    opacity: 0;
    transform: translateY(-1000px)scaleY(2.5)scaleX(.2);
  }

  100% {
    transform-origin: 50%;
    filter: blur();
    opacity: 1;
    transform: translateY(0)scaleY(1)scaleX(1);
  }
}
/*# sourceMappingURL=index.4b0171cd.css.map */