@use 'apps/dashboard/src/variables' as *;
@use '../user-layout';

.login_form {
  padding: rhythm(2) 0 0;
}

.login_field {
  margin-bottom: rhythm(2);
}

.login_alert,
.login_form_error {
  background-color: $color-secondary-regular;
  padding: rhythm(0.5) rhythm(1);
}

.login_alert {
  margin-top: rhythm(2);
  text-align: center;
}

.login_form_error {
  align-items: center;
  display: flex;
  gap: rhythm(1);
  margin-top: rhythm(1.5);
}

.body-xs,
.body-s {
  font-weight: $font-weight-thin;
}

.login_policy {
  color: $color-neutral-regular;
}

.login_submit,
.login_recover,
.login_signup {
  text-align: center;
  a {
    text-decoration: none;
  }
}

.login_submit,
.login_recover {
  margin-top: rhythm(3);
}

.login_signup {
  margin-top: rhythm(6);
}

.login_sso {
  margin: -#{rhythm(1)} 0 rhythm(2);
  text-align: right;
}
