{"version":3,"file":"ScrollArea.css.cjs","sources":["../../../src/components/ScrollArea/ScrollArea.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const ScrollAreaRootStyle = css({\n  '--scrolarea-scrollbar-size': '12px',\n\n  position: 'relative',\n  overflow: 'hidden',\n});\n\nexport const ScrollAreaViewportStyle = css({\n  scrollbarWidth: 'none',\n  msOverflowStyle: 'none',\n  webkitOverflowScrolling: 'touch',\n  width: '100%',\n  height: '100%',\n\n  '&::-webkit-scrollbar': {\n    display: 'none',\n  },\n\n  \"&:_where([data-scrollbars='xy'], [data-scrollbars='y'])\": {\n    \"&:_where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y'])\": {\n      paddingInlineEnd: 'var(--scrollarea-scrollbar-size)',\n      paddingInlineStart: 'unset',\n    },\n  },\n\n  \"&:_where([data-scrollbars='xy'], [data-scrollbars='x'])\": {\n    \"&:_where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x'])\": {\n      paddingBottom: 'var(--scrollarea-scrollbar-size)',\n    },\n  },\n});\n\nexport const ScrollAreaViewportInnerStyle = css({\n  minWidth: '100%',\n  display: 'table',\n});\n\nexport const ScrollAreaScrollBarStyle = css(({ theme }) => ({\n  userSelect: 'none',\n  touchAction: 'none',\n  boxSizing: 'border-box',\n  transition: 'background-color 150ms ease, opacity 150ms ease',\n  padding: 'calc(var(--scrollarea-scrollbar-size) / 5)',\n  display: 'flex',\n  backgroundColor: 'transparent',\n  flexDirection: 'row',\n\n  ...theme.applyMixin('hover', {\n    '&:hover': {\n      ...theme.applyStyles('light', {\n        backgroundColor: theme.colors.gray[0],\n\n        '& > .thumb': {\n          backgroundColor: 'rgba(0, 0, 0, 0.5)',\n        },\n      }),\n\n      ...theme.applyStyles('dark', {\n        backgroundColor: theme.colors.dark[8],\n\n        '& > .thumb': {\n          backgroundColor: 'rgba(255, 255, 255, 0.5)',\n        },\n      }),\n    },\n  }),\n\n  \"&:_where([data-hidden], [data-state='hidden'])\": {\n    display: 'none',\n  },\n\n  \"&:_where([data-orientation='vertical'])\": {\n    width: 'var(--scrollarea-scrollbar-size)',\n    top: 0,\n    bottom: 'var(--sa-corner-width)',\n    insetInlineEnd: 0,\n  },\n\n  \"&:_where([data-orientation='horizontal'])\": {\n    height: 'var(--scrollarea-scrollbar-size)',\n    flexDirection: 'column',\n    bottom: 0,\n    insetInlineStart: 0,\n    insetInlineEnd: 'var(--sa-corner-width)',\n  },\n}));\n\nexport const ScrollAreaThumbStyle = css(({ theme }) => ({\n  flex: 1,\n  borderRadius: 'var(--scrollarea-scrollbar-size)',\n  position: 'relative',\n  transition: 'background-color 150ms ease',\n  overflow: 'hidden',\n  opacity: 'var(--thumb-opacity)',\n\n  '&:before': {\n    content: \"''\",\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    width: '100%',\n    height: '100%',\n    minWidth: '44px',\n    minHeight: '44px',\n  },\n  ...theme.applyStyles('light', {\n    backgroundColor: 'rgba(0, 0, 0, 0.4)',\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: 'rgba(255, 255, 255, 0.4)',\n  }),\n}));\n\nexport const ScrollAreaCornerStyle = css(({ theme }) => ({\n  position: 'absolute',\n  opacity: 0,\n  transition: 'opacity 150ms ease',\n  display: 'block',\n  insetInlineEnd: 0,\n  bottom: 0,\n\n  ...theme.applyStyles('light', {\n    backgroundColor: theme.colors.gray[0],\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[8],\n  }),\n\n  '&:_where([data-hovered])': {\n    opacity: 1,\n  },\n\n  '&:_where([data-hidden])': {\n    display: 'none',\n  },\n}));\n"],"names":["css"],"mappings":"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"}