/* Полоска надёжности пароля. Три отрезка, ничего не запрещает —
   только показывает, насколько пароль длинный и разнообразный. */

.meter {
  display: inline-flex;
  gap: var(--sp-1);
  vertical-align: middle;
  margin-right: var(--sp-1);
}

.meter__bar {
  width: var(--sp-6);
  height: var(--sp-1);
  border-radius: var(--sp-1);
  background: var(--line);
  transition: background var(--base) var(--ease);
}

.meter[data-score="1"] .meter__bar.is-on { background: var(--danger); }
.meter[data-score="2"] .meter__bar.is-on { background: var(--accent); }
.meter[data-score="3"] .meter__bar.is-on { background: var(--ok); }