{"version":3,"file":"MonthView.module.cjs","names":[],"sources":["../../../src/components/MonthView/MonthView.module.css"],"sourcesContent":[".monthView {\n  --week-numbers-offset: 0rem;\n  --month-view-border: 1px solid var(--month-view-border-color);\n  --month-view-radius: var(--schedule-radius, var(--mantine-radius-default));\n  --day-base-color: var(--mantine-color-text);\n  --min-day-width: 84px;\n  --month-view-columns: 7;\n\n  &:where([data-with-week-numbers]) {\n    --week-numbers-offset: 42px;\n  }\n\n  @mixin where-light {\n    --month-view-border-color: var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    --month-view-border-color: var(--mantine-color-dark-4);\n  }\n}\n\n.monthViewWeekdays {\n  display: flex;\n}\n\n.monthViewWeek {\n  display: flex;\n  position: relative;\n  min-width: calc(var(--min-day-width) * var(--month-view-columns) + var(--week-numbers-offset));\n}\n\n.monthViewWeekNumber {\n  flex: 0 0 var(--week-numbers-offset);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--mantine-font-size-sm);\n  padding: 4px;\n  border-block-start: var(--month-view-border);\n  border-block-end: none;\n  border-inline-start: var(--month-view-border);\n  border-inline-end: none;\n  font-weight: var(--mantine-font-weight-medium);\n  cursor: pointer;\n  user-select: none;\n\n  :where(.monthViewWeek:first-child) & {\n    border-start-start-radius: var(--month-view-radius);\n\n    :where([data-with-weekdays] .monthView) & {\n      border-start-start-radius: 0;\n    }\n  }\n\n  :where(.monthViewWeek:last-child) & {\n    border-block-end: var(--month-view-border);\n    border-end-start-radius: var(--month-view-radius);\n  }\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-6);\n    }\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n.monthViewWeekday {\n  flex: 0 0\n    calc(100% / var(--month-view-columns) - var(--week-numbers-offset) / var(--month-view-columns));\n  min-width: var(--min-day-width);\n  height: 36px;\n  font-size: var(--mantine-font-size-sm);\n  border-block-start: var(--month-view-border);\n  border-block-end: none;\n  border-inline-start: var(--month-view-border);\n  border-inline-end: none;\n  font-weight: var(--mantine-font-weight-medium);\n  text-align: center;\n  text-transform: capitalize;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: default;\n  user-select: none;\n\n  &:where(:first-child) {\n    border-start-start-radius: var(--month-view-radius);\n\n    :where([data-with-week-numbers] .monthView) & {\n      border-start-start-radius: 0;\n    }\n  }\n\n  &:where(:last-child) {\n    border-inline-end: var(--month-view-border);\n    border-start-end-radius: var(--month-view-radius);\n  }\n}\n\n.monthViewWeekdaysCorner {\n  flex: 0 0 var(--week-numbers-offset);\n  border-block-start: var(--month-view-border);\n  border-inline-start: var(--month-view-border);\n  border-start-start-radius: var(--month-view-radius);\n}\n\n.monthViewDay {\n  min-width: var(--min-day-width);\n  flex: 0 0\n    calc(100% / var(--month-view-columns) - var(--week-numbers-offset) / var(--month-view-columns));\n  height: calc(52px + var(--month-view-max-events, 2) * 24px);\n  padding: 4px;\n  font-weight: var(--mantine-font-weight-medium);\n  border-block-start: var(--month-view-border);\n  border-block-end: none;\n  border-inline-start: var(--month-view-border);\n  border-inline-end: none;\n  color: var(--day-base-color);\n  cursor: pointer;\n  display: flex;\n  align-items: flex-start;\n  position: relative;\n\n  &:where(:last-child) {\n    border-inline-end: var(--month-view-border);\n\n    :where(.monthViewWeek:last-child) & {\n      border-block-end: var(--month-view-border);\n      border-end-end-radius: var(--month-view-radius);\n    }\n\n    :where(.monthViewWeek:first-child) & {\n      border-start-end-radius: var(--month-view-radius);\n\n      :where(:not([data-with-weekdays])) .monthView & {\n        border-start-end-radius: var(--month-view-radius);\n      }\n    }\n  }\n\n  &:where(:first-of-type) {\n    :where(.monthViewWeek:first-child) & {\n      border-start-start-radius: var(--month-view-radius);\n\n      :where([data-with-week-numbers]) .monthView & {\n        border-start-start-radius: 0;\n      }\n\n      :where([data-with-weekdays]) .monthView & {\n        border-start-start-radius: 0;\n      }\n    }\n\n    :where(.monthViewWeek:last-child) & {\n      border-end-start-radius: var(--month-view-radius);\n    }\n\n    :where([data-with-week-numbers]) .monthViewWeek:last-child & {\n      border-end-start-radius: 0;\n    }\n  }\n\n  :where(.monthViewWeek:last-child) & {\n    border-block-end: var(--month-view-border);\n  }\n\n  &:where([data-weekend]) {\n    color: var(--mantine-color-red-6);\n  }\n\n  &:where([data-outside]) {\n    color: alpha(var(--day-base-color), 0.4);\n  }\n\n  &:where([data-static]) {\n    cursor: default;\n    pointer-events: none;\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-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: 0px;\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\n.monthView:where([data-event-interaction])\n  .monthViewDay:hover:where(\n    :not([data-drop-target], [data-drag-selected], [data-weekend], [data-outside])\n  ) {\n  background-color: transparent;\n}\n\n.monthViewDayLabel {\n  width: 26px;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  font-size: var(--mantine-font-size-sm);\n  user-select: none;\n\n  &:where([data-today]) {\n    background-color: var(--mantine-primary-color-filled);\n    color: var(--mantine-primary-color-contrast);\n  }\n}\n\n.monthViewBackgroundEvent {\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n  border-radius: var(--month-view-radius);\n  background-color: var(--bg-event-bg);\n  top: 0;\n  bottom: -21px;\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.monthViewEvents {\n  position: absolute;\n  inset-inline: 0;\n  inset-inline-start: var(--week-numbers-offset);\n  top: 30px;\n  bottom: 22px;\n  pointer-events: none;\n  z-index: 3;\n}\n"],"mappings":""}