/*breakpoints*/
.badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.badge {
  color: var(--badge-font-clr, var(--clr-primary));
  background-color: var(--badge-bg-clr, var(--light-blue-grey));
  text-align: center;
  padding: 0.35rem 0.938rem;
  border-radius: var(--border-radius-full);
  white-space: inherit;
  font-size: 0.875rem;
  font-weight: 300;
}
.badge.badge__primary {
  --badge-bg-clr: var(--clr-primary);
  text-transform: uppercase;
}
.badge.badge__light {
  --badge-bg-clr: var(--light-blue-grey);
  --badge-font-clr: var(--clr-primary);
}
.badge.badge__secondary {
  --badge-bg-clr: var(--clr-secondary);
  --badge-font-clr: var(--white);
}
.badge.badge__white {
  --badge-bg-clr: var(--white);
  --badge-font-clr: var(--clr-primary);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fbadems%2Fscss%2Fobjects%2F_badges.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%22%7D */