@mantine-vue/schedule 2.1.0

package/styles.css

@@ -0,0 +1,2087 @@
+._currentTimeIndicator_v2g54_1 {
+  --time-bubble-height: calc(1.125rem * var(--mantine-scale));
+  --thumb-size: calc(0.75rem * var(--mantine-scale));
+  --_indicator-color: var(--indicator-color, var(--mantine-color-red-7));
+
+  position: absolute;
+  pointer-events: none;
+  left: 0;
+  right: 0;
+  top: var(--top-offset);
+  height: calc(0.125rem * var(--mantine-scale));
+  z-index: 2;
+}
+
+  ._currentTimeIndicator_v2g54_1::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-color: var(--_indicator-color);
+    opacity: 0.2;
+  }
+
+._currentTimeIndicatorLine_v2g54_23 {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  background-color: var(--_indicator-color);
+  inset-inline-start: var(--start-offset);
+  inset-inline-end: var(--end-offset);
+}
+
+._currentTimeIndicatorThumb_v2g54_32 {
+  position: absolute;
+  top: calc(-1 * (var(--thumb-size) / 2 - 1px));
+  width: var(--thumb-size);
+  height: var(--thumb-size);
+  border-radius: 50%;
+  border: 1px solid var(--mantine-color-body);
+  background-color: var(--_indicator-color);
+  inset-inline-start: calc(var(--start-offset) - (var(--thumb-size) / 2 - 1px));
+}
+
+._currentTimeIndicatorTimeBubble_v2g54_43 {
+  position: absolute;
+  height: var(--time-bubble-height);
+  width: var(--time-bubble-width);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: calc(62.5rem * var(--mantine-scale));
+  background-color: var(--_indicator-color);
+  color: var(--mantine-color-white);
+  font-size: var(--mantine-font-size-xs);
+  font-weight: var(--mantine-font-weight-bold);
+  box-shadow: var(--mantine-shadow-sm);
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  inset-inline-start: var(--time-bubble-start-offset);
+  top: calc(-1 * (var(--time-bubble-height) / 2 - 1px));
+  z-index: 2;
+  text-transform: uppercase;
+}
+._event_bnqc2_1 {
+  padding: calc(0.0625rem * var(--mantine-scale));
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  flex: 1 0 auto;
+  position: relative;
+  z-index: 3;
+}
+
+  ._event_bnqc2_1:where([data-auto-size]) {
+    container-type: size;
+  }
+
+  ._event_bnqc2_1:where([data-draggable]) ._eventInner_bnqc2_14 {
+    cursor: grab;
+  }
+
+  ._event_bnqc2_1:where([data-draggable]) ._eventInner_bnqc2_14:active {
+      cursor: grabbing;
+    }
+
+  ._event_bnqc2_1:where([data-dragging]) {
+    opacity: 0.2;
+  }
+
+  ._event_bnqc2_1:where([data-dragging]) ._eventInner_bnqc2_14 {
+      cursor: grabbing;
+    }
+
+  ._event_bnqc2_1:where([data-any-dragging]:not([data-dragging])) {
+    pointer-events: none;
+  }
+
+  ._event_bnqc2_1:where([data-any-dragging]:not([data-dragging])) ._eventInner_bnqc2_14 {
+      pointer-events: none;
+    }
+
+  ._event_bnqc2_1:where([data-static]) {
+    pointer-events: none;
+    cursor: default;
+  }
+
+  ._event_bnqc2_1:where([data-resizing]) {
+    z-index: 10;
+  }
+
+  @media (hover: hover) {
+
+  ._event_bnqc2_1:where([data-resizing]) ._eventInner_bnqc2_14:hover {
+        background-color: var(--event-bg);
+  }
+}
+
+  @media (hover: none) {
+
+  ._event_bnqc2_1:where([data-resizing]) ._eventInner_bnqc2_14:active {
+        background-color: var(--event-bg);
+  }
+}
+
+  ._event_bnqc2_1:where([data-hanging='start'], [data-hanging='both'])::before {
+      content: '';
+      position: absolute;
+      inset-block: calc(0.125rem * var(--mantine-scale));
+      inset-inline-start: calc(0.125rem * var(--mantine-scale));
+      width: calc(0.125rem * var(--mantine-scale));
+      background-color: var(--event-color);
+      border-radius: calc(0.625rem * var(--mantine-scale));
+      opacity: 0.3;
+    }
+
+  ._event_bnqc2_1:where([data-hanging='start'], [data-hanging='both']) ._eventInner_bnqc2_14 {
+      padding-inline-start: calc(0.375rem * var(--mantine-scale));
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+    }
+
+  ._event_bnqc2_1:where([data-hanging='end'], [data-hanging='both'])::after {
+      content: '';
+      position: absolute;
+      inset-block: calc(0.125rem * var(--mantine-scale));
+      inset-inline-end: calc(0.125rem * var(--mantine-scale));
+      width: calc(0.125rem * var(--mantine-scale));
+      background-color: var(--event-color);
+      border-radius: calc(0.625rem * var(--mantine-scale));
+      opacity: 0.3;
+    }
+
+  ._event_bnqc2_1:where([data-hanging='end'], [data-hanging='both']) ._eventInner_bnqc2_14 {
+      padding-inline-end: calc(0.375rem * var(--mantine-scale));
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+    }
+
+  ._event_bnqc2_1:where([data-clip-start]) ._eventInner_bnqc2_14 {
+      padding-inline-start: calc(0.75rem * var(--mantine-scale));
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+      clip-path: polygon(10px 0, 100% 0, 100% 100%, calc(0.625rem * var(--mantine-scale)) 100%, 0 50%);
+    }
+
+  ._event_bnqc2_1:where([data-clip-end]) ._eventInner_bnqc2_14 {
+      padding-inline-end: calc(0.75rem * var(--mantine-scale));
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+      clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
+    }
+
+  ._event_bnqc2_1:where([data-clip-start][data-clip-end]) ._eventInner_bnqc2_14 {
+      clip-path: polygon(
+        calc(0.625rem * var(--mantine-scale)) 0,
+        calc(100% - 10px) 0,
+        100% 50%,
+        calc(100% - 10px) 100%,
+        calc(0.625rem * var(--mantine-scale)) 100%,
+        0 50%
+      );
+    }
+
+._eventInner_bnqc2_14 {
+  background-color: var(--event-bg);
+  color: var(--event-color);
+  pointer-events: all;
+  border-radius: var(--event-radius);
+  font-weight: var(--mantine-font-weight-medium);
+  font-size: calc(0.75rem * var(--mantine-scale));
+  line-height: 1;
+  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  user-select: none;
+  overflow: hidden;
+}
+
+._eventInner_bnqc2_14:where([data-nowrap]) {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    line-height: 1.25;
+  }
+
+._eventInner_bnqc2_14:where([data-size='md']) {
+    font-size: calc(0.875rem * var(--mantine-scale));
+    padding: calc(0.25rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
+  }
+
+@media (hover: hover) {
+
+  ._eventInner_bnqc2_14:hover {
+    background-color: var(--event-hover);
+  }
+}
+
+@media (hover: none) {
+
+  ._eventInner_bnqc2_14:active {
+    background-color: var(--event-hover);
+  }
+}
+
+@container (max-height: 18px) {
+
+._eventInner_bnqc2_14:where([data-auto-size]) {
+      font-size: calc(0.5625rem * var(--mantine-scale));
+      padding-block: 0rem;
+      display: flex;
+      flex-direction: column;
+      justify-content: center
+  }
+    }
+
+._event_bnqc2_1[data-static] ._eventInner_bnqc2_14 {
+    cursor: default;
+    pointer-events: none;
+  }
+
+@media (hover: hover) {
+
+  ._event_bnqc2_1[data-static] ._eventInner_bnqc2_14:hover {
+      background-color: var(--event-bg);
+  }
+}
+
+@media (hover: none) {
+
+  ._event_bnqc2_1[data-static] ._eventInner_bnqc2_14:active {
+      background-color: var(--event-bg);
+  }
+}
+
+:where([data-slot-dragging]) ._eventInner_bnqc2_14 {
+    pointer-events: none;
+  }
+
+._eventResizeHandle_bnqc2_177 {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 40%;
+  max-width: calc(2.5rem * var(--mantine-scale));
+  height: calc(0.25rem * var(--mantine-scale));
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  cursor: ns-resize;
+  pointer-events: all;
+  z-index: 4;
+  touch-action: none;
+  background-color: var(--event-color);
+  opacity: 0;
+  transition: opacity 100ms ease;
+}
+
+._eventResizeHandle_bnqc2_177::before {
+    content: '';
+    position: absolute;
+    inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
+  }
+
+._eventResizeHandle_bnqc2_177:where([data-edge='top']) {
+    top: calc(-0.125rem * var(--mantine-scale));
+  }
+
+._eventResizeHandle_bnqc2_177:where([data-edge='bottom']) {
+    bottom: calc(-0.125rem * var(--mantine-scale));
+  }
+
+._event_bnqc2_1:where(:hover, [data-resizing]) ._eventResizeHandle_bnqc2_177 {
+    opacity: 0.5;
+  }
+
+@media (hover: hover) {
+
+  ._eventResizeHandle_bnqc2_177:hover {
+    opacity: 0.8;
+  }
+}
+
+@media (hover: none) {
+
+  ._eventResizeHandle_bnqc2_177:active {
+    opacity: 0.8;
+  }
+}
+._moreEventsButton_1irmu_1 {
+  color: var(--mantine-color-dimmed);
+  font-size: calc(0.8125rem * var(--mantine-scale));
+  pointer-events: all;
+  flex: 1;
+}
+
+  @media (hover: hover) {
+
+  ._moreEventsButton_1irmu_1:hover {
+    color: var(--mantine-color-bright);
+    text-decoration: underline;
+  }
+}
+
+  @media (hover: none) {
+
+  ._moreEventsButton_1irmu_1:active {
+    color: var(--mantine-color-bright);
+    text-decoration: underline;
+  }
+}
+
+  ._moreEventsButton_1irmu_1:where([data-static]) {
+    cursor: default;
+  }
+
+  @media (hover: hover) {
+
+  ._moreEventsButton_1irmu_1:where([data-static]):hover {
+      color: var(--mantine-color-dimmed);
+      text-decoration: none;
+  }
+}
+
+  @media (hover: none) {
+
+  ._moreEventsButton_1irmu_1:where([data-static]):active {
+      color: var(--mantine-color-dimmed);
+      text-decoration: none;
+  }
+}
+
+._moreEventsDropdown_1irmu_22 {
+  padding: calc(0.25rem * var(--mantine-scale));
+}
+
+._moreEventsList_1irmu_26 {
+  display: flex;
+  flex-direction: column;
+  gap: calc(0.25rem * var(--mantine-scale));
+}
+._header_1dfmx_1 {
+  --schedule-header-gap: calc(0.5rem * var(--mantine-scale));
+
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--schedule-header-gap);
+  margin-bottom: var(--schedule-header-gap);
+  container-type: inline-size;
+}
+
+._navigationGroup_1dfmx_11 {
+  display: flex;
+  gap: var(--schedule-header-gap);
+  align-items: center;
+}
+
+@container (width <= 600px) {
+
+._navigationGroup_1dfmx_11 {
+    flex: 1
+}
+
+    ._navigationGroup_1dfmx_11 > :not([data-square]) {
+      flex: 1;
+    }
+  }
+
+@container (width <= 600px) {
+
+._todayControl_1dfmx_25 {
+    display: none
+}
+  }
+
+@container (width <= 600px) {
+
+._viewSelect_1dfmx_31 {
+    display: none
+}
+  }
+
+._compactViewSelect_1dfmx_37 {
+  display: none;
+  font-weight: var(--mantine-font-weight-medium);
+}
+
+@container (width <= 600px) {
+
+._compactViewSelect_1dfmx_37 {
+    display: block;
+    flex: 1 1 100%
+}
+  }
+._headerControl_6ykw9_1 {
+  --control-size: calc(2rem * var(--mantine-scale));
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: default;
+  user-select: none;
+  min-width: var(--control-size);
+  height: var(--control-size);
+  border-radius: var(--schedule-radius, var(--control-radius, var(--mantine-radius-default)));
+  border: 1px solid var(--mantine-color-default-border);
+  color: var(--mantine-color-default-color);
+  background: var(--mantine-color-default);
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-transform: capitalize;
+}
+
+  ._headerControl_6ykw9_1:where([data-interactive]) {
+    cursor: pointer;
+  }
+
+  @media (hover: hover) {
+
+  ._headerControl_6ykw9_1:where([data-interactive]):hover {
+      background-color: var(--mantine-color-default-hover);
+  }
+}
+
+  @media (hover: none) {
+
+  ._headerControl_6ykw9_1:where([data-interactive]):active {
+      background-color: var(--mantine-color-default-hover);
+  }
+}
+
+  ._headerControl_6ykw9_1:where(:not([data-square])) {
+    padding-inline: calc(0.75rem * var(--mantine-scale));
+  }
+
+  ._headerControl_6ykw9_1:where([data-active]) {
+    background-color: var(--mantine-primary-color-filled);
+    border-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+  @media (hover: hover) {
+
+  ._headerControl_6ykw9_1:where([data-active]):hover {
+      background-color: var(--mantine-primary-color-filled-hover);
+      border-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+  @media (hover: none) {
+
+  ._headerControl_6ykw9_1:where([data-active]):active {
+      background-color: var(--mantine-primary-color-filled-hover);
+      border-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+._viewSelect_1xfvc_1 {
+  display: flex;
+  gap: calc(0.25rem * var(--mantine-scale));
+}
+._monthYearSelectTarget_2hd16_1 {
+  text-transform: capitalize;
+  min-width: calc(5rem * var(--mantine-scale));
+}
+
+  ._monthYearSelectTarget_2hd16_1:where([data-with-months]) {
+    min-width: calc(8.75rem * var(--mantine-scale));
+  }
+
+._monthYearSelectList_2hd16_10 {
+  flex: 1;
+}
+
+._monthYearSelectDropdown_2hd16_14 {
+  display: flex;
+  gap: var(--mantine-spacing-sm);
+  padding: calc(0.5rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
+}
+
+._monthYearSelectDropdown_2hd16_14:where([data-with-months]) {
+    padding: var(--mantine-spacing-sm);
+  }
+
+._monthYearSelectLabel_2hd16_24 {
+  font-weight: var(--mantine-font-weight-medium);
+  font-size: var(--mantine-font-size-sm);
+  padding-inline: calc(0.5rem * var(--mantine-scale));
+  margin-bottom: calc(0.375rem * var(--mantine-scale));
+}
+
+._monthYearSelectControl_2hd16_31 {
+  display: block;
+  width: 100%;
+  padding: calc(0.375rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-sm);
+  line-height: 1;
+  border-radius: var(--schedule-radius, var(--control-radius, var(--mantine-radius-default)));
+  font-variant-numeric: tabular-nums;
+  text-transform: capitalize;
+}
+
+._monthYearSelectControl_2hd16_31:where([data-type='year']) {
+    text-align: center;
+  }
+
+@media (hover: hover) {
+
+  ._monthYearSelectControl_2hd16_31:hover {
+    background-color: var(--mantine-color-default-hover);
+  }
+}
+
+@media (hover: none) {
+
+  ._monthYearSelectControl_2hd16_31:active {
+    background-color: var(--mantine-color-default-hover);
+  }
+}
+
+._monthYearSelectControl_2hd16_31:where([data-active]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+@media (hover: hover) {
+
+  ._monthYearSelectControl_2hd16_31:where([data-active]):hover {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+@media (hover: none) {
+
+  ._monthYearSelectControl_2hd16_31:where([data-active]):active {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+._dayView_wgb7d_1 {
+  --slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */
+  --all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */
+  --day-view-slot-labels-width: calc(5rem * var(--mantine-scale));
+  --day-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  border-radius: var(--day-view-radius);
+  overflow: hidden;
+}
+
+  :where([data-mantine-color-scheme='light']) ._dayView_wgb7d_1 {
+    --day-view-border-color: var(--mantine-color-gray-3);
+    --day-view-business-hours-bg: var(--mantine-color-white);
+    --day-view-non-business-hours-bg: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) ._dayView_wgb7d_1 {
+    --day-view-border-color: var(--mantine-color-dark-4);
+    --day-view-business-hours-bg: var(--mantine-color-dark-7);
+    --day-view-non-business-hours-bg: var(--mantine-color-dark-6);
+}
+
+._dayViewHeader_wgb7d_22 {
+  text-transform: capitalize;
+  height: calc(2.5rem * var(--mantine-scale));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+}
+
+._dayViewScrollArea_wgb7d_32 {
+  border: 1px solid var(--day-view-border-color);
+  border-radius: var(--day-view-radius);
+  overflow: hidden;
+}
+
+._dayViewScrollArea_wgb7d_32 :where(.mantine-ScrollArea-scrollbar) {
+    z-index: 4;
+  }
+
+._dayViewInner_wgb7d_42 {
+  display: flex;
+}
+
+._dayViewTimeSlots_wgb7d_46 {
+  position: relative;
+}
+
+._dayViewTimeSlots_wgb7d_46:where(:first-of-type) ._dayViewSlot_wgb7d_49:where([data-first]) {
+    border-top-color: transparent;
+  }
+
+._dayViewSlotLabels_wgb7d_54 {
+  width: var(--day-view-slot-labels-width);
+}
+
+._dayViewSlotLabel_wgb7d_54 {
+  height: var(--slot-height);
+  border-top: 1px solid var(--day-view-border-color);
+  font-size: var(--mantine-font-size-sm);
+  text-align: right;
+  padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
+  font-variant-numeric: tabular-nums;
+}
+
+._dayViewSlotLabel_wgb7d_54:where([data-all-day]) {
+    height: var(--all-day-slot-height);
+    border-top: 0;
+  }
+
+._dayViewSlotLabel_wgb7d_54:where(:first-of-type) {
+    border-top: 0;
+  }
+
+._dayViewSlotLabel_wgb7d_54:where([data-business-hours]) {
+    background-color: var(--day-view-business-hours-bg);
+  }
+
+._dayViewSlotLabel_wgb7d_54:where([data-non-business-hours]) {
+    background-color: var(--day-view-non-business-hours-bg);
+  }
+
+._dayViewSlots_wgb7d_84 {
+  flex: 1;
+}
+
+._dayViewSlot_wgb7d_49 {
+  display: block;
+  width: 100%;
+  border-top: 1px dotted var(--day-view-border-color);
+  height: calc(var(--slot-height) * var(--slot-size));
+  position: relative;
+}
+
+._dayViewSlot_wgb7d_49:where(:focus) {
+    z-index: 1;
+  }
+
+._dayViewSlot_wgb7d_49:where([data-hour-start]) {
+    border-top: 1px solid var(--day-view-border-color);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:hover {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:hover {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:active {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:active {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+._dayViewSlot_wgb7d_49:where([data-all-day]) {
+    height: var(--all-day-slot-height);
+    border-top: 0;
+  }
+
+._dayViewSlot_wgb7d_49:where([data-business-hours]) {
+    background-color: var(--day-view-business-hours-bg);
+  }
+
+._dayViewSlot_wgb7d_49:where([data-non-business-hours]) {
+    background-color: var(--day-view-non-business-hours-bg);
+  }
+
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:where([data-drop-target]) {
+      background-color: var(--mantine-color-blue-1);
+}
+
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:where([data-drop-target]) {
+      background-color: var(--mantine-color-dark-5);
+}
+
+._dayViewSlot_wgb7d_49:where([data-drop-target])::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+      border-radius: calc(0.125rem * var(--mantine-scale));
+    }
+
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-4);
+}
+
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-6);
+}
+
+._dayViewSlot_wgb7d_49:where([data-drag-selected]),
+    ._dayViewSlot_wgb7d_49:where([data-drag-selected]):hover {
+      background-color: var(--mantine-primary-color-light);
+    }
+
+._dayViewSlot_wgb7d_49:where([data-drag-selected])::before {
+      content: '';
+      position: absolute;
+      inset: calc(-0.0625rem * var(--mantine-scale));
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+    }
+
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-2);
+}
+
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-9);
+}
+
+._dayViewSlot_wgb7d_49:where([data-drag-slot-index]) {
+    touch-action: none;
+  }
+
+._dayViewSlot_wgb7d_49:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._dayViewBackgroundEvent_wgb7d_188 {
+  position: absolute;
+  border-radius: 0;
+  pointer-events: none;
+  z-index: 2;
+  background-color: var(--bg-event-bg);
+  overflow: hidden;
+  font-size: calc(0.75rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
+  color: var(--bg-event-color);
+}
+
+._dayViewAllDay_wgb7d_201 {
+  position: relative;
+  height: var(--all-day-slot-height);
+}
+
+._dayViewAllDayEvents_wgb7d_206 {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+  z-index: 3;
+}
+._mobileMonthView_vgzwg_1 {
+  --mobile-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  --week-numbers-offset: 0rem;
+  --day-base-color: var(--mantine-color-text);
+  --day-dimmed-color: color-mix(in srgb, var(--day-base-color), transparent 50%);
+
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+  :where([data-mantine-color-scheme='light']) ._mobileMonthView_vgzwg_1 {
+    --mobile-month-view-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) ._mobileMonthView_vgzwg_1 {
+    --mobile-month-view-border-color: var(--mantine-color-dark-4);
+}
+
+  ._mobileMonthView_vgzwg_1:where([data-with-week-numbers]) {
+    --week-numbers-offset: calc(2rem * var(--mantine-scale));
+  }
+
+._mobileMonthViewHeader_vgzwg_24 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--mantine-spacing-sm);
+  border-bottom: 1px solid var(--mobile-month-view-border-color);
+}
+
+._mobileMonthViewHeaderBackButton_vgzwg_32 {
+  display: flex;
+  align-items: center;
+  gap: calc(0.25rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  cursor: pointer;
+  user-select: none;
+  font-size: var(--mobile-month-view-font-size);
+}
+
+._mobileMonthViewHeaderBackButton_vgzwg_32:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._mobileMonthViewHeaderLabel_vgzwg_47 {
+  user-select: none;
+  font-weight: var(--mantine-font-weight-semibold);
+  text-transform: capitalize;
+}
+
+._mobileMonthViewCalendar_vgzwg_53 {
+  --mobile-month-view-font-size: clamp(6px, 3.5cqw, 22px);
+
+  container-type: inline-size;
+  padding: var(--mantine-spacing-sm);
+  border-bottom: 1px solid var(--mobile-month-view-border-color);
+}
+
+._mobileMonthViewWeekdays_vgzwg_61 {
+  display: flex;
+  margin-bottom: var(--mantine-spacing-xs);
+}
+
+._mobileMonthViewWeekdaysCorner_vgzwg_66 {
+  flex: 0 0 var(--week-numbers-offset);
+}
+
+._mobileMonthViewWeekday_vgzwg_61 {
+  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  font-size: var(--mobile-month-view-font-size);
+  font-weight: var(--mantine-font-weight-medium);
+  text-align: center;
+  text-transform: capitalize;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: default;
+  user-select: none;
+  color: var(--day-dimmed-color);
+  padding-block: calc(0.25rem * var(--mantine-scale));
+}
+
+._mobileMonthViewWeek_vgzwg_61 {
+  display: flex;
+}
+
+._mobileMonthViewWeekNumber_vgzwg_89 {
+  flex: 0 0 calc(var(--week-numbers-offset) - calc(0.25rem * var(--mantine-scale)));
+  margin-inline-end: calc(0.25rem * var(--mantine-scale));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-xs);
+  border-radius: var(--mobile-month-view-radius);
+  padding: calc(0.25rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  cursor: pointer;
+  user-select: none;
+  color: var(--day-dimmed-color);
+}
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._mobileMonthViewWeekNumber_vgzwg_89:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._mobileMonthViewWeekNumber_vgzwg_89:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._mobileMonthViewWeekNumber_vgzwg_89:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._mobileMonthViewWeekNumber_vgzwg_89:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+._mobileMonthViewWeekNumber_vgzwg_89:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._mobileMonthViewDay_vgzwg_119 {
+  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  height: calc(3rem * var(--mantine-scale));
+  padding: calc(0.25rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  font-size: var(--mobile-month-view-font-size);
+  color: var(--day-base-color);
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  z-index: 0;
+}
+
+._mobileMonthViewDay_vgzwg_119::before {
+    width: calc(2rem * var(--mantine-scale));
+    height: calc(2rem * var(--mantine-scale));
+    border-radius: 100%;
+    content: '';
+    position: absolute;
+    top: calc(0.4375rem * var(--mantine-scale));
+    left: calc(50% - 16px);
+    z-index: -1;
+    pointer-events: none;
+  }
+
+._mobileMonthViewDay_vgzwg_119:focus {
+    z-index: 1;
+  }
+
+._mobileMonthViewDay_vgzwg_119:where([data-hidden]) {
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+._mobileMonthViewDay_vgzwg_119:where([data-weekend]) {
+    color: var(--mantine-color-red-6);
+  }
+
+._mobileMonthViewDay_vgzwg_119:where([data-outside]) {
+    color: var(--day-dimmed-color);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._mobileMonthViewDay_vgzwg_119:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._mobileMonthViewDay_vgzwg_119:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._mobileMonthViewDay_vgzwg_119:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._mobileMonthViewDay_vgzwg_119:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+:where([data-mantine-color-scheme='light']) ._mobileMonthViewDay_vgzwg_119:where([data-today]:not([data-selected]))::before {
+        background-color: var(--mantine-color-gray-2);
+      }
+
+:where([data-mantine-color-scheme='dark']) ._mobileMonthViewDay_vgzwg_119:where([data-today]:not([data-selected]))::before {
+        background-color: var(--mantine-color-dark-5);
+      }
+
+._mobileMonthViewDay_vgzwg_119:where([data-selected]) {
+    color: var(--mantine-primary-color-contrast);
+  }
+
+._mobileMonthViewDay_vgzwg_119:where([data-selected])::before {
+      background-color: var(--mantine-primary-color-filled);
+    }
+
+@media (hover: hover) {
+      ._mobileMonthViewDay_vgzwg_119:where([data-selected]):hover::before {
+        background-color: var(--mantine-primary-color-filled-hover);
+      }
+}
+
+@media (hover: none) {
+      ._mobileMonthViewDay_vgzwg_119:where([data-selected]):active::before {
+        background-color: var(--mantine-primary-color-filled-hover);
+      }
+}
+
+._mobileMonthViewDay_vgzwg_119:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._mobileMonthViewDayIndicators_vgzwg_208 {
+  position: absolute;
+  bottom: calc(0.125rem * var(--mantine-scale));
+  inset-inline: 0;
+  display: flex;
+  justify-content: center;
+  padding-inline-start: calc(0.125rem * var(--mantine-scale));
+}
+
+._mobileMonthViewDayIndicator_vgzwg_208 {
+  width: calc(0.3125rem * var(--mantine-scale));
+  height: calc(0.3125rem * var(--mantine-scale));
+  border-radius: 100%;
+  margin-inline-start: calc(-0.0625rem * var(--mantine-scale));
+}
+
+._mobileMonthViewEventsList_vgzwg_224 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  padding: var(--mantine-spacing-sm);
+}
+
+._mobileMonthViewEventsHeader_vgzwg_232 {
+  margin-bottom: var(--mantine-spacing-sm);
+  font-weight: var(--mantine-font-weight-semibold);
+  text-transform: capitalize;
+}
+
+._mobileMonthViewEvent_vgzwg_224 {
+  display: block;
+  width: 100%;
+  text-align: start;
+  cursor: pointer;
+}
+
+._mobileMonthViewEvent_vgzwg_224:where(:not(:last-child)) {
+    border-bottom: 1px solid var(--mobile-month-view-border-color);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._mobileMonthViewEvent_vgzwg_224:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._mobileMonthViewEvent_vgzwg_224:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._mobileMonthViewEvent_vgzwg_224:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._mobileMonthViewEvent_vgzwg_224:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+._mobileMonthViewEventBody_vgzwg_259 {
+  display: flex;
+  gap: var(--mantine-spacing-sm);
+  padding: var(--mantine-spacing-xs) 0;
+}
+
+._mobileMonthViewEventColor_vgzwg_265 {
+  width: calc(0.25rem * var(--mantine-scale));
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  flex-shrink: 0;
+}
+
+._mobileMonthViewEventTime_vgzwg_271 {
+  margin-top: calc(0.125rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-xs);
+  color: var(--mantine-color-dimmed);
+}
+
+._mobileMonthViewNoEvents_vgzwg_277 {
+  color: var(--mantine-color-dimmed);
+  text-align: center;
+  padding-block: var(--mantine-spacing-xl);
+}
+._monthView_2aohq_1 {
+  --week-numbers-offset: 0rem;
+  --month-view-border: 1px solid var(--month-view-border-color);
+  --month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  --day-base-color: var(--mantine-color-text);
+  --min-day-width: calc(5.25rem * var(--mantine-scale));
+}
+
+  ._monthView_2aohq_1:where([data-with-week-numbers]) {
+    --week-numbers-offset: calc(2.625rem * var(--mantine-scale));
+  }
+
+  :where([data-mantine-color-scheme='light']) ._monthView_2aohq_1 {
+    --month-view-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) ._monthView_2aohq_1 {
+    --month-view-border-color: var(--mantine-color-dark-4);
+}
+
+._monthViewWeekdays_2aohq_21 {
+  display: flex;
+}
+
+._monthViewWeek_2aohq_21 {
+  display: flex;
+  position: relative;
+  min-width: calc(var(--min-day-width) * 7 + var(--week-numbers-offset));
+}
+
+._monthViewWeekNumber_2aohq_31 {
+  flex: 0 0 var(--week-numbers-offset);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-sm);
+  padding: calc(0.25rem * var(--mantine-scale));
+  border-block-start: var(--month-view-border);
+  border-block-end: none;
+  border-inline-start: var(--month-view-border);
+  border-inline-end: none;
+  font-weight: var(--mantine-font-weight-medium);
+  cursor: pointer;
+  user-select: none;
+}
+
+:where(._monthViewWeek_2aohq_21:first-child) ._monthViewWeekNumber_2aohq_31 {
+    border-start-start-radius: var(--month-view-radius);
+  }
+
+:where([data-with-weekdays] ._monthView_2aohq_1) :where(._monthViewWeek_2aohq_21:first-child) ._monthViewWeekNumber_2aohq_31 {
+      border-start-start-radius: 0;
+    }
+
+:where(._monthViewWeek_2aohq_21:last-child) ._monthViewWeekNumber_2aohq_31 {
+    border-block-end: var(--month-view-border);
+    border-end-start-radius: var(--month-view-radius);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_2aohq_31:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_2aohq_31:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_2aohq_31:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_2aohq_31:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+._monthViewWeekNumber_2aohq_31:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._monthViewWeekday_2aohq_21 {
+  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  min-width: var(--min-day-width);
+  height: calc(2.25rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-sm);
+  border-block-start: var(--month-view-border);
+  border-block-end: none;
+  border-inline-start: var(--month-view-border);
+  border-inline-end: none;
+  font-weight: var(--mantine-font-weight-medium);
+  text-align: center;
+  text-transform: capitalize;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: default;
+  user-select: none;
+}
+
+._monthViewWeekday_2aohq_21:where(:first-child) {
+    border-start-start-radius: var(--month-view-radius);
+  }
+
+:where([data-with-week-numbers] ._monthView_2aohq_1) ._monthViewWeekday_2aohq_21:where(:first-child) {
+      border-start-start-radius: 0;
+    }
+
+._monthViewWeekday_2aohq_21:where(:last-child) {
+    border-inline-end: var(--month-view-border);
+    border-start-end-radius: var(--month-view-radius);
+  }
+
+._monthViewWeekdaysCorner_2aohq_107 {
+  flex: 0 0 var(--week-numbers-offset);
+  border-block-start: var(--month-view-border);
+  border-inline-start: var(--month-view-border);
+  border-start-start-radius: var(--month-view-radius);
+}
+
+._monthViewDay_2aohq_114 {
+  min-width: var(--min-day-width);
+  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  height: calc(52px + var(--month-view-max-events, 2) * 24px);
+  padding: calc(0.25rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  border-block-start: var(--month-view-border);
+  border-block-end: none;
+  border-inline-start: var(--month-view-border);
+  border-inline-end: none;
+  color: var(--day-base-color);
+  cursor: pointer;
+  display: flex;
+  align-items: flex-start;
+  position: relative;
+}
+
+._monthViewDay_2aohq_114:where(:last-child) {
+    border-inline-end: var(--month-view-border);
+  }
+
+:where(._monthViewWeek_2aohq_21:last-child) ._monthViewDay_2aohq_114:where(:last-child) {
+      border-block-end: var(--month-view-border);
+      border-end-end-radius: var(--month-view-radius);
+    }
+
+:where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:last-child) {
+      border-start-end-radius: var(--month-view-radius);
+    }
+
+:where(:not([data-with-weekdays])) ._monthView_2aohq_1 :where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:last-child) {
+        border-start-end-radius: var(--month-view-radius);
+      }
+
+:where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:first-of-type) {
+      border-start-start-radius: var(--month-view-radius);
+    }
+
+:where([data-with-week-numbers]) ._monthView_2aohq_1 :where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:first-of-type) {
+        border-start-start-radius: 0;
+      }
+
+:where([data-with-weekdays]) ._monthView_2aohq_1 :where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:first-of-type) {
+        border-start-start-radius: 0;
+      }
+
+:where(._monthViewWeek_2aohq_21:last-child) ._monthViewDay_2aohq_114:where(:first-of-type) {
+      border-end-start-radius: var(--month-view-radius);
+    }
+
+:where([data-with-week-numbers]) ._monthViewWeek_2aohq_21:last-child ._monthViewDay_2aohq_114:where(:first-of-type) {
+      border-end-start-radius: 0;
+    }
+
+:where(._monthViewWeek_2aohq_21:last-child) ._monthViewDay_2aohq_114 {
+    border-block-end: var(--month-view-border);
+  }
+
+._monthViewDay_2aohq_114:where([data-weekend]) {
+    color: var(--mantine-color-red-6);
+  }
+
+._monthViewDay_2aohq_114:where([data-outside]) {
+    color: color-mix(in srgb, var(--day-base-color), transparent 60%);
+  }
+
+._monthViewDay_2aohq_114:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:hover:where(:not([data-static])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:hover:where(:not([data-static])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:active:where(:not([data-static])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:active:where(:not([data-static])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+:where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:where([data-drop-target]) {
+      background-color: var(--mantine-color-blue-1);
+}
+
+:where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:where([data-drop-target]) {
+      background-color: var(--mantine-color-dark-5);
+}
+
+._monthViewDay_2aohq_114:where([data-drop-target])::before {
+      content: '';
+      position: absolute;
+      inset: 0rem;
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+      border-radius: calc(0.125rem * var(--mantine-scale));
+    }
+
+:where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-4);
+}
+
+:where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-6);
+}
+
+._monthViewDay_2aohq_114:where([data-drag-selected]),
+    ._monthViewDay_2aohq_114:where([data-drag-selected]):hover {
+      background-color: var(--mantine-primary-color-light);
+    }
+
+._monthViewDay_2aohq_114:where([data-drag-selected])::before {
+      content: '';
+      position: absolute;
+      inset: calc(-0.0625rem * var(--mantine-scale));
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+    }
+
+:where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-2);
+}
+
+:where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-9);
+}
+
+._monthViewDay_2aohq_114:where([data-drag-slot-index]) {
+    touch-action: none;
+  }
+
+._monthViewDayLabel_2aohq_255 {
+  width: calc(1.625rem * var(--mantine-scale));
+  aspect-ratio: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100%;
+  font-size: var(--mantine-font-size-sm);
+  user-select: none;
+}
+
+._monthViewDayLabel_2aohq_255:where([data-today]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+._monthViewBackgroundEvent_2aohq_271 {
+  position: absolute;
+  pointer-events: none;
+  z-index: 2;
+  border-radius: var(--month-view-radius);
+  background-color: var(--bg-event-bg);
+  top: 0;
+  bottom: calc(-1.3125rem * var(--mantine-scale));
+  overflow: hidden;
+  font-size: calc(0.75rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
+  color: var(--bg-event-color);
+}
+
+._monthViewEvents_2aohq_286 {
+  position: absolute;
+  inset-inline: 0;
+  inset-inline-start: var(--week-numbers-offset);
+  top: calc(1.875rem * var(--mantine-scale));
+  bottom: calc(1.375rem * var(--mantine-scale));
+  pointer-events: none;
+  z-index: 3;
+}
+._weekView_16qgh_1 {
+  --week-view-week-day-height: calc(3.625rem * var(--mantine-scale));
+  --week-view-all-day-slots-height: calc(3rem * var(--mantine-scale));
+  --week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  --week-view-slots-label-width: calc(5rem * var(--mantine-scale));
+  --week-view-min-slot-width: calc(5rem * var(--mantine-scale));
+  --week-view-slot-height: calc(4rem * var(--mantine-scale));
+}
+
+  :where([data-mantine-color-scheme='light']) ._weekView_16qgh_1 {
+    --week-view-border-color: var(--mantine-color-gray-3);
+    --week-view-business-hours-bg: var(--mantine-color-white);
+    --week-view-non-business-hours-bg: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) ._weekView_16qgh_1 {
+    --week-view-border-color: var(--mantine-color-dark-4);
+    --week-view-business-hours-bg: var(--mantine-color-dark-7);
+    --week-view-non-business-hours-bg: var(--mantine-color-dark-6);
+}
+
+._weekViewRoot_16qgh_22 {
+  --indicator-labels-offset: calc(var(--week-view-slots-label-width) / var(--number-of-days));
+
+  border: 1px solid var(--week-view-border-color);
+  border-radius: var(--week-view-radius);
+  overflow: hidden;
+}
+
+._weekViewInner_16qgh_30 {
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+._weekViewScrollArea_16qgh_36 :where(.mantine-ScrollArea-scrollbar) {
+    z-index: 4;
+  }
+
+._weekViewHeader_16qgh_42 {
+  display: flex;
+  position: sticky;
+  top: 0;
+  z-index: 4;
+  background-color: var(--mantine-color-body);
+  border-bottom: 1px solid var(--week-view-border-color);
+  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
+  transition: box-shadow 100ms ease;
+}
+
+._weekViewHeader_16qgh_42:where([data-scrolled]) {
+    box-shadow: var(--mantine-shadow-sm);
+  }
+
+._weekViewCorner_16qgh_57 {
+  height: var(--week-view-week-day-height);
+  flex: 0 0 var(--week-view-slots-label-width);
+  min-width: var(--week-view-slots-label-width);
+  line-height: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+._weekViewSlotLabels_16qgh_68 {
+  flex: 0 0 var(--week-view-slots-label-width);
+  min-width: var(--week-view-slots-label-width);
+  background-color: var(--mantine-color-body);
+}
+
+._weekViewSlotLabel_16qgh_68 {
+  border-top: 1px solid var(--week-view-border-color);
+  text-align: right;
+  height: var(--week-view-slot-height);
+  padding: calc(0.25rem * var(--mantine-scale));
+  padding-inline-end: calc(0.5rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-sm);
+  user-select: none;
+  cursor: default;
+  font-variant-numeric: tabular-nums;
+  text-transform: uppercase;
+}
+
+._weekViewSlotLabel_16qgh_68:where([data-business-hours]) {
+    background-color: var(--week-view-business-hours-bg);
+  }
+
+._weekViewSlotLabel_16qgh_68:where([data-non-business-hours]) {
+    background-color: var(--week-view-non-business-hours-bg);
+  }
+
+._weekViewDay_16qgh_95 {
+  flex: 1;
+  border-inline-start: 1px solid var(--week-view-border-color);
+}
+
+._weekViewDayLabel_16qgh_100 {
+  height: var(--week-view-week-day-height);
+  min-width: var(--week-view-min-slot-width);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+  cursor: pointer;
+  flex: 1;
+  border-inline-start: 1px solid var(--week-view-border-color);
+  padding-inline-start: calc(0.3125rem * var(--mantine-scale));
+}
+
+._weekViewDayLabel_16qgh_100:where([data-weekend]) {
+    color: var(--mantine-color-error);
+  }
+
+._weekViewDayLabel_16qgh_100:where([data-today]) {
+    gap: calc(0.375rem * var(--mantine-scale));
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_16qgh_100:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_16qgh_100:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_16qgh_100:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_16qgh_100:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+._weekViewDayLabel_16qgh_100:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._weekViewDayNumber_16qgh_138 {
+  text-align: center;
+  width: calc(1.625rem * var(--mantine-scale));
+  aspect-ratio: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100%;
+  font-size: var(--mantine-font-size-sm);
+}
+
+:where(._weekViewDayLabel_16qgh_100[data-today]) ._weekViewDayNumber_16qgh_138 {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+._weekViewDayWeekday_16qgh_154 {
+  text-align: center;
+  font-size: var(--mantine-font-size-sm);
+  text-transform: capitalize;
+}
+
+._weekViewBackgroundEvent_16qgh_160 {
+  position: absolute;
+  pointer-events: none;
+  z-index: 2;
+  border-radius: var(--week-view-radius);
+  background-color: var(--bg-event-bg);
+  overflow: hidden;
+  font-size: calc(0.75rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
+  color: var(--bg-event-color);
+}
+
+._weekViewDaySlots_16qgh_173 {
+  position: relative;
+}
+
+._weekViewDaySlot_16qgh_173 {
+  display: block;
+  width: 100%;
+  border-top: 1px solid var(--week-view-border-color);
+  height: var(--week-view-slot-height);
+  min-width: var(--week-view-min-slot-width);
+  padding: calc(0.25rem * var(--mantine-scale));
+  cursor: pointer;
+  position: relative;
+}
+
+._weekViewDaySlot_16qgh_173:where(:focus) {
+    z-index: 1;
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:hover {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:hover {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:active {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:active {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+._weekViewDaySlot_16qgh_173:where([data-business-hours]) {
+    background-color: var(--week-view-business-hours-bg);
+  }
+
+._weekViewDaySlot_16qgh_173:where([data-non-business-hours]) {
+    background-color: var(--week-view-non-business-hours-bg);
+  }
+
+:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:where([data-drop-target]) {
+      background-color: var(--mantine-color-blue-1);
+}
+
+:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:where([data-drop-target]) {
+      background-color: var(--mantine-color-dark-5);
+}
+
+._weekViewDaySlot_16qgh_173:where([data-drop-target])::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+      border-radius: calc(0.125rem * var(--mantine-scale));
+    }
+
+:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-4);
+}
+
+:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-6);
+}
+
+._weekViewDaySlot_16qgh_173:where([data-drag-selected]),
+    ._weekViewDaySlot_16qgh_173:where([data-drag-selected]):hover {
+      background-color: var(--mantine-primary-color-light);
+    }
+
+._weekViewDaySlot_16qgh_173:where([data-drag-selected])::before {
+      content: '';
+      position: absolute;
+      inset: calc(-0.0625rem * var(--mantine-scale));
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+    }
+
+:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-2);
+}
+
+:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-9);
+}
+
+._weekViewDaySlot_16qgh_173:where([data-drag-slot-index]) {
+    touch-action: none;
+  }
+
+._weekViewDaySlot_16qgh_173:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._weekViewWeekLabel_16qgh_271 {
+  text-align: center;
+  margin-bottom: calc(0.25rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-sm);
+}
+
+._weekViewWeekNumber_16qgh_277 {
+  font-weight: var(--mantine-font-weight-medium);
+  text-align: center;
+  font-size: var(--mantine-font-size-lg);
+}
+
+._weekViewAllDaySlots_16qgh_283 {
+  display: flex;
+  height: var(--week-view-all-day-slots-height);
+}
+
+._weekViewAllDaySlotsLabel_16qgh_288 {
+  flex: 0 0 var(--week-view-slots-label-width);
+  text-align: right;
+  padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-sm);
+}
+
+._weekViewAllDaySlotsEvents_16qgh_295 {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+._weekViewAllDaySlotsList_16qgh_302 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+._weekViewAllDaySlotsList_16qgh_302 > ._weekViewDaySlot_16qgh_173 {
+    flex: 1;
+    border-inline-start: 1px solid var(--week-view-border-color);
+    height: 100%;
+  }
+
+._weekViewAllDaySlotsList_16qgh_302:hover ._weekViewAllDaySlotsEvents_16qgh_295, ._weekViewAllDaySlotsList_16qgh_302:focus-within ._weekViewAllDaySlotsEvents_16qgh_295 {
+      overflow: visible;
+    }
+
+._weekViewAllDaySlotsList_16qgh_302:hover ._weekViewAllDaySlotsEvents_16qgh_295::before, ._weekViewAllDaySlotsList_16qgh_302:focus-within ._weekViewAllDaySlotsEvents_16qgh_295::before {
+        content: '';
+        position: absolute;
+        top: 100%;
+        height: calc(var(--week-view-all-day-slots-height) / 2 * var(--extra-rows));
+        inset-inline: 0;
+        z-index: 1;
+        pointer-events: all;
+      }
+._yearView_1y6ar_1 {
+  --year-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  --year-view-font-size: var(--mantine-font-size-sm);
+  container-type: inline-size;
+}
+
+  :where([data-mantine-color-scheme='light']) ._yearView_1y6ar_1 {
+    --year-view-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) ._yearView_1y6ar_1 {
+    --year-view-border-color: var(--mantine-color-dark-4);
+}
+
+._yearViewMonths_1y6ar_15 {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+}
+
+@container (width <= 850px) {
+
+._yearViewMonths_1y6ar_15 {
+    --year-view-font-size: calc(var(--mantine-font-size-sm) - 2px)
+}
+  }
+
+@container (width <= 750px) {
+
+._yearViewMonths_1y6ar_15 {
+    grid-template-columns: repeat(2, 1fr);
+    --year-view-font-size: var(--mantine-font-size-xs)
+}
+  }
+
+@container (width <= 520px) {
+
+._yearViewMonths_1y6ar_15 {
+    --year-view-font-size: calc(var(--mantine-font-size-xs) - 2px)
+}
+  }
+
+@container (width <= 420px) {
+
+._yearViewMonths_1y6ar_15 {
+    grid-template-columns: 1fr;
+    --year-view-font-size: var(--mantine-font-size-xs)
+}
+  }
+
+._yearViewMonth_1y6ar_15 {
+  --week-numbers-offset: 0rem;
+  --day-base-color: var(--mantine-color-text);
+  --day-dimmed-color: color-mix(in srgb, var(--day-base-color), transparent 65%);
+}
+
+._yearViewMonth_1y6ar_15:where([data-with-week-numbers]) {
+    --week-numbers-offset: calc(1.75rem * var(--mantine-scale));
+  }
+
+._yearViewMonth_1y6ar_15 {
+
+  min-width: 0;
+  border: 1px solid var(--year-view-border-color);
+  padding: var(--mantine-spacing-md);
+  margin-top: calc(-0.0625rem * var(--mantine-scale));
+  margin-inline-start: calc(-0.0625rem * var(--mantine-scale));
+}
+
+._yearViewMonth_1y6ar_15:where(:nth-child(3n + 1)) {
+    margin-inline-start: 0;
+  }
+
+._yearViewMonth_1y6ar_15:where(:nth-child(-n + 3)) {
+    margin-top: 0;
+  }
+
+._yearViewMonth_1y6ar_15:where(:nth-child(1)) {
+    border-start-start-radius: var(--year-view-radius);
+  }
+
+._yearViewMonth_1y6ar_15:where(:nth-child(3)) {
+    border-start-end-radius: var(--year-view-radius);
+  }
+
+._yearViewMonth_1y6ar_15:where(:nth-last-child(3)) {
+    border-end-start-radius: var(--year-view-radius);
+  }
+
+._yearViewMonth_1y6ar_15:where(:nth-last-child(1)) {
+    border-end-end-radius: var(--year-view-radius);
+  }
+
+@container (width <= 750px) {
+
+._yearViewMonth_1y6ar_15 {
+    border: 0;
+    padding: calc(0.5rem * var(--mantine-scale));
+    margin: 0
+}
+
+    ._yearViewMonth_1y6ar_15:where([data-with-week-numbers]) {
+      --week-numbers-offset: calc(0.875rem * var(--mantine-scale));
+    }
+  }
+
+@container (width <= 420px) {
+
+._yearViewMonth_1y6ar_15 {
+    padding: calc(0.375rem * var(--mantine-scale))
+}
+  }
+
+._yearViewWeekdays_1y6ar_92 {
+  display: flex;
+}
+
+._yearViewWeek_1y6ar_92 {
+  display: flex;
+}
+
+._yearViewWeekNumber_1y6ar_100 {
+  flex: 0 0 calc(var(--week-numbers-offset) - calc(0.25rem * var(--mantine-scale)));
+  margin-inline-end: calc(0.25rem * var(--mantine-scale));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--year-view-font-size);
+  border-radius: var(--year-view-radius);
+  padding: calc(0.25rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  cursor: pointer;
+  user-select: none;
+  color: var(--day-dimmed-color);
+}
+
+@container (width <= 750px) {
+
+._yearViewWeekNumber_1y6ar_100 {
+    padding: 0
+}
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._yearViewWeekNumber_1y6ar_100:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._yearViewWeekNumber_1y6ar_100:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._yearViewWeekNumber_1y6ar_100:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._yearViewWeekNumber_1y6ar_100:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+._yearViewWeekNumber_1y6ar_100:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._yearViewWeekday_1y6ar_92 {
+  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  height: calc(2.25rem * var(--mantine-scale));
+  font-size: var(--year-view-font-size);
+  font-weight: var(--mantine-font-weight-medium);
+  text-align: center;
+  text-transform: capitalize;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: default;
+  user-select: none;
+  color: var(--day-dimmed-color);
+}
+
+@container (width <= 750px) {
+
+._yearViewWeekday_1y6ar_92 {
+    height: auto;
+    padding-block: calc(0.125rem * var(--mantine-scale))
+}
+  }
+
+._yearViewWeekdaysCorner_1y6ar_154 {
+  flex: 0 0 var(--week-numbers-offset);
+}
+
+._yearViewDay_1y6ar_158 {
+  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  padding: calc(0.25rem * var(--mantine-scale));
+  font-size: var(--year-view-font-size);
+  color: var(--day-base-color);
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100%;
+  aspect-ratio: 1;
+  position: relative;
+}
+
+@container (width <= 750px) {
+
+._yearViewDay_1y6ar_158 {
+    padding: 0
+}
+  }
+
+._yearViewDay_1y6ar_158:where([data-day-placeholder]) {
+    background-color: transparent;
+    cursor: default;
+    pointer-events: none;
+  }
+
+._yearViewDay_1y6ar_158:where([data-weekend]) {
+    color: var(--mantine-color-red-6);
+  }
+
+._yearViewDay_1y6ar_158:where([data-outside]) {
+    color: var(--day-dimmed-color);
+  }
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) ._yearViewDay_1y6ar_158:hover:where(:not([data-today], [data-day-placeholder])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) ._yearViewDay_1y6ar_158:hover:where(:not([data-today], [data-day-placeholder])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) ._yearViewDay_1y6ar_158:active:where(:not([data-today], [data-day-placeholder])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) ._yearViewDay_1y6ar_158:active:where(:not([data-today], [data-day-placeholder])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+._yearViewDay_1y6ar_158:where([data-today]:not([data-outside])) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+@media (hover: hover) {
+
+  ._yearViewDay_1y6ar_158:where([data-today]:not([data-outside])):hover {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+@media (hover: none) {
+
+  ._yearViewDay_1y6ar_158:where([data-today]:not([data-outside])):active {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+._yearViewDay_1y6ar_158:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._yearViewMonthCaption_1y6ar_217 {
+  padding-inline: var(--mantine-spacing-sm);
+  width: 100%;
+  padding-block: calc(0.25rem * var(--mantine-scale));
+  margin-bottom: calc(0.25rem * var(--mantine-scale));
+  font-size: var(--year-view-font-size);
+  font-weight: var(--mantine-font-weight-medium);
+  text-transform: capitalize;
+  border-radius: var(--year-view-radius);
+}
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) ._yearViewMonthCaption_1y6ar_217:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._yearViewMonthCaption_1y6ar_217:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) ._yearViewMonthCaption_1y6ar_217:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) ._yearViewMonthCaption_1y6ar_217:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+._yearViewMonthCaption_1y6ar_217:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+._yearViewDayIndicators_1y6ar_243 {
+  position: absolute;
+  bottom: 0;
+  inset-inline: 0;
+  display: flex;
+  justify-content: center;
+  padding-inline-start: calc(0.125rem * var(--mantine-scale));
+}
+
+._yearViewDayIndicator_1y6ar_243 {
+  width: calc(0.5rem * var(--mantine-scale));
+  height: calc(0.5rem * var(--mantine-scale));
+  border-radius: 100%;
+  margin-inline-start: calc(-0.125rem * var(--mantine-scale));
+  border: 1px solid var(--mantine-color-body);
+}
+._root_j1q6m_1:where([data-layout='responsive']) {
+    container-type: inline-size;
+  }
+
+._desktopView_j1q6m_7 {
+  display: block;
+  height: 100%;
+}
+
+@container (width <= 600px) {
+
+._desktopView_j1q6m_7 {
+    display: none
+}
+  }
+
+._mobileView_j1q6m_16 {
+  display: none;
+  height: 100%;
+}
+
+@container (width <= 600px) {
+
+._mobileView_j1q6m_16 {
+    display: block
+}
+  }
+/*$vite$:1*/