/* [project]/apps/frontend/src/components/login/brandfont_2b18ba7f.module.css [app-client] (css) */
@font-face {
  font-family: brandFont;
  src: url("../media/TumblyBold-s.p.3v1mnzpbe1fvq.otf") format("opentype");
  font-display: swap;
  font-weight: 700;
}

@font-face {
  font-family: brandFont Fallback;
  src: local(Arial);
  ascent-override: 59.99%;
  descent-override: 18.12%;
  line-gap-override: 18.75%;
  size-adjust: 128.03%;
}

.brandfont_2b18ba7f-module__U_8gGa__className {
  font-family: brandFont, brandFont Fallback;
  font-weight: 700;
}

/* [project]/apps/frontend/src/components/login/login.module.css [app-client] (css) */
.login-module__B8jGpa__shell {
  --login-artwork-base: #29303d;
  --login-artwork-accent: #485264;
  --login-artwork-foreground: #fff;
  background-color: var(--login-artwork-base);
  color: var(--login-artwork-foreground);
}

.login-module__B8jGpa__background {
  background-color: var(--login-artwork-base);
  background-image: radial-gradient(circle at 30% 20%, var(--login-artwork-accent) 0%, var(--login-artwork-base) 72%);
}

.login-module__B8jGpa__image {
  object-fit: cover;
  object-position: center;
  filter: saturate(.12);
  opacity: .85;
}

.login-module__B8jGpa__background:after {
  content: "";
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--login-artwork-base) 82%, transparent),
    color-mix(in srgb, var(--login-artwork-base) 62%, transparent) 56%,
    color-mix(in srgb, var(--login-artwork-base) 76%, transparent));
  position: absolute;
  inset: 0;
}

.login-module__B8jGpa__brand {
  color: var(--login-artwork-foreground);
}

.login-module__B8jGpa__shake {
  --shake-distance: 5px;
  --shake-duration: .4s;
  animation: login-module__B8jGpa__login-shake var(--shake-duration) ease-out;
}

@keyframes login-module__B8jGpa__login-shake {
  0%, 100% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(calc(-1 * var(--shake-distance)));
  }

  40% {
    transform: translateX(var(--shake-distance));
  }

  60% {
    transform: translateX(-3px);
  }

  80% {
    transform: translateX(2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .login-module__B8jGpa__shake {
    animation: none;
    transform: none;
  }
}

/*# sourceMappingURL=apps_frontend_src_components_login_16blxwlclr_8a._.css.map*/