.auth-aux-logo {
  position: absolute;
  top: var(--spacing-06);
  left: var(--spacing-06);

  img {
    height: 40px;
  }
}

.auth-aux-container {
  padding-top: calc($header-height + $spacing-11);
  max-width: 320px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;

  .recaptcha-branding {
    @include body-xs;

    padding: 0;
    text-align: left;
  }
}

.auth-aux-new-password ~ .notification {
  margin-top: var(--spacing-04);
}

.login-overleaf-logo-container {
  display: block;
  padding: var(--spacing-06);
  text-align: center;
  padding-top: var(--spacing-13);
  padding-bottom: var(--spacing-09);
}

.login-register-hr-text-container {
  line-height: 1;
  position: relative;
  padding: var(--spacing-08) 0;
  font-size: var(--font-size-02);

  &::before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: var(--neutral-20);
    top: 50%;
    left: 0;
    right: 0;
  }
}

.login-register-hr-text {
  position: relative;
  background-color: #fff;
  padding: 0 var(--spacing-05);
}

.sso-auth-login-container {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 var(--spacing-06);

  h1 {
    font-size: var(--font-size-07);
    line-height: var(--line-height-06);
  }

  .login-register-text {
    font-size: var(--font-size-02);
  }

  .email-label {
    padding-top: var(--spacing-06);
  }

  .login-register-other-links {
    padding-top: var(--spacing-09);
  }
}
