:root {
  --color__white: #FFFFFF;
  --color__dark-green: #005000;
  --color__primary: var(--color__dark-green);
  --color__white--opague: rgba(255, 255, 255, 0.5);
}

:root {
  --spacing__s: 20px;
  --spacing__m: 40px;
  --spacing__l: 60px;
  --spacing__xl: 80px;
}
@media (max-width: 1200px) {
  :root {
    --spacing__s: 10px;
    --spacing__m: 20px;
    --spacing__l: 40px;
    --spacing__xl: 60px;
  }
}
@media (max-width: 1000px) {
  :root {
    --spacing__s: 5px;
    --spacing__m: 10px;
    --spacing__l: 20px;
    --spacing__xl: 40px;
  }
}

:root {
  --font-size__s: 14px;
  --font-size__m: 20px;
  --font-size__l: 24px;
  --font-size__xl: 32px;
  --font-size__xxl: 42px;
  --font-weight__bold: 600;
  --font-weight__thin: 300;
}

.anomaly-login-page {
  display: flex;
  height: 100vh;
  width: 100vw;
}
@media (max-width: 1000px) {
  .anomaly-login-page {
    flex-direction: column;
  }
}
.anomaly-login-page__area {
  width: 50vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1000px) {
  .anomaly-login-page__area {
    width: 100vw;
  }
}
.anomaly-login-page__area--teaser {
  align-items: flex-end;
}
@media (max-width: 1000px) {
  .anomaly-login-page__area--teaser {
    align-items: center;
  }
}
.anomaly-login-page__area--login {
  align-items: flex-start;
  background-color: var(--color__primary);
  color: var(--color__white);
}
@media (max-width: 1000px) {
  .anomaly-login-page__area--login {
    height: 100%;
    align-items: center;
  }
}

.anomaly-login-teaser {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  margin: var(--spacing__xl);
}
@media (max-width: 1000px) {
  .anomaly-login-teaser {
    align-items: center;
  }
}
.anomaly-login-teaser__headline h2 {
  font-weight: var(--font-weight__bold);
}
.anomaly-login-teaser__tagline {
  font-size: var(--font-size__m);
  font-weight: var(--font-weight__thin);
}
.anomaly-login-teaser__image {
  margin-bottom: var(--spacing__l);
}
@media (max-width: 1000px) {
  .anomaly-login-teaser__image img {
    max-height: 150px;
    object-fit: contain;
  }
}

.anomaly-login {
  max-width: 600px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: var(--spacing__xl);
}
@media (max-width: 1000px) {
  .anomaly-login {
    align-items: center;
  }
}
.anomaly-login__welcome-headline h2 {
  color: var(--color__white);
  font-weight: var(--font-weight__bold);
}
.anomaly-login__welcome-text {
  font-size: var(--font-size__m);
  font-weight: var(--font-weight__thin);
}
.anomaly-login__login-buttons {
  margin-top: var(--spacing__m);
}
.anomaly-login__legal {
  margin: 0 var(--spacing__xl) var(--spacing__xl) var(--spacing__xl);
  opacity: 0.6;
  font-size: var(--font-size__s);
}
.anomaly-login__legal a {
  color: var(--color__white);
}

.anomaly-login-logo {
  display: flex;
  align-items: center;
  gap: var(--spacing__s);
  margin-bottom: var(--spacing__l);
}
.anomaly-login-logo a {
  margin: 0;
}
.anomaly-login-logo h1 {
  margin: 0;
  font-weight: var(--font-weight__bold);
}
@media (max-width: 600px) {
  .anomaly-login-logo h1 {
    font-size: var(--font-size__xl);
  }
}
.anomaly-login-logo img {
  max-width: 100px;
}
@media (max-width: 1000px) {
  .anomaly-login-logo img {
    max-width: 70px;
  }
}
@media (max-width: 800px) {
  .anomaly-login-logo img {
    max-width: 60px;
  }
}
@media (max-width: 600px) {
  .anomaly-login-logo img {
    max-width: 50px;
  }
}

.anomaly-login-alert {
  margin-top: var(--spacing__m);
  background-color: var(--color__white--opague);
  border-radius: 10px;
  padding: var(--spacing__s) var(--spacing__m);
}
.anomaly-login-alert__title {
  font-weight: var(--font-weight__bold);
  color: var(--color__white);
}

/*# sourceMappingURL=enl-login-public.css.map */