{"version":3,"file":"DayView.module.cjs","names":[],"sources":["../../../src/components/DayView/DayView.module.css"],"sourcesContent":[".dayView {\n  --slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */\n  --all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */\n  --day-view-slot-labels-width: 80px;\n  --day-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  border-radius: var(--day-view-radius);\n  overflow: hidden;\n\n  @mixin where-light {\n    --day-view-border-color: var(--mantine-color-gray-3);\n    --day-view-business-hours-bg: var(--mantine-color-white);\n    --day-view-non-business-hours-bg: var(--mantine-color-gray-0);\n  }\n\n  @mixin where-dark {\n    --day-view-border-color: var(--mantine-color-dark-4);\n    --day-view-business-hours-bg: var(--mantine-color-dark-7);\n    --day-view-non-business-hours-bg: var(--mantine-color-dark-6);\n  }\n}\n\n.dayViewHeader {\n  text-transform: capitalize;\n  height: 40px;\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}\n\n.dayViewScrollArea {\n  border: 1px solid var(--day-view-border-color);\n  border-radius: var(--day-view-radius);\n  overflow: hidden;\n\n  :where(:global(.mantine-ScrollArea-scrollbar)) {\n    z-index: 4;\n  }\n}\n\n.dayViewInner {\n  display: flex;\n}\n\n.dayViewTimeSlots {\n  position: relative;\n\n  &:where(:first-of-type) .dayViewSlot:where([data-first]) {\n    border-top-color: transparent;\n  }\n}\n\n.dayViewSlotLabels {\n  width: var(--day-view-slot-labels-width);\n}\n\n.dayViewSlotLabel {\n  height: var(--slot-height);\n  border-top: 1px solid var(--day-view-border-color);\n  font-size: var(--mantine-font-size-sm);\n  text-align: right;\n  padding: 4px 8px;\n  font-variant-numeric: tabular-nums;\n\n  &:where([data-all-day]) {\n    height: var(--all-day-slot-height);\n    border-top: 0;\n  }\n\n  &:where(:first-of-type) {\n    border-top: 0;\n  }\n\n  &:where([data-business-hours]) {\n    background-color: var(--day-view-business-hours-bg);\n  }\n\n  &:where([data-non-business-hours]) {\n    background-color: var(--day-view-non-business-hours-bg);\n  }\n}\n\n.dayViewSlots {\n  flex: 1;\n}\n\n.dayViewSlot {\n  display: block;\n  width: 100%;\n  border-top: 1px dotted var(--day-view-border-color);\n  height: calc(var(--slot-height) * var(--slot-size));\n  position: relative;\n\n  &:where(:focus) {\n    z-index: 1;\n  }\n\n  &:where([data-hour-start]) {\n    border-top: 1px solid var(--day-view-border-color);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-1);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n  }\n\n  &:where([data-all-day]) {\n    height: var(--all-day-slot-height);\n    border-top: 0;\n  }\n\n  &:where([data-business-hours]) {\n    background-color: var(--day-view-business-hours-bg);\n  }\n\n  &:where([data-non-business-hours]) {\n    background-color: var(--day-view-non-business-hours-bg);\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.dayView:where([data-hide-sub-hour-grid-lines]) .dayViewSlot:not([data-hour-start]) {\n  border-top-color: transparent;\n}\n\n.dayView:where([data-event-interaction]) .dayViewSlot:not([data-all-day]) {\n  pointer-events: none;\n}\n\n.dayViewBackgroundEvent {\n  position: absolute;\n  border-radius: 0;\n  pointer-events: none;\n  z-index: 2;\n  background-color: var(--bg-event-bg);\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: var(--mantine-font-weight-medium);\n  padding: 3px 4px;\n  color: var(--bg-event-color);\n}\n\n.dayViewAllDay {\n  position: relative;\n  height: var(--all-day-slot-height);\n}\n\n.dayViewAllDayEvents {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  pointer-events: none;\n  z-index: 3;\n}\n"],"mappings":""}