{"version":3,"sources":["../src/ActionList/Group.module.css.js"],"names":[],"mappings":"AAAA,4BACE,eAcF,CAZE,8CACE,2CAUF,CAJI,2KACE,YACF,CAKN,gCACE,sBACF,CAEA,uCAQE,kCAA2B,CAP3B,YAAa,CAQb,qBAAsB,CAPtB,4CAAsC,CACtC,gDAA6C,CAI7C,gBAAiB,CAIjB,wCAAiC,CADjC,uCAoBF,CAjBE,oEAIE,uCAAgC,CAEhC,uFAAqE,CADrE,oFAAkE,CAFlE,yCAAoC,CADpC,oFAAsE,CAKtE,uCAKF,CAHE,gFACE,oBACF,CAQJ,mCAKE,qBAAsB,CADtB,kCAA2B,CAF3B,4CAAsC,CACtC,gDAA6C,CAF7C,QAKF,CAEA,iEAEE,kBAAmB,CADnB,kBAAmB,CAGnB,4BAAuB,CADvB,6BAMF,CAHE,oGACE,iBACF,CAGF,iDAEE,kBAAmB,CADnB,mBAAoB,CAEpB,wBACF","file":"Group-efcb39da.css","sourcesContent":[".Group {\n  list-style: none;\n\n  &:not(:first-child) {\n    margin-block-start: var(--base-size-8);\n\n    /* If somebody tries to pass the `title` prop AND a `NavList.GroupHeading` as a child, hide the `ActionList.GroupHeading */\n    /* stylelint-disable-next-line selector-max-specificity, selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n    &:has(.GroupHeadingWrap + ul > .GroupHeadingWrap) {\n      /* stylelint-disable-next-line selector-max-specificity */\n      & > .GroupHeadingWrap {\n        display: none;\n      }\n    }\n  }\n}\n\n.GroupList {\n  padding-inline-start: 0;\n}\n\n.GroupHeadingWrap {\n  display: flex;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n\n  /* line-height: var(--text-body-lineHeight-small); use when FF rolls out */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 18px;\n  color: var(--fgColor-muted);\n  flex-direction: column;\n  padding-inline: var(--base-size-16);\n  padding-block: var(--base-size-6);\n\n  &:where([data-variant='filled']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));\n    margin-block-end: var(--base-size-8);\n    background: var(--bgColor-muted);\n    border-top: solid var(--borderWidth-thin) var(--borderColor-muted);\n    border-bottom: solid var(--borderWidth-thin) var(--borderColor-muted);\n    padding-inline: var(--base-size-16);\n\n    &:first-child {\n      margin-block-start: 0;\n    }\n  }\n\n  /* & + ul:has(.GroupHeadingWrap) {\n    outline: solid 1px red;\n  } */\n}\n\n.GroupHeading {\n  margin: 0;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-muted);\n  align-self: flex-start;\n}\n\n.GroupHeadingWrap[data-has-trailing-action] {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-8);\n\n  & > .GroupHeading {\n    align-self: center;\n  }\n}\n\n.GroupHeadingTrailingAction {\n  display: inline-flex;\n  align-items: center;\n  margin-inline-start: auto;\n}\n"]}