{"version":3,"file":"Grid.css.cjs","sources":["../../../src/components/Grid/Grid.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const GridContainerStyle = css({\n  container: 'raikou-grid / inline-size',\n});\n\nexport const GridRootStyle = css({\n  '--grid-overflow': 'visible',\n  '--grid-margin': 'calc(var(--grid-gutter) / -2)',\n  '--grid-col-padding': 'calc(var(--grid-gutter) / 2)',\n\n  overflow: 'var(--grid-overflow)',\n});\n\nexport const GridInnerStyle = css({\n  width: 'calc(100% + var(--grid-gutter))',\n  display: 'flex',\n  flexWrap: 'wrap',\n  justifyContent: 'var(--grid-justify)',\n  alignItems: 'var(--grid-align)',\n  margin: 'var(--grid-margin)',\n});\n\nexport const GridColStyle = css({\n  '--col-flex-grow': 0,\n  '--col-offset': '0rem',\n\n  flexShrink: 0,\n  order: 'var(--col-order)',\n  flexBasis: 'var(--col-flex-basis)',\n  width: 'var(--col-width)',\n  maxWidth: 'var(--col-max-width)',\n  flexGrow: 'var(--col-flex-grow)',\n  marginInlineStart: 'var(--col-offset)',\n  padding: 'var(--grid-col-padding)',\n});\n"],"names":["css"],"mappings":";;;;AAEO,MAAM,qBAAqBA,SAAI,CAAA;AAAA,EACpC,SAAW,EAAA;AACb,CAAC;AAEM,MAAM,gBAAgBA,SAAI,CAAA;AAAA,EAC/B,iBAAmB,EAAA,SAAA;AAAA,EACnB,eAAiB,EAAA,+BAAA;AAAA,EACjB,oBAAsB,EAAA,8BAAA;AAAA,EAEtB,QAAU,EAAA;AACZ,CAAC;AAEM,MAAM,iBAAiBA,SAAI,CAAA;AAAA,EAChC,KAAO,EAAA,iCAAA;AAAA,EACP,OAAS,EAAA,MAAA;AAAA,EACT,QAAU,EAAA,MAAA;AAAA,EACV,cAAgB,EAAA,qBAAA;AAAA,EAChB,UAAY,EAAA,mBAAA;AAAA,EACZ,MAAQ,EAAA;AACV,CAAC;AAEM,MAAM,eAAeA,SAAI,CAAA;AAAA,EAC9B,iBAAmB,EAAA,CAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAEhB,UAAY,EAAA,CAAA;AAAA,EACZ,KAAO,EAAA,kBAAA;AAAA,EACP,SAAW,EAAA,uBAAA;AAAA,EACX,KAAO,EAAA,kBAAA;AAAA,EACP,QAAU,EAAA,sBAAA;AAAA,EACV,QAAU,EAAA,sBAAA;AAAA,EACV,iBAAmB,EAAA,mBAAA;AAAA,EACnB,OAAS,EAAA;AACX,CAAC;;;;;;;"}