/* chipgroup.st.css */
@namespace "ChipGroup";

/* = Project info and vars */
:import {
  -st-from: "./project.st.css";
  -st-default: Base;
  -st-named:
    --spacing-unit;
}

/* = Import Root Component CSS API */
:import {
  -st-from: "../../components/ChipGroup/chipgroup.st.css";
  -st-default: ChipGroup;
}

:import {
  -st-from: "../../mixins/srOnly.st.css";
  -st-default: SrOnly;
}

@st-scope Base {
  ChipGroup::title {
    padding: calc(1em + var(--spacing-unit)) 0 0;
    margin-bottom: 1em;
  }

  ChipGroup::listItem {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: calc(var(--spacing-unit) * 2);
  }
}