.register-form .register-alerts {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}

.register-form .register-alerts:not(:has(.alert-view)) {
  display: none;
}

.register-form .register-password {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

.register-form .password-strength-text {
  display: none;
  padding-inline-start: calc(var(--spacing-16) + var(--border-width-base));
  font-size: var(--font-size-medium-16);
  color: var(--color-subtle);
  text-align: start;
}

.register-form .register-password[data-strength] .password-strength-text {
  display: block;
}

.register-form .terms-link {
  color: var(--color-blue);
  text-decoration: var(--text-decoration-none);
}

.register-form .terms-link:hover {
  text-decoration: var(--text-decoration-underline);
}

.register-form .register-password[data-strength='red'] .text-input-input.text-input-input {
  border-color: var(--border-color-red) !important;
  outline: var(--border-width-base) solid var(--border-color-red) !important;
  outline-offset: 0px !important;
}

.register-form .register-password[data-strength='orange'] .text-input-input.text-input-input {
  border-color: var(--border-color-orange) !important;
  outline: var(--border-width-base) solid var(--border-color-orange) !important;
  outline-offset: 0px !important;
}

.register-form .register-password[data-strength='green'] .text-input-input.text-input-input {
  border-color: var(--border-color-green) !important;
  outline: var(--border-width-base) solid var(--border-color-green) !important;
  outline-offset: 0px !important;
}

.register-form .register-password[data-strength='red'] .password-strength-text {
  color: var(--color-red);
}

.register-form .register-password[data-strength='orange'] .password-strength-text {
  color: var(--color-orange);
}

.register-form .register-password[data-strength='green'] .password-strength-text {
  color: var(--color-green);
}