{"version":3,"sources":["../src/LabelGroup/LabelGroup.module.css.js"],"names":[],"mappings":"AAAA,gCAYE,cAAe,CAXf,YAAa,CACb,gBAAiB,CACjB,6BAAuB,CAEvB,aAAc,CACd,cAAe,CACf,eAiBF,CAVE,8DACE,cACF,CAEA,mDAIE,oBAAqB,CADrB,kBAAmB,CADnB,oBAAqB,CADrB,sBAIF,CAGF,kCAEE,kBAAmB,CADnB,YAAa,CAOb,eACF,CAEA,0CACE,UAAW,CACX,mBAAoB,CACpB,iBACF,CAEA,uCACE,sBAAuB,CACvB,YACF,CAEA,mCACE,YAAa,CACb,cAAe,CACf,6BACF,CAEA,kCACE,aACF","file":"LabelGroup-db41f443.css","sourcesContent":[".Container {\n  display: flex;\n  flex-wrap: nowrap;\n  gap: var(--base-size-4);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 1;\n  max-width: 100%;\n  overflow: hidden;\n\n  /* Isolate the IntersectionObserver-driven show/hide of overflowing labels so it can't invalidate\n  ancestor layout. Safe because the row already clips (overflow: hidden) and the expanded overlay is\n  rendered separately, so it isn't affected by the new containing block/stacking context. */\n  contain: layout;\n\n  &:where([data-overflow='inline']) {\n    flex-wrap: wrap;\n  }\n\n  &:where([data-list]) {\n    padding-inline-start: 0;\n    margin-block-start: 0;\n    margin-block-end: 0;\n    list-style-type: none;\n  }\n}\n\n.ItemWrapper {\n  display: flex;\n  align-items: center;\n  /* This min-height matches the height of the expand/collapse button.\n     Without it, the labels/tokens will do a slight layout shift when expanded.\n     This is because the height of the first row will match the token sizes,\n     but the height of the second row will be the height of the collapse button.\n  */\n  min-height: 28px;\n}\n\n.ItemWrapper--hidden {\n  order: 9999;\n  pointer-events: none;\n  visibility: hidden;\n}\n\n.OverlayContainer {\n  align-items: flex-start;\n  display: flex;\n}\n\n.OverlayInner {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--base-size-4);\n}\n\n.CloseButton {\n  flex-shrink: 0;\n}\n"]}