{"version":3,"file":"AppShell.css.cjs","sources":["../../../src/components/AppShell/AppShell.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const AppShellRootStyle = css(({ theme }) => ({\n  '&[data-resizing]': {\n    '--app-shell-transition-duration': '0ms !important',\n  },\n\n  '&[data-disabled]': {\n    '--app-shell-header-offset-y': '0rem !important',\n    '--app-shell-navbar-offset-y': '0rem !important',\n  },\n\n  ...theme.applyStyles('light', {\n    '--app-shell-border-color': theme.colors.gray[3],\n  }),\n\n  ...theme.applyStyles('dark', {\n    '--app-shell-border-color': theme.colors.dark[4],\n  }),\n}));\n\nconst navBarAsideHeaderMainFooter = {\n  transitionDuration: 'var(--app-shell-transition-duration)',\n  transitionTimingFunction: 'var(--app-shell-transition-timing-function)',\n};\n\nconst navBarAside = {\n  position: 'fixed',\n  display: 'flex',\n  flexDirection: 'column',\n  backgroundColor: 'var(--raikou-color-body)',\n  transitionProperty: 'transform, top, height',\n};\n\nexport const AppShellIconListStyle = css(({ theme }) => ({\n  insetInlineStart: 0,\n  width: 'var(--app-shell-iconlist-width)',\n  transform: 'var(--app-shell-iconlist-transform)',\n  zIndex: 'var(--app-shell-iconlist-z-index)',\n  opacity: 'var(--app-shell-iconlist-opacity, 1)',\n\n  ...theme.applyMixin('where-rtl', {\n    transform: 'var(--app-shell-iconlist-transform-hover)',\n  }),\n\n  '&:_where([data-with-border])': {\n    borderInlineEnd: '1px solid var(--app-shell-border-color)',\n  },\n\n  top: 'var(--app-shell-iconlist-offset-y)',\n  height: 'var(--app-shell-iconlist-height)',\n\n  ...navBarAsideHeaderMainFooter,\n  ...navBarAside,\n}));\n\nexport const AppShellNavbarStyle = css(({ theme }) => ({\n  insetInlineStart: 'var(--app-shell-iconlist-offset, 0rem)',\n  width: 'var(--app-shell-navbar-width)',\n  transform: 'var(--app-shell-navbar-transform)',\n  zIndex: 'var(--app-shell-navbar-z-index)',\n\n  ...theme.applyMixin('where-rtl', {\n    transform: 'var(--app-shell-navbar-transform-rtl)',\n  }),\n\n  '&:_where([data-with-border])': {\n    borderInlineEnd: '1px solid var(--app-shell-border-color)',\n  },\n\n  top: 'var(--app-shell-navbar-offset-y)',\n  height: 'var(--app-shell-navbar-height)',\n\n  ...navBarAsideHeaderMainFooter,\n  ...navBarAside,\n}));\n\nexport const AppShellAsideStyle = css(({ theme }) => ({\n  insetInlineEnd: 0,\n  width: 'var(--app-shell-aside-width)',\n  transform: 'var(--app-shell-aside-transform)',\n  zIndex: 'var(--app-shell-aside-z-index)',\n\n  ...theme.applyMixin('where-rtl', {\n    transform: 'var(--app-shell-aside-transform-rtl)',\n  }),\n\n  '&:_where([data-with-border])': {\n    borderInlineStart: '1px solid var(--app-shell-border-color)',\n  },\n\n  top: 'var(--app-shell-aside-offset-y)',\n  height: 'var(--app-shell-aside-height)',\n\n  ...navBarAsideHeaderMainFooter,\n  ...navBarAside,\n}));\n\nexport const AppShellMainStyle = css({\n  paddingInlineStart:\n    'calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-iconlist-offset, 0rem) + var(--app-shell-padding))',\n  paddingInlineEnd: 'calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding))',\n  paddingTop: 'calc(var(--app-shell-header-offset-y, 0rem) + var(--app-shell-padding))',\n  paddingBottom: 'calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding))',\n  minHeight: '100dvh',\n  transitionProperty: 'padding',\n\n  ...navBarAsideHeaderMainFooter,\n});\n\nconst headerFooter = {\n  position: 'fixed',\n  insetInlineStart: 'var(--app-shell-header-start-x, 0rem)',\n  insetInlineEnd: 'var(--app-shell-aside-end-x, 0rem)',\n  transitionProperty: 'transform, left, right',\n  backgroundColor: 'var(--raikou-color-body)',\n};\n\nexport const AppShellHeaderStyle = css({\n  top: 0,\n  height: 'var(--app-shell-header-height)',\n  transform: 'var(--app-shell-header-transform)',\n  zIndex: 'var(--app-shell-header-z-index)',\n\n  '&:_where([data-with-border])': {\n    borderBottom: '1px solid var(--app-shell-border-color)',\n  },\n\n  ...headerFooter,\n  ...navBarAsideHeaderMainFooter,\n});\n\nexport const AppShellFooterStyle = css({\n  bottom: 0,\n  height: 'calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom))',\n  paddingBottom: 'env(safe-area-inset-bottom)',\n  transform: 'var(--app-shell-footer-transform)',\n  zIndex: 'var(--app-shell-footer-z-index)',\n\n  '&:_where([data-with-border])': {\n    borderTop: '1px solid var(--app-shell-border-color)',\n  },\n\n  ...headerFooter,\n  ...navBarAsideHeaderMainFooter,\n});\n\nexport const AppShellSectionStyle = css({\n  flexGrow: 0,\n\n  '&:_where([data-grow])': {\n    flexGrow: 1,\n  },\n});\n"],"names":["css"],"mappings":"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"}