{"version":3,"file":"HeaderControl.module.cjs","names":[],"sources":["../../../../src/components/ScheduleHeader/HeaderControl/HeaderControl.module.css"],"sourcesContent":[".headerControl {\n  --control-size: 32px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: default;\n  user-select: none;\n  min-width: var(--control-size);\n  height: var(--control-size);\n  border-radius: var(--schedule-radius, var(--control-radius, var(--mantine-radius-default)));\n  border: 1px solid var(--mantine-color-default-border);\n  color: var(--mantine-color-default-color);\n  background: var(--mantine-color-default);\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-transform: capitalize;\n\n  &:where([data-interactive]) {\n    cursor: pointer;\n\n    @mixin hover {\n      background-color: var(--mantine-color-default-hover);\n    }\n  }\n\n  &:where(:not([data-square])) {\n    padding-inline: 12px;\n  }\n\n  &:where([data-active]) {\n    background-color: var(--mantine-primary-color-filled);\n    border-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      border-color: var(--mantine-primary-color-filled-hover);\n    }\n  }\n}\n"],"mappings":""}