{"version":3,"file":"List.module.cjs","names":[],"sources":["../../../src/components/List/List.module.css"],"sourcesContent":[".root {\n  --list-fz: var(--mantine-font-size-md);\n  --list-lh: var(--mantine-line-height-md);\n  --list-marker-gap: var(--mantine-spacing-lg);\n\n  list-style-position: outside;\n  font-size: var(--list-fz);\n  line-height: var(--list-lh);\n  margin: 0;\n  padding: 0;\n  padding-inline-start: var(--list-marker-gap);\n\n  &[data-type='none'] {\n    --list-marker-gap: 0;\n  }\n\n  &:where([data-with-padding]) {\n    padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));\n  }\n}\n\n.item {\n  white-space: normal;\n  line-height: var(--list-lh);\n\n  &:where([data-with-icon]) {\n    list-style: none;\n\n    & .itemWrapper {\n      --li-direction: row;\n      --li-align: center;\n    }\n  }\n\n  &:where(:not(:first-of-type)) {\n    margin-top: var(--list-spacing, 0);\n  }\n\n  &:where([data-centered]) {\n    line-height: 1;\n  }\n}\n\n.itemWrapper {\n  display: inline-flex;\n  flex-direction: var(--li-direction, column);\n  align-items: var(--li-align, flex-start);\n  white-space: normal;\n}\n\n.itemIcon {\n  display: inline-block;\n  vertical-align: middle;\n  margin-inline-end: var(--mantine-spacing-sm);\n}\n"],"mappings":""}