.m_468e7eda {
  padding-top: 0;
  padding-bottom: 0;
  appearance: none;
}

.m_468e7eda::-webkit-calendar-picker-indicator {
  display: none;
}

.m_468e7eda::-webkit-clear-button {
  display: none;
}

.m_468e7eda::-webkit-datetime-edit-hour-field,
.m_468e7eda::-webkit-datetime-edit-minute-field,
.m_468e7eda::-webkit-datetime-edit-second-field,
.m_468e7eda::-webkit-datetime-edit-ampm-field {
  padding-top: 0;
  max-height: calc(1.875rem * var(--mantine-scale));
  display: inline;
}

.m_468e7eda::-webkit-datetime-edit-hour-field:focus,
.m_468e7eda::-webkit-datetime-edit-minute-field:focus,
.m_468e7eda::-webkit-datetime-edit-second-field:focus,
.m_468e7eda::-webkit-datetime-edit-ampm-field:focus {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-color-white);
}

.m_396ce5cb {
  --day-size-xs: calc(1.875rem * var(--mantine-scale));
  --day-size-sm: calc(2.25rem * var(--mantine-scale));
  --day-size-md: calc(2.625rem * var(--mantine-scale));
  --day-size-lg: calc(3rem * var(--mantine-scale));
  --day-size-xl: calc(3.375rem * var(--mantine-scale));
  --day-size: var(--day-size-sm);

  width: var(--day-size, var(--day-size-sm));
  height: var(--day-size, var(--day-size-sm));
  font-size: calc(var(--day-size) / 2.8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  color: var(--mantine-color-text);
  opacity: 1;
}

@media (hover: hover) {
  [data-mantine-color-scheme="light"]
    .m_396ce5cb:hover:where(
      :not([data-static], [data-disabled], [data-selected], [data-in-range])
    ) {
    background-color: var(--mantine-color-gray-0);
  }

  [data-mantine-color-scheme="dark"]
    .m_396ce5cb:hover:where(
      :not([data-static], [data-disabled], [data-selected], [data-in-range])
    ) {
    background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
  [data-mantine-color-scheme="light"]
    .m_396ce5cb:active:where(
      :not([data-static], [data-disabled], [data-selected], [data-in-range])
    ) {
    background-color: var(--mantine-color-gray-0);
  }

  [data-mantine-color-scheme="dark"]
    .m_396ce5cb:active:where(
      :not([data-static], [data-disabled], [data-selected], [data-in-range])
    ) {
    background-color: var(--mantine-color-dark-5);
  }
}

.m_396ce5cb:where([data-static]) {
  user-select: auto;
  cursor: default;
}

.m_396ce5cb:where([data-weekend]) {
  color: var(--mantine-color-red-6);
}

.m_396ce5cb:where([data-outside]) {
  color: var(--mantine-color-dimmed);
  opacity: 0.5;
}

.m_396ce5cb:where(:disabled, [data-disabled]) {
  color: var(--mantine-color-dimmed);
  cursor: not-allowed;
  opacity: 0.5;
}

.m_396ce5cb:where([data-hidden]) {
  display: none;
}

:where([data-mantine-color-scheme="light"])
  .m_396ce5cb:where(
    [data-today][data-highlight-today]:not([data-selected], [data-in-range])
  ) {
  border: 1px solid var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme="dark"])
  .m_396ce5cb:where(
    [data-today][data-highlight-today]:not([data-selected], [data-in-range])
  ) {
  border: 1px solid var(--mantine-color-dark-4);
}

.m_396ce5cb:where([data-in-range]) {
  background-color: var(--mantine-primary-color-light-hover);
}

@media (hover: hover) {
  .m_396ce5cb:where([data-in-range]):hover:where(
      :not([data-disabled], [data-static])
    ) {
    background-color: var(--mantine-primary-color-light);
  }
}

@media (hover: none) {
  .m_396ce5cb:where([data-in-range]):active:where(
      :not([data-disabled], [data-static])
    ) {
    background-color: var(--mantine-primary-color-light);
  }
}

.m_396ce5cb:where([data-selected]) {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-primary-color-contrast);
}

@media (hover: hover) {
  .m_396ce5cb:where([data-selected]):hover:where(
      :not([data-disabled], [data-static])
    ) {
    background-color: var(--mantine-primary-color-filled-hover);
  }
}

@media (hover: none) {
  .m_396ce5cb:where([data-selected]):active:where(
      :not([data-disabled], [data-static])
    ) {
    background-color: var(--mantine-primary-color-filled-hover);
  }
}

.m_18a3eca {
  color: var(--mantine-color-dimmed);
  font-weight: normal;
  font-size: var(--wr-fz, var(--mantine-font-size-sm));
  text-transform: capitalize;
  padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2);
}

.m_cc9820d3 {
  border-collapse: collapse;
  table-layout: fixed;
}

.m_8f457cd5 {
  padding: 0;
}

.m_8f457cd5:where([data-with-spacing]) {
  padding: calc(0.03125rem * var(--mantine-scale));
}

.m_6cff9dea {
  --wn-size-xs: calc(1.875rem * var(--mantine-scale));
  --wn-size-sm: calc(2.25rem * var(--mantine-scale));
  --wn-size-md: calc(2.625rem * var(--mantine-scale));
  --wn-size-lg: calc(3rem * var(--mantine-scale));
  --wn-size-xl: calc(3.375rem * var(--mantine-scale));

  color: var(--mantine-color-dimmed);
  font-weight: normal;
  font-size: calc(var(--wn-size, var(--wn-size-sm)) / 2.8);
  text-align: center;
  width: var(--wn-size, var(--wn-size-sm));
}

.m_dc6a3c71 {
  --dpc-size-xs: calc(1.875rem * var(--mantine-scale));
  --dpc-size-sm: calc(2.25rem * var(--mantine-scale));
  --dpc-size-md: calc(2.625rem * var(--mantine-scale));
  --dpc-size-lg: calc(3rem * var(--mantine-scale));
  --dpc-size-xl: calc(3.375rem * var(--mantine-scale));
  --dpc-size: var(--dpc-size-sm);

  font-size: var(--dpc-fz, var(--mantine-font-size-sm));
  height: var(--dpc-size);
  width: calc(
    (var(--dpc-size) * 7) /
    3 +
    calc(0.09375rem * var(--mantine-scale))
  );
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  color: var(--mantine-color-text);
  opacity: 1;
}

@media (hover: hover) {
  :where([data-mantine-color-scheme="light"])
    .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
    background-color: var(--mantine-color-gray-0);
  }

  :where([data-mantine-color-scheme="dark"])
    .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
    background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
  :where([data-mantine-color-scheme="light"])
    .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
    background-color: var(--mantine-color-gray-0);
  }

  :where([data-mantine-color-scheme="dark"])
    .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
    background-color: var(--mantine-color-dark-5);
  }
}

.m_dc6a3c71:where(:disabled, [data-disabled]) {
  color: var(--mantine-color-dimmed);
  cursor: not-allowed;
  opacity: 0.5;
}

.m_dc6a3c71:where([data-selected]) {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-primary-color-contrast, var(--mantine-color-white));
}

@media (hover: hover) {
  .m_dc6a3c71:where([data-selected]):hover {
    background-color: var(--mantine-primary-color-filled-hover);
  }
}

@media (hover: none) {
  .m_dc6a3c71:where([data-selected]):active {
    background-color: var(--mantine-primary-color-filled-hover);
  }
}

.m_dc6a3c71:where([data-in-range]) {
  background-color: var(--mantine-primary-color-light-hover);
}

@media (hover: hover) {
  .m_dc6a3c71:where([data-in-range]):hover {
    background-color: var(--mantine-primary-color-light);
  }
}

@media (hover: none) {
  .m_dc6a3c71:where([data-in-range]):active {
    background-color: var(--mantine-primary-color-light);
  }
}

.m_9206547b {
  border-collapse: collapse;
  border-width: 0;
}

.m_c5a19c7d {
  padding: 0;
}

.m_c5a19c7d:where([data-with-spacing]) {
  padding: calc(0.03125rem * var(--mantine-scale));
}

.m_2a6c32d {
  border-collapse: collapse;
  border-width: 0;
  cursor: pointer;
}

.m_fe27622f {
  padding: 0;
}

.m_fe27622f:where([data-with-spacing]) {
  padding: calc(0.03125rem * var(--mantine-scale));
}

.m_730a79ed {
  --dch-control-size-xs: calc(1.875rem * var(--mantine-scale));
  --dch-control-size-sm: calc(2.25rem * var(--mantine-scale));
  --dch-control-size-md: calc(2.625rem * var(--mantine-scale));
  --dch-control-size-lg: calc(3rem * var(--mantine-scale));
  --dch-control-size-xl: calc(3.375rem * var(--mantine-scale));
  --dch-control-size: var(--dch-control-size-sm);

  display: flex;
  max-width: calc(
    var(--dch-control-size) *
    8 +
    calc(0.4375rem * var(--mantine-scale))
  );
  margin-bottom: var(--mantine-spacing-xs);
}

.m_f6645d97,
.m_2351eeb0 {
  height: var(--dch-control-size);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  opacity: 1;
  cursor: pointer;
}

@media (hover: hover) {
  [data-mantine-color-scheme="light"]
    .m_f6645d97:hover:where(:not([data-disabled], :disabled)),
  [data-mantine-color-scheme="light"]
    .m_2351eeb0:hover:where(:not([data-disabled], :disabled)) {
    background-color: var(--mantine-color-gray-0);
  }

  [data-mantine-color-scheme="dark"]
    .m_f6645d97:hover:where(:not([data-disabled], :disabled)),
  [data-mantine-color-scheme="dark"]
    .m_2351eeb0:hover:where(:not([data-disabled], :disabled)) {
    background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
  [data-mantine-color-scheme="light"]
    .m_f6645d97:active:where(:not([data-disabled], :disabled)),
  [data-mantine-color-scheme="light"]
    .m_2351eeb0:active:where(:not([data-disabled], :disabled)) {
    background-color: var(--mantine-color-gray-0);
  }

  [data-mantine-color-scheme="dark"]
    .m_f6645d97:active:where(:not([data-disabled], :disabled)),
  [data-mantine-color-scheme="dark"]
    .m_2351eeb0:active:where(:not([data-disabled], :disabled)) {
    background-color: var(--mantine-color-dark-5);
  }
}

.m_f6645d97:where(:disabled, [data-disabled]),
.m_2351eeb0:where(:disabled, [data-disabled]) {
  opacity: 0.2;
  cursor: not-allowed;
}

.m_2351eeb0 {
  width: var(--dch-control-size);
}

.m_f6645d97 {
  flex: 1;
  font-size: var(--dch-fz, var(--mantine-font-size-sm));
  font-weight: 500;
  text-transform: capitalize;
}

.m_367dc749 {
  width: 60%;
  height: 60%;
}

.m_367dc749:where([data-direction="next"]) {
  transform: rotate(270deg);
}

:where([dir="rtl"]) .m_367dc749:where([data-direction="next"]) {
  transform: rotate(90deg);
}

.m_367dc749:where([data-direction="previous"]) {
  transform: rotate(90deg);
}

:where([dir="rtl"]) .m_367dc749:where([data-direction="previous"]) {
  transform: rotate(270deg);
}

.m_30b26e33 {
  display: flex;
  gap: var(--mantine-spacing-md);
}

.m_6fa5e2aa {
  cursor: pointer;
  line-height: unset;
}

.m_6fa5e2aa:where([data-read-only]) {
  cursor: default;
}

.m_208d2562 {
  display: flex;
  align-items: stretch;
  margin-top: var(--mantine-spacing-md);
}

.m_62ee059 {
  flex: 1;
  margin-inline-end: var(--mantine-spacing-md);
}
