{"version":3,"file":"Tree.css.cjs","sources":["../../../src/components/Tree/Tree.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const TreeRootStyle = css({\n  '--level-offset': 'var(--raikou-spacing-lg)',\n  margin: 0,\n  padding: 0,\n  userSelect: 'none',\n});\n\nexport const TreeSubtreeStyle = css({\n  margin: 0,\n  padding: 0,\n});\n\nexport const TreeLabelStyle = css(({ theme }) => ({\n  paddingInlineStart: 'var(--label-offset)',\n\n  '&:_where([data-selected])': {\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[1],\n    }),\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.gray[5],\n    }),\n  },\n}));\n\nexport const TreeNodeStyle = css({\n  cursor: 'pointer',\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n  outline: 0,\n\n  '&:focus-visible': {\n    [`.${TreeLabelStyle}`]: {\n      outline: '2px solid var(--raikou-primary-color-filled)',\n      outlineOffset: '2px',\n    },\n  },\n});\n"],"names":["css"],"mappings":";;;;AAEO,MAAM,gBAAgBA,SAAI,CAAA;AAAA,EAC/B,gBAAkB,EAAA,0BAAA;AAAA,EAClB,MAAQ,EAAA,CAAA;AAAA,EACR,OAAS,EAAA,CAAA;AAAA,EACT,UAAY,EAAA;AACd,CAAC;AAEM,MAAM,mBAAmBA,SAAI,CAAA;AAAA,EAClC,MAAQ,EAAA,CAAA;AAAA,EACR,OAAS,EAAA;AACX,CAAC;AAEM,MAAM,cAAiB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAChD,kBAAoB,EAAA,qBAAA;AAAA,EAEpB,2BAA6B,EAAA;AAAA,IAC3B,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,MAC5B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,KACrC,CAAA;AAAA,IACD,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,MAC3B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,KACrC;AAAA;AAEL,CAAE,CAAA;AAEK,MAAM,gBAAgBA,SAAI,CAAA;AAAA,EAC/B,MAAQ,EAAA,SAAA;AAAA,EACR,SAAW,EAAA,MAAA;AAAA,EACX,MAAQ,EAAA,CAAA;AAAA,EACR,OAAS,EAAA,CAAA;AAAA,EACT,OAAS,EAAA,CAAA;AAAA,EAET,iBAAmB,EAAA;AAAA,IACjB,CAAC,CAAA,CAAA,EAAI,cAAc,CAAA,CAAE,GAAG;AAAA,MACtB,OAAS,EAAA,8CAAA;AAAA,MACT,aAAe,EAAA;AAAA;AACjB;AAEJ,CAAC;;;;;;;"}