{"version":3,"file":"MonthYearSelect.module.mjs","names":[],"sources":["../../../../src/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.module.css"],"sourcesContent":[".monthYearSelectTarget {\n  text-transform: capitalize;\n  min-width: 80px;\n\n  &:where([data-with-months]) {\n    min-width: 140px;\n  }\n}\n\n.monthYearSelectList {\n  flex: 1;\n}\n\n.monthYearSelectDropdown {\n  display: flex;\n  gap: var(--mantine-spacing-sm);\n  padding: 8px 4px;\n\n  &:where([data-with-months]) {\n    padding: var(--mantine-spacing-sm);\n  }\n}\n\n.monthYearSelectLabel {\n  font-weight: var(--mantine-font-weight-medium);\n  font-size: var(--mantine-font-size-sm);\n  padding-inline: 8px;\n  margin-bottom: 6px;\n}\n\n.monthYearSelectControl {\n  display: block;\n  width: 100%;\n  padding: 6px 8px;\n  font-size: var(--mantine-font-size-sm);\n  line-height: 1;\n  border-radius: var(--schedule-radius, var(--control-radius, var(--mantine-radius-default)));\n  font-variant-numeric: tabular-nums;\n  text-transform: capitalize;\n\n  &:where([data-type='year']) {\n    text-align: center;\n  }\n\n  @mixin hover {\n    background-color: var(--mantine-color-default-hover);\n  }\n\n  &:where([data-active]) {\n    background-color: var(--mantine-primary-color-filled);\n    color: var(--mantine-primary-color-contrast);\n\n    @mixin hover {\n      background-color: var(--mantine-primary-color-filled-hover);\n    }\n  }\n}\n"],"mappings":""}