@charset "UTF-8";

.strength-meter {
   height: 0.5rem;
   border-radius: 4px;
 }	

 
.strength-meter {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  transition: all 0.3s ease;
}

.strength-meter::-webkit-progress-bar {
  background-color: #e9ecef;
  border-radius: 4px;
}

.strength-meter::-webkit-progress-value {
  background-color: var(--bar-color, #dc3545);
  border-radius: 4px;
  transition: background-color 0.5s ease, width 0.3s ease;
}

.strength-meter::-moz-progress-bar {
  background-color: var(--bar-color, #dc3545);
  border-radius: 4px;
  transition: background-color 0.5s ease, width 0.3s ease;
}

#password-strength-text {
  transition: color 0.3s ease;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgb(173 52 63) !important;
}