.password-helper .progress-bar {
  transition: width 180ms ease, background-color 180ms ease;
}

.password-helper .password-requirements {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem 1.25rem;
}

.password-helper .password-requirements li {
  color: var(--bs-secondary-color);
}

.password-helper [data-password-match].text-success,
.password-helper [data-password-match].text-danger {
  font-weight: 500;
}

@media (max-width: 575.98px) {
  .password-helper .password-requirements {
    grid-template-columns: 1fr;
  }
}