{"version":3,"file":"Group.css.mjs","sources":["../../../src/components/Group/Group.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const GroupRootStyle = css({\n  display: 'flex',\n  flexDirection: 'row',\n  flexWrap: 'var(--group-wrap, wrap)',\n  justifyContent: 'var(--group-justify, flex-start)',\n  alignItems: 'var(--group-align, center)',\n  gap: 'var(--group-gap, var(--raikou-spacing-md))',\n\n  '&:_where([data-grow])': {\n    '& > *': {\n      flexGrow: 1,\n      maxWidth: 'var(--group-child-width)',\n    },\n  },\n});\n"],"names":[],"mappings":";;AAEO,MAAM,iBAAiB,GAAI,CAAA;AAAA,EAChC,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,KAAA;AAAA,EACf,QAAU,EAAA,yBAAA;AAAA,EACV,cAAgB,EAAA,kCAAA;AAAA,EAChB,UAAY,EAAA,4BAAA;AAAA,EACZ,GAAK,EAAA,4CAAA;AAAA,EAEL,uBAAyB,EAAA;AAAA,IACvB,OAAS,EAAA;AAAA,MACP,QAAU,EAAA,CAAA;AAAA,MACV,QAAU,EAAA;AAAA;AACZ;AAEJ,CAAC;;;;"}