.auth-page-wrapper {
  position: absolute;

  top: 5rem;
  left: 0;

  width: 100%;
  height: calc(100% - 5rem);

  background: transparent url("/assets/auth-backdrop.svg") no-repeat top center;
  background-size: cover;
}

.auth-page-wrapper > div {
  display: flex;
  height: 100%;

  justify-content: center;
  align-items: center;

  flex-direction: column;
}

.auth-form {
  border-radius: 0.4rem;
  background: #fff;

  padding: 3rem 5rem;
  width: 90%;

  max-width: 44rem;
  position: relative;

  box-shadow: 0 1.2rem 2.4rem rgba(20, 27, 37, 0.11),
    0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 1.5rem;
  margin-top: -4rem;
}

.auth-form p {
  margin-bottom: 0;
}

.clemap-icon {
  width: 4.8rem;
  height: 4.8rem;

  background: transparent url("/assets/clemap-icon-48w.png") no-repeat center
    center;
  background-size: 4.8rem 4.8rem;
}

.auth-form--graphic {
  width: 9.6rem;
}

.auth-form .error-icon,
.clemap-icon,
.auth-form--graphic {
  margin: 2rem auto;
}

.auth-form h2 {
  font-family: "Nexa Bold", Lato, sans-serif;
  font-weight: 700;
  font-size: 3.6rem;
}

.auth-form .instruction-block {
  text-align: left;
  margin: 1rem 0;
}

.auth-form .instructions {
  padding: 1.4rem 0;
}

.auth-form input {
  text-align: left;
  margin: 0.8rem 0;
}

.auth-form button {
  margin: 0.5rem 0.2rem;
}

.auth-form .other-actions {
  margin-top: 1rem;
}

.auth-form .signup-instruction {
  margin: -3rem -5rem;
  margin-top: 2.4rem;

  background: var(--color-neutral-surface);
  padding: 2rem;

  display: flex;
  justify-content: center;
  text-align: left;

  border-radius: 0 0 0.4rem 0.4rem;
}

.auth-form .signup-floem-teaser {
  width: 10.2rem;
  margin: 0.2rem 0;
  margin-right: 2rem;
}

.module-container .auth-page-wrapper {
  height: 100%;
  top: 0;
}

.module-container .auth-page-wrapper {
  position: absolute;
  top: 2rem;
}

.module-container .auth-page-wrapper .auth-form {
  margin-top: 4rem;
}

@media screen and (max-height: 690px) {
  .auth-page-wrapper > div {
    justify-content: flex-start;
    padding-top: 3rem;
    overflow-y: auto;
    height: calc(100vh - 5rem);
  }
}

#sign-in-alerts .maintenance-alert {
  margin-bottom: 5rem;
  border-radius: 0.5rem;
  flex-direction: column;
  box-shadow: 0rem 0.1rem 0.3rem rgba(0, 0, 0, 0.15);
}

#sign-in-alerts {
  width: 90%;
  max-width: 44rem;
}

#sign-in-alerts .maintenance-alert--updated-at {
  margin-left: auto;
  margin-right: 0;
  padding: 0.2rem 0;
}