{"version":3,"file":"ChartTooltip.module.mjs","names":[],"sources":["../../src/ChartTooltip/ChartTooltip.module.css"],"sourcesContent":[".tooltip {\n  min-width: 200px;\n  background-color: var(--mantine-color-body);\n  box-shadow: var(--mantine-shadow-md);\n  border-radius: var(--mantine-radius-default);\n\n  @mixin where-light {\n    border: 1px solid var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    border: 1px solid var(--mantine-color-dark-4);\n  }\n}\n\n.tooltipLabel {\n  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);\n  font-size: var(--mantine-font-size-md);\n  font-weight: var(--mantine-font-weight-medium);\n  color: var(--mantine-color-bright);\n}\n\n.tooltipBody {\n  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);\n  padding-top: 0;\n\n  .tooltip:where([data-type='radial']) :where(&) {\n    padding-top: var(--mantine-spacing-sm);\n  }\n}\n\n.tooltipItemColor {\n  width: 12px;\n  height: 12px;\n  min-width: 12px;\n  min-height: 12px;\n}\n\n.tooltipItem {\n  font-size: var(--mantine-font-size-sm);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  &:where(& + &) {\n    margin-top: calc(var(--mantine-spacing-sm) / 2);\n  }\n\n  &[data-type='scatter'] .tooltipItemColor {\n    display: none;\n  }\n}\n\n.tooltipItemBody {\n  display: flex;\n  align-items: center;\n  gap: var(--mantine-spacing-sm);\n  margin-inline-end: var(--mantine-spacing-xl);\n}\n\n.tooltipItemName {\n  color: var(--mantine-color-text);\n  font-size: var(--mantine-font-size-sm);\n}\n\n.tooltipItemData {\n  color: var(--mantine-color-bright);\n}\n"],"mappings":""}