{"version":3,"file":"Popover.css.cjs","sources":["../../../src/components/Popover/Popover.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const PopoverDropdownStyle = css(({ theme }) => ({\n  position: 'absolute',\n  border: '1px solid var(--popover-border-color)',\n  padding: 'var(--raikou-spacing-sm) var(--raikou-spacing-md)',\n  boxShadow: 'var(--popover-shadow, none)',\n  borderRadius: 'var(--popover-radius, var(--raikou-radius-default))',\n\n  '&:_where([data-fixed])': {\n    position: 'fixed',\n  },\n\n  '&:focus': {\n    outline: 'none',\n  },\n\n  ...theme.applyStyles('light', {\n    '--popover-border-color': theme.colors.gray[2],\n    backgroundColor: theme.colors.white,\n  }),\n\n  ...theme.applyStyles('dark', {\n    '--popover-border-color': theme.colors.dark[4],\n    backgroundColor: theme.colors.dark[6],\n  }),\n}));\n\nexport const PopoverArrowStyle = css({\n  backgroundColor: 'inherit',\n  border: '1px solid var(--popover-border-color)',\n  zIndex: 1,\n});\n"],"names":["css"],"mappings":";;;;AAEO,MAAM,oBAAuB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EACtD,QAAU,EAAA,UAAA;AAAA,EACV,MAAQ,EAAA,uCAAA;AAAA,EACR,OAAS,EAAA,mDAAA;AAAA,EACT,SAAW,EAAA,6BAAA;AAAA,EACX,YAAc,EAAA,qDAAA;AAAA,EAEd,wBAA0B,EAAA;AAAA,IACxB,QAAU,EAAA;AAAA,GACZ;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,OAAS,EAAA;AAAA,GACX;AAAA,EAEA,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,wBAA0B,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC,CAAA;AAAA,IAC7C,eAAA,EAAiB,MAAM,MAAO,CAAA;AAAA,GAC/B,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,wBAA0B,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC,CAAA;AAAA,IAC7C,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACrC;AACH,CAAE,CAAA;AAEK,MAAM,oBAAoBA,SAAI,CAAA;AAAA,EACnC,eAAiB,EAAA,SAAA;AAAA,EACjB,MAAQ,EAAA,uCAAA;AAAA,EACR,MAAQ,EAAA;AACV,CAAC;;;;;"}