{"version":3,"file":"RadioIndicator.css.cjs","sources":["../../../../src/components/Radio/RadioIndicator/RadioIndicator.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const RadioIndicatorStyle = css(({ theme }) => ({\n  '--radio-size-xs': '16px',\n  '--radio-size-sm': '20px',\n  '--radio-size-md': '24px',\n  '--radio-size-lg': '30px',\n  '--radio-size-xl': '36px',\n\n  '--radio-icon-size-xs': '6px',\n  '--radio-icon-size-sm': '8px',\n  '--radio-icon-size-md': '10px',\n  '--radio-icon-size-lg': '14px',\n  '--radio-icon-size-xl': '16px',\n\n  '--radio-icon-size': 'var(--radio-icon-size-sm)',\n  '--radio-size': 'var(--radio-size-sm)',\n  '--radio-color': 'var(--raikou-primary-color-filled)',\n  '--radio-icon-color': 'var(--raikou-color-white)',\n\n  position: 'relative',\n  border: '1px solid transparent',\n  width: 'var(--radio-size)',\n  minWidth: 'var(--radio-size)',\n  height: 'var(--radio-size)',\n  minHeight: 'var(--radio-size)',\n  borderRadius: 'var(--radio-radius, 10000px)',\n  transition: 'border-color 100ms ease, background-color 100ms ease',\n  cursor: 'var(--raikou-cursor-type)',\n  WebkitTapHighlightColor: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  ...theme.applyStyles('light', {\n    backgroundColor: theme.colors.white,\n    borderColor: theme.colors.gray[4],\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[6],\n    borderColor: theme.colors.dark[4],\n  }),\n\n  '&[data-indeterminate], &[data-checked]': {\n    backgroundColor: 'var(--radio-color)',\n    borderColor: 'var(--radio-color)',\n\n    [`& > .${RadioIndicatorIconStyle}`]: {\n      opacity: 1,\n      transform: 'none',\n      color: 'var(--radio-icon-color)',\n    },\n  },\n\n  '&[data-disabled]': {\n    cursor: 'not-allowed',\n\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[2],\n      borderColor: theme.colors.gray[3],\n    }),\n\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[6],\n      borderColor: theme.colors.dark[6],\n    }),\n\n    [`&[data-checked] > .${RadioIndicatorIconStyle}`]: {\n      ...theme.applyStyles('light', {\n        color: theme.colors.gray[5],\n      }),\n\n      ...theme.applyStyles('dark', {\n        color: theme.colors.dark[3],\n      }),\n    },\n  },\n  \"[data-variant='outline']\": {\n    '&[data-indeterminate]:not([data-disabled]), &[data-checked]:not([data-disabled])': {\n      backgroundColor: 'transparent',\n      borderColor: 'var(--radio-color)',\n\n      [`& > .${RadioIndicatorIconStyle}`]: {\n        color: 'var(--radio-color)',\n        opacity: 1,\n        transform: 'none',\n      },\n    },\n  },\n}));\n\nexport const RadioIndicatorIconStyle = css({\n  display: 'block',\n  width: 'var(--radio-icon-size)',\n  height: 'var(--radio-icon-size)',\n  color: 'transparent',\n  pointerEvents: 'none',\n  transform: 'translateY(rem(5px)) scale(0.5)',\n  opacity: 1,\n  transition: 'transform 100ms ease, opacity 100ms ease',\n});\n"],"names":["css"],"mappings":"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"}