/**
 * @file
 * Theme styling for user module.
 *
 * Based on starterkit theme, components\user.css
 */

/* Visual styling for the Password strength indicator */
.password-strength__meter {
  margin-top: 0.5em;
  background-color: #ebeae4;
}
.password-strength__indicator {
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
.password-strength__indicator.is-weak {
  background-color: #e62600;
}
.password-strength__indicator.is-fair {
  background-color: #e09600;
}
.password-strength__indicator.is-good {
  background-color: #e6e600;
}
.password-strength__indicator.is-strong {
  background-color: #77b259;
}

/* Styling for the status indicator of the passwords match test.  */
.password-confirm-message .ok {
  color: #325e1c;
  font-weight: bold;
}
.password-confirm-message .error {
  color: #a51b00;
  font-weight: bold;
}