{"version":3,"file":"grid-chart.module.mjs","names":[],"sources":["../src/grid-chart.module.css"],"sourcesContent":[".root {\n  display: block;\n  width: 100%;\n\n  --chart-bar-label-color: var(--mantine-color-dimmed);\n\n  svg {\n    overflow: visible;\n    outline: 0;\n  }\n\n  @mixin where-light {\n    --chart-grid-color: rgba(173, 181, 189, 0.6);\n    --chart-cursor-fill: rgba(173, 181, 189, 0.15);\n  }\n\n  @mixin where-dark {\n    --chart-cursor-fill: rgba(105, 105, 105, 0.15);\n    --chart-grid-color: rgba(105, 105, 105, 0.6);\n  }\n\n  & :where(text) {\n    font-family: var(--mantine-font-family);\n    color: var(--chart-text-color, var(--mantine-color-dimmed));\n  }\n}\n\n.container {\n  height: 100%;\n  width: 100%;\n}\n\n.grid {\n  stroke: var(--chart-grid-color);\n}\n\n.axis {\n  color: var(--chart-grid-color);\n}\n\n.axisLabel {\n  color: var(--chart-text-color, var(--mantine-color-dimmed));\n}\n\n.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  padding: var(--mantine-spacing-sm);\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"],"mappings":""}