{"version":3,"file":"Drawer.css.cjs","sources":["../../../src/components/Drawer/Drawer.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const DrawerRootStyle = css({\n  '--drawer-size-xs': '320px',\n  '--drawer-size-sm': '380px',\n  '--drawer-size-md': '440px',\n  '--drawer-size-lg': '620px',\n  '--drawer-size-xl': '780px',\n  '--drawer-size': 'var(--drawer-size-md)',\n  '--drawer-offset': '0rem',\n});\n\nexport const DrawerHeaderStyle = css({\n  zIndex: 1000,\n});\n\nexport const DrawerContentStyle = css({\n  flex: 'var(--drawer-flex, 0 0 var(--drawer-size))',\n  height: 'calc(100% - var(--drawer-offset) * 2)',\n  margin: 'var(--drawer-offset)',\n  maxWidth: 'calc(100% - var(--drawer-offset) * 2)',\n  maxHeight: 'calc(100% - var(--drawer-offset) * 2)',\n  overflowY: 'auto',\n});\n\nexport const DrawerInnerStyle = css({\n  display: 'flex',\n  justifyContent: 'var(--drawer-justify, flex-start)',\n  alignItems: 'var(--drawer-align, flex-start)',\n});\n"],"names":["css"],"mappings":";;;;AAEO,MAAM,kBAAkBA,SAAI,CAAA;AAAA,EACjC,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,OAAA;AAAA,EACpB,eAAiB,EAAA,uBAAA;AAAA,EACjB,iBAAmB,EAAA;AACrB,CAAC;AAEM,MAAM,oBAAoBA,SAAI,CAAA;AAAA,EACnC,MAAQ,EAAA;AACV,CAAC;AAEM,MAAM,qBAAqBA,SAAI,CAAA;AAAA,EACpC,IAAM,EAAA,4CAAA;AAAA,EACN,MAAQ,EAAA,uCAAA;AAAA,EACR,MAAQ,EAAA,sBAAA;AAAA,EACR,QAAU,EAAA,uCAAA;AAAA,EACV,SAAW,EAAA,uCAAA;AAAA,EACX,SAAW,EAAA;AACb,CAAC;AAEM,MAAM,mBAAmBA,SAAI,CAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,mCAAA;AAAA,EAChB,UAAY,EAAA;AACd,CAAC;;;;;;;"}