{"version":3,"file":"MonthPicker.module.cjs","names":[],"sources":["../../../src/components/MonthPicker/MonthPicker.module.css"],"sourcesContent":[".monthPickerRoot {\n  display: flex;\n  font-size: var(--preset-font-size);\n}\n\n.presetsList {\n  display: flex;\n  flex-direction: column;\n  border-inline-end: 1px solid;\n  padding-inline-end: 0.5em;\n  margin-inline-end: 0.5em;\n\n  @mixin where-light {\n    border-color: var(--mantine-color-gray-2);\n  }\n\n  @mixin where-dark {\n    border-color: var(--mantine-color-dark-5);\n  }\n}\n\n.presetButton {\n  padding: 0.52em 0.8em;\n  border-radius: var(--mantine-radius-default);\n  font-size: var(--preset-font-size);\n  white-space: nowrap;\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n  }\n}\n"],"mappings":""}