@use "../../foundations/helpers/forward.helpers.scss" as *;
@use "../pill/pill.scss";

.ds-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: ds-spacing($ds-s-050);

  .ds-pill.ds-pill--sm {
    padding: ds-spacing($ds-s-025, rem) ds-spacing($ds-s-050, rem);
  }

  .ds-pill.ds-pill--lg {
    padding: ds-spacing($ds-s-050, rem) ds-spacing($ds-s-100, rem);
  }
}