.chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 12px;
}

.chip{
  font-size: 11.5px;
  font-weight: 650;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--chip-bg);
  border: 1px solid var(--chip-bd);
  color: rgba(15,47,31,.88);
}

.chip__brand{
  background: linear-gradient(90deg, rgba(118,193,74,.95), rgba(118,193,74,.88));
  border: 1px solid rgba(118,193,74,.55);
  color: rgba(255,255,255,.98);
  box-shadow: 0 10px 26px rgba(15,47,31,.10);
  font-weight: 600;
  border-radius: 999px;
  font-size: .85rem;
  padding: 6px 10px;
}

.chip--neutral{
  background: rgba(15,47,31,.06);
  border-color: rgba(15,47,31,.12);
  color: rgba(15,47,31,.82);
}

.chip--lg{
  font-size: 13.5px;
  font-weight: 750;
  padding: 9px 14px;
  border-radius: 999px;
  letter-spacing: .01em;
}
.chip--lg svg{ width: 16px; height: 16px; }

.chip--list{
  font-size: 13.5px;
  font-weight: 750;
  padding: 9px 22px 9px 9px;
  border-radius: 999px;
  letter-spacing: .01em;
}

.chip--accentSoft{
  background: rgba(118,193,74,.10);
  border: 1px solid rgba(118,193,74,.22);
  color: rgba(255,255,255,.94);
}

.chip--accentSoft svg{
  fill: currentColor;
  color: currentColor;
  opacity: .95;
}

.chip--accentSoft.chip--list{
  font-size: 13.5px;
  font-weight: 750;
  padding: 9px 22px 9px 9px;
  border-radius: 999px;
  letter-spacing: .01em;
}

.badge{
  font-size: 11.5px;
  font-weight: 700;
  padding: 5px 9px;
  border-radius: 999px;
  white-space: nowrap;
  color: rgba(15,47,31,.92);
  background: rgba(118,193,74,.12);
  border: 1px solid rgba(118,193,74,.18);
}