{"version":3,"file":"AngleSlider.css.mjs","sources":["../../../src/components/AngleSlider/AngleSlider.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const AngleSliderRootStyle = css(({ theme }) => ({\n  width: 'var(--slider-size)',\n  height: 'var(--slider-size)',\n  position: 'relative',\n  borderRadius: '100%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  userSelect: 'none',\n\n  '&:focus-within': {\n    outline: '2px solid var(--raikou-primary-color-filled)',\n    outlineOffset: '2px',\n  },\n\n  '--slider-size': '60px',\n  '--thumb-size': 'calc(var(--slider-size) / 5)',\n\n  ...theme.applyStyles('light', {\n    backgroundColor: theme.colors.gray[1],\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[5],\n  }),\n}));\n\nexport const AngleSliderMarksStyle = css({\n  position: 'absolute',\n  inset: 1,\n  borderRadius: 'var(--slider-size)',\n  pointerEvents: 'none',\n});\n\nexport const AngleSliderMarkStyle = css(({ theme }) => ({\n  position: 'absolute',\n  width: '2px',\n  top: 0,\n  bottom: 0,\n  left: 'calc(50% - 1px)',\n  transform: 'rotate(var(--angle))',\n\n  '&::before': {\n    content: \"''\",\n    position: 'absolute',\n    top: 'calc(var(--thumb-size) / 3)',\n    left: '0.5px',\n    width: '1px',\n    height: 'calc(var(--thumb-size) / 1.5)',\n    transform: 'translate(-50%, -50%)',\n\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[4],\n    }),\n\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[3],\n    }),\n  },\n\n  '&[data-label]::after': {\n    minWidth: '18px',\n    textAlign: 'center',\n    content: 'attr(data-label)',\n    position: 'absolute',\n    top: '-24px',\n    left: '-7px',\n    transform: 'rotate(calc(360deg - var(--angle)))',\n    fontSize: 'var(--raikou-font-size-xs)',\n  },\n}));\n\nexport const AngleSliderThumbStyle = css(({ theme }) => ({\n  position: 'absolute',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 'calc(50% - 1.5px)',\n  height: '100%',\n  width: '3px',\n  outline: 'none',\n  pointerEvents: 'none',\n\n  '&::before': {\n    content: \"''\",\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    height: 'min(var(--thumb-size), calc(var(--slider-size) / 2))',\n    width: '3px',\n\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[7],\n    }),\n\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[1],\n    }),\n  },\n}));\n\nexport const AngleSliderLabelStyle = css({\n  fontSize: 'var(--raikou-font-size-xs)',\n});\n"],"names":[],"mappings":"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"}