{"version":3,"file":"ResourcesMonthView.module.mjs","names":[],"sources":["../../../src/components/ResourcesMonthView/ResourcesMonthView.module.css"],"sourcesContent":[".resourcesMonthView {\n  --resources-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  --resources-month-view-resource-label-width: 120px;\n  --resources-month-view-day-width: 80px;\n  --resources-month-view-row-height: 64px;\n  --resources-month-view-group-label-width: 80px;\n\n  @mixin where-light {\n    --resources-month-view-border-color: var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    --resources-month-view-border-color: var(--mantine-color-dark-4);\n  }\n}\n\n.resourcesMonthViewRoot {\n  border: 1px solid var(--resources-month-view-border-color);\n  border-radius: var(--resources-month-view-radius);\n  overflow: hidden;\n  max-width: fit-content;\n}\n\n.resourcesMonthViewScrollArea {\n  :where([data-mantine-scrollbar]) {\n    z-index: 20;\n  }\n\n  :where([data-scrollarea-viewport]) {\n    overscroll-behavior-x: none;\n  }\n}\n\n.resourcesMonthViewInner {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.resourcesMonthViewDayLabelsRow {\n  display: flex;\n  position: sticky;\n  top: 0;\n  z-index: 5;\n  background-color: var(--mantine-color-body);\n  border-bottom: 1px solid var(--resources-month-view-border-color);\n  margin-bottom: -1px;\n}\n\n.resourcesMonthViewCorner {\n  flex: 0 0 var(--resources-month-view-resource-label-width);\n  min-width: var(--resources-month-view-resource-label-width);\n  border-inline-end: 1px solid var(--resources-month-view-border-color);\n  position: sticky;\n  left: 0;\n  z-index: 6;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n  user-select: none;\n  background-color: var(--mantine-color-body);\n}\n\n.resourcesMonthViewDayLabel {\n  flex: 0 0 var(--resources-month-view-day-width);\n  min-width: var(--resources-month-view-day-width);\n  max-width: var(--resources-month-view-day-width);\n  height: 42px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-xs);\n  user-select: none;\n  cursor: default;\n  border-inline-end: 1px solid var(--resources-month-view-border-color);\n\n  &:where(:last-of-type) {\n    border-inline-end: none;\n  }\n\n  &:where([data-weekend]) {\n    color: var(--mantine-color-red-6);\n  }\n\n  &:where([data-today]) {\n    background-color: var(--mantine-primary-color-filled);\n    color: var(--mantine-primary-color-contrast);\n  }\n}\n\n.resourcesMonthViewDayLabelWeekday {\n  font-size: 12px;\n  font-weight: var(--mantine-font-weight-medium);\n  text-transform: capitalize;\n  line-height: 1;\n  margin-bottom: 3px;\n}\n\n.resourcesMonthViewDayLabelNumber {\n  font-weight: var(--mantine-font-weight-medium);\n  font-size: 12px;\n  line-height: 1;\n}\n\n.resourcesMonthViewRow {\n  display: flex;\n  border-top: 1px solid var(--resources-month-view-border-color);\n}\n\n.resourcesMonthViewResourceLabel {\n  flex: 0 0 var(--resources-month-view-resource-label-width);\n  min-width: var(--resources-month-view-resource-label-width);\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n  user-select: none;\n  border-inline-end: 1px solid var(--resources-month-view-border-color);\n  min-height: var(--resources-month-view-row-height);\n  position: sticky;\n  left: 0;\n  z-index: 4;\n  background-color: var(--mantine-color-body);\n\n  &:where([data-has-groups]) {\n    left: var(--resources-month-view-group-label-width);\n  }\n}\n\n.resourcesMonthViewGroupColumn {\n  flex: 0 0 var(--resources-month-view-group-label-width);\n  min-width: var(--resources-month-view-group-label-width);\n  min-height: var(--resources-month-view-row-height);\n  position: sticky;\n  left: 0;\n  z-index: 5;\n  background-color: var(--mantine-color-body);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow-wrap: break-word;\n  font-size: var(--mantine-font-size-sm);\n  font-weight: var(--mantine-font-weight-medium);\n  user-select: none;\n  border-inline-end: 1px solid var(--resources-month-view-border-color);\n  overflow: visible;\n\n  &:where([data-group-position='first']),\n  &:where([data-group-position='only']) {\n    z-index: 6;\n  }\n\n  &:where([data-group-position='middle']),\n  &:where([data-group-position='last']) {\n    margin-top: -1px;\n    min-height: calc(var(--resources-month-view-row-height) + 1px);\n  }\n}\n\n.resourcesMonthViewGroupColumnEmpty {\n  flex: 0 0 var(--resources-month-view-group-label-width);\n  min-width: var(--resources-month-view-group-label-width);\n  min-height: var(--resources-month-view-row-height);\n  position: sticky;\n  left: 0;\n  z-index: 5;\n  background-color: var(--mantine-color-body);\n  border-inline-end: 1px solid var(--resources-month-view-border-color);\n}\n\n.resourcesMonthViewRowSlots {\n  display: flex;\n  position: relative;\n  min-height: var(--resources-month-view-row-height);\n}\n\n.resourcesMonthViewCell {\n  flex: 0 0 var(--resources-month-view-day-width);\n  min-width: var(--resources-month-view-day-width);\n  max-width: var(--resources-month-view-day-width);\n  min-height: var(--resources-month-view-row-height);\n  border-inline-end: 1px solid var(--resources-month-view-border-color);\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n\n  &:where(:last-of-type) {\n    border-inline-end: none;\n  }\n\n  &:where(:focus) {\n    z-index: 1;\n  }\n\n  @mixin hover {\n    &:where(:not([data-static])) {\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-6);\n      }\n    }\n  }\n\n  &:where([data-weekend]) {\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-8);\n    }\n  }\n\n  &:where([data-drop-target]) {\n    @mixin where-light {\n      background-color: var(--mantine-color-blue-1);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 2;\n      border: 1px solid;\n      border-radius: 2px;\n\n      @mixin where-light {\n        border-color: var(--mantine-color-blue-4);\n      }\n\n      @mixin where-dark {\n        border-color: var(--mantine-color-blue-6);\n      }\n    }\n  }\n\n  &:where([data-drag-selected]) {\n    &,\n    &:hover {\n      background-color: var(--mantine-primary-color-light);\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset: -1px;\n      pointer-events: none;\n      z-index: 2;\n      border: 1px solid;\n\n      @mixin where-light {\n        border-color: var(--mantine-primary-color-2);\n      }\n\n      @mixin where-dark {\n        border-color: var(--mantine-primary-color-9);\n      }\n    }\n  }\n\n  &:where([data-drag-slot-index]) {\n    touch-action: none;\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.resourcesMonthView:where([data-event-interaction]) .resourcesMonthViewCell {\n  pointer-events: none;\n}\n"],"mappings":""}