.line-badge {
  background: var(--line-color, var(--blue-700));
  color: var(--line-text-color, var(--white));
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-width: 28px;
  padding: 0 1px;
  font-family: "Quicksand", "Fira Sans Condensed", "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 1;
}

.line-badge.len-1 {
  width: 28px;
  min-width: 28px;
  padding: 0;
}

.line-badge.len-2 {
  min-width: 34px;
  padding: 0 4px;
}

.line-badge.len-3 {
  min-width: 42px;
  padding: 0 7px;
}

.line-badge.len-4 {
  min-width: 50px;
  padding: 0 8px;
}

.line-badge.line-badge--dash.len-3 {
  min-width: 46px;
  padding: 0 6px;
}

.line-badge.line-badge--dash.len-4 {
  min-width: 58px;
  padding: 0 6px;
}