.pwd-gauge--checklist {
  width: 100%;
  margin-top: 0.5rem;
}
.pwd-gauge--checklist[hidden] {
  display: none !important;
}
.pwd-gauge__stack {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.pwd-gauge__track {
  height: 0.35rem;
  background: #27272a;
  border-radius: 9999px;
  overflow: hidden;
}
.pwd-gauge__fill {
  height: 100%;
  width: 0%;
  border-radius: 9999px;
  background: linear-gradient(90deg, #f87171, #fbbf24, #34d399);
  transition: width 0.2s ease;
}
.pwd-gauge__text {
  font-size: 0.8125rem;
  font-weight: 600;
  margin: 0;
}
.pwd-gauge__hints {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.6875rem;
  color: #71717a;
}
.pwd-gauge__hints li {
  display: flex;
  gap: 0.35rem;
  align-items: baseline;
  margin-top: 0.2rem;
}
.pwd-gauge__hints li.ok { color: #6ee7b7; }
.pwd-gauge__hints li.no { color: #52525b; }