.rules .rule {
  color: var(--mfm-black);
  font-weight: 400;
}
.rules .rule::before {
  content: "";
  position: relative;
  display: inline-block;
  background-color: var(--white);
  margin-right: 0.5rem;
  width: 1.125rem;
  height: 1.125rem;
  text-align: center;
  mask-size: 1.125rem;
  mask-position: center;
  aspect-ratio: 1;
  border-radius: 999px;
}
.rules .rule.valid {
  color: var(--mfm-success-800);
}
.rules .rule.valid::before {
  background-color: var(--mfm-success-400);
  mask-image: url(/img/hugeicons/checkmark-circle-02-solid-rounded.svg);
}
.rules .rule.invalid {
  color: var(--mfm-danger-800);
}
.rules .rule.invalid::before {
  background-color: var(--mfm-danger-400);
  mask-image: url(/img/hugeicons/cancel-circle-solid-rounded.svg);
}

.help-block {
  color: var(--mfm-danger-500);
}

input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
}

/*# sourceMappingURL=ds_password.css.map */