{"version":3,"file":"Timeline.css.cjs","sources":["../../../src/components/Timeline/Timeline.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const TimelineRootStyle = css({\n  '--offset': 'calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2)',\n  '--tl-bullet-size': '20px',\n  '--tl-line-width': '4px',\n  '--tl-radius': '1000px',\n  '--tl-color': 'var(--raikou-primary-color-filled)',\n\n  '&:_where([data-align=\"left\"])': {\n    paddingInlineStart: 'var(--offset)',\n  },\n  '&:_where([data-align=\"right\"])': {\n    paddingInlineEnd: 'var(--offset)',\n  },\n});\n\nexport const TimelineItemTitleStyle = css({\n  fontWeight: 500,\n  lineHeight: 1,\n  marginBottom: 'calc(var(--raikou-spacing-xs) / 2)',\n});\n\nexport const TimelineItemStyle = css(({ theme }: any) => ({\n  '--item-border': 'var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color)',\n\n  position: 'relative',\n  color: 'var(--raikou-color-text)',\n\n  '&:before': {\n    content: \"''\",\n    pointerEvents: 'none',\n    position: 'absolute',\n    top: 0,\n    left: 'var(--timeline-line-left, 0)',\n    right: 'var(--timeline-line-right, 0)',\n    bottom: 'calc(var(--raikou-spacing-xl) * -1)',\n    borderInlineStart: 'var(--item-border)',\n    display: 'var(--timeline-line-display, none)',\n\n    [`.${TimelineRootStyle}[data-align=\"left\"] &`]: {\n      '--timeline-line-left': 'calc(var(--tl-line-width) * -1)',\n      '--timeline-line-right': 'auto',\n\n      ...theme.applyMixin('rtl', {\n        '--timeline-line-left': 'auto',\n        '--timeline-line-right': 'calc(var(--tl-line-width) * -1)',\n      }),\n    },\n\n    [`.${TimelineRootStyle}[data-align=\"right\"] &`]: {\n      '--timeline-line-left': 'auto',\n      '--timeline-line-right': 'calc(var(--tl-line-width) * -1)',\n\n      ...theme.applyMixin('rtl', {\n        '--timeline-line-left': 'calc(var(--tl-line-width) * -1)',\n        '--timeline-line-right': 'auto',\n      }),\n    },\n  },\n\n  [`.${TimelineRootStyle}:_where([data-align=\"left\"]) &`]: {\n    paddingInlineStart: 'var(--offset)',\n    textAlign: 'left',\n  },\n\n  [`.${TimelineRootStyle}:_where([data-align=\"right\"]) &`]: {\n    paddingInlineEnd: 'var(--offset)',\n    textAlign: 'right',\n  },\n\n  ...theme.applyStyles('light', {\n    '--item-border-color': theme.colors.gray[3],\n  }),\n\n  ...theme.applyStyles('dark', {\n    '--item-border-color': theme.colors.dark[4],\n  }),\n\n  '&:_where([data-line-active])': {\n    '&:before': {\n      borderColor: 'var(--tli-color, var(--tl-color))',\n    },\n  },\n\n  '&:_where(:not(:last-of-type))': {\n    '--timeline-line-display': 'block',\n  },\n\n  '&:_where(:not(:first-of-type))': {\n    marginTop: 'var(--raikou-spacing-xl)',\n  },\n}));\n\nexport const TimelineItemBulletStyle = css(({ theme }: any) => ({\n  width: 'var(--tl-bullet-size)',\n  height: 'var(--tl-bullet-size)',\n  borderRadius: 'var(--tli-radius, var(--tl-radius))',\n  border: 'var(--tl-line-width) solid',\n  backgroundColor: 'var(--raikou-color-body)',\n  position: 'absolute',\n  top: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: 'var(--raikou-color-text)',\n\n  ...theme.applyStyles('light', {\n    borderColor: theme.colors.gray[3],\n  }),\n\n  ...theme.applyStyles('dark', {\n    borderColor: theme.colors.dark[4],\n  }),\n\n  [`.${TimelineRootStyle}:_where([data-align=\"left\"]) &`]: {\n    left: 'calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1)',\n    right: 'auto',\n\n    ...theme.applyMixin('where-rtl', {\n      left: 'auto',\n      right: 'calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1)',\n    }),\n  },\n\n  [`.${TimelineRootStyle}:_where([data-align=\"right\"]) &`]: {\n    left: 'auto',\n    right: 'calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1)',\n\n    ...theme.applyMixin('where-rtl', {\n      left: 'calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1)',\n      right: 'auto',\n    }),\n  },\n\n  '&:_where([data-with-child])': {\n    borderWidth: 'var(--tl-line-width)',\n\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[3],\n    }),\n\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[4],\n    }),\n  },\n\n  '&:_where([data-active])': {\n    borderColor: 'var(--tli-color, var(--tl-color))',\n    backgroundColor: 'var(--raikou-color-white)',\n    color: 'var(--tl-icon-color, var(--raikou-color-white))',\n\n    '&:_where([data-with-child])': {\n      backgroundColor: 'var(--tli-color, var(--tl-color))',\n      color: 'var(--tli-color, var(--raikou-color-white))',\n    },\n  },\n}));\n\nexport const TimelineItemBodyStyle = css(({ theme }: any) => ({\n  [`.${TimelineRootStyle}:_where([data-align=\"left\"]) &`]: {\n    paddingInlineStart: 'var(--offset)',\n    textAlign: 'left',\n\n    ...theme.applyMixin('where-rtl', {\n      textAlign: 'right',\n    }),\n  },\n\n  [`.${TimelineRootStyle}:_where([data-align=\"right\"]) &`]: {\n    paddingInlineEnd: 'var(--offset)',\n    textAlign: 'right',\n\n    ...theme.applyMixin('where-rtl', {\n      textAlign: 'left',\n    }),\n  },\n}));\n"],"names":["css"],"mappings":"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"}