@mantine/schedule 9.0.0-alpha.0

package/styles.css

@@ -0,0 +1,1948 @@
+.m_74c54f2d {
+  --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;
+}
+
+  .m_74c54f2d::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-color: var(--_indicator-color);
+    opacity: 0.2;
+  }
+
+.m_e62414c1 {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  background-color: var(--_indicator-color);
+  inset-inline-start: var(--start-offset);
+  inset-inline-end: var(--end-offset);
+}
+
+.m_decee6a9 {
+  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));
+}
+
+.m_4b00bcc6 {
+  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: 700;
+  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;
+}
+
+.m_1ac94670 {
+  padding: calc(0.0625rem * var(--mantine-scale));
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  flex: 1 0 auto;
+  position: relative;
+  z-index: 3;
+}
+
+  .m_1ac94670:where([data-auto-size]) {
+    container-type: size;
+  }
+
+  .m_1ac94670:where([data-draggable]) .m_71699dc6 {
+    cursor: grab;
+  }
+
+  .m_1ac94670:where([data-draggable]) .m_71699dc6:active {
+      cursor: grabbing;
+    }
+
+  .m_1ac94670:where([data-dragging]) {
+    opacity: 0.2;
+  }
+
+  .m_1ac94670:where([data-dragging]) .m_71699dc6 {
+      cursor: grabbing;
+    }
+
+  .m_1ac94670:where([data-any-dragging]:not([data-dragging])) {
+    pointer-events: none;
+  }
+
+  .m_1ac94670:where([data-any-dragging]:not([data-dragging])) .m_71699dc6 {
+      pointer-events: none;
+    }
+
+  .m_1ac94670:where([data-static]) {
+    pointer-events: none;
+    cursor: default;
+  }
+
+  .m_1ac94670: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;
+    }
+
+  .m_1ac94670:where([data-hanging='start'], [data-hanging='both']) .m_71699dc6 {
+      padding-inline-start: calc(0.375rem * var(--mantine-scale));
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+    }
+
+  .m_1ac94670: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;
+    }
+
+  .m_1ac94670:where([data-hanging='end'], [data-hanging='both']) .m_71699dc6 {
+      padding-inline-end: calc(0.375rem * var(--mantine-scale));
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+    }
+
+.m_71699dc6 {
+  background-color: var(--event-bg);
+  color: var(--event-color);
+  pointer-events: all;
+  border-radius: var(--event-radius);
+  font-weight: 600;
+  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;
+}
+
+.m_71699dc6:where([data-nowrap]) {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    line-height: 1.25;
+  }
+
+.m_71699dc6: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) {
+
+  .m_71699dc6:hover {
+    background-color: var(--event-hover);
+  }
+}
+
+@media (hover: none) {
+
+  .m_71699dc6:active {
+    background-color: var(--event-hover);
+  }
+}
+
+@container (max-height: 18px) {
+
+.m_71699dc6:where([data-auto-size]) {
+      font-size: calc(0.5625rem * var(--mantine-scale));
+      padding-block: 0rem;
+      display: flex;
+      flex-direction: column;
+      justify-content: center
+  }
+    }
+
+.m_1ac94670[data-static] .m_71699dc6 {
+    cursor: default;
+    pointer-events: none;
+  }
+
+@media (hover: hover) {
+
+  .m_1ac94670[data-static] .m_71699dc6:hover {
+      background-color: var(--event-bg);
+  }
+}
+
+@media (hover: none) {
+
+  .m_1ac94670[data-static] .m_71699dc6:active {
+      background-color: var(--event-bg);
+  }
+}
+
+:where([data-slot-dragging]) .m_71699dc6 {
+    pointer-events: none;
+  }
+
+.m_c958249f {
+  color: var(--mantine-color-dimmed);
+  font-size: calc(0.8125rem * var(--mantine-scale));
+  pointer-events: all;
+  flex: 1;
+}
+
+  @media (hover: hover) {
+
+  .m_c958249f:hover {
+    color: var(--mantine-color-bright);
+    text-decoration: underline;
+  }
+}
+
+  @media (hover: none) {
+
+  .m_c958249f:active {
+    color: var(--mantine-color-bright);
+    text-decoration: underline;
+  }
+}
+
+  .m_c958249f:where([data-static]) {
+    cursor: default;
+  }
+
+  @media (hover: hover) {
+
+  .m_c958249f:where([data-static]):hover {
+      color: var(--mantine-color-dimmed);
+      text-decoration: none;
+  }
+}
+
+  @media (hover: none) {
+
+  .m_c958249f:where([data-static]):active {
+      color: var(--mantine-color-dimmed);
+      text-decoration: none;
+  }
+}
+
+.m_fc2b9a3e {
+  padding: calc(0.25rem * var(--mantine-scale));
+}
+
+.m_89f3254b {
+  display: flex;
+  flex-direction: column;
+  gap: calc(0.25rem * var(--mantine-scale));
+}
+
+.m_b366a0f3 {
+  --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: 600;
+}
+
+  .m_b366a0f3:where([data-interactive]) {
+    cursor: pointer;
+  }
+
+  @media (hover: hover) {
+
+  .m_b366a0f3:where([data-interactive]):hover {
+      background-color: var(--mantine-color-default-hover);
+  }
+}
+
+  @media (hover: none) {
+
+  .m_b366a0f3:where([data-interactive]):active {
+      background-color: var(--mantine-color-default-hover);
+  }
+}
+
+  .m_b366a0f3:where(:not([data-square])) {
+    padding-inline: calc(0.75rem * var(--mantine-scale));
+  }
+
+  .m_b366a0f3: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) {
+
+  .m_b366a0f3:where([data-active]):hover {
+      background-color: var(--mantine-primary-color-filled-hover);
+      border-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+  @media (hover: none) {
+
+  .m_b366a0f3:where([data-active]):active {
+      background-color: var(--mantine-primary-color-filled-hover);
+      border-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+.m_9d235876 {
+  text-transform: capitalize;
+  min-width: calc(5rem * var(--mantine-scale));
+}
+
+  .m_9d235876:where([data-with-months]) {
+    min-width: calc(8.75rem * var(--mantine-scale));
+  }
+
+.m_673e0cc3 {
+  flex: 1;
+}
+
+.m_e24605b6 {
+  display: flex;
+  gap: var(--mantine-spacing-sm);
+  padding: calc(0.5rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
+}
+
+.m_e24605b6:where([data-with-months]) {
+    padding: var(--mantine-spacing-sm);
+  }
+
+.m_807fa76f {
+  font-weight: 600;
+  font-size: var(--mantine-font-size-sm);
+  padding-inline: calc(0.5rem * var(--mantine-scale));
+  margin-bottom: calc(0.375rem * var(--mantine-scale));
+}
+
+.m_9baf5b18 {
+  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;
+}
+
+.m_9baf5b18:where([data-type='year']) {
+    text-align: center;
+  }
+
+@media (hover: hover) {
+
+  .m_9baf5b18:hover {
+    background-color: var(--mantine-color-default-hover);
+  }
+}
+
+@media (hover: none) {
+
+  .m_9baf5b18:active {
+    background-color: var(--mantine-color-default-hover);
+  }
+}
+
+.m_9baf5b18:where([data-active]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+@media (hover: hover) {
+
+  .m_9baf5b18:where([data-active]):hover {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+@media (hover: none) {
+
+  .m_9baf5b18:where([data-active]):active {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+.m_9d44fc56 {
+  --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;
+}
+
+.m_21150122 {
+  display: flex;
+  gap: var(--schedule-header-gap);
+  align-items: center;
+}
+
+@container (width <= 600px) {
+
+.m_21150122 {
+    flex: 1
+}
+
+    .m_21150122 > :not([data-square]) {
+      flex: 1;
+    }
+  }
+
+@container (width <= 600px) {
+
+.m_7a42c1e5 {
+    display: none
+}
+  }
+
+@container (width <= 600px) {
+
+.m_5998194a {
+    display: none
+}
+  }
+
+.m_feecf21b {
+  display: none;
+  font-weight: 600;
+}
+
+@container (width <= 600px) {
+
+.m_feecf21b {
+    display: block;
+    flex: 1 1 100%
+}
+  }
+
+.m_e106e12d {
+  display: flex;
+  gap: calc(0.25rem * var(--mantine-scale));
+}
+
+.m_3c5fb2d5 {
+  --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']) .m_3c5fb2d5 {
+    --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']) .m_3c5fb2d5 {
+    --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);
+}
+
+.m_d27b4dc2 {
+  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: 600;
+}
+
+.m_d5502881 {
+  border: 1px solid var(--day-view-border-color);
+  display: flex;
+  border-radius: var(--day-view-radius);
+  overflow: hidden;
+}
+
+.m_9389813 {
+  position: relative;
+}
+
+.m_9389813:where(:first-of-type) .m_cd179e73:first-of-type {
+    border-top-color: transparent;
+  }
+
+.m_c30b0852 {
+  width: var(--day-view-slot-labels-width);
+}
+
+.m_2f950041 {
+  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;
+}
+
+.m_2f950041:where([data-all-day]) {
+    height: var(--all-day-slot-height);
+    border-top: 0;
+  }
+
+.m_2f950041:where(:first-of-type) {
+    border-top: 0;
+  }
+
+.m_2f950041:where([data-business-hours]) {
+    background-color: var(--day-view-business-hours-bg);
+  }
+
+.m_2f950041:where([data-non-business-hours]) {
+    background-color: var(--day-view-non-business-hours-bg);
+  }
+
+.m_d5dc3060 {
+  flex: 1;
+}
+
+.m_cd179e73 {
+  display: block;
+  width: 100%;
+  border-top: 1px dotted var(--day-view-border-color);
+  height: calc(var(--slot-height) * var(--slot-size));
+  position: relative;
+}
+
+.m_cd179e73:where(:focus) {
+    z-index: 1;
+  }
+
+.m_cd179e73:where([data-hour-start]) {
+    border-top: 1px solid var(--day-view-border-color);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_cd179e73:hover {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_cd179e73:hover {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_cd179e73:active {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_cd179e73:active {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+.m_cd179e73:where([data-all-day]) {
+    height: var(--all-day-slot-height);
+    border-top: 0;
+  }
+
+.m_cd179e73:where([data-business-hours]) {
+    background-color: var(--day-view-business-hours-bg);
+  }
+
+.m_cd179e73:where([data-non-business-hours]) {
+    background-color: var(--day-view-non-business-hours-bg);
+  }
+
+:where([data-mantine-color-scheme='light']) .m_cd179e73:where([data-drop-target]) {
+      background-color: var(--mantine-color-blue-1);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_cd179e73:where([data-drop-target]) {
+      background-color: var(--mantine-color-dark-5);
+}
+
+.m_cd179e73: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']) .m_cd179e73:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_cd179e73:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-6);
+}
+
+.m_cd179e73:where([data-drag-selected]),
+    .m_cd179e73:where([data-drag-selected]):hover {
+      background-color: var(--mantine-primary-color-light);
+    }
+
+.m_cd179e73: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']) .m_cd179e73:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_cd179e73:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-9);
+}
+
+.m_cd179e73:where([data-drag-slot-index]) {
+    touch-action: none;
+  }
+
+.m_cd179e73:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_c6f08d70 {
+  position: relative;
+  height: var(--all-day-slot-height);
+}
+
+.m_42b986a9 {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+  z-index: 3;
+}
+
+.m_70d87f99 {
+  --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']) .m_70d87f99 {
+    --mobile-month-view-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_70d87f99 {
+    --mobile-month-view-border-color: var(--mantine-color-dark-4);
+}
+
+  .m_70d87f99:where([data-with-week-numbers]) {
+    --week-numbers-offset: calc(2rem * var(--mantine-scale));
+  }
+
+.m_c4707786 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--mantine-spacing-sm);
+  border-bottom: 1px solid var(--mobile-month-view-border-color);
+}
+
+.m_1fb0b31f {
+  display: flex;
+  align-items: center;
+  gap: calc(0.25rem * var(--mantine-scale));
+  font-weight: 600;
+  cursor: pointer;
+  user-select: none;
+  font-size: var(--mobile-month-view-font-size);
+}
+
+.m_1fb0b31f:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_7b47db0e {
+  user-select: none;
+}
+
+.m_a20935f7 {
+  --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);
+}
+
+.m_8797b104 {
+  display: flex;
+  margin-bottom: var(--mantine-spacing-xs);
+}
+
+.m_b58e3c79 {
+  flex: 0 0 var(--week-numbers-offset);
+}
+
+.m_e357794f {
+  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  font-size: var(--mobile-month-view-font-size);
+  font-weight: 600;
+  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));
+}
+
+.m_4b161f2d {
+  display: flex;
+}
+
+.m_dbf910d6 {
+  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: 600;
+  cursor: pointer;
+  user-select: none;
+  color: var(--day-dimmed-color);
+}
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_dbf910d6:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_dbf910d6:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_dbf910d6:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_dbf910d6:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+.m_dbf910d6:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_fa29b943 {
+  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: 600;
+  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;
+}
+
+.m_fa29b943::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;
+  }
+
+.m_fa29b943:focus {
+    z-index: 1;
+  }
+
+.m_fa29b943:where([data-hidden]) {
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+.m_fa29b943:where([data-weekend]) {
+    color: var(--mantine-color-red-6);
+  }
+
+.m_fa29b943:where([data-outside]) {
+    color: var(--day-dimmed-color);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_fa29b943:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_fa29b943:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_fa29b943:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_fa29b943:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+:where([data-mantine-color-scheme='light']) .m_fa29b943:where([data-today]:not([data-selected]))::before {
+        background-color: var(--mantine-color-gray-2);
+      }
+
+:where([data-mantine-color-scheme='dark']) .m_fa29b943:where([data-today]:not([data-selected]))::before {
+        background-color: var(--mantine-color-dark-5);
+      }
+
+.m_fa29b943:where([data-selected]) {
+    color: var(--mantine-primary-color-contrast);
+  }
+
+.m_fa29b943:where([data-selected])::before {
+      background-color: var(--mantine-primary-color-filled);
+    }
+
+@media (hover: hover) {
+      .m_fa29b943:where([data-selected]):hover::before {
+        background-color: var(--mantine-primary-color-filled-hover);
+      }
+}
+
+@media (hover: none) {
+      .m_fa29b943:where([data-selected]):active::before {
+        background-color: var(--mantine-primary-color-filled-hover);
+      }
+}
+
+.m_fa29b943:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_ab2b21e7 {
+  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));
+}
+
+.m_b2f0e00c {
+  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));
+}
+
+.m_66ba41d0 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  padding: var(--mantine-spacing-sm);
+}
+
+.m_9a1cef3f {
+  margin-bottom: var(--mantine-spacing-sm);
+}
+
+.m_16b7da81 {
+  display: block;
+  width: 100%;
+  text-align: start;
+  cursor: pointer;
+}
+
+.m_16b7da81:where(:not(:last-child)) {
+    border-bottom: 1px solid var(--mobile-month-view-border-color);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_16b7da81:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_16b7da81:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_16b7da81:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_16b7da81:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+.m_ea745fc3 {
+  display: flex;
+  gap: var(--mantine-spacing-sm);
+  padding: var(--mantine-spacing-xs) 0;
+}
+
+.m_6425cd62 {
+  width: calc(0.25rem * var(--mantine-scale));
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  flex-shrink: 0;
+}
+
+.m_ea7c78ee {
+  margin-top: calc(0.125rem * var(--mantine-scale));
+}
+
+.m_8eceba9d {
+  --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(3.375rem * var(--mantine-scale));
+}
+
+  .m_8eceba9d:where([data-with-week-numbers]) {
+    --week-numbers-offset: calc(2.625rem * var(--mantine-scale));
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_8eceba9d {
+    --month-view-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_8eceba9d {
+    --month-view-border-color: var(--mantine-color-dark-4);
+}
+
+.m_6634a808 {
+  display: flex;
+}
+
+.m_bdaf3831 {
+  display: flex;
+  position: relative;
+  min-width: calc(var(--min-day-width) * 7 + var(--week-numbers-offset));
+}
+
+.m_873456da {
+  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: 600;
+  cursor: pointer;
+  user-select: none;
+}
+
+:where(.m_bdaf3831:first-child) .m_873456da {
+    border-start-start-radius: var(--month-view-radius);
+  }
+
+:where([data-with-weekdays] .m_8eceba9d) :where(.m_bdaf3831:first-child) .m_873456da {
+      border-start-start-radius: 0;
+    }
+
+:where(.m_bdaf3831:last-child) .m_873456da {
+    border-block-end: var(--month-view-border);
+    border-end-start-radius: var(--month-view-radius);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_873456da:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_873456da:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_873456da:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_873456da:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+.m_873456da:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_c97d91cb {
+  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: 600;
+  text-align: center;
+  text-transform: capitalize;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: default;
+  user-select: none;
+}
+
+.m_c97d91cb:where(:first-child) {
+    border-start-start-radius: var(--month-view-radius);
+  }
+
+:where([data-with-week-numbers] .m_8eceba9d) .m_c97d91cb:where(:first-child) {
+      border-start-start-radius: 0;
+    }
+
+.m_c97d91cb:where(:last-child) {
+    border-inline-end: var(--month-view-border);
+    border-start-end-radius: var(--month-view-radius);
+  }
+
+.m_25eee07d {
+  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);
+}
+
+.m_ab476fbf {
+  min-width: var(--min-day-width);
+  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  height: calc(6.25rem * var(--mantine-scale));
+  padding: calc(0.25rem * var(--mantine-scale));
+  font-weight: 600;
+  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;
+}
+
+.m_ab476fbf:where(:last-child) {
+    border-inline-end: var(--month-view-border);
+  }
+
+:where(.m_bdaf3831:last-child) .m_ab476fbf:where(:last-child) {
+      border-block-end: var(--month-view-border);
+      border-end-end-radius: var(--month-view-radius);
+    }
+
+:where(.m_bdaf3831:first-child) .m_ab476fbf:where(:last-child) {
+      border-start-end-radius: var(--month-view-radius);
+    }
+
+:where(:not([data-with-weekdays])) .m_8eceba9d :where(.m_bdaf3831:first-child) .m_ab476fbf:where(:last-child) {
+        border-start-end-radius: var(--month-view-radius);
+      }
+
+:where(.m_bdaf3831:first-child) .m_ab476fbf:where(:first-of-type) {
+      border-start-start-radius: var(--month-view-radius);
+    }
+
+:where([data-with-week-numbers]) .m_8eceba9d :where(.m_bdaf3831:first-child) .m_ab476fbf:where(:first-of-type) {
+        border-start-start-radius: 0;
+      }
+
+:where([data-with-weekdays]) .m_8eceba9d :where(.m_bdaf3831:first-child) .m_ab476fbf:where(:first-of-type) {
+        border-start-start-radius: 0;
+      }
+
+:where(.m_bdaf3831:last-child) .m_ab476fbf:where(:first-of-type) {
+      border-end-start-radius: var(--month-view-radius);
+    }
+
+:where([data-with-week-numbers]) .m_bdaf3831:last-child .m_ab476fbf:where(:first-of-type) {
+      border-end-start-radius: 0;
+    }
+
+:where(.m_bdaf3831:last-child) .m_ab476fbf {
+    border-block-end: var(--month-view-border);
+  }
+
+.m_ab476fbf:where([data-weekend]) {
+    color: var(--mantine-color-red-6);
+  }
+
+.m_ab476fbf:where([data-outside]) {
+    color: color-mix(in srgb, var(--day-base-color), transparent 60%);
+  }
+
+.m_ab476fbf:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m_ab476fbf:hover:where(:not([data-static])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_ab476fbf:hover:where(:not([data-static])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m_ab476fbf:active:where(:not([data-static])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_ab476fbf:active:where(:not([data-static])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+:where([data-mantine-color-scheme='light']) .m_ab476fbf:where([data-drop-target]) {
+      background-color: var(--mantine-color-blue-1);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_ab476fbf:where([data-drop-target]) {
+      background-color: var(--mantine-color-dark-5);
+}
+
+.m_ab476fbf: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']) .m_ab476fbf:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_ab476fbf:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-6);
+}
+
+.m_ab476fbf:where([data-drag-selected]),
+    .m_ab476fbf:where([data-drag-selected]):hover {
+      background-color: var(--mantine-primary-color-light);
+    }
+
+.m_ab476fbf: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']) .m_ab476fbf:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_ab476fbf:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-9);
+}
+
+.m_ab476fbf:where([data-drag-slot-index]) {
+    touch-action: none;
+  }
+
+.m_fd501e75 {
+  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;
+}
+
+.m_fd501e75:where([data-today]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+.m_f0fa5e16 {
+  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;
+}
+
+.m_42b9032d {
+  --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));
+  --indicator-labels-offset: calc(var(--week-view-slots-label-width) / var(--number-of-days));
+}
+
+  :where([data-mantine-color-scheme='light']) .m_42b9032d {
+    --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']) .m_42b9032d {
+    --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);
+}
+
+.m_6b2099af {
+  border: 1px solid var(--week-view-border-color);
+  border-radius: var(--week-view-radius);
+}
+
+.m_f8734f29 {
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.m_44818807 :where(.mantine-ScrollArea-scrollbar) {
+    z-index: 2;
+  }
+
+.m_13bcfc1a {
+  display: flex;
+  border-start-start-radius: var(--week-view-radius);
+  border-start-end-radius: var(--week-view-radius);
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  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;
+}
+
+.m_13bcfc1a:where([data-scrolled]) {
+    box-shadow: var(--mantine-shadow-sm);
+  }
+
+.m_bc98be2 {
+  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;
+}
+
+.m_149dcaaa {
+  flex: 0 0 var(--week-view-slots-label-width);
+  min-width: var(--week-view-slots-label-width);
+  background-color: var(--mantine-color-body);
+  border-end-start-radius: var(--week-view-radius);
+}
+
+.m_29f492e9 {
+  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;
+}
+
+.m_29f492e9:where([data-business-hours]) {
+    background-color: var(--week-view-business-hours-bg);
+  }
+
+.m_29f492e9:where([data-non-business-hours]) {
+    background-color: var(--week-view-non-business-hours-bg);
+  }
+
+.m_98199d2f {
+  flex: 1;
+  border-inline-start: 1px solid var(--week-view-border-color);
+}
+
+.m_ccf0d705 {
+  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: 600;
+  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));
+}
+
+.m_ccf0d705:where([data-weekend]) {
+    color: var(--mantine-color-error);
+  }
+
+.m_ccf0d705:where([data-today]) {
+    gap: calc(0.375rem * var(--mantine-scale));
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_ccf0d705:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_ccf0d705:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_ccf0d705:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_ccf0d705:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+.m_ccf0d705:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_d5b28558 {
+  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(.m_ccf0d705[data-today]) .m_d5b28558 {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+.m_a0fc06f9 {
+  text-align: center;
+  font-size: var(--mantine-font-size-sm);
+  text-transform: capitalize;
+}
+
+.m_cd58ae46 {
+  position: relative;
+}
+
+.m_8ac0cbcd {
+  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;
+}
+
+.m_8ac0cbcd:where(:focus) {
+    z-index: 1;
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_8ac0cbcd:hover {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_8ac0cbcd:hover {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_8ac0cbcd:active {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_8ac0cbcd:active {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+.m_8ac0cbcd:where([data-business-hours]) {
+    background-color: var(--week-view-business-hours-bg);
+  }
+
+.m_8ac0cbcd:where([data-non-business-hours]) {
+    background-color: var(--week-view-non-business-hours-bg);
+  }
+
+:where([data-mantine-color-scheme='light']) .m_8ac0cbcd:where([data-drop-target]) {
+      background-color: var(--mantine-color-blue-1);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_8ac0cbcd:where([data-drop-target]) {
+      background-color: var(--mantine-color-dark-5);
+}
+
+.m_8ac0cbcd: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']) .m_8ac0cbcd:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_8ac0cbcd:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-6);
+}
+
+.m_8ac0cbcd:where([data-drag-selected]),
+    .m_8ac0cbcd:where([data-drag-selected]):hover {
+      background-color: var(--mantine-primary-color-light);
+    }
+
+.m_8ac0cbcd: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']) .m_8ac0cbcd:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_8ac0cbcd:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-9);
+}
+
+.m_8ac0cbcd:where([data-drag-slot-index]) {
+    touch-action: none;
+  }
+
+.m_8ac0cbcd:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_838426b3 {
+  text-align: center;
+  margin-bottom: calc(0.25rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-sm);
+}
+
+.m_f1892b6a {
+  font-weight: 600;
+  text-align: center;
+  font-size: var(--mantine-font-size-lg);
+}
+
+.m_4f08474d {
+  display: flex;
+  height: var(--week-view-all-day-slots-height);
+}
+
+.m_85cdcfa7 {
+  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);
+}
+
+.m_2923a6c6 {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.m_77edfd8b {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.m_77edfd8b > .m_8ac0cbcd {
+    flex: 1;
+    border-inline-start: 1px solid var(--week-view-border-color);
+    height: 100%;
+  }
+
+.m_77edfd8b:hover .m_2923a6c6, .m_77edfd8b:focus-within .m_2923a6c6 {
+      overflow: visible;
+    }
+
+.m_77edfd8b:hover .m_2923a6c6::before, .m_77edfd8b:focus-within .m_2923a6c6::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;
+      }
+
+.m_7301354d {
+  --year-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  --year-view-font-size: clamp(6px, 1.5cqw, 22px);
+}
+
+  :where([data-mantine-color-scheme='light']) .m_7301354d {
+    --year-view-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_7301354d {
+    --year-view-border-color: var(--mantine-color-dark-4);
+}
+
+.m_8b7a61a0 {
+  container-type: inline-size;
+}
+
+.m_c0efe49f {
+  display: flex;
+}
+
+@container (width <= 500px) {
+
+.m_c0efe49f {
+    flex-direction: column;
+    --year-view-font-size: clamp(6px, 3.5cqw, 22px)
+}
+  }
+
+.m_c0efe49f:where(:first-of-type) :where(.m_3e4e4533:first-of-type) {
+    border-start-start-radius: var(--year-view-radius);
+  }
+
+.m_c0efe49f:where(:first-of-type) :where(.m_3e4e4533:last-of-type) {
+    border-start-end-radius: var(--year-view-radius);
+  }
+
+.m_c0efe49f:where(:last-of-type) :where(.m_3e4e4533:first-of-type) {
+    border-end-start-radius: var(--year-view-radius);
+  }
+
+.m_c0efe49f:where(:last-of-type) :where(.m_3e4e4533:last-of-type) {
+    border-end-end-radius: var(--year-view-radius);
+  }
+
+.m_3e4e4533 {
+  --week-numbers-offset: 0rem;
+  --day-base-color: var(--mantine-color-text);
+  --day-dimmed-color: color-mix(in srgb, var(--day-base-color), transparent 50%);
+}
+
+.m_3e4e4533:where([data-with-week-numbers]) {
+    --week-numbers-offset: calc(1.75rem * var(--mantine-scale));
+  }
+
+.m_3e4e4533 {
+
+  flex: 1;
+  border: 1px solid var(--year-view-border-color);
+  padding: var(--mantine-spacing-md);
+}
+
+@container (width <= 860px) {
+
+.m_3e4e4533 {
+    border: 0;
+    padding: calc(0.5rem * var(--mantine-scale))
+}
+
+    .m_3e4e4533:where([data-with-week-numbers]) {
+      --week-numbers-offset: calc(0.875rem * var(--mantine-scale));
+    }
+
+    .m_3e4e4533:where(:first-of-type) {
+      padding-inline-start: 0;
+    }
+
+    .m_3e4e4533:where(:last-of-type) {
+      padding-inline-end: 0;
+    }
+  }
+
+@container (width <= 480px) {
+
+.m_3e4e4533 {
+    padding: calc(0.375rem * var(--mantine-scale))
+}
+  }
+
+.m_3e4e4533:where(:not(:last-of-type)) {
+    border-right: none;
+  }
+
+:where(.m_c0efe49f:not(:last-of-type)) .m_3e4e4533 {
+    border-bottom: none;
+  }
+
+.m_845972b8 {
+  display: flex;
+}
+
+.m_f9c4dae1 {
+  display: flex;
+}
+
+.m_af51358a {
+  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: 600;
+  cursor: pointer;
+  user-select: none;
+  color: var(--day-dimmed-color);
+}
+
+@container (width <= 860px) {
+
+.m_af51358a {
+    min-width: unset;
+    padding: 0
+}
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_af51358a:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_af51358a:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_af51358a:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_af51358a:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+.m_af51358a:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_e33cb11b {
+  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  height: calc(2.25rem * var(--mantine-scale));
+  min-width: calc(2.25rem * var(--mantine-scale));
+  font-size: var(--year-view-font-size);
+  font-weight: 600;
+  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 <= 860px) {
+
+.m_e33cb11b {
+    min-width: unset;
+    height: auto;
+    padding-block: 0.1cqw
+}
+  }
+
+.m_221ce72d {
+  flex: 0 0 var(--week-numbers-offset);
+}
+
+.m_399ab70f {
+  min-width: calc(2.25rem * var(--mantine-scale));
+  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 <= 860px) {
+
+.m_399ab70f {
+    min-width: calc(0.875rem * var(--mantine-scale));
+    padding: 0
+}
+  }
+
+.m_399ab70f:where([data-day-placeholder]) {
+    background-color: transparent;
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_399ab70f:where([data-weekend]) {
+    color: var(--mantine-color-red-6);
+  }
+
+.m_399ab70f:where([data-outside]) {
+    color: var(--day-dimmed-color);
+  }
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m_399ab70f:hover:where(:not([data-today], [data-day-placeholder])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_399ab70f:hover:where(:not([data-today], [data-day-placeholder])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m_399ab70f:active:where(:not([data-today], [data-day-placeholder])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_399ab70f:active:where(:not([data-today], [data-day-placeholder])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+.m_399ab70f:where([data-today]:not([data-outside])) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+@media (hover: hover) {
+
+  .m_399ab70f:where([data-today]:not([data-outside])):hover {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+@media (hover: none) {
+
+  .m_399ab70f:where([data-today]:not([data-outside])):active {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+.m_399ab70f:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_950e3d33 {
+  padding-inline: calc(var(--week-numbers-offset) + calc(0.75rem * var(--mantine-scale)));
+  padding-block: 0.2cqw;
+  margin-bottom: 0.5cqw;
+  font-size: var(--year-view-font-size);
+  font-weight: 600;
+  text-transform: capitalize;
+  border-radius: var(--year-view-radius);
+}
+
+@container (width <= 860px) {
+
+.m_950e3d33 {
+    padding-inline: calc(0.25rem * var(--mantine-scale));
+    padding-block: calc(0.125rem * var(--mantine-scale));
+    width: 100%
+}
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_950e3d33:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_950e3d33:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_950e3d33:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_950e3d33:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+.m_950e3d33:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_98250b3 {
+  position: absolute;
+  bottom: calc(0.25rem * var(--mantine-scale));
+  inset-inline: 0;
+  display: flex;
+  justify-content: center;
+  padding-inline-start: calc(0.125rem * var(--mantine-scale));
+}
+
+@container (width <= 860px) {
+
+.m_98250b3 {
+    display: none
+}
+  }
+
+.m_10d2a7c0 {
+  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);
+}
+
+.m_10df4638:where([data-layout='responsive']) {
+    container-type: inline-size;
+  }
+
+.m_89e7ecb {
+  display: block;
+  height: 100%;
+}
+
+@container (width <= 600px) {
+
+.m_89e7ecb {
+    display: none
+}
+  }
+
+.m_a0700b3d {
+  display: none;
+  height: 100%;
+}
+
+@container (width <= 600px) {
+
+.m_a0700b3d {
+    display: block
+}
+  }