{"version":3,"file":"BarsList.module.mjs","names":[],"sources":["../../src/BarsList/BarsList.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  gap: var(--bars-list-gap);\n  width: 100%;\n}\n\n.labelsRow {\n  display: flex;\n  justify-content: space-between;\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n  padding-bottom: var(--bars-list-gap);\n}\n\n.bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mantine-spacing-md);\n}\n\n.barLabel {\n  display: flex;\n  align-items: center;\n  min-width: var(--bars-list-min-bar-size);\n  height: var(--bars-list-bar-height);\n  padding: 0 var(--mantine-spacing-sm);\n  font-size: var(--mantine-font-size-sm);\n  font-weight: 500;\n  color: var(--mantine-color-white);\n  border-radius: var(--mantine-radius-sm);\n  transition: width 300ms ease;\n\n  @mixin where-light {\n    background-color: var(--mantine-primary-color-filled);\n  }\n\n  @mixin where-dark {\n    background-color: var(--mantine-primary-color-filled);\n  }\n}\n\n.barValue {\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n  white-space: nowrap;\n  color: var(--mantine-color-text);\n}\n"],"mappings":""}