/* components/Provider/Provider.scss */
body {
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
code {
  font-family:
    source-code-pro,
    Menlo,
    Monaco,
    Consolas,
    "Courier New",
    monospace;
}
@media only screen and (max-width: 575px) {
  .mantine-Paper-root[class*=-card] {
    background: var(--hs-card-bg) !important;
    border-color: var(--hs-border-color) !important;
    box-shadow: 0 1px 3px var(--hs-shadow-color) !important;
    color: var(--hs-text-color) !important;
    margin: 4px 0 !important;
    padding: 8px !important;
  }
  .mantine-Paper-root[class*=-card] p {
    color: var(--hs-text-color);
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
  }
  .mantine-Paper-root[class*=-card] .card-header {
    margin-bottom: 6px;
  }
  .mantine-Paper-root[class*=-card] .card-header__title {
    font-size: 15px;
    line-height: 1.3;
  }
  .mantine-Paper-root[class*=-card] .card-header__right--plain {
    font-size: 15px;
    line-height: 1.3;
  }
  .mantine-Paper-root[class*=-card] .card-header__right--pill {
    font-size: 12px;
    max-width: 65%;
  }
  .mantine-Paper-root[class*=-card] .detail-row {
    font-size: 13px;
    gap: 10px;
    line-height: 1.3;
  }
  .mantine-Paper-root[class*=-card] .detail-row__label,
  .mantine-Paper-root[class*=-card] .detail-row__value,
  .mantine-Paper-root[class*=-card] .detail-block__label,
  .mantine-Paper-root[class*=-card] .detail-block__value {
    font-size: 13px;
    line-height: 1.3;
  }
}

/* components/Nav/components/MobileNav/MobileNav.scss */
.MobileNavWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 350px;
  min-width: 60%;
  top: 52px;
  padding-bottom: 52px;
  left: 0;
  position: fixed;
  background: var(--hs-surface-bg);
  border-right: 1px solid var(--hs-border-color);
  box-shadow: 1px 0px 6px 0px var(--hs-shadow-color);
  z-index: 101;
  transition: width 0.2s;
}
@media only screen and (max-width: 500px) {
  .MobileNavWrapper {
    min-width: 80%;
  }
}
.MobileNavItem {
  color: var(--hs-text-color) !important;
  margin: 4px 16px 4px 20px;
  font-size: 14px;
  font-weight: 500;
  padding: 6px;
  border-radius: 4px;
  transition: background 0.1s;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.MobileNavItem .MobileNavIcon {
  margin-right: 12px;
  flex: 0 0 auto;
}
.MobileNavItem:hover {
  background: var(--hs-surface-muted-bg);
}
.MobileNavItem.active {
  background: var(--hs-surface-muted-bg);
}
@media only screen and (max-width: 500px) {
  .MobileNavItem {
    padding: 8px 4px;
  }
}
.MobileNavLogo {
  margin: auto;
  cursor: pointer;
  height: 34px;
}
.MobileNavMenuItems {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 8px;
  padding-bottom: 16px;
}
.MobileNavFooter {
  border-top: 1px solid var(--hs-border-color);
  margin: 0px 40px;
  padding: 16px 0px;
  justify-content: center;
  flex-direction: row;
  display: flex;
}
.MobileTopBar {
  background: var(--hs-surface-bg);
  z-index: 102;
  height: 52px;
  width: 100%;
  position: fixed;
  top: 0;
  border-bottom: 1px solid var(--hs-border-color);
  display: flex;
  align-items: center;
}
.MobileOverlay {
  background: var(--hs-overlay-color);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
}
.MobileNavCollapse {
  cursor: pointer;
  color: var(--hs-text-color);
  margin: 0 8px;
  padding: 8px;
  position: fixed;
  display: flex;
}
.MobileNavCollapse:hover {
  color: var(--hs-brand-color);
}
.MobileNavDivider {
  border-top: 1px solid var(--hs-border-color);
  margin: 16px 12%;
}
.MobileSecondaryWrapper {
  border-left: 1px solid var(--hs-border-color);
  display: flex;
  flex-direction: column;
  margin: 8px 0 8px 36px;
}
.MobileSideNav {
  color: var(--hs-text-muted-color) !important;
  margin-left: 12px;
}

/* components/Nav/components/SideNav/SideNav.scss */
.SideNavWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 250px;
  top: 0;
  left: 0;
  position: fixed;
  background: var(--hs-surface-bg);
  border-right: 1px solid var(--hs-border-color);
  box-shadow: 1px 0px 6px 0px var(--hs-shadow-color);
  z-index: 100;
  transition: width 0.2s;
}
.SideNavWrapper *::-webkit-scrollbar {
  width: 6px !important;
}
.SideNavWrapper.collapsed {
  width: 60px;
}
.SideNavItem {
  color: var(--hs-text-color) !important;
  margin: 4px 16px 4px 20px;
  font-size: 14px;
  font-weight: 500;
  padding: 6px;
  border-radius: 4px;
  transition: background 0.1s;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.SideNavItem .SideNavIcon {
  margin-right: 12px;
  flex: 0 0 auto;
}
.SideNavItem:hover {
  background: var(--hs-surface-muted-bg);
}
.SideNavItem.collapsed {
  font-size: 20px;
  margin: 8px auto;
  padding: 8px;
}
.SideNavItem.collapsed .SideNavIcon {
  margin-right: 0;
}
.SideNavItem.active {
  background: var(--hs-surface-muted-bg);
}
.SideNavItem.collapsed:hover {
  background: var(--hs-surface-muted-bg);
}
.SideNavItem.collapsed.active {
  background: var(--mantine-color-brand-light);
}
.SideNavLogo {
  margin: 20px;
  margin-top: 0;
  cursor: pointer;
}
.SideNavLogo.collapsed {
  margin: 8px;
  margin-top: 0;
  max-width: 43px;
}
.SideNavMenuItems {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.SideNavMenuItems:last-child {
  padding-bottom: 16px;
}
.SideNavFooter {
  border-top: 1px solid var(--hs-border-color);
  margin: 0px 40px;
  padding: 16px 0px;
  justify-content: center;
  flex-direction: row;
  display: flex;
}
.SideNavFooterCollapsed {
  bottom: 0px;
  border-top: 1px solid var(--hs-border-color);
  padding: 16px 0px;
  justify-content: center;
  flex-direction: column;
  margin: 0;
  width: unset;
  color: var(--hs-text-color);
  display: flex;
}
.SideNavFooterItem {
  color: var(--hs-text-color);
  font-size: 24px;
  padding: 12px;
  cursor: pointer;
  display: flex;
}
.SideNavFooterItem:hover {
  color: var(--hs-brand-color);
}
.CollapseArrow {
  background: none;
  border: none;
  width: 40px;
  padding: 8px;
  margin-left: auto;
  font-size: 20px;
  cursor: pointer;
  color: var(--hs-text-muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.CollapseArrow:hover {
  color: var(--hs-brand-color);
}
.CollapseArrow.collapsed {
  margin: 0px auto;
}
.SideNavLogout {
  border-top: 1px solid var(--hs-border-color);
  margin: 16px 40px 8px;
}
.SideNavLogout.collapsed {
  margin: 8px 0 0;
}
.SecondarySideNav {
  color: var(--hs-text-muted-color) !important;
  margin-left: 12px;
}
.SecondarySideNav.collapsed {
  color: var(--hs-text-color) !important;
}
.SecondarySideNav:hover {
  background: var(--hs-surface-muted-bg);
}
.SecondarySideNav.collapsed:hover {
  background: var(--hs-surface-muted-bg);
}
.SecondarySideNav.collapsed.active {
  background: var(--mantine-color-brand-light) !important;
}
.SideNavSecondaryWrapper {
  border-left: 1px solid var(--hs-border-color);
  display: flex;
  flex-direction: column;
  margin: 8px 0 8px 36px;
}
.SideNavSecondaryWrapper.collapsed {
  margin: 8px 0 8px 0px;
  background: var(--hs-surface-muted-bg);
}

/* components/ViewAsBar/ViewAsBar.scss */
.view-as-wrapper {
  width: 100%;
  display: flex;
  height: 40px;
  position: fixed;
  top: 0;
  z-index: 2;
  background: #8a1b1c;
  color: white;
  border-bottom: 1px solid #561213;
  justify-content: center;
  align-items: center;
  transition: padding-left 0.2s;
}
.view-as-wrapper button {
  position: absolute !important;
  right: 4px;
  top: 4px;
  height: 32px;
  min-width: 88px;
  padding: 0 14px !important;
  background: #650a0a !important;
  color: white !important;
}
.view-as-wrapper .view-as-icon {
  margin-bottom: 5px;
  margin-left: 6px;
  margin-right: 3px;
  vertical-align: middle;
}
.view-as-wrapper.mobile-view-as {
  position: relative;
  top: 52px;
}
.view-as-wrapper.mobile-view-as button {
  min-width: 32px;
  padding: 0 !important;
  width: 32px;
}
.view-as-wrapper.mobile-view-as .viewing-as-text-wrapper {
  max-width: 75%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.view-as-wrapper.desktop-view-as {
  padding-left: 250px;
}
.view-as-wrapper.desktop-view-as.collapsed {
  padding-left: 60px;
}

/* components/Table/Table.scss */
.table-simple {
  background: var(--hs-surface-bg);
  color: var(--hs-text-color);
}
.table-simple th,
.table-simple td {
  background: var(--hs-surface-bg);
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
}
.table-simple thead th {
  background: var(--hs-surface-bg);
  color: var(--hs-text-color);
}
@media only screen and (min-width: 701px) {
  .table-simple thead th {
    height: 40px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  }
}
.table-simple .table-row {
  cursor: pointer;
}
.table-simple .table-row:hover {
  background-color: var(--hs-surface-muted-bg);
}
.table-simple .table-row:hover td {
  background-color: var(--hs-surface-muted-bg);
}
.table-simple .label-cell-item {
  margin: 2px;
}
@media only screen and (min-width: 701px) {
  .table-simple .table-checkbox-cell {
    text-align: center;
    vertical-align: middle;
  }
  .table-simple .table-checkbox-cell .mantine-Checkbox-root {
    display: inline-flex;
  }
}
.highlight {
  background: var(--hs-success-bg, #eaffed) !important;
  color: var(--hs-success-text, #142014);
}
.highlight td {
  background: var(--hs-success-bg, #eaffed) !important;
}
.highlight.table-row:hover {
  background-color: var(--hs-success-hover-bg, #cdebcd);
}
.highlight.table-row:hover td {
  background-color: var(--hs-success-hover-bg, #cdebcd) !important;
}
.table-header-wrapper {
  cursor: pointer !important;
}
.table-simple thead th.selected-header,
.table-simple thead th.table-header-wrapper:hover {
  background-color: var(--hs-surface-muted-bg) !important;
}
.table-header-wrapper:hover {
  background-color: var(--hs-surface-muted-bg) !important;
}
.table-header-column-sort {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  width: 100%;
}
.table-header-column-sort .sort-icon {
  color: var(--hs-text-color) !important;
  padding-left: 0;
  position: absolute;
  right: 0;
}
.table-header-column-sort:hover {
  background-color: var(--hs-surface-muted-bg) !important;
}
.table-container {
  overflow-x: auto;
  border: 1px solid var(--hs-border-color);
  border-radius: 4px;
  margin-top: 8px;
  background: var(--hs-surface-bg);
}

/* components/Header/Header.scss */
.header-label-wrapper {
  padding-top: 4px;
  padding-bottom: 4px;
}
@media only screen and (min-width: 575px) {
  .header-label-wrapper {
    padding-top: 24px;
  }
}
.header-flex-wrapper {
  display: flex;
  justify-content: space-between;
}
.header-flex-wrapper .action-button-group {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.header-flex-wrapper .action-button-group .mantine-Button-root {
  font-weight: 700;
}
.header-flex-wrapper .action-button-group .create-new-button,
.header-flex-wrapper .action-button-group .create-new-button:hover {
  background-color: #4cb5d6;
  border-color: #4cb5d6;
  color: white;
}
.header-flex-wrapper .action-button-group .cards-button {
  background-color: #dedede !important;
  border-color: #dedede !important;
  color: #555 !important;
}
.header-flex-wrapper .action-button-group .create-new-button:hover {
  background-color: #56ccf1;
  border-color: #56ccf1;
  color: white;
}
@media only screen and (max-width: 575px) {
  .header-flex-wrapper .action-button-group {
    --header-mobile-action-size: 36px;
    align-items: center;
  }
  .header-flex-wrapper .action-button-group .mantine-ActionIcon-root {
    height: var(--header-mobile-action-size) !important;
    min-height: var(--header-mobile-action-size) !important;
    min-width: var(--header-mobile-action-size) !important;
    width: var(--header-mobile-action-size) !important;
  }
  .header-flex-wrapper .action-button-group .mantine-Button-root {
    --button-height: var(--header-mobile-action-size) !important;
    --button-padding-x: 0 !important;
    aspect-ratio: 1/1;
    display: inline-flex;
    flex: 0 0 var(--header-mobile-action-size);
    height: var(--header-mobile-action-size) !important;
    max-height: var(--header-mobile-action-size);
    max-width: var(--header-mobile-action-size);
    min-height: var(--header-mobile-action-size);
    min-width: var(--header-mobile-action-size);
    padding: 0 !important;
    width: var(--header-mobile-action-size) !important;
  }
  .header-flex-wrapper .action-button-group .mantine-Button-inner {
    justify-content: center;
    gap: 0;
    width: 100%;
  }
  .header-flex-wrapper .action-button-group .mantine-Button-section {
    margin: 0 !important;
  }
  .header-flex-wrapper .action-button-group .mantine-Button-label {
    display: none;
  }
}
.header-subLabel {
  margin-bottom: 0;
  color: #767676;
  text-transform: uppercase;
  font-weight: bold;
}
.see-all-link {
  font-size: 14px;
  margin-top: auto;
  padding-bottom: 6px;
}

/* components/PaginationControl/PaginationControl.scss */
.pagination-control-wrapper {
  --pagination-control-height: 36px;
  align-items: center;
  display: flex;
  margin: 4px 0;
  justify-content: center;
  gap: 8px;
}
.pagination-control-wrapper .pagination-count-select {
  width: 80px;
}
.pagination-control-wrapper .pagination-count-select .mantine-Input-wrapper,
.pagination-control-wrapper .pagination-count-select .mantine-Select-input {
  height: var(--pagination-control-height);
  min-height: var(--pagination-control-height);
}
.pagination-control-wrapper .pagination-count-select .mantine-Select-input {
  background: var(--hs-surface-bg);
  border-color: var(--hs-border-color);
  color: var(--hs-text-color);
}
.pagination-control-wrapper .pagination-count-select .mantine-Select-input:focus {
  border-color: var(--hs-text-muted-color);
}
.pagination-control-wrapper .pagination-count-select .mantine-Select-section {
  color: var(--hs-text-muted-color);
}
.pagination-control-wrapper .mantine-ActionIcon-root {
  background: var(--hs-surface-bg);
  border-color: var(--hs-border-color);
  color: var(--hs-text-color);
  height: var(--pagination-control-height);
  min-height: var(--pagination-control-height);
  min-width: var(--pagination-control-height);
  width: var(--pagination-control-height);
}
.pagination-control-wrapper .mantine-ActionIcon-root:hover:not(:disabled) {
  background: var(--hs-surface-muted-bg);
}
.pagination-control-wrapper .mantine-ActionIcon-root:disabled {
  background: var(--hs-surface-muted-bg);
  border-color: var(--hs-border-color);
  color: var(--hs-text-muted-color);
  opacity: 0.55;
}
.mantine-Select-dropdown {
  background: var(--hs-surface-bg);
  border-color: var(--hs-border-color);
  color: var(--hs-text-color);
}
.mantine-Select-option {
  color: var(--hs-text-color);
}
.mantine-Select-option:hover,
.mantine-Select-option[data-combobox-selected] {
  background: var(--hs-surface-muted-bg);
}

/* components/Filter/FilterButtons.scss */
.filter-buttons-group-wrapper {
  display: flex;
  float: right;
  gap: 6px;
}
.filter-buttons-group-wrapper .mantine-Button-root {
  font-weight: 700;
}
.filter-buttons-group-wrapper .mantine-Button-root:nth-child(1) {
  background: #dedede;
  border-color: #dedede;
  color: #555;
}
.filter-buttons-group-wrapper .clear-filter-button {
  background: #dedede;
  border-color: #dedede;
  color: #555;
}
.filter-buttons-group-wrapper .mantine-Button-root:nth-child(2) {
  background: #1f1f1f;
  border-color: #1f1f1f;
  color: white;
}
.filter-buttons-group-wrapper .toggle-filter-button {
  background: #1f1f1f;
  border-color: #1f1f1f;
  color: white;
}
.filter-buttons-group-wrapper .mantine-Button-root:nth-child(3),
.filter-buttons-group-wrapper .mantine-Button-root.primary-hs-button,
.filter-buttons-group-wrapper .mantine-ActionIcon-root.primary-hs-button {
  background: #8b1b1f;
  border-color: #8b1b1f;
  color: white;
}
.filter-buttons-group-wrapper .mantine-Button-root:nth-child(3):hover,
.filter-buttons-group-wrapper .mantine-Button-root.primary-hs-button:hover,
.filter-buttons-group-wrapper .mantine-ActionIcon-root.primary-hs-button:hover {
  background: #aa3b3e;
  border-color: #aa3b3e;
}
.filter-number-label {
  height: 14px;
  width: 14px;
  background: white;
  color: black;
  border-radius: 50%;
  display: inline-block;
  margin: 0px;
}
@media only screen and (min-width: 450px) {
  .filter-number-label {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 575px) {
  .filter-number-label {
    background: transparent;
    border-radius: 0;
    color: white;
    font-size: 20px;
    font-weight: 700;
    height: auto;
    line-height: 1;
    margin: 0;
    width: auto;
  }
}

/* components/Filter/PillSearchFilter.scss */
.pill-search-filter-wrapper {
  padding-top: 4px;
  padding-bottom: 6px;
}
.pill-search-filter-wrapper > p {
  margin: 0 0 4px;
}
.pill-search-filter-wrapper.with-filter-buttons {
  padding-top: 0;
  padding-bottom: 0;
}
.pill-search-filter-wrapper.with-filter-buttons > p {
  margin-bottom: 0;
}
.pill-search-combobox {
  flex: 1;
  min-width: 0;
}
.pill-search-input {
  width: 100%;
}
[data-mantine-color-scheme=dark] .pill-search-input .mantine-Pill-root {
  background: var(--hs-surface-muted-bg);
  color: var(--hs-text-color);
}
[data-mantine-color-scheme=dark] .pill-search-input .mantine-Pill-remove {
  color: var(--hs-text-color);
}
[data-mantine-color-scheme=dark] .pill-search-input .mantine-Pill-remove:hover {
  background: var(--hs-border-color);
}
[data-mantine-color-scheme=dark] .pill-search-input input::placeholder {
  color: var(--hs-text-color);
  opacity: 1;
}
.pill-search-button {
  flex: 0 0 auto;
}
.pill-search-filter-wrapper .filter-buttons-group-wrapper {
  float: none;
}
.pill-search-filter-wrapper + .mantine-Group-root:empty {
  margin: 0 !important;
  min-height: 0;
}
.pill-search-save-button {
  --button-height: var(--saved-search-control-height) !important;
  flex: 0 0 auto;
  height: var(--saved-search-control-height) !important;
  min-height: var(--saved-search-control-height) !important;
}
.saved-searches-control {
  --saved-search-control-height: 32px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.125rem;
}
.saved-search-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.saved-search-pill {
  align-items: stretch;
  background: transparent !important;
  display: inline-flex;
  margin: 0;
}
.saved-search-pill.active {
  background: transparent !important;
  border-color: var(--mantine-color-blue-6) !important;
  color: var(--mantine-color-blue-7) !important;
}
.saved-search-pill.active .saved-search-name-button,
.saved-search-pill.active .saved-search-icon-button {
  background: var(--mantine-color-blue-0) !important;
  border-color: var(--mantine-color-blue-6) !important;
  color: var(--mantine-color-blue-7) !important;
}
.saved-search-pill .saved-search-name-button,
.saved-search-pill .saved-search-icon-button {
  background: var(--hs-surface-muted-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color) !important;
  height: var(--saved-search-control-height);
  min-height: var(--saved-search-control-height);
}
.saved-search-pill .saved-search-name-button {
  border-bottom-left-radius: var(--mantine-radius-sm);
  border-bottom-right-radius: 0;
  border-right: 0;
  border-top-left-radius: var(--mantine-radius-sm);
  border-top-right-radius: 0;
  font-size: var(--mantine-font-size-sm);
  padding-inline: 1rem;
}
.saved-search-pill .saved-search-icon-button {
  border-left: 0;
  border-radius: 0;
  width: 36px;
}
.saved-search-pill .saved-search-icon-button:last-child {
  border-bottom-right-radius: var(--mantine-radius-sm);
  border-top-right-radius: var(--mantine-radius-sm);
}
.pill-search-pending-pill {
  opacity: 0.72;
}
.pill-search-dropdown {
  max-height: 320px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.pill-search-date-panel {
  align-items: center;
  display: flex;
  gap: 6px;
  min-width: 0;
}
.pill-search-date-field {
  align-items: center;
  display: flex;
}
.pill-search-date-field .pill-search-date-input {
  width: 142px;
}
.pill-search-date-field .pill-search-date-input input {
  background: var(--mantine-color-gray-0);
  border: 0;
  border-radius: 999px;
  color: var(--mantine-color-dark-8);
  height: 30px;
}
@media (max-width: 575px) {
  .pill-search-filter-wrapper {
    --pill-search-mobile-control-height: 44px;
    --pill-search-mobile-action-size: 36px;
  }
  .pill-search-filter-wrapper > .mantine-Group-root {
    flex-wrap: nowrap;
  }
  .pill-search-combobox {
    flex: 1 1 auto;
    min-width: 0;
  }
  .pill-search-input,
  .pill-search-input .mantine-PillsInput-input {
    min-height: var(--pill-search-mobile-control-height);
  }
  .pill-search-input .mantine-PillsInput-section[data-position=left] {
    display: none;
  }
  .pill-search-input .mantine-PillsInput-input {
    padding-left: 12px;
  }
  .pill-search-input .mantine-PillsInput-field {
    min-height: calc(var(--pill-search-mobile-control-height) - 2px);
  }
  .pill-search-mobile-actions {
    align-items: center;
    justify-content: flex-end;
  }
  .pill-search-input-button {
    height: 32px !important;
    min-height: 32px !important;
    min-width: 32px !important;
    width: 32px !important;
  }
  .pill-search-input .mantine-PillsInput-section[data-position=right] {
    padding-right: 8px;
  }
  .pill-search-button,
  .pill-search-save-button {
    --button-height: var(--pill-search-mobile-action-size) !important;
    --button-padding-x: 0 !important;
    flex: 0 0 var(--pill-search-mobile-action-size);
    height: var(--pill-search-mobile-action-size) !important;
    max-width: var(--pill-search-mobile-action-size);
    min-height: var(--pill-search-mobile-action-size) !important;
    min-width: var(--pill-search-mobile-action-size) !important;
    padding: 0 !important;
    width: var(--pill-search-mobile-action-size) !important;
  }
  .pill-search-button .mantine-Button-section,
  .pill-search-save-button .mantine-Button-section {
    margin: 0;
  }
  .pill-search-button .mantine-Button-label,
  .pill-search-save-button .mantine-Button-label {
    display: none;
  }
  .saved-searches-control {
    --saved-search-control-height: var(--pill-search-mobile-action-size);
    align-items: flex-start;
  }
  .saved-searches-control .pill-search-save-button {
    flex: 0 0 auto;
  }
  .pill-search-date-panel {
    align-items: flex-start;
    flex-direction: column;
  }
  .pill-search-date-field,
  .pill-search-date-field .pill-search-date-input {
    width: 100%;
  }
}
.pill-search-option-description {
  color: var(--mantine-color-dimmed);
  text-transform: uppercase;
  white-space: nowrap;
}

/* components/Accordion/AccordionContent.scss */
.accordion-content {
  margin-bottom: 24px;
}
.accordion-content .header {
  padding-right: 4px;
}
.accordion-content table {
  width: 100%;
  background: transparent;
  color: var(--hs-text-color);
}
.accordion-content tbody,
.accordion-content tr,
.accordion-content td {
  background: transparent !important;
}
.accordion-content tr {
  border: none !important;
}
.accordion-content td {
  border: none !important;
  color: var(--hs-text-color);
}
.accordion-content th {
  border: none !important;
  color: var(--hs-text-color);
}
.accordion-content .accordion-header-table {
  font-size: 18px;
  padding-left: 0 !important;
}
@media only screen and (min-width: 450px) {
  .accordion-content .accordion-header-table {
    font-size: 22px;
  }
}
.accordion-content .checkbox-wrapper label {
  cursor: default !important;
}
.accordion-content .accordion-header-cell {
  text-overflow: initial;
  white-space: normal;
}
.accordion-content .accordion-header-cell .normal-item {
  margin-left: 10px;
  display: inline-block;
}
.accordion-content .accordion-header-cell .secondary-item {
  margin-left: 22px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
}
.accordion-content .accordion-header-cell .third-item {
  margin-left: 28px;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
}
.accordion-content .list-item-label {
  margin: 0;
}
.accordion-content .list-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.accordion-content .accordion-content-table {
  --table-border-color: transparent;
  max-width: none;
}
.accordion-content .accordion-content-table tbody {
  display: block;
}
.accordion-content .accordion-content-table tr {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  column-gap: 52px;
  align-items: start;
  padding: 10px 0;
}
.accordion-content .accordion-content-table td {
  display: block;
  min-width: 0;
  padding: 0 !important;
}
@media only screen and (max-width: 700px) {
  .accordion-content .accordion-content-table tr {
    grid-template-columns: 1fr;
    row-gap: 4px;
  }
}

/* components/Accordion/Accordion.scss */
.accordion .save-button {
  background-color: #1b8b53;
  color: white;
}
.accordion .save-button:hover {
  background-color: #31af70 !important;
  color: white;
}
.accordion .edit-button-group {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
}
.accordion .accordion-collapsible {
  margin: 16px 0;
}
.accordion .accordion-collapsible .accordion-header,
.accordion .accordion-collapsible .accordion-header-open {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  width: 100%;
  background: var(--hs-surface-muted-bg);
  color: var(--hs-text-color);
  cursor: pointer;
  border: 1px solid var(--hs-border-color);
  border-radius: 4px;
  padding: 12px 16px;
  gap: 8px;
}
.accordion .accordion-collapsible .accordion-header h3,
.accordion .accordion-collapsible .accordion-header-open h3 {
  margin: 0;
}
.accordion .accordion-collapsible .accordion-header .spacer,
.accordion .accordion-collapsible .accordion-header-open .spacer {
  margin: auto;
}
.accordion .content-section-container {
  width: 100% !important;
  border-radius: 4px;
  padding: 0;
}
@media only screen and (min-width: 450px) {
  .accordion .content-section-container {
    padding: 12px 24px;
  }
}
.accordion .content-section-container .edit-button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
@media only screen and (min-width: 450px) {
  .accordion .content-section-container {
    padding: none;
  }
}
.accordion .accordion-simplified {
  display: flex;
  justify-content: space-between;
}
.accordion .accordion-simplified .simplified-content-section-container {
  background: transparent;
  padding: 0;
  width: 100%;
}
.accordion-header-open {
  border-color: var(--hs-border-color) !important;
}

/* components/CardHeader/CardHeader.scss */
.card-header {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 6px;
}
.card-header p {
  margin: 0;
}
.card-header__title {
  color: var(--hs-text-color);
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}
.card-header__right {
  color: var(--hs-text-color);
  flex: 0 1 auto;
  font-weight: 700;
  overflow-wrap: anywhere;
  text-align: right;
}
.card-header__right--pill {
  background: rgba(76, 181, 214, 0.16);
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  max-width: 45%;
  padding: 5px 8px;
}
.card-header__right--plain {
  font-size: 16px;
  line-height: 1.35;
  max-width: 50%;
}
.card-header__right--icon {
  align-items: center;
  display: inline-flex;
  line-height: 1;
  padding-top: 1px;
}
@media only screen and (max-width: 575px) {
  .card-header__title {
    font-size: 15px;
  }
  .card-header__right--pill {
    max-width: 65%;
  }
  .card-header__right--plain {
    font-size: 15px;
  }
}

/* components/Dropdown/Dropdown.scss */
.dropdown-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}
.dropdown-menu-wrapper {
  position: relative;
  max-width: 360px;
  width: 100%;
}
.dropdown-menu-wrapper .menu-wrapper {
  z-index: 150;
  background-color: var(--hs-surface-bg);
  border: 1px solid var(--hs-border-color);
  border-radius: 4px;
  box-shadow: 0 8px 24px var(--hs-shadow-color);
  color: var(--hs-text-color);
}
.dropdown-menu-wrapper .menu-wrapper .set-menu-button {
  display: flex;
  justify-content: flex-end;
}
.dropdown-menu-wrapper .menu-wrapper .set-menu-button p {
  font-size: 14px;
  margin: 6px 12px;
  font-weight: bold;
  color: var(--hs-brand-color);
}
@media only screen and (max-width: 449px) {
  .dropdown-menu-wrapper .menu-wrapper {
    width: 100% !important;
    height: 350px !important;
    position: fixed;
    margin-top: 0;
    left: 0;
    bottom: 0;
    border-width: 1px;
  }
}
.dropdown-menu-wrapper .dropdown-menu {
  background: var(--hs-surface-bg);
  color: var(--hs-text-color);
  overflow: auto;
  height: 315px !important;
  border-width: 0;
  margin-top: 0;
  z-index: 100;
}
.dropdown-menu-wrapper .dropdown-menu .item {
  font-size: 14px !important;
  color: var(--hs-text-color) !important;
}
.dropdown-menu-wrapper .dropdown-menu .header {
  margin-bottom: 12px;
  font-size: 16px;
  color: var(--hs-text-muted-color);
}
@media only screen and (min-width: 450px) {
  .dropdown-menu-wrapper .dropdown-menu {
    border-width: 1px;
    width: 320px !important;
    height: 400px !important;
    position: absolute;
    margin-top: 0;
  }
}
.dropdown-menu-wrapper .dropdown-menu a.active {
  background-color: var(--hs-surface-muted-bg) !important;
}
.dropdown-menu-wrapper .dropdown-menu a.option-wrapper {
  display: flex;
  justify-content: space-between;
  color: var(--hs-text-color) !important;
}
.dropdown-menu-wrapper .dropdown-menu p.option-name {
  margin: 0;
}
.dropdown-menu-wrapper .button-label {
  align-items: center;
  background: var(--hs-surface-bg);
  border: 1px solid var(--hs-border-color);
  border-radius: 4px;
  color: var(--hs-text-color);
  display: inline-flex;
  font: inherit;
  gap: 8px;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 12px;
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  text-align: left;
}
.dropdown-menu-wrapper .button-label:hover {
  border-color: var(--hs-border-color);
}
.dropdown-menu-wrapper .menu-item-icon {
  cursor: pointer;
}

/* components/GroupedDropdown/GroupedDropdown.scss */
.grouped-dropdown-input {
  width: 100%;
}
.grouped-dropdown-menu {
  max-height: 360px;
  overflow-y: auto;
}
.grouped-dropdown-menu .option-wrapper {
  align-items: center;
  border: 0;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  background: var(--hs-surface-bg) !important;
  color: var(--hs-text-color) !important;
  font: inherit;
  font-size: var(--mantine-font-size-sm);
  min-height: 34px;
  padding: 8px 14px;
  text-align: left;
  width: 100%;
}
.grouped-dropdown-menu .option-wrapper:hover,
.grouped-dropdown-menu .option-wrapper[data-combobox-selected] {
  background: var(--hs-surface-muted-bg) !important;
  color: var(--hs-text-color) !important;
}
.grouped-dropdown-menu p.option-name {
  margin: 0;
  color: var(--hs-text-color);
}
.select-all-wrapper {
  font-weight: 600 !important;
}
.menu-item-icon {
  align-items: center;
  background: var(--hs-surface-bg);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: flex !important;
  gap: 8px;
  justify-content: space-between;
  font: inherit;
  min-height: 30px;
  padding: 10px 14px 4px;
  text-align: left;
  width: 100%;
  color: var(--hs-text-muted-color) !important;
  font-size: var(--mantine-font-size-sm);
  font-weight: 700;
}
.menu-item-icon span {
  display: inline-block;
}
.menu-item-icon svg {
  flex: 0 0 auto;
}
.menu-item-icon:hover {
  color: var(--hs-text-muted-color) !important;
}

/* ../../node_modules/react-day-picker/lib/style.css */
.DayPicker {
  display: inline-block;
  font-size: 1rem;
}
.DayPicker-wrapper {
  position: relative;
  flex-direction: row;
  padding-bottom: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.DayPicker-NavBar {
}
.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;
  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}
.DayPicker-NavButton:hover {
  opacity: 0.8;
}
.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC);
}
.DayPicker-NavButton--next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==);
}
.DayPicker-NavButton--interactionDisabled {
  display: none;
}
.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}
.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}
.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}
.DayPicker-WeekdaysRow {
  display: table-row;
}
.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}
.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
.DayPicker-Body {
  display: table-row-group;
}
.DayPicker-Week {
  display: table-row;
}
.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}
.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}
.DayPicker-Footer {
  padding-top: 0.5em;
}
.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}
.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}
.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}
.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
}
.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}
.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  background-color: #4A90E2;
  color: #F0F8FF;
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}
.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}
.DayPickerInput {
  display: inline-block;
}
.DayPickerInput-OverlayWrapper {
  position: relative;
}
.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/* components/Inputs/DateInput.scss */
.date-picker-wrapper {
  margin-bottom: 1em;
}
.date-picker-wrapper .date-input-label {
  margin: 0;
  font-size: 0.92857143em;
  height: 20px;
}
.date-picker-wrapper .date-preview-text {
  color: grey;
  font-style: italic;
}

/* components/Inputs/SelectInput.scss */
.selectInputWrapper .menu span {
  background: none !important;
}

/* components/Inputs/MultiInput.scss */
.nested-segment-wrapper {
  padding: 6px 0 10px;
}
.nested-segment-wrapper .nested-segment {
  background: var(--hs-surface-bg);
  border-color: var(--hs-border-color);
  color: var(--hs-text-color);
  padding: 16px;
}
.nested-segment-wrapper .elevator-segment .elevator-checkbox {
  margin-top: 10px;
}
.nested-segment-wrapper .elevator-segment .mantine-Checkbox-body {
  align-items: center;
  display: flex;
  gap: 10px;
}
.nested-segment-wrapper .elevator-segment .mantine-Checkbox-label {
  padding-left: 0;
}
.nested-segment-wrapper .nested-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.nested-segment-wrapper .nested-header p {
  margin: auto 0;
}
.multi-checkbox {
  margin-bottom: 14px;
}
.multi-checkbox .multi-checkbox-label {
  font-weight: bold;
  font-size: 16px;
}
.multi-checkbox .multi-checkbox-wrapper {
  display: grid;
  margin-left: 8px;
  margin-top: 8px;
  grid-template-columns: 50% 50%;
  max-width: 500px;
}
@media only screen and (min-width: 450px) {
  .multi-checkbox .multi-checkbox-wrapper {
    margin-left: 20px;
  }
}
.multi-checkbox .multi-checkbox-wrapper .multi-checkbox {
  margin-left: 10px !important;
}

/* components/Inputs/TimeInput.scss */
.time-input-wrapper {
  align-items: center;
}
.time-input-wrapper .time-period-select {
  margin-left: 4px;
}
.trailingText {
  margin: 4px;
  color: var(--hs-text-color);
}
.trailingText.disabled {
  color: var(--hs-text-muted-color);
}
.time-colon {
  font-size: 16px;
  line-height: 1;
  margin: 0;
  padding: 0 2px;
  color: var(--hs-text-color);
}
.time-colon.disabled {
  color: var(--hs-text-muted-color);
}
.mobile-time-wrapper {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mobile-time-wrapper .mobile-time-trigger {
  background: var(--hs-surface-bg);
  border: 1px solid var(--hs-border-color);
  box-shadow: none;
  color: var(--hs-text-color);
  font-weight: 400;
  margin: 0;
  min-height: 38px;
  text-align: left;
}
.mobile-time-wrapper .mobile-time-trigger:disabled {
  background: var(--hs-surface-muted-bg);
  color: var(--hs-text-muted-color);
  opacity: 1;
}
.mobile-time-picker-item {
  align-items: center;
  color: var(--hs-text-muted-color);
  display: flex;
  font-size: 18px;
  height: 36px;
  justify-content: center;
}
.mobile-time-picker-item.selected {
  color: var(--hs-text-color);
  font-weight: 700;
}

/* components/DetailBlock/DetailBlock.scss */
.detail-block {
  color: var(--hs-text-color);
  display: grid;
  gap: 1px;
  margin: 0;
  min-width: 0;
}
.detail-block__label {
  color: var(--hs-text-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  min-width: 0;
  overflow-wrap: anywhere;
}
.detail-block__value {
  color: var(--hs-text-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  min-width: 0;
  overflow-wrap: anywhere;
}
.detail-block--inline {
  display: block;
  font-size: 14px;
  line-height: 1.35;
}
.detail-block--inline .detail-block__label {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  margin-right: 4px;
}
.detail-block--inline .detail-block__value {
  display: inline;
  font-size: inherit;
  line-height: inherit;
}
@media only screen and (max-width: 575px) {
  .detail-block__label,
  .detail-block__value {
    font-size: 13px;
  }
  .detail-block--inline {
    font-size: 13px;
  }
}

/* components/DetailRow/DetailRow.scss */
.detail-row {
  align-items: baseline;
  color: var(--hs-text-color);
  display: flex;
  font-size: 14px;
  gap: 16px;
  justify-content: space-between;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: anywhere;
  width: 100%;
}
.detail-row__label {
  color: var(--hs-text-color);
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 700;
  line-height: inherit;
}
.detail-row__value {
  color: var(--hs-text-color);
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 400;
  justify-content: flex-end;
  line-height: inherit;
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}
.detail-row__end-adornment {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 1;
}
.detail-row--inline {
  gap: 4px;
  justify-content: flex-start;
}
.detail-row--inline .detail-row__label {
  flex: 0 0 auto;
}
.detail-row--inline .detail-row__value {
  text-align: left;
}
@media only screen and (max-width: 575px) {
  .detail-row {
    font-size: 13px;
    gap: 10px;
  }
  .detail-row__label,
  .detail-row__value {
    font-size: 13px;
  }
}

/* sections/Branches/BranchCard.scss */
.branch-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.branch-card .branch-city-label {
  margin-bottom: 4px;
  margin-right: 4px;
}

/* sections/Cities/CityCard.scss */
.city-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.city-card p {
  margin: 0;
}

/* sections/Shops/ShopCard.scss */
.shop-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.shop-card .shop-card-details {
  display: grid;
  gap: 4px;
}

/* sections/ServiceTickets/ServiceTicketCard.scss */
.service-ticket-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.service-ticket-card p {
  margin: 0;
}
.service-ticket-card .service-ticket-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Tools/ToolCard.scss */
.tool-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: flex;
  display: block;
}
.tool-card p {
  margin: auto 0;
  font-size: 12px;
}
.tool-card .tool-card-title {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}
.tool-card .tool-card-details {
  display: grid;
  gap: 4px;
}
.tool-card .tool-description {
  font-style: italic;
  color: var(--hs-text-muted-color);
  margin-top: 6px;
}

/* sections/Tools/events/StatusAccordion.scss */
.status-accordion .status-action-button {
  background-color: #4cb5d6;
  border-color: #4cb5d6;
  color: white;
}
.status-accordion .status-action-button:hover {
  background-color: #56ccf1;
  border-color: #56ccf1;
  color: white;
}
@media only screen and (max-width: 575px) {
  .status-accordion .status-action-button {
    height: 36px !important;
    min-height: 36px !important;
    min-width: 36px !important;
    width: 36px !important;
  }
}
.status-accordion .accordion-content h2 {
  margin: 0;
}
.status-accordion .accordion-content table {
  margin-top: 0;
}
.status-accordion .content-section-container {
  padding-top: 0;
}

/* sections/Tools/events/EventCard.scss */
.event-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  margin: 4px 0 !important;
  padding: 8px !important;
}
.event-card p {
  margin: 0;
}
.event-detail,
.event-condition {
  padding-top: 4px;
}

/* sections/Tools/events/EventSummary.scss */
.tool-event-summary-cards {
  display: none;
}
@media only screen and (max-width: 575px) {
  .tool-event-summary-table {
    display: none;
  }
  .tool-event-summary-cards {
    display: block;
  }
}

/* sections/Tools/repairs/RepairSummary.scss */
.repair-wrapper {
  padding-bottom: 32px;
}

/* sections/Tools/ToolPage.scss */
.hidden-qr-code {
  display: none;
}
.tool-page-content .content-section-container {
  padding-top: 0;
  flex: 1 1 auto;
}
.tool-page-content .accordion-content {
  margin-bottom: 8px !important;
}
.tool-general-section-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
@media only screen and (max-width: 900px) {
  .tool-general-section-wrapper {
    flex-direction: column-reverse;
    gap: 12px;
  }
}
.tool-photo {
  height: auto;
  width: 100%;
  max-width: 350px;
  max-height: 350px;
  margin: 12px auto;
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}

/* sections/Tools/events/ToolBorrow.scss */
.tool-borrow-body .accordion-content {
  margin-bottom: 8px;
}
.tool-borrow-body h2 {
  margin: 0;
}
.tool-borrow-body .content-section-container {
  padding-top: 0;
}
.tool-borrow-body .segment {
  margin-top: 8px;
}

/* sections/Tools/StatusIndicator.scss */
.tool-status-indicator {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  white-space: nowrap;
}
.tool-status-dot {
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 auto;
  height: 12px;
  width: 12px;
}
.tool-status-dot-green {
  background: #16a34a;
}
.tool-status-dot-red {
  background: #dc2626;
}
.tool-status-dot-yellow {
  background: goldenrod;
}

/* sections/Departments/DepartmentCard.scss */
.department-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.department-card .department-city-label {
  margin-bottom: 4px;
  margin-right: 4px;
}

/* sections/IhmdDocuments/IhmdDocumentSearch.scss */
.tabWrapper {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabWrapper::-webkit-scrollbar {
  display: none;
}
.ihmd-document-row {
  align-items: flex-start;
  background: transparent;
  border: 0;
  color: var(--hs-text-color);
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 8px 8px 8px 34px;
  text-align: left;
  width: 100%;
}
.ihmd-document-row:hover {
  background: var(--hs-surface-muted-bg);
}
.ihmd-document-local-search {
  margin-bottom: 16px;
  max-width: 520px;
}
.ihmd-document-search-results {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ihmd-document-folder {
  border: 1px solid var(--hs-border-color);
  border-radius: 4px;
  overflow: hidden;
}
.ihmd-document-folder-header {
  align-items: center;
  background: var(--hs-surface-muted-bg);
  color: var(--hs-text-color);
  cursor: pointer;
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  width: 100%;
}
.ihmd-document-folder-title {
  flex: 1 1 auto;
  min-width: 0;
}
.ihmd-document-folder-count {
  align-items: center;
  background: var(--hs-card-bg);
  border: 1px solid var(--hs-border-color);
  border-radius: 999px;
  color: var(--hs-text-muted-color);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  min-width: 28px;
  padding: 4px 8px;
}
.ihmd-document-folder-documents {
  display: flex;
  flex-direction: column;
  padding: 4px 0;
}
.ihmd-document-row-icon {
  display: flex;
  flex: 0 0 auto;
  padding-top: 2px;
}
.ihmd-document-row-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* sections/Buildings/BuildingSearch.scss */
.sidebar-container {
  padding: 0;
}
.sidebar-container .menu {
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
.sidebar-container div.item {
  padding: 0;
}
.sidebar-container a.option-wrapper {
  display: flex !important;
  width: 100%;
}
.sidebar-container .option-name {
  margin: 0;
  width: 100%;
}
.building-search-segment {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--hs-text-color) !important;
}
.building-search-segment .filters-segment {
  background: var(--hs-surface-muted-bg) !important;
  color: var(--hs-text-color) !important;
  margin-top: 0;
}
@media only screen and (min-width: 450px) {
  .building-search-segment .filters-segment {
    margin-top: 1rem;
  }
}
.building-search-segment .building-filter-panel {
  color: var(--hs-text-color) !important;
}
.building-search-segment .table-container,
.building-search-segment .table-simple,
.building-search-segment .table-simple th,
.building-search-segment .table-simple td,
.building-search-segment .table-simple thead th {
  background: transparent !important;
}
.building-search-segment .table-simple .table-row:hover td {
  background: var(--hs-surface-muted-bg) !important;
}
.building-search-segment .saved-searches-control {
  margin-bottom: 1rem;
}
.building-search-segment .filters-segment-header {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.building-search-segment .filters-segment-header .segment-titles {
  margin-bottom: 0;
}
.building-search-segment .saved-search-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.building-search-segment .saved-search-pill {
  align-items: stretch;
  background: transparent !important;
  display: inline-flex;
  margin: 0;
}
.building-search-segment .saved-search-pill.active {
  background: transparent !important;
  border-color: var(--mantine-color-blue-6) !important;
  color: var(--mantine-color-blue-7) !important;
}
.building-search-segment .saved-search-pill.active .saved-search-name-button,
.building-search-segment .saved-search-pill.active .saved-search-icon-button {
  background: var(--mantine-color-blue-0) !important;
  border-color: var(--mantine-color-blue-6) !important;
  color: var(--mantine-color-blue-7) !important;
}
.building-search-segment .saved-search-pill .saved-search-name-button,
.building-search-segment .saved-search-pill .saved-search-icon-button {
  background: var(--hs-surface-muted-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color) !important;
  height: 32px;
}
.building-search-segment .saved-search-pill .saved-search-name-button {
  border-bottom-left-radius: var(--mantine-radius-sm);
  border-bottom-right-radius: 0;
  border-right: 0;
  border-top-left-radius: var(--mantine-radius-sm);
  border-top-right-radius: 0;
  font-size: var(--mantine-font-size-sm);
  padding-inline: 1rem;
}
.building-search-segment .saved-search-pill .saved-search-icon-button {
  border-left: 0;
  border-radius: 0;
  width: 36px;
}
.building-search-segment .saved-search-pill .saved-search-icon-button:last-child {
  border-bottom-right-radius: var(--mantine-radius-sm);
  border-top-right-radius: var(--mantine-radius-sm);
}
@media (max-width: 575px) {
  .building-search-segment .building-filter-panel {
    margin-top: 4px;
  }
  .building-search-segment .building-filter-panel + .building-filter-panel {
    margin-top: 4px;
  }
  .building-search-segment .building-filter-panel .segment-titles {
    line-height: 1.2;
    margin: 0 0 4px;
  }
  .building-pill-search-filter {
    --building-mobile-action-size: 36px;
  }
  .building-pill-search-filter > .mantine-Group-root {
    align-items: stretch;
    gap: 8px;
  }
  .building-pill-search-filter .pill-search-combobox {
    order: 1;
  }
  .building-pill-search-filter .pill-search-button {
    order: 2;
  }
  .building-pill-search-filter .filter-buttons-group-wrapper {
    order: 3;
  }
  .building-pill-search-filter .toggle-filter-button,
  .building-pill-search-filter .pill-search-button {
    height: var(--building-mobile-action-size) !important;
    min-height: var(--building-mobile-action-size) !important;
    min-width: var(--building-mobile-action-size) !important;
    width: var(--building-mobile-action-size) !important;
  }
  .building-pill-search-filter .pill-search-input .mantine-PillsInput-input {
    min-height: var(--building-mobile-action-size);
  }
  .building-pill-search-filter .toggle-filter-button {
    --ai-size: var(--building-mobile-action-size) !important;
    flex: 0 0 var(--building-mobile-action-size);
  }
}

/* sections/Buildings/BuildingCard.scss */
.building-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
}
.building-card p {
  margin: 0;
  font-size: 12px;
}
.building-card .building-card-details {
  display: grid;
  gap: 4px;
}
.building-card .extra-cat-list-wrapper {
  display: grid;
  gap: 4px;
  border-top: 1px solid var(--hs-border-color);
  padding-top: 6px;
  margin-top: 6px;
}

/* components/Accordion/ImprovementsSection.scss */
.improvements-section {
  color: var(--hs-text-color);
}
.improvements-section table {
  background: var(--hs-surface-bg);
}
.improvements-section table thead th {
  color: var(--hs-text-muted-color);
  font-weight: lighter;
  text-transform: uppercase;
}
.improvements-section table td,
.improvements-section table th {
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
}

/* sections/Buildings/BuildingEdit.scss */
.building-image-preview.container {
  cursor: pointer;
  background-color: var(--hs-surface-muted-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  display: flex !important;
  justify-content: center;
  margin: 4px 0 !important;
  width: auto !important;
}
.building-image-preview.container p {
  margin: auto;
  font-weight: bold;
  color: var(--hs-text-muted-color);
  padding: 40px 0;
  width: max-content;
}
.building-image-preview.container img {
  height: 250px;
}
.building-image-preview.active {
  border-color: var(--hs-brand-color) !important;
  background-color: var(--hs-surface-bg) !important;
}
.general-section-wrapper {
  display: flex;
}
@media only screen and (max-width: 900px) {
  .general-section-wrapper {
    flex-direction: column-reverse;
  }
}
.photo {
  height: auto;
  width: 100%;
  max-width: 350px;
  max-height: 350px;
  margin: 12px auto;
  display: flex;
  object-fit: contain;
}
.image-label {
  margin-top: auto;
}

/* sections/Projects/ProjectCard.scss */
.project-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.project-card p {
  margin: 0;
}
.project-card .project-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Buildings/ottawaMaintenancePlan/ReportRowPreview.scss */
.report-header {
  width: 100%;
  margin: 0 1em;
  padding-right: 64px;
}
.report-header td {
  display: block;
  text-transform: uppercase;
}
@media only screen and (min-width: 700px) {
  .report-header td {
    display: table-cell;
    width: 16%;
  }
}
.rowPreviewWrapper {
  display: flex;
  margin: 0.5rem 0;
  padding: 0.5em 1em;
}
.rowPreviewWrapper table {
  width: 100%;
}
.rowPreviewWrapper table td {
  margin: 4px;
  min-height: 26px;
  display: block;
  background: whitesmoke;
  border-radius: 4px;
  padding: 4px 6px;
}
@media only screen and (min-width: 700px) {
  .rowPreviewWrapper table td {
    display: table-cell;
    width: 16%;
    margin: 0;
  }
}

/* sections/Buildings/documents/DocumentCard.scss */
.document-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.document-card p {
  margin: auto 0;
}
.document-card .document-card-details {
  display: grid;
  gap: 4px;
}
.document-card .document-card-actions {
  align-self: flex-start;
  margin-top: 2px;
}
.document-card .document-download {
  color: #1c7ed6;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}
.document-card .document-download-status {
  color: var(--hs-text-muted-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

/* sections/Buildings/documents/DocumentEdit.scss */
.document-preview.container {
  cursor: pointer;
  background-color: #f3f4f5 !important;
  display: flex !important;
  justify-content: center;
  margin: 4px 0 !important;
  width: auto !important;
}
.document-preview.container p {
  margin: auto;
  font-weight: bold;
  color: grey;
  padding: 10px 0;
  width: max-content;
}
.document-preview.container p.selected-file {
  color: black;
}
.document-preview.active {
  border-color: #2196f3;
  background-color: #a6d8ff !important;
}
.file-label {
  margin-top: auto;
}

/* sections/Buildings/forecasts/summary/SummaryTable.scss */
.summaryTable {
  overflow: auto;
}
.summaryTable table {
  margin-top: 12px;
  width: 100%;
  min-width: 740px;
  border-spacing: 0;
  border-collapse: separate;
}
.summaryTable table thead td {
  background: var(--hs-surface-muted-bg);
  color: var(--hs-text-color);
  text-align: center;
  padding: 4px;
  font-weight: bold;
  border-top: 1px solid var(--hs-border-color);
}
.summaryTable table td {
  padding: 4px 8px;
  border-left: 1px solid var(--hs-border-color);
  border-bottom: 1px solid var(--hs-border-color);
}
.summaryTable table td:last-child {
  border-right: 1px solid var(--hs-border-color);
}
.summaryTable table .buildingAddress {
  cursor: pointer;
}
.summaryTable table .centerAlign {
  text-align: center;
}
.summaryTable table .emptyCell {
  color: var(--hs-text-muted-color);
}
.summaryTable table .endAlign {
  text-align: end;
}
.summaryTable table .boldCell {
  font-weight: bold;
}
.summaryTable table .buildingColumn {
  width: 120px;
}
.summaryTable table .areaColumn {
  width: 100px;
}
.summaryTable table thead tr:first-child td:first-child {
  border-top-left-radius: 4px;
}
.summaryTable table thead tr:first-child td:last-child {
  border-top-right-radius: 4px;
}
.summaryTable table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.summaryTable table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

/* sections/Buildings/forecasts/ForecastSearch.scss */
.inputWrapper {
  margin-bottom: 16px;
}
.inputWrapper input {
  max-width: 14em !important;
}

/* sections/Buildings/forecasts/ForecastEdit.scss */
.grandTotal {
  font-size: 16px;
}
.repairTotalNote {
  font-style: italic;
}
.forecast-date-input-wrapper {
  max-width: 100%;
  width: 370px;
}
.forecastWrapper .forecastHeader {
  margin-top: 0;
  font-size: 16px;
  color: #767676;
  text-transform: uppercase;
  font-weight: bold;
}
.forecastWrapper .table-container {
  margin-bottom: 20px;
}

/* sections/Buildings/forecasts/table/ForecastTable.scss */
.forecastTable {
  margin-bottom: 16px;
}
.forecastTable table {
  width: 100%;
  min-width: 740px;
}
.forecastTable table thead td {
  background: #f5f6f7;
  border-radius: 4px;
  text-align: center;
  padding: 4px;
  font-weight: bold;
}
.forecastTable table td div.field {
  margin-bottom: 0 !important;
}
.forecastTable .removeColumn {
  width: 40px;
  background: none;
  border: none;
}
.forecastTable .widthSmall {
  width: 10%;
}
.forecastTable .widthLarge {
  width: 35%;
}
.forecastTable .addButton button {
  margin-top: 12px;
}
.forecastTable .centerAlign {
  text-align: center;
}
.forecastTable .centerAlign input {
  text-align: center;
}
.forecastTable .endAlign {
  text-align: end;
}
.forecastTable .endAlign input {
  text-align: end;
}
.forecastTable .total {
  margin-right: 44px;
}
.forecastTable .timing {
  margin-right: 20px;
}
.currencyInput input::placeholder {
  color: black !important;
}

/* sections/Buildings/forecasts/ForecastSection.scss */
.viewMode {
  margin-bottom: 32px;
}
.viewMode .forecastTable h3 {
  margin-top: 0;
  font-size: 16px;
  color: #767676;
  text-transform: uppercase;
  font-weight: bold;
}
.viewMode table {
  border-spacing: 0;
  border-collapse: separate;
}
.viewMode table thead td {
  border-radius: 0;
  border-top: 1px solid #dededf;
}
.viewMode .forecastTable .total {
  margin: 0;
}
.viewMode td {
  padding: 0.5em 1em;
  border-left: 1px solid #dededf;
  border-bottom: 1px solid #dededf;
  border-radius: 0;
}
.viewMode table td:last-child {
  border-right: 1px solid #dededf;
}
.viewMode table thead tr:first-child td:first-child {
  border-top-left-radius: 4px;
}
.viewMode table thead tr:first-child td:last-child {
  border-top-right-radius: 4px;
}
.viewMode table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.viewMode table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

/* sections/Material/MaterialCard.scss */
.material-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.material-card p {
  margin: 0;
}
.material-card .material-card-details {
  display: grid;
  gap: 4px;
}

/* sections/MaterialLists/MaterialListCard.scss */
.material-list-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.material-list-card p {
  margin: 0;
}
.material-list-card .material-list-card-details {
  display: grid;
  gap: 4px;
}

/* sections/MaterialQuantity/MaterialQuantityCard.scss */
.material-quantity-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.material-quantity-card p {
  margin: 0;
}

/* sections/Payroll/PayrollCard.scss */
.payroll-card {
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: flex;
  position: relative;
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color) !important;
  box-shadow: 0 1px 3px var(--hs-shadow-color) !important;
}
.payroll-card:hover {
  background: var(--hs-surface-muted-bg) !important;
}
.payroll-card p {
  margin: 0;
  font-size: 14px;
  color: var(--hs-text-color);
}
.payroll-card .payroll-content-wrapper {
  flex-grow: 1;
  min-width: 0;
}
.payroll-card .payroll-card-details {
  display: grid;
  gap: 5px;
}
.payroll-card .payroll-card-header {
  margin-bottom: 6px;
}
.payroll-card .payroll-card-header .card-header__title {
  font-size: 15px;
}
.payroll-card .payroll-card-header .card-header__right--pill {
  max-width: 65%;
}
.payroll-card .payroll-entry {
  display: grid;
  gap: 1px;
}
.payroll-card .payroll-entry-header {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-width: 0;
}
.payroll-card .payroll-entry-time {
  flex: 1 1 auto;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  min-width: 0;
}
.payroll-card .payroll-entry-description {
  font-size: 13px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.payroll-card .payroll-approval-description {
  gap: 0;
  justify-content: flex-start;
}
.payroll-card .payroll-approval-description .detail-row__label {
  flex: 1 1 auto;
  font-weight: 400;
}
.payroll-card .payroll-duration {
  font-weight: bold;
  margin: auto 0;
}
.payroll-card .payroll-region {
  font-weight: bold;
  color: var(--hs-text-muted-color);
}
.payroll-card .payroll-comment {
  font-style: italic;
  color: var(--hs-text-muted-color);
}
.payroll-card .payroll-approved {
  font-size: 12px;
  color: #00af07;
  flex: 0 0 auto;
  margin: 0 0 0 auto;
}
.payroll-card .payroll-not-approved {
  font-size: 12px;
  color: var(--hs-text-muted-color);
  flex: 0 0 auto;
  margin: 0 0 0 auto;
}
.payroll-card .approve-checkbox {
  cursor: pointer;
  left: 8px;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.payroll-card .approve-checkbox .mantine-Checkbox-body,
.payroll-card .approve-checkbox .mantine-Checkbox-input,
.payroll-card .approve-checkbox .mantine-Checkbox-label {
  cursor: pointer;
}
.payroll-card .approve-checkbox + .payroll-content-wrapper {
  padding-left: 36px;
}
.payroll-card.highlight {
  background: light-dark(#eaffed, rgba(34, 139, 34, 0.2)) !important;
  color: var(--hs-text-color);
  border-color: light-dark(#8cd3a5, rgba(81, 207, 102, 0.55)) !important;
}
.payroll-card.highlight:hover {
  background: light-dark(#dff7e5, rgba(34, 139, 34, 0.28)) !important;
}

/* sections/Payroll/PayrollSearch.scss */
.journal-item p {
  margin: 0;
  overflow: hidden;
}
.journal-item b {
  padding-right: 4px;
}
.journal-item i {
  padding-left: 6px;
}
.journal-item .spacer {
  width: auto;
}
.payroll-search-table td {
  vertical-align: middle;
}
.payroll-search-table .journal-item .space-between-wrapper {
  align-items: center;
  gap: 16px;
}
.payroll-approved {
  color: #00af07;
}
.payroll-not-approved {
  color: #757575;
}

/* sections/Payroll/ViewJournalEntries.scss */
@media only screen and (min-width: 450px) {
  .journal-task-section .flex-wrapper {
    margin-bottom: 4px;
  }
}
.journal-task-section .task-detail-row {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 4px;
  align-items: start;
  margin-bottom: 4px;
}
.journal-task-section .task-detail-label {
  margin: 0;
  white-space: nowrap;
}
.journal-task-section .task-detail-value {
  min-width: 0;
}
.journal-task-section .task-detail-value p {
  margin: 0;
}
.journal-task-section .task-detail-strong {
  font-weight: 700;
  margin-bottom: 4px;
}
.journal-task-section .approved-icon {
  margin: auto 0 auto auto;
}
.journal-task-section .approved-icon .payroll-approved {
  color: #00af07;
}
.journal-task-section .approved-icon .payroll-not-approved {
  color: #757575;
}
.journal-task-section .journal-tasks-wrapper {
  margin-top: 12px;
}
.journal-task-section .journal-tasks-wrapper b {
  margin-right: 2px;
}
.journal-task-section .journal-entry-wrapper {
  padding: 10px;
  margin-top: 8px;
  background: var(--hs-surface-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
}
.journal-task-section .journal-entry-wrapper.approved {
  background: light-dark(#eaffed, rgba(34, 139, 34, 0.2)) !important;
  border-color: light-dark(#8cd3a5, rgba(81, 207, 102, 0.55)) !important;
  color: var(--hs-text-color);
}
@media only screen and (min-width: 450px) {
  .journal-task-section .journal-entry-wrapper {
    padding: 1em;
  }
}
@media only screen and (min-width: 450px) {
  .journal-task-section .journal-entry-wrapper .journal-entry-content {
    align-items: center;
    display: flex;
  }
}
.journal-task-section .journal-entry-wrapper .journal-entry-content .journal-details-wrapper {
  flex: 1;
  overflow-x: auto;
}
@media only screen and (max-width: 449px) {
  .journal-task-section .journal-entry-wrapper .journal-entry-content .journal-details-wrapper {
    font-size: 12px;
  }
}
.journal-task-section .journal-entry-wrapper .journal-entry-content .view-times {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--hs-border-color);
  margin-bottom: 6px;
}
.journal-task-section .journal-entry-wrapper .journal-entry-content .view-times.approved {
  background: transparent;
  color: inherit;
  border-color: var(--hs-border-color) !important;
}
@media only screen and (min-width: 450px) {
  .journal-task-section .journal-entry-wrapper .journal-entry-content .view-times {
    font-size: 18px;
    border-right: 1px solid var(--hs-border-color);
    border-bottom: none;
    margin: auto 24px auto 0;
    display: block;
    padding-right: 16px;
  }
}
.journal-task-section .journal-entry-wrapper .journal-entry-content .view-times p {
  margin: 0;
}
.entry-footer-text {
  font-style: italic;
  font-size: 12px;
}

/* sections/Jobs/JobCard.scss */
.job-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.job-card p {
  margin: 0;
}
.job-card .job-card-type {
  color: var(--hs-text-muted-color);
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 2px;
}
.job-card .job-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Jobs/styles/JobCardStyles.scss */
.job-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.job-card p {
  margin: 0;
}
.job-card .job-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Payroll/JournalEntries.scss */
@media only screen and (min-width: 575px) {
  .time-wrapper {
    display: flex;
  }
}
.time-wrapper .end-time {
  margin-bottom: 12px;
  margin-top: 12px;
}
@media only screen and (min-width: 575px) {
  .time-wrapper .end-time {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 40px;
  }
}
.time-wrapper .full-day-wrapper {
  display: grid;
  margin-bottom: 14px;
}
.journal-checkbox-group .mantine-Checkbox-root,
.approver .mantine-Checkbox-root {
  margin-top: 8px;
}
.journal-checkbox-group .mantine-Checkbox-body,
.approver .mantine-Checkbox-body {
  align-items: center;
}
.journal-checkbox-group .mantine-Checkbox-label,
.approver .mantine-Checkbox-label {
  line-height: 1.25;
  padding-left: 10px;
}
.payroll-job-select {
  position: relative;
}
.approver {
  margin-top: 8px;
}
.journal-entry-hours {
  margin: 0;
}
.journal-entry-alerts {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  margin-bottom: 22px;
}
.journal-entry-alerts .mantine-Alert-root {
  margin-bottom: 0;
}
.journal-entry-edit-wrapper {
  margin-top: 12px;
}
.journal-tabs [role=tablist] {
  display: flex;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.journal-tabs [role=tab] {
  flex: 0 0 auto;
}
.journal-tabs .segment {
  background: #f2f2f2;
}
.add-journal-button {
  margin-top: 8px !important;
}
.entry-footer-wrapper {
  padding: 8px 12px !important;
}

/* sections/Payroll/PayrollEdit.scss */
.payroll-date-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: -4px 0 0;
}
.payroll-date-pill {
  --badge-bg: #1f1f1f;
  --badge-color: white;
}
.payroll-date-pill .mantine-ActionIcon-root {
  --ai-color: white !important;
  --ai-hover: rgba(255, 255, 255, 0.16) !important;
}
.date-list-wrapper {
  align-items: flex-end;
  display: flex;
  gap: 12px;
  margin-top: 6px;
}
.date-list-wrapper .payroll-date-input-wrapper {
  width: 370px;
  max-width: 100%;
}
.date-list-wrapper .add-date-button {
  display: flex;
  padding-bottom: 0;
}
.user-icon {
  margin-right: 6px !important;
}
.total-hours-label {
  margin: 0;
}
@media only screen and (max-width: 449px) {
  .journal-tabs .menu {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .journal-tabs .menu .item {
    flex: 0 0 auto;
  }
}

/* sections/Payroll/PayrollApproval.scss */
@media (max-width: 575px) {
  .payroll-approval-actions {
    justify-content: flex-start !important;
  }
}

/* sections/Payroll/timesheet/TimesheetCard.scss */
.timesheet-card {
  margin: 4px 0 !important;
  padding: 8px !important;
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color) !important;
  box-shadow: 0 1px 3px var(--hs-shadow-color) !important;
}
.timesheet-card:hover {
  background: var(--hs-surface-muted-bg) !important;
}
.timesheet-card p {
  margin: 0;
  font-size: 12px;
  color: var(--hs-text-color);
}
.timesheet-card .timesheet-card-details {
  display: grid;
  gap: 4px;
  margin-bottom: 4px;
}

/* sections/Payroll/timesheet/TimesheetCreate.scss */
@media only screen and (min-width: 575px) {
  .user-add-section {
    align-items: flex-end;
    display: flex;
    gap: 12px;
  }
}
.user-add-section .user-add {
  flex-grow: 1;
}
.user-add-section .user-add .dropdown-menu-wrapper {
  width: 100%;
}
.user-add-section .user-add-all {
  white-space: nowrap;
  margin-top: 22px;
  margin-left: 4px;
}
@media only screen and (max-width: 574px) {
  .user-add-section .user-add-all {
    width: 100%;
    margin: 0;
  }
}
.department-dropdown {
  --payroll-user-add-control-height: 42px;
  background: var(--mantine-color-dark-filled) !important;
  border-color: var(--mantine-color-dark-filled) !important;
  border-left-color: rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 6px 6px 0 !important;
  color: var(--mantine-color-white) !important;
  height: var(--payroll-user-add-control-height);
  margin-left: -1px;
  min-height: var(--payroll-user-add-control-height);
  min-width: 44px;
  padding: 0 12px !important;
}
.department-dropdown:hover {
  background: var(--mantine-color-dark-filled-hover) !important;
}
.department-dropdown-options {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 180px;
  padding: 6px;
}
.department-dropdown-options .department-option {
  border-radius: 6px;
  display: block;
  padding: 8px 10px;
  text-align: left;
  width: 100%;
}
.department-dropdown-options .department-option:hover {
  background-color: #f1f3f5;
}
.department-dropdown-options .department-option .mantine-Radio-root {
  width: 100%;
}
.department-wrapper {
  --payroll-user-add-control-height: 42px;
  --button-height: var(--payroll-user-add-control-height);
  align-items: flex-end;
  display: flex;
  flex-shrink: 0;
}
.department-wrapper > .mantine-Button-root:first-child {
  border-radius: 6px 0 0 6px !important;
  height: var(--payroll-user-add-control-height);
  min-height: var(--payroll-user-add-control-height);
  padding-inline: 16px;
  white-space: nowrap;
}
@media only screen and (max-width: 574px) {
  .department-wrapper {
    padding-left: 0px;
    margin-top: 8px;
    width: 100%;
  }
  .department-wrapper > .mantine-Button-root:first-child {
    flex: 1;
    justify-content: center;
  }
}
.department-wrapper .attached.button {
  box-shadow: none !important;
  text-align: center !important;
}
@media only screen and (max-width: 574px) {
  .department-wrapper .attached.button {
    width: 100%;
  }
}

/* sections/Payroll/timesheet/TimesheetEntryCard.scss */
.timesheet-entry-card {
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: flex;
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color) !important;
  box-shadow: 0 1px 3px var(--hs-shadow-color) !important;
}
.timesheet-entry-card:hover {
  background: var(--hs-surface-muted-bg) !important;
}
.timesheet-entry-card p {
  margin: 0;
  font-size: 12px;
  color: var(--hs-text-color);
}
.timesheet-entry-card .timesheet-entry-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Payroll/assignment/AssignmentCard.scss */
.assignment-card {
  margin: 4px 0 !important;
  padding: 8px !important;
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color) !important;
  box-shadow: 0 1px 3px var(--hs-shadow-color) !important;
}
.assignment-card:hover {
  background: var(--hs-surface-muted-bg) !important;
}
.assignment-card p {
  margin: 0;
  font-size: 12px;
  color: var(--hs-text-color);
}
.assignment-card .label-wrappers {
  padding-top: 4px;
}
.assignment-card .assignment-card-header--active .card-header__right--pill {
  background: light-dark(#dff7e5, rgba(46, 125, 50, 0.28));
  color: light-dark(#1f7a32, #8ce99a);
}
.assignment-card .assignment-card-header--inactive .card-header__right--pill {
  background: light-dark(#fde2e2, rgba(198, 40, 40, 0.26));
  color: light-dark(#9f1f1f, #ffa8a8);
}

/* sections/Payroll/assignment/AssignmentEdit.scss */
.read-only-text {
  font-style: italic;
  font-size: 12px;
}
.duration-wrapper {
  display: flex;
  align-items: flex-end;
}
.duration-wrapper p {
  margin-bottom: 1em;
  padding: 4px;
}

/* sections/Payroll/archive/ArchiveCard.scss */
.archive-card {
  margin: 4px 0 !important;
  padding: 8px !important;
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color) !important;
  box-shadow: 0 1px 3px var(--hs-shadow-color) !important;
}
.archive-card:hover {
  background: var(--hs-surface-muted-bg) !important;
}
.archive-card p {
  margin: 0;
  font-size: 12px;
  color: var(--hs-text-color);
}
.archive-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Payroll/summary/components/SummaryTable.scss */
.summary-table {
  --summary-no-hours-bg: light-dark(#fce7e7, rgba(127, 29, 29, 0.28));
  --summary-no-hours-text: light-dark(#961313, #fca5a5);
  --summary-some-hours-bg: light-dark(#fff8e5, rgba(146, 64, 14, 0.28));
  --summary-some-hours-text: light-dark(#654c09, #fcd34d);
  --summary-full-hours-bg: light-dark(#eaffed, rgba(34, 139, 34, 0.2));
  --summary-full-hours-text: light-dark(#315331, #bbf7d0);
  --summary-weekend-bg: light-dark(#ebebeb, var(--hs-surface-muted-bg));
  --summary-weekend-text: light-dark(#626262, var(--hs-text-muted-color));
  background: var(--hs-surface-bg);
  color: var(--hs-text-color);
}
.summary-table tr {
  text-align: center;
}
.summary-table th,
.summary-table td {
  border-color: var(--hs-border-color) !important;
}
.summary-table th {
  background: var(--hs-surface-bg);
  color: var(--hs-text-color);
}
.summary-table td {
  background: var(--hs-surface-bg);
}
.summary-table td:hover.permissions {
  background: var(--hs-surface-muted-bg);
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
}
.summary-table thead {
  text-align: center;
  position: sticky;
  top: 0px;
}
.summary-table .no-hours {
  background: var(--summary-no-hours-bg);
  color: var(--summary-no-hours-text);
}
.summary-table .no-hours:hover.permissions {
  background: light-dark(#f8d2d2, rgba(127, 29, 29, 0.42));
}
.summary-table .some-hours {
  background: var(--summary-some-hours-bg);
  color: var(--summary-some-hours-text);
}
.summary-table .some-hours:hover.permissions {
  background: light-dark(#fff0bd, rgba(146, 64, 14, 0.42));
}
.summary-table .full-hours {
  background: var(--summary-full-hours-bg);
  color: var(--summary-full-hours-text);
}
.summary-table .full-hours:hover.permissions {
  background: light-dark(#d4f8dc, rgba(34, 139, 34, 0.34));
}
.summary-table .full-day {
  background: var(--summary-full-hours-bg);
  color: var(--summary-full-hours-text);
}
.summary-table .full-day:hover.permissions {
  background: light-dark(#d4f8dc, rgba(34, 139, 34, 0.34));
}
.summary-table .weekend {
  background: var(--summary-weekend-bg);
  color: var(--summary-weekend-text);
}
.summary-table .weekend:hover.permissions {
  background: light-dark(#dedede, #2f3b4d);
  color: var(--hs-text-color);
}
.summary-table .weekend-hours {
  background: var(--hs-surface-bg);
  color: var(--hs-text-color);
}
.summary-table .weekend-hours:hover.permissions {
  background: var(--hs-surface-muted-bg);
}
.summary-table .total-hours {
  font-weight: bold;
}
.summary-table .total-hours:hover {
  cursor: default;
  text-decoration: none;
}
.summary-table .summary-user {
  text-align: right !important;
}
.summary-table .summary-user:hover {
  text-decoration: none;
  cursor: default;
}
.summary-table .top-corner {
  background: var(--hs-surface-bg) !important;
}
.no-hours {
  color: light-dark(#b60000, #fca5a5);
}
.some-hours {
  color: light-dark(#9b7101, #fcd34d);
}
.full-hours,
.full-day {
  color: light-dark(#317f31, #bbf7d0);
}
.weekend {
  color: light-dark(#626262, var(--hs-text-muted-color));
}

/* sections/Payroll/summary/components/MobileSummaryTableCard.scss */
.summary-mobile-card {
  background: var(--hs-card-bg) !important;
  background-color: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  margin: 4px 0 !important;
  padding: 8px !important;
}
.summary-entries {
  column-gap: 22px;
  display: flex;
  padding-top: 10px;
  width: 100%;
}
.summary-half {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
.summary-entry {
  align-items: center;
  display: flex;
  font-size: 15px;
  line-height: 1.2;
  min-height: 22px;
}
.summary-entry-date {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 3px;
  min-width: 0;
}
.summary-entry-hours {
  margin-left: 4px;
}
.no-hours {
  color: light-dark(#b60000, #fca5a5);
}
.some-hours {
  color: light-dark(#9b7101, #fcd34d);
}
.full-hours {
  color: light-dark(#317f31, #bbf7d0);
}
.full-day {
  color: light-dark(#317f31, #bbf7d0);
}
.weekend {
  color: light-dark(#626262, var(--hs-text-muted-color));
}
@media only screen and (max-width: 374px) {
  .summary-entries {
    flex-direction: column;
    gap: 7px;
  }
}

/* sections/Payroll/summary/SummaryPage.scss */
.payroll-summary-local-search {
  margin-bottom: 16px;
  max-width: 520px;
}

/* components/Search/Search.scss */
.global-search-container {
  max-width: 480px;
  margin: auto;
}
.global-search-container .global-search-results {
  border: 1px solid var(--hs-border-color);
  border-radius: 4px;
  max-height: 320px;
  overflow: auto;
  background: var(--hs-surface-bg);
  color: var(--hs-text-color);
  max-width: 480px;
  position: absolute;
  width: 100%;
  z-index: 1;
  margin: 2px;
  margin: auto;
}
@media only screen and (max-width: 492px) {
  .global-search-container .global-search-results {
    width: calc(100% - 8px);
  }
}
.global-search-container .global-search-results .no-results {
  padding: 10px;
  color: var(--hs-text-muted-color);
}
.global-search-container .global-search-results .loading {
  padding: 10px 14px;
}
.global-search-container .global-search-results .selected {
  background: var(--hs-surface-muted-bg);
}
.global-search-container .global-search-results .search-item {
  color: var(--hs-text-color);
  cursor: pointer;
  padding: 10px 14px;
}
.global-search-container .global-search-results .search-item .search-icon {
  color: var(--hs-text-muted-color);
  margin-right: 8px;
}
.global-search-container .global-search-results .search-item:hover {
  background: var(--hs-surface-muted-bg);
}
.search-input-main-page {
  width: 80% !important;
  margin: auto;
  max-width: 600px;
}

/* sections/Payroll/JobSearchField.scss */
.job-search-field-wrapper {
  padding-bottom: 14px;
}
.job-search-field-wrapper .global-search-container {
  max-width: 100%;
}

/* sections/Payroll/MaterialList.scss */
.MaterialListRow {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  border-bottom: 1px solid #d3d3d4;
  margin-bottom: 12px;
  padding-bottom: 10px;
}
.MaterialListRow:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
.MaterialListRow .MaterialSelect {
  min-width: 100px;
}
.MaterialListRow .MaterialListForm {
  display: flex;
  gap: 10px;
  margin-right: 4px;
  width: 100%;
}
.MaterialListRow .MaterialListForm .AmountWrapper {
  gap: 8px;
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 400px) {
  .MaterialListRow .MaterialListForm {
    flex-direction: column;
  }
}
.MaterialListRow .MaterialAmountSelect {
  min-width: 90px;
}
.MaterialContentWrapper {
  margin-top: 12px;
}
.MaterialContentWrapper .mantine-Button-root {
  margin-top: 10px;
}

/* sections/Projects/fiscals/FiscalCard.scss */
.fiscal-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: flex;
  display: block;
}
.fiscal-card p {
  margin: auto 0;
  font-size: 12px;
}
.fiscal-card .fiscal-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Portfolio/PortfolioCard.scss */
.portfolio-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: flex;
  display: block;
}
.portfolio-card p {
  margin: auto 0;
  font-size: 12px;
}
.portfolio-card .portfolio-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Commodity/CommodityCard.scss */
.commodity-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: block;
}
.commodity-card p {
  margin: 0;
  font-size: 14px;
  color: var(--hs-text-color);
}
.commodity-card .commodity-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Cards/CardCard.scss */
.card-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.card-card p {
  margin: 0;
}

/* sections/Vehicles/VehicleCard.scss */
.vehicle-vehicle {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  display: flex;
  display: block;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.vehicle-vehicle p {
  margin: auto 0;
  font-size: 12px;
}
.vehicle-vehicle .vehicle-card-details {
  display: grid;
  gap: 6px;
}

/* sections/Mileages/MileageCard.scss */
.mileage-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: flex;
  display: block;
}
.mileage-card p {
  margin: auto 0;
  font-size: 12px;
}
.mileage-card .mileage-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Users/UserCard.scss */
.user-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.user-card p {
  margin: 0;
}
.user-card .user-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Users/editFields/UserEditStyles.scss */
.user-edit-fields {
  padding: 16px 20px 20px;
}
.user-edit-fields:not(:last-child) {
  border-bottom: 0;
}
.user-edit-fields .user-edit-field-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.user-edit-fields .user-edit-field-header .subtitle-header {
  margin: 0;
}
.user-edit-fields .nested-fields-wrapper {
  align-items: start;
  display: grid;
  gap: 14px 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
.user-edit-fields .nested-fields-wrapper + .nested-fields-wrapper {
  margin-top: 14px;
}
.segment.user-edit-segment {
  margin-top: 0;
  margin-bottom: 1em !important;
}
.user-edit-segment {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 6px;
  overflow: visible;
  width: 100%;
}
.user-edit-repeat-section {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (max-width: 700px) {
  .user-edit-fields {
    padding: 14px;
  }
  .user-edit-fields .nested-fields-wrapper {
    grid-template-columns: 1fr;
  }
}
.user-edit-add-button {
  background: #8b1b1f !important;
  border-color: #8b1b1f !important;
  color: white !important;
  margin: 8px 0 16px;
}
.user-edit-add-button:hover {
  background: #aa3b3e !important;
  border-color: #aa3b3e !important;
}

/* sections/Users/ChangePasswordModal.scss */
.password-inputs {
  margin: 28px 0px;
}
.input-spacing {
  margin-top: 14px;
}
.mismatch-message {
  color: #9f3b39;
}

/* sections/Users/credential/CredentialEditModal.scss */
.credential-nickname-form {
  margin-top: 28px;
}

/* sections/Users/ArchiveCard.scss */
.archive-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  margin: 4px 0 !important;
  padding: 8px !important;
}
.archive-card-details {
  display: grid;
  gap: 4px;
}

/* sections/Roles/RoleCard.scss */
.role-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
}
.role-card .role-abilities-section {
  margin-top: 3px;
}
.role-card .role-user-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}
.role-card .role-user-label {
  font-size: 10px;
  margin: 0;
}
.role-card-list {
  display: grid;
  gap: 10px;
}

/* sections/Sessions/login.scss */
.login-page {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}
.login-page form {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: auto;
  margin: 0 12px;
}
@media only screen and (min-width: 450px) {
  .login-page form {
    width: 400px !important;
    margin: auto;
  }
}
.login-page form input:focus {
  border-color: var(--hs-brand-color) !important;
}
.login-page .submit-button {
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: var(--hs-brand-color) !important;
}
@media only screen and (min-width: 450px) {
  .login-page .submit-button {
    width: auto;
    padding: 0.78571429em 1.5em 0.78571429em;
  }
}
.login-page .submit-button:hover {
  background-color: var(--hs-brand-hover-color) !important;
}
.login-page .login-button-container {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 14px;
}
@media only screen and (min-width: 450px) {
  .login-page .login-button-container {
    width: auto !important;
    margin: 0;
  }
}
.login-page .login-button-container a {
  color: var(--hs-text-color);
  cursor: pointer;
}
.login-page .login-button-container a:hover {
  text-decoration: underline;
}
.login-page .passkey-header {
  margin: 8px 0 0;
}
.passkey-button {
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: var(--hs-brand-color) !important;
  color: white !important;
}
@media only screen and (min-width: 450px) {
  .passkey-button {
    padding: 0.78571429em 1.5em 0.78571429em;
  }
}
.passkey-button .content {
  display: flex;
  align-items: center;
  margin: auto;
  width: fit-content;
  max-height: 14px !important;
}
.logo-login {
  height: 50px;
  margin: 40px auto;
}
.success-page {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  max-width: 500px;
  margin: auto;
}
.success-page button {
  margin: auto !important;
}
.unsuccessful-auth-message {
  margin: 48px;
  display: flex;
  flex-direction: column;
}
.unsuccessful-auth-message .return-button {
  margin-left: auto;
}
[data-mantine-color-scheme=dark] .login-page .submit-button,
[data-mantine-color-scheme=dark] .passkey-button {
  background-color: #8b1b1f !important;
  color: #ffffff !important;
}
[data-mantine-color-scheme=dark] .login-page .submit-button:hover,
[data-mantine-color-scheme=dark] .passkey-button:hover {
  background-color: #7a171b !important;
  color: #ffffff !important;
}
[data-mantine-color-scheme=dark] .login-page .submit-button *,
[data-mantine-color-scheme=dark] .passkey-button * {
  color: #ffffff !important;
}

/* sections/Sessions/RequestPasswordReset.scss */
.request-password-reset-page {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}
.request-password-reset-page form {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: auto;
  margin: 0 12px;
}
@media only screen and (min-width: 450px) {
  .request-password-reset-page form {
    width: 400px !important;
    margin: auto;
  }
}
.request-password-reset-page form input:focus {
  border-color: var(--hs-brand-color) !important;
}
.request-password-reset-page .submit-button {
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #8b1b1f !important;
  border-color: #8b1b1f !important;
  color: #ffffff !important;
}
@media only screen and (min-width: 450px) {
  .request-password-reset-page .submit-button {
    width: auto;
    padding: 0.78571429em 1.5em 0.78571429em;
  }
}
.request-password-reset-page .submit-button:hover {
  background-color: #7a171b !important;
  border-color: #7a171b !important;
  color: #ffffff !important;
}
.request-password-reset-page .submit-button:disabled,
.request-password-reset-page .submit-button[data-disabled] {
  background-color: #8b1b1f !important;
  border-color: #8b1b1f !important;
  color: #ffffff !important;
  opacity: 0.72;
}
.request-password-reset-page .submit-button *,
.request-password-reset-page .submit-button:disabled *,
.request-password-reset-page .submit-button[data-disabled] * {
  color: #ffffff !important;
}
.request-password-reset-page .captcha altcha-widget {
  display: block;
  width: 100%;
}
.request-password-reset-page .login-button-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (min-width: 450px) {
  .request-password-reset-page .login-button-container {
    width: 400px !important;
    margin: auto;
    flex-direction: row;
  }
}
.request-password-reset-page .login-button-container a {
  color: var(--hs-text-color);
  cursor: pointer;
}
.request-password-reset-page .login-button-container a:hover {
  text-decoration: underline;
}
.logo-login {
  height: 50px;
  margin: 40px auto;
}
.success-page {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  max-width: 500px;
  margin: auto;
}
.success-page button {
  margin: auto !important;
}
.unsuccessful-auth-message {
  margin: 48px;
  display: flex;
  flex-direction: column;
}
.unsuccessful-auth-message .return-button {
  margin-left: auto;
}
[data-mantine-color-scheme=dark] .request-password-reset-page .submit-button {
  background-color: #8b1b1f !important;
  color: #ffffff !important;
}
[data-mantine-color-scheme=dark] .request-password-reset-page .submit-button:hover {
  background-color: #7a171b !important;
  color: #ffffff !important;
}
[data-mantine-color-scheme=dark] .request-password-reset-page .submit-button * {
  color: #ffffff !important;
}

/* sections/Main/MainPage.scss */
.home-image {
  height: 280px;
  width: 100%;
  object-fit: cover;
}
.links {
  margin: 16px 0;
}
.links p {
  text-align: center;
  margin-top: 8px;
  font-size: 12px;
  font-weight: bold;
}
@media only screen and (max-width: 449px) {
  .links p {
    font-size: 10px;
  }
}
.links .link-item {
  align-items: center;
  display: flex;
  flex-flow: column;
  margin: 20px 10px;
}
@media only screen and (max-width: 449px) {
  .links .link-item {
    margin: 10px;
  }
}
@media only screen and (max-width: 449px) {
  .links .link-item svg {
    width: 24px;
    height: 24px;
  }
}
.links .link-item:hover {
  cursor: pointer;
  color: #6b0a0c;
}
.main-page-item {
  padding-top: 16px;
  margin: 0px 20px;
}
@media only screen and (min-width: 575px) {
  .main-page-item {
    margin: 0 60px;
    margin-top: 16px;
  }
}
.carousel-image .legend {
  background: none !important;
  font-size: 16px !important;
  top: 10px;
  bottom: unset !important;
}
.main-image-container {
  width: 100%;
  position: relative;
}
.main-image {
  display: block;
  height: clamp(260px, 36vw, 440px);
  width: 100%;
  object-fit: cover;
  opacity: 0.4;
}
.image-overlay-content {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 0 16px;
  position: absolute;
}
.image-overlay-content > * {
  width: min(720px, 100%);
}
.search-input-main-page {
  width: 80%;
  margin: auto;
}

/* sections/Main/RecentlyViewedBuildings.scss */
.recently-viewed {
  margin-top: 12px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 449px) {
  .recently-viewed h2 {
    font-size: 16px;
  }
}
.recently-viewed .recently-viewed-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  border-radius: 8px;
  padding: 14px 16px !important;
  cursor: pointer;
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    box-shadow 120ms ease,
    transform 120ms ease;
}
.recently-viewed .recently-viewed-card:hover {
  background-color: var(--hs-hover-bg) !important;
  border-color: light-dark(#8c1c1f, #5b6b84) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
  transform: translateY(-1px);
}
.recently-viewed .recently-viewed-card .recently-viewed-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
}
.recently-viewed .recently-viewed-card .recently-viewed-item p {
  margin-bottom: 0;
}
.recently-viewed .recently-viewed-card .recently-viewed-item .building-icon-wrapper {
  align-items: center;
  background: light-dark(#f4f6f8, rgba(255, 255, 255, 0.05));
  border: 1px solid var(--hs-border-color);
  border-radius: 8px;
  color: var(--hs-text-color);
  display: inline-flex;
  flex: 0 0 34px;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.recently-viewed .recently-viewed-card .recently-viewed-item .building-name {
  color: var(--hs-text-color);
  font-size: 15px;
  font-weight: bold;
  line-height: 1.25;
}
.recently-viewed .recently-viewed-card .recently-viewed-item .address {
  color: var(--hs-text-muted-color);
  font-size: 13px;
  line-height: 1.35;
  margin-top: 4px;
}
.recently-viewed .recently-viewed-card .recently-viewed-item .building-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.recently-viewed .recently-viewed-card .recently-viewed-item .building-name,
.recently-viewed .recently-viewed-card .recently-viewed-item .address {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recently-viewed .recently-viewed-card .recently-viewed-item .building-icon {
  flex: 0 0 auto;
  color: var(--hs-text-muted-color);
}

/* sections/Main/ReminderItem.scss */
.reminder-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.reminder-time {
  font-size: 12px;
  color: grey;
  margin-left: 4px;
  margin-top: auto;
}
.reminder-note {
  margin-top: 6px;
}

/* sections/OnCall/OnCall.scss */
.card-card {
  padding: 8px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: flex;
  display: block;
}
.card-card p {
  margin: auto 0;
  font-size: 12px;
}
.card-card .card-code {
  font-weight: bold;
  font-size: 16px;
}
.card-card .user-wrapper {
  display: flex;
}
.card-card .card-manager {
  font-weight: bold;
  color: #5a5a5a;
  margin-right: 4px;
}
.card-card .card-description {
  font-style: italic;
  color: grey;
}
.oncall-calendar {
  padding: 4px !important;
  margin: 4px 0 !important;
  cursor: pointer;
  display: flex;
  display: block;
}
@media (max-width: 575px) {
  .oncall-calendar {
    height: calc(100svh - 220px);
    min-height: 620px;
  }
  .oncall-calendar .fc,
  .oncall-calendar .fc-view-harness {
    height: 100% !important;
  }
}
.widthRef {
  width: 100%;
  height: 0;
}

/* sections/Holidays/HolidayCard.scss */
.holiday-card {
  background: var(--hs-card-bg) !important;
  border-color: var(--hs-border-color) !important;
  color: var(--hs-text-color);
  cursor: pointer;
  display: flex;
  display: block;
  margin: 4px 0 !important;
  padding: 8px !important;
}
.holiday-card p {
  margin: auto 0;
  font-size: 12px;
}

/* ../../node_modules/@mantine/core/styles.css */
:root,
:host {
  color-scheme: var(--mantine-color-scheme);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
input,
button,
textarea,
select {
  font: inherit;
}
button,
select {
  text-transform: none;
}
body,
:host {
  margin: 0;
  font-family: var(--mantine-font-family);
  font-size: var(--mantine-font-size-md);
  line-height: var(--mantine-line-height);
  background-color: var(--mantine-color-body);
  color: var(--mantine-color-text);
  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
}
@media screen and (max-device-width: 31.25em) {
  body,
  :host {
    -webkit-text-size-adjust: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-respect-reduced-motion] [data-reduce-motion] {
    transition: none;
    animation: none;
  }
}
[data-mantine-color-scheme=light] .mantine-light-hidden {
  display: none;
}
[data-mantine-color-scheme=dark] .mantine-dark-hidden {
  display: none;
}
.mantine-focus-auto:focus-visible {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.mantine-focus-always:focus {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.mantine-focus-never:focus {
  outline: none;
}
.mantine-active:active {
  transform: translateY(calc(0.0625rem * var(--mantine-scale)));
}
fieldset:disabled .mantine-active:active {
  transform: none;
}
:where([dir=rtl]) .mantine-rotate-rtl {
  transform: rotate(180deg);
}
:root,
:host {
  --mantine-z-index-app: 100;
  --mantine-z-index-modal: 200;
  --mantine-z-index-popover: 300;
  --mantine-z-index-overlay: 400;
  --mantine-z-index-max: 9999;
  --mantine-scale: 1;
  --mantine-cursor-type: default;
  --mantine-webkit-font-smoothing: antialiased;
  --mantine-moz-font-smoothing: grayscale;
  --mantine-color-white: #fff;
  --mantine-color-black: #000;
  --mantine-line-height: 1.55;
  --mantine-font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji;
  --mantine-font-family-monospace:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  --mantine-font-family-headings:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji;
  --mantine-heading-font-weight: 700;
  --mantine-heading-text-wrap: wrap;
  --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
  --mantine-primary-color-light: var(--mantine-color-blue-light);
  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
  --mantine-breakpoint-xs: 36em;
  --mantine-breakpoint-sm: 48em;
  --mantine-breakpoint-md: 62em;
  --mantine-breakpoint-lg: 75em;
  --mantine-breakpoint-xl: 88em;
  --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --mantine-spacing-md: calc(1rem * var(--mantine-scale));
  --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
  --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
  --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
  --mantine-font-size-md: calc(1rem * var(--mantine-scale));
  --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
  --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
  --mantine-line-height-xs: 1.4;
  --mantine-line-height-sm: 1.45;
  --mantine-line-height-md: 1.55;
  --mantine-line-height-lg: 1.6;
  --mantine-line-height-xl: 1.65;
  --mantine-shadow-xs: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), 0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale)) rgba(0, 0, 0, 0.1);
  --mantine-shadow-sm:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale)) calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-md:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale)) calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-lg:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
  --mantine-shadow-xl:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
  --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
  --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
  --mantine-font-weight-regular: 400;
  --mantine-font-weight-medium: 600;
  --mantine-font-weight-bold: 700;
  --mantine-primary-color-0: var(--mantine-color-blue-0);
  --mantine-primary-color-1: var(--mantine-color-blue-1);
  --mantine-primary-color-2: var(--mantine-color-blue-2);
  --mantine-primary-color-3: var(--mantine-color-blue-3);
  --mantine-primary-color-4: var(--mantine-color-blue-4);
  --mantine-primary-color-5: var(--mantine-color-blue-5);
  --mantine-primary-color-6: var(--mantine-color-blue-6);
  --mantine-primary-color-7: var(--mantine-color-blue-7);
  --mantine-primary-color-8: var(--mantine-color-blue-8);
  --mantine-primary-color-9: var(--mantine-color-blue-9);
  --mantine-color-dark-0: #c9c9c9;
  --mantine-color-dark-1: #b8b8b8;
  --mantine-color-dark-2: #828282;
  --mantine-color-dark-3: #696969;
  --mantine-color-dark-4: #424242;
  --mantine-color-dark-5: #3b3b3b;
  --mantine-color-dark-6: #2e2e2e;
  --mantine-color-dark-7: #242424;
  --mantine-color-dark-8: #1f1f1f;
  --mantine-color-dark-9: #141414;
  --mantine-color-gray-0: #f8f9fa;
  --mantine-color-gray-1: #f1f3f5;
  --mantine-color-gray-2: #e9ecef;
  --mantine-color-gray-3: #dee2e6;
  --mantine-color-gray-4: #ced4da;
  --mantine-color-gray-5: #adb5bd;
  --mantine-color-gray-6: #868e96;
  --mantine-color-gray-7: #495057;
  --mantine-color-gray-8: #343a40;
  --mantine-color-gray-9: #212529;
  --mantine-color-red-0: #fff5f5;
  --mantine-color-red-1: #ffe3e3;
  --mantine-color-red-2: #ffc9c9;
  --mantine-color-red-3: #ffa8a8;
  --mantine-color-red-4: #ff8787;
  --mantine-color-red-5: #ff6b6b;
  --mantine-color-red-6: #fa5252;
  --mantine-color-red-7: #f03e3e;
  --mantine-color-red-8: #e03131;
  --mantine-color-red-9: #c92a2a;
  --mantine-color-pink-0: #fff0f6;
  --mantine-color-pink-1: #ffdeeb;
  --mantine-color-pink-2: #fcc2d7;
  --mantine-color-pink-3: #faa2c1;
  --mantine-color-pink-4: #f783ac;
  --mantine-color-pink-5: #f06595;
  --mantine-color-pink-6: #e64980;
  --mantine-color-pink-7: #d6336c;
  --mantine-color-pink-8: #c2255c;
  --mantine-color-pink-9: #a61e4d;
  --mantine-color-grape-0: #f8f0fc;
  --mantine-color-grape-1: #f3d9fa;
  --mantine-color-grape-2: #eebefa;
  --mantine-color-grape-3: #e599f7;
  --mantine-color-grape-4: #da77f2;
  --mantine-color-grape-5: #cc5de8;
  --mantine-color-grape-6: #be4bdb;
  --mantine-color-grape-7: #ae3ec9;
  --mantine-color-grape-8: #9c36b5;
  --mantine-color-grape-9: #862e9c;
  --mantine-color-violet-0: #f3f0ff;
  --mantine-color-violet-1: #e5dbff;
  --mantine-color-violet-2: #d0bfff;
  --mantine-color-violet-3: #b197fc;
  --mantine-color-violet-4: #9775fa;
  --mantine-color-violet-5: #845ef7;
  --mantine-color-violet-6: #7950f2;
  --mantine-color-violet-7: #7048e8;
  --mantine-color-violet-8: #6741d9;
  --mantine-color-violet-9: #5f3dc4;
  --mantine-color-indigo-0: #edf2ff;
  --mantine-color-indigo-1: #dbe4ff;
  --mantine-color-indigo-2: #bac8ff;
  --mantine-color-indigo-3: #91a7ff;
  --mantine-color-indigo-4: #748ffc;
  --mantine-color-indigo-5: #5c7cfa;
  --mantine-color-indigo-6: #4c6ef5;
  --mantine-color-indigo-7: #4263eb;
  --mantine-color-indigo-8: #3b5bdb;
  --mantine-color-indigo-9: #364fc7;
  --mantine-color-blue-0: #e7f5ff;
  --mantine-color-blue-1: #d0ebff;
  --mantine-color-blue-2: #a5d8ff;
  --mantine-color-blue-3: #74c0fc;
  --mantine-color-blue-4: #4dabf7;
  --mantine-color-blue-5: #339af0;
  --mantine-color-blue-6: #228be6;
  --mantine-color-blue-7: #1c7ed6;
  --mantine-color-blue-8: #1971c2;
  --mantine-color-blue-9: #1864ab;
  --mantine-color-cyan-0: #e3fafc;
  --mantine-color-cyan-1: #c5f6fa;
  --mantine-color-cyan-2: #99e9f2;
  --mantine-color-cyan-3: #66d9e8;
  --mantine-color-cyan-4: #3bc9db;
  --mantine-color-cyan-5: #22b8cf;
  --mantine-color-cyan-6: #15aabf;
  --mantine-color-cyan-7: #1098ad;
  --mantine-color-cyan-8: #0c8599;
  --mantine-color-cyan-9: #0b7285;
  --mantine-color-teal-0: #e6fcf5;
  --mantine-color-teal-1: #c3fae8;
  --mantine-color-teal-2: #96f2d7;
  --mantine-color-teal-3: #63e6be;
  --mantine-color-teal-4: #38d9a9;
  --mantine-color-teal-5: #20c997;
  --mantine-color-teal-6: #12b886;
  --mantine-color-teal-7: #0ca678;
  --mantine-color-teal-8: #099268;
  --mantine-color-teal-9: #087f5b;
  --mantine-color-green-0: #ebfbee;
  --mantine-color-green-1: #d3f9d8;
  --mantine-color-green-2: #b2f2bb;
  --mantine-color-green-3: #8ce99a;
  --mantine-color-green-4: #69db7c;
  --mantine-color-green-5: #51cf66;
  --mantine-color-green-6: #40c057;
  --mantine-color-green-7: #37b24d;
  --mantine-color-green-8: #2f9e44;
  --mantine-color-green-9: #2b8a3e;
  --mantine-color-lime-0: #f4fce3;
  --mantine-color-lime-1: #e9fac8;
  --mantine-color-lime-2: #d8f5a2;
  --mantine-color-lime-3: #c0eb75;
  --mantine-color-lime-4: #a9e34b;
  --mantine-color-lime-5: #94d82d;
  --mantine-color-lime-6: #82c91e;
  --mantine-color-lime-7: #74b816;
  --mantine-color-lime-8: #66a80f;
  --mantine-color-lime-9: #5c940d;
  --mantine-color-yellow-0: #fff9db;
  --mantine-color-yellow-1: #fff3bf;
  --mantine-color-yellow-2: #ffec99;
  --mantine-color-yellow-3: #ffe066;
  --mantine-color-yellow-4: #ffd43b;
  --mantine-color-yellow-5: #fcc419;
  --mantine-color-yellow-6: #fab005;
  --mantine-color-yellow-7: #f59f00;
  --mantine-color-yellow-8: #f08c00;
  --mantine-color-yellow-9: #e67700;
  --mantine-color-orange-0: #fff4e6;
  --mantine-color-orange-1: #ffe8cc;
  --mantine-color-orange-2: #ffd8a8;
  --mantine-color-orange-3: #ffc078;
  --mantine-color-orange-4: #ffa94d;
  --mantine-color-orange-5: #ff922b;
  --mantine-color-orange-6: #fd7e14;
  --mantine-color-orange-7: #f76707;
  --mantine-color-orange-8: #e8590c;
  --mantine-color-orange-9: #d9480f;
  --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
  --mantine-h1-line-height: 1.3;
  --mantine-h1-font-weight: 700;
  --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
  --mantine-h2-line-height: 1.35;
  --mantine-h2-font-weight: 700;
  --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
  --mantine-h3-line-height: 1.4;
  --mantine-h3-font-weight: 700;
  --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
  --mantine-h4-line-height: 1.45;
  --mantine-h4-font-weight: 700;
  --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
  --mantine-h5-line-height: 1.5;
  --mantine-h5-font-weight: 700;
  --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
  --mantine-h6-line-height: 1.5;
  --mantine-h6-font-weight: 700;
}
:root[data-mantine-color-scheme=dark],
:host([data-mantine-color-scheme="dark"]) {
  --mantine-color-scheme: dark;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-white);
  --mantine-color-text: var(--mantine-color-dark-0);
  --mantine-color-body: var(--mantine-color-dark-7);
  --mantine-color-error: var(--mantine-color-red-8);
  --mantine-color-placeholder: var(--mantine-color-dark-3);
  --mantine-color-anchor: var(--mantine-color-blue-4);
  --mantine-color-default: var(--mantine-color-dark-6);
  --mantine-color-default-hover: var(--mantine-color-dark-5);
  --mantine-color-default-color: var(--mantine-color-white);
  --mantine-color-default-border: var(--mantine-color-dark-4);
  --mantine-color-dimmed: var(--mantine-color-dark-2);
  --mantine-color-disabled: var(--mantine-color-dark-6);
  --mantine-color-disabled-color: var(--mantine-color-dark-3);
  --mantine-color-disabled-border: var(--mantine-color-dark-4);
  --mantine-color-dark-text: var(--mantine-color-dark-4);
  --mantine-color-dark-filled: var(--mantine-color-dark-8);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
  --mantine-color-dark-light: rgba(10, 10, 10, 1);
  --mantine-color-dark-light-hover: rgba(14, 14, 14, 1);
  --mantine-color-dark-light-color: var(--mantine-color-dark-0);
  --mantine-color-dark-outline: var(--mantine-color-dark-4);
  --mantine-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-4);
  --mantine-color-gray-filled: var(--mantine-color-gray-8);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
  --mantine-color-gray-light: rgba(17, 19, 21, 1);
  --mantine-color-gray-light-hover: rgba(23, 26, 29, 1);
  --mantine-color-gray-light-color: var(--mantine-color-gray-0);
  --mantine-color-gray-outline: var(--mantine-color-gray-4);
  --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-4);
  --mantine-color-red-filled: var(--mantine-color-red-8);
  --mantine-color-red-filled-hover: var(--mantine-color-red-9);
  --mantine-color-red-light: rgba(101, 21, 21, 1);
  --mantine-color-red-light-hover: rgba(141, 29, 29, 1);
  --mantine-color-red-light-color: var(--mantine-color-red-0);
  --mantine-color-red-outline: var(--mantine-color-red-4);
  --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-4);
  --mantine-color-pink-filled: var(--mantine-color-pink-8);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
  --mantine-color-pink-light: rgba(83, 15, 39, 1);
  --mantine-color-pink-light-hover: rgba(116, 21, 54, 1);
  --mantine-color-pink-light-color: var(--mantine-color-pink-0);
  --mantine-color-pink-outline: var(--mantine-color-pink-4);
  --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-4);
  --mantine-color-grape-filled: var(--mantine-color-grape-8);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
  --mantine-color-grape-light: rgba(67, 23, 78, 1);
  --mantine-color-grape-light-hover: rgba(94, 32, 109, 1);
  --mantine-color-grape-light-color: var(--mantine-color-grape-0);
  --mantine-color-grape-outline: var(--mantine-color-grape-4);
  --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-4);
  --mantine-color-violet-filled: var(--mantine-color-violet-8);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
  --mantine-color-violet-light: rgba(48, 31, 98, 1);
  --mantine-color-violet-light-hover: rgba(67, 43, 137, 1);
  --mantine-color-violet-light-color: var(--mantine-color-violet-0);
  --mantine-color-violet-outline: var(--mantine-color-violet-4);
  --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-4);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
  --mantine-color-indigo-light: rgba(27, 40, 100, 1);
  --mantine-color-indigo-light-hover: rgba(38, 55, 139, 1);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-0);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
  --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-4);
  --mantine-color-blue-filled: var(--mantine-color-blue-8);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
  --mantine-color-blue-light: rgba(12, 50, 86, 1);
  --mantine-color-blue-light-hover: rgba(17, 70, 120, 1);
  --mantine-color-blue-light-color: var(--mantine-color-blue-0);
  --mantine-color-blue-outline: var(--mantine-color-blue-4);
  --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-4);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
  --mantine-color-cyan-light: rgba(6, 57, 67, 1);
  --mantine-color-cyan-light-hover: rgba(8, 80, 93, 1);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-0);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
  --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-4);
  --mantine-color-teal-filled: var(--mantine-color-teal-8);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
  --mantine-color-teal-light: rgba(4, 64, 46, 1);
  --mantine-color-teal-light-hover: rgba(6, 89, 64, 1);
  --mantine-color-teal-light-color: var(--mantine-color-teal-0);
  --mantine-color-teal-outline: var(--mantine-color-teal-4);
  --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-4);
  --mantine-color-green-filled: var(--mantine-color-green-8);
  --mantine-color-green-filled-hover: var(--mantine-color-green-9);
  --mantine-color-green-light: rgba(22, 69, 31, 1);
  --mantine-color-green-light-hover: rgba(30, 97, 43, 1);
  --mantine-color-green-light-color: var(--mantine-color-green-0);
  --mantine-color-green-outline: var(--mantine-color-green-4);
  --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-4);
  --mantine-color-lime-filled: var(--mantine-color-lime-8);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
  --mantine-color-lime-light: rgba(46, 74, 7, 1);
  --mantine-color-lime-light-hover: rgba(64, 104, 9, 1);
  --mantine-color-lime-light-color: var(--mantine-color-lime-0);
  --mantine-color-lime-outline: var(--mantine-color-lime-4);
  --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-4);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
  --mantine-color-yellow-light: rgba(115, 60, 0, 1);
  --mantine-color-yellow-light-hover: rgba(161, 83, 0, 1);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-0);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
  --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-4);
  --mantine-color-orange-filled: var(--mantine-color-orange-8);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
  --mantine-color-orange-light: rgba(109, 36, 8, 1);
  --mantine-color-orange-light-hover: rgba(152, 50, 11, 1);
  --mantine-color-orange-light-color: var(--mantine-color-orange-0);
  --mantine-color-orange-outline: var(--mantine-color-orange-4);
  --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
}
:root[data-mantine-color-scheme=light],
:host([data-mantine-color-scheme="light"]) {
  --mantine-color-scheme: light;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-black);
  --mantine-color-text: #000;
  --mantine-color-body: #fff;
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-color-blue-6);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-black);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --mantine-color-disabled: var(--mantine-color-gray-2);
  --mantine-color-disabled-color: var(--mantine-color-gray-5);
  --mantine-color-disabled-border: var(--mantine-color-gray-3);
  --mantine-color-dark-text: var(--mantine-color-dark-filled);
  --mantine-color-dark-filled: var(--mantine-color-dark-6);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: var(--mantine-color-dark-1);
  --mantine-color-dark-light-hover: var(--mantine-color-dark-2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-9);
  --mantine-color-dark-outline: var(--mantine-color-dark-6);
  --mantine-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-filled);
  --mantine-color-gray-filled: var(--mantine-color-gray-6);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
  --mantine-color-gray-light: var(--mantine-color-gray-1);
  --mantine-color-gray-light-hover: var(--mantine-color-gray-2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-9);
  --mantine-color-gray-outline: var(--mantine-color-gray-6);
  --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-filled);
  --mantine-color-red-filled: var(--mantine-color-red-6);
  --mantine-color-red-filled-hover: var(--mantine-color-red-7);
  --mantine-color-red-light: var(--mantine-color-red-1);
  --mantine-color-red-light-hover: var(--mantine-color-red-2);
  --mantine-color-red-light-color: var(--mantine-color-red-9);
  --mantine-color-red-outline: var(--mantine-color-red-6);
  --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-filled);
  --mantine-color-pink-filled: var(--mantine-color-pink-6);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
  --mantine-color-pink-light: var(--mantine-color-pink-1);
  --mantine-color-pink-light-hover: var(--mantine-color-pink-2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-9);
  --mantine-color-pink-outline: var(--mantine-color-pink-6);
  --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-filled);
  --mantine-color-grape-filled: var(--mantine-color-grape-6);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
  --mantine-color-grape-light: var(--mantine-color-grape-1);
  --mantine-color-grape-light-hover: var(--mantine-color-grape-2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-9);
  --mantine-color-grape-outline: var(--mantine-color-grape-6);
  --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-filled);
  --mantine-color-violet-filled: var(--mantine-color-violet-6);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
  --mantine-color-violet-light: var(--mantine-color-violet-1);
  --mantine-color-violet-light-hover: var(--mantine-color-violet-2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-9);
  --mantine-color-violet-outline: var(--mantine-color-violet-6);
  --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
  --mantine-color-indigo-light: var(--mantine-color-indigo-1);
  --mantine-color-indigo-light-hover: var(--mantine-color-indigo-2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-9);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-filled);
  --mantine-color-blue-filled: var(--mantine-color-blue-6);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
  --mantine-color-blue-light: var(--mantine-color-blue-1);
  --mantine-color-blue-light-hover: var(--mantine-color-blue-2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-9);
  --mantine-color-blue-outline: var(--mantine-color-blue-6);
  --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
  --mantine-color-cyan-light: var(--mantine-color-cyan-1);
  --mantine-color-cyan-light-hover: var(--mantine-color-cyan-2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-9);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-filled);
  --mantine-color-teal-filled: var(--mantine-color-teal-6);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
  --mantine-color-teal-light: var(--mantine-color-teal-1);
  --mantine-color-teal-light-hover: var(--mantine-color-teal-2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-9);
  --mantine-color-teal-outline: var(--mantine-color-teal-6);
  --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-filled);
  --mantine-color-green-filled: var(--mantine-color-green-6);
  --mantine-color-green-filled-hover: var(--mantine-color-green-7);
  --mantine-color-green-light: var(--mantine-color-green-1);
  --mantine-color-green-light-hover: var(--mantine-color-green-2);
  --mantine-color-green-light-color: var(--mantine-color-green-9);
  --mantine-color-green-outline: var(--mantine-color-green-6);
  --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-filled);
  --mantine-color-lime-filled: var(--mantine-color-lime-6);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
  --mantine-color-lime-light: var(--mantine-color-lime-1);
  --mantine-color-lime-light-hover: var(--mantine-color-lime-2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-9);
  --mantine-color-lime-outline: var(--mantine-color-lime-6);
  --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
  --mantine-color-yellow-light: var(--mantine-color-yellow-1);
  --mantine-color-yellow-light-hover: var(--mantine-color-yellow-2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-9);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-filled);
  --mantine-color-orange-filled: var(--mantine-color-orange-6);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
  --mantine-color-orange-light: var(--mantine-color-orange-1);
  --mantine-color-orange-light-hover: var(--mantine-color-orange-2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-9);
  --mantine-color-orange-outline: var(--mantine-color-orange-6);
  --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
}
.m_d57069b5 {
  --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));
  position: relative;
  overflow: hidden;
}
.m_d57069b5:where([data-autosize]) .m_b1336c6 {
  min-width: min-content;
}
.m_c0783ff9 {
  scrollbar-width: none;
  overscroll-behavior: var(--scrollarea-over-scroll-behavior);
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
}
.m_c0783ff9::-webkit-scrollbar {
  display: none;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y], [data-offset-scrollbars=present]):where([data-vertical-hidden]) {
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y], [data-offset-scrollbars=present]):not([data-vertical-hidden]) {
  padding-inline-end: var(--scrollarea-scrollbar-size);
  padding-inline-start: unset;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x], [data-offset-scrollbars=present]):where([data-horizontal-hidden]) {
  padding-bottom: 0;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x], [data-offset-scrollbars=present]):not([data-horizontal-hidden]) {
  padding-bottom: var(--scrollarea-scrollbar-size);
}
.m_f8f631dd {
  min-width: 100%;
  display: table;
}
.m_c44ba933 {
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
  transition: background-color 150ms ease, opacity 150ms ease;
  padding: calc(var(--scrollarea-scrollbar-size) / 5);
  display: flex;
  background-color: transparent;
  flex-direction: row;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_c44ba933:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=light]) .m_c44ba933:hover > .m_d8b5e363 {
    background-color: rgba(0, 0, 0, 0.5);
  }
  :where([data-mantine-color-scheme=dark]) .m_c44ba933:hover {
    background-color: var(--mantine-color-dark-8);
  }
  :where([data-mantine-color-scheme=dark]) .m_c44ba933:hover > .m_d8b5e363 {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_c44ba933:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=light]) .m_c44ba933:active > .m_d8b5e363 {
    background-color: rgba(0, 0, 0, 0.5);
  }
  :where([data-mantine-color-scheme=dark]) .m_c44ba933:active {
    background-color: var(--mantine-color-dark-8);
  }
  :where([data-mantine-color-scheme=dark]) .m_c44ba933:active > .m_d8b5e363 {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.m_c44ba933:where([data-hidden], [data-state=hidden]) {
  display: none;
}
.m_c44ba933:where([data-orientation=vertical]) {
  width: var(--scrollarea-scrollbar-size);
  top: 0;
  bottom: var(--sa-corner-width);
  inset-inline-end: 0;
}
.m_c44ba933:where([data-orientation=horizontal]) {
  height: var(--scrollarea-scrollbar-size);
  flex-direction: column;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: var(--sa-corner-width);
}
.m_d8b5e363 {
  flex: 1;
  border-radius: var(--scrollarea-scrollbar-size);
  position: relative;
  transition: background-color 150ms ease;
  overflow: hidden;
  opacity: var(--thumb-opacity);
}
.m_d8b5e363::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: calc(2.75rem * var(--mantine-scale));
  min-height: calc(2.75rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_d8b5e363 {
  background-color: rgba(0, 0, 0, 0.4);
}
:where([data-mantine-color-scheme=dark]) .m_d8b5e363 {
  background-color: rgba(255, 255, 255, 0.4);
}
.m_21657268 {
  position: absolute;
  opacity: 0;
  transition: opacity 150ms ease;
  display: block;
  inset-inline-end: 0;
  bottom: 0;
}
:where([data-mantine-color-scheme=light]) .m_21657268 {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_21657268 {
  background-color: var(--mantine-color-dark-8);
}
.m_21657268:where([data-hovered]) {
  opacity: 1;
}
.m_21657268:where([data-hidden]) {
  display: none;
}
.m_b1336c6 {
  min-width: 100%;
}
.m_87cf2631 {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  appearance: none;
  font-size: var(--mantine-font-size-md);
  text-align: start;
  text-decoration: none;
  color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.m_515a97f8 {
  border: 0;
  clip: rect(0 0 0 0);
  height: calc(0.0625rem * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  margin: calc(-0.0625rem * var(--mantine-scale));
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.m_1b7284a3 {
  --paper-radius: var(--mantine-radius-default);
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  touch-action: manipulation;
  text-decoration: none;
  border-radius: var(--paper-radius);
  box-shadow: var(--paper-shadow);
  background-color: var(--mantine-color-body);
}
[data-mantine-color-scheme=light] .m_1b7284a3 {
  --paper-border-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme=dark] .m_1b7284a3 {
  --paper-border-color: var(--mantine-color-dark-4);
}
.m_1b7284a3:where([data-with-border]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
}
.m_9814e45f {
  inset: 0;
  position: absolute;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
  -webkit-backdrop-filter: var(--overlay-filter);
  backdrop-filter: var(--overlay-filter);
  border-radius: var(--overlay-radius, 0);
  z-index: var(--overlay-z-index);
}
.m_9814e45f:where([data-fixed]) {
  position: fixed;
}
.m_9814e45f:where([data-center]) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_38a85659 {
  position: absolute;
  border: 1px solid var(--popover-border-color);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  box-shadow: var(--popover-shadow, none);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
}
.m_38a85659:where([data-fixed]) {
  position: fixed;
}
.m_38a85659:focus {
  outline: none;
}
:where([data-mantine-color-scheme=light]) .m_38a85659 {
  --popover-border-color: var(--mantine-color-gray-2);
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_38a85659 {
  --popover-border-color: var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-6);
}
.m_a31dc6c1 {
  background-color: inherit;
  border: 1px solid var(--popover-border-color);
  z-index: 1;
}
.m_3d7bc908 {
  position: fixed;
  inset: 0;
}
.m_5ae2e3c {
  --loader-size-xs: calc(1.125rem * var(--mantine-scale));
  --loader-size-sm: calc(1.375rem * var(--mantine-scale));
  --loader-size-md: calc(2.25rem * var(--mantine-scale));
  --loader-size-lg: calc(2.75rem * var(--mantine-scale));
  --loader-size-xl: calc(3.625rem * var(--mantine-scale));
  --loader-size: var(--loader-size-md);
  --loader-color: var(--mantine-primary-color-filled);
}
@keyframes m_5d2b3b9d {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  50%, 100% {
    transform: scale(1);
  }
}
.m_7a2bd4cd {
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
  display: flex;
  gap: calc(var(--loader-size) / 5);
}
.m_870bb79 {
  flex: 1;
  background: var(--loader-color);
  animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  border-radius: calc(0.125rem * var(--mantine-scale));
}
.m_870bb79:nth-of-type(1) {
  animation-delay: -240ms;
}
.m_870bb79:nth-of-type(2) {
  animation-delay: -120ms;
}
.m_870bb79:nth-of-type(3) {
  animation-delay: 0;
}
@keyframes m_aac34a1 {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.6);
    opacity: 0.5;
  }
}
.m_4e3f22d7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--loader-size) / 10);
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
}
.m_870c4af {
  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  border-radius: 50%;
  background: var(--loader-color);
  animation: m_aac34a1 0.8s infinite linear;
}
.m_870c4af:nth-child(2) {
  animation-delay: 0.4s;
}
@keyframes m_f8e89c4b {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.m_b34414df {
  display: inline-block;
  width: var(--loader-size);
  height: var(--loader-size);
}
.m_b34414df::after {
  content: "";
  display: block;
  width: var(--loader-size);
  height: var(--loader-size);
  border-radius: calc(625rem * var(--mantine-scale));
  border-width: calc(var(--loader-size) / 8);
  border-style: solid;
  border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
  animation: m_f8e89c4b 1.2s linear infinite;
}
.m_8d3f4000 {
  --ai-size-xs: calc(1.125rem * var(--mantine-scale));
  --ai-size-sm: calc(1.375rem * var(--mantine-scale));
  --ai-size-md: calc(1.75rem * var(--mantine-scale));
  --ai-size-lg: calc(2.125rem * var(--mantine-scale));
  --ai-size-xl: calc(2.75rem * var(--mantine-scale));
  --ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
  --ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
  --ai-size-input-md: calc(2.625rem * var(--mantine-scale));
  --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
  --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));
  --ai-size: var(--ai-size-md);
  --ai-color: var(--mantine-color-white);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  overflow: hidden;
  width: var(--ai-size);
  height: var(--ai-size);
  min-width: var(--ai-size);
  min-height: var(--ai-size);
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  background: var(--ai-bg, var(--mantine-primary-color-filled));
  color: var(--ai-color, var(--mantine-color-white));
  border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  cursor: pointer;
}
@media (hover: hover) {
  .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
    color: var(--ai-hover-color, var(--ai-color));
  }
}
@media (hover: none) {
  .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
    color: var(--ai-hover-color, var(--ai-color));
  }
}
.m_8d3f4000[data-loading] {
  cursor: not-allowed;
}
.m_8d3f4000[data-loading] .m_8d3afb97 {
  opacity: 0;
  transform: translateY(100%);
}
.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  cursor: not-allowed;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-disabled-color);
  background: var(--mantine-color-disabled);
}
.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
  transform: none;
}
.m_302b9fb1 {
  inset: calc(-0.0625rem * var(--mantine-scale));
  position: absolute;
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([data-mantine-color-scheme=light]) .m_302b9fb1 {
  background-color: rgba(255, 255, 255, 0.15);
}
:where([data-mantine-color-scheme=dark]) .m_302b9fb1 {
  background-color: rgba(0, 0, 0, 0.15);
}
.m_1a0f1b21 {
  --ai-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}
.m_1a0f1b21 :where(*):focus {
  position: relative;
  z-index: 1;
}
.m_1a0f1b21[data-orientation=horizontal] {
  flex-direction: row;
}
.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):first-child,
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):first-child {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  border-inline-end-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):last-child,
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):last-child {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
  border-inline-start-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-inline-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=vertical] {
  flex-direction: column;
}
.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):first-child,
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):first-child {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-bottom-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):last-child,
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):last-child {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-top-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-bottom-width: calc(var(--ai-border-width) / 2);
  border-top-width: calc(var(--ai-border-width) / 2);
}
.m_8d3afb97 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease, opacity 100ms ease;
  width: 100%;
  height: 100%;
}
.m_437b6484 {
  --section-height-xs: calc(1.125rem * var(--mantine-scale));
  --section-height-sm: calc(1.375rem * var(--mantine-scale));
  --section-height-md: calc(1.75rem * var(--mantine-scale));
  --section-height-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-xl: calc(2.75rem * var(--mantine-scale));
  --section-height-input-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-input-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-input-md: calc(2.625rem * var(--mantine-scale));
  --section-height-input-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-input-xl: calc(3.75rem * var(--mantine-scale));
  --section-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --section-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-xl: calc(1rem * var(--mantine-scale));
  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);
  font-weight: var(--mantine-font-weight-medium);
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.m_86a44da5 {
  --cb-size-xs: calc(1.125rem * var(--mantine-scale));
  --cb-size-sm: calc(1.375rem * var(--mantine-scale));
  --cb-size-md: calc(1.75rem * var(--mantine-scale));
  --cb-size-lg: calc(2.125rem * var(--mantine-scale));
  --cb-size-xl: calc(2.75rem * var(--mantine-scale));
  --cb-size: var(--cb-size-md);
  --cb-icon-size: 70%;
  --cb-radius: var(--mantine-radius-default);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  width: var(--cb-size);
  height: var(--cb-size);
  min-width: var(--cb-size);
  min-height: var(--cb-size);
  border-radius: var(--cb-radius);
}
:where([data-mantine-color-scheme=light]) .m_86a44da5 {
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_86a44da5 {
  color: var(--mantine-color-dark-1);
}
.m_86a44da5[data-disabled],
.m_86a44da5:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
    background-color: var(--mantine-color-dark-6);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
    background-color: var(--mantine-color-dark-6);
  }
}
.m_4081bf90 {
  display: flex;
  flex-direction: row;
  flex-wrap: var(--group-wrap, wrap);
  justify-content: var(--group-justify, flex-start);
  align-items: var(--group-align, center);
  gap: var(--group-gap, var(--mantine-spacing-md));
}
.m_4081bf90:where([data-grow]) > * {
  flex-grow: 1;
  max-width: var(--group-child-width);
}
.m_615af6c9 {
  line-height: 1;
  padding: 0;
  margin: 0;
  font-weight: var(--mantine-font-weight-regular);
  font-size: var(--mantine-font-size-md);
}
.m_b5489c3c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
  position: sticky;
  top: 0;
  background-color: var(--mantine-color-body);
  z-index: 1000;
  min-height: calc(3.75rem * var(--mantine-scale));
  transition: padding-inline-end 100ms;
}
.m_60c222c7 {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: var(--mb-z-index);
  pointer-events: none;
}
.m_fd1ab0aa {
  pointer-events: all;
  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
}
.m_fd1ab0aa [data-mantine-scrollbar] {
  z-index: 1001;
}
[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
}
.m_606cb269 {
  margin-inline-start: auto;
}
.m_5df29311 {
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-top: var(--mb-padding, var(--mantine-spacing-md));
}
.m_5df29311:where(:not(:only-child)) {
  padding-top: 0;
}
.m_6c018570 {
  position: relative;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: var(--input-margin-bottom, 0rem);
  --input-height-xs: calc(1.875rem * var(--mantine-scale));
  --input-height-sm: calc(2.25rem * var(--mantine-scale));
  --input-height-md: calc(2.625rem * var(--mantine-scale));
  --input-height-lg: calc(3.125rem * var(--mantine-scale));
  --input-height-xl: calc(3.75rem * var(--mantine-scale));
  --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
  --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
  --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
  --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);
  --input-cursor: text;
  --input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  --input-padding: calc(var(--input-height) / 3);
  --input-padding-inline-start: var(--input-padding);
  --input-padding-inline-end: var(--input-padding);
  --input-placeholder-color: var(--mantine-color-placeholder);
  --input-color: var(--mantine-color-text);
  --input-disabled-bg: var(--mantine-color-disabled);
  --input-disabled-color: var(--mantine-color-disabled-color);
  --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
  --input-right-section-size: var( --input-right-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))) );
  --input-size: var(--input-height);
  --section-y: calc(0.0625rem * var(--mantine-scale));
  --left-section-start: calc(0.0625rem * var(--mantine-scale));
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
  --right-section-end: calc(0.0625rem * var(--mantine-scale));
  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}
.m_6c018570[data-variant=unstyled] {
  --input-padding: 0;
  --input-padding-y: 0;
  --input-padding-inline-start: 0;
  --input-padding-inline-end: 0;
}
.m_6c018570[data-pointer] {
  --input-cursor: pointer;
}
.m_6c018570[data-with-bottom-section] {
  --input-bottom-section-height: calc(1.75rem * var(--mantine-scale));
}
.m_6c018570[data-multiline] {
  --input-padding-y-xs: calc(0.28125rem * var(--mantine-scale));
  --input-padding-y-sm: calc(0.34375rem * var(--mantine-scale));
  --input-padding-y-md: calc(0.4375rem * var(--mantine-scale));
  --input-padding-y-lg: calc(0.59375rem * var(--mantine-scale));
  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
  --input-size: auto;
  --input-line-height: var(--mantine-line-height);
}
.m_6c018570[data-with-left-section] {
  --input-padding-inline-start: var(--input-left-section-size);
}
.m_6c018570[data-with-right-section] {
  --input-padding-inline-end: var(--input-right-section-size);
}
.m_6c018570[data-size=xs] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(2.5625rem * var(--mantine-scale));
}
.m_6c018570[data-size=sm] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(3.125rem * var(--mantine-scale));
}
.m_6c018570[data-size=md] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(3.75rem * var(--mantine-scale));
}
.m_6c018570[data-size=lg] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(4.5rem * var(--mantine-scale));
}
.m_6c018570[data-size=xl] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(5.5625rem * var(--mantine-scale));
}
[data-mantine-color-scheme=light] .m_6c018570[data-variant=default] {
  --input-bd: var(--mantine-color-gray-4);
  --input-bg: var(--mantine-color-white);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=light] .m_6c018570[data-variant=filled] {
  --input-bd: transparent;
  --input-bg: var(--mantine-color-gray-1);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=light] .m_6c018570[data-variant=unstyled] {
  --input-bd: transparent;
  --input-bg: transparent;
  --input-bd-focus: transparent;
}
[data-mantine-color-scheme=dark] .m_6c018570[data-variant=default] {
  --input-bd: var(--mantine-color-dark-4);
  --input-bg: var(--mantine-color-dark-6);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=dark] .m_6c018570[data-variant=filled] {
  --input-bd: transparent;
  --input-bg: var(--mantine-color-dark-5);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=dark] .m_6c018570[data-variant=unstyled] {
  --input-bd: transparent;
  --input-bg: transparent;
  --input-bd-focus: transparent;
}
[data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant=unstyled]) {
  --input-bd: var(--mantine-color-error);
}
[data-mantine-color-scheme] .m_6c018570[data-error] {
  --input-color: var(--mantine-color-error);
  --input-placeholder-color: var(--mantine-color-error);
  --input-section-color: var(--mantine-color-error);
}
:where([dir=rtl]) .m_6c018570 {
  --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
  --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
}
.m_6c018570[dir=ltr] {
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}
.m_8fb7ebe7 {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color 100ms ease;
  text-align: var(--input-text-align, start);
  color: var(--input-color);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font-family: var(--input-font-family, var(--mantine-font-family));
  height: var(--input-size);
  min-height: var(--input-height);
  line-height: var(--input-line-height);
  font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
}
.m_8fb7ebe7[data-no-overflow] {
  --input-overflow: hidden;
}
.m_8fb7ebe7[data-monospace] {
  --input-font-family: var(--mantine-font-family-monospace);
  --_input-fz: calc(var(--input-fz) - calc(0.125rem * var(--mantine-scale)));
}
.m_8fb7ebe7:focus,
.m_8fb7ebe7:focus-within {
  outline: none;
  --input-bd: var(--input-bd-focus);
}
[data-error] .m_8fb7ebe7:focus,
[data-error] .m_8fb7ebe7:focus-within {
  --input-bd: var(--mantine-color-error);
}
.m_8fb7ebe7::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}
.m_8fb7ebe7::-webkit-inner-spin-button,
.m_8fb7ebe7::-webkit-outer-spin-button,
.m_8fb7ebe7::-webkit-search-decoration,
.m_8fb7ebe7::-webkit-search-cancel-button,
.m_8fb7ebe7::-webkit-search-results-button,
.m_8fb7ebe7::-webkit-search-results-decoration {
  appearance: none;
}
.m_8fb7ebe7[type=number] {
  -moz-appearance: textfield;
}
.m_8fb7ebe7:disabled,
.m_8fb7ebe7[data-disabled] {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-color);
}
.m_8fb7ebe7:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-color);
}
.m_8fb7ebe7[readonly] {
  caret-color: transparent;
}
[data-with-bottom-section] .m_8fb7ebe7 {
  padding-bottom: calc(var(--input-padding-y, 0rem) + var(--input-bottom-section-height));
}
.m_93f4ed57 {
  position: absolute;
  bottom: calc(0.0625rem * var(--mantine-scale));
  left: calc(0.0625rem * var(--mantine-scale));
  right: calc(0.0625rem * var(--mantine-scale));
  height: var(--input-bottom-section-height);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-inline: var(--input-padding);
  border-radius: 0 0 var(--input-radius) var(--input-radius);
  pointer-events: all;
  color: var(--mantine-color-dimmed);
  font-size: var(--input-fz, var(--mantine-font-size-sm));
}
.m_82577fc2 {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  inset-inline-start: var(--section-start);
  inset-inline-end: var(--section-end);
  bottom: var(--section-y);
  top: var(--section-y);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--section-size);
  border-radius: var(--section-border-radius);
  color: var(--input-section-color, var(--mantine-color-dimmed));
}
.m_82577fc2[data-position=right] {
  --section-pointer-events: var(--input-right-section-pointer-events);
  --section-end: var(--right-section-end);
  --section-size: var(--input-right-section-size);
  --section-border-radius: var(--right-section-border-radius);
}
.m_6c018570[data-size=xs] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(2.5625rem * var(--mantine-scale));
}
.m_6c018570[data-size=sm] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(3.125rem * var(--mantine-scale));
}
.m_6c018570[data-size=md] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(3.75rem * var(--mantine-scale));
}
.m_6c018570[data-size=lg] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(4.5rem * var(--mantine-scale));
}
.m_6c018570[data-size=xl] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(5.5625rem * var(--mantine-scale));
}
.m_82577fc2[data-position=left] {
  --section-pointer-events: var(--input-left-section-pointer-events);
  --section-start: var(--left-section-start);
  --section-size: var(--input-left-section-size);
  --section-border-radius: var(--left-section-border-radius);
}
.m_88bacfd0 {
  color: var(--input-placeholder-color, var(--mantine-color-placeholder));
}
[data-error] .m_88bacfd0 {
  --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
}
.m_46b77525 {
  line-height: var(--mantine-line-height);
}
.m_8fdc1311 {
  display: inline-block;
  font-weight: var(--mantine-font-weight-medium);
  overflow-wrap: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}
.m_78a94662 {
  color: var(--input-asterisk-color, var(--mantine-color-error));
}
.m_8f816625,
.m_fe47ce59 {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
}
.m_8f816625 {
  color: var(--mantine-color-error);
  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}
.m_fe47ce59 {
  color: var(--mantine-color-dimmed);
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}
.m_8bffd616 {
  display: flex;
}
.m_96b553a6 {
  --transition-duration: 150ms;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  transition-property:
    transform,
    width,
    height;
  transition-timing-function: ease;
  transition-duration: 0ms;
}
.m_96b553a6:where([data-initialized]) {
  transition-duration: var(--transition-duration);
}
.m_96b553a6:where([data-hidden]) {
  display: none;
}
.m_9bdbb667 {
  --accordion-radius: var(--mantine-radius-default);
}
.m_df78851f {
  overflow-wrap: break-word;
}
.m_4ba554d4 {
  padding: var(--mantine-spacing-md);
  padding-top: calc(var(--mantine-spacing-xs) / 2);
}
.m_8fa820a0 {
  margin: 0;
  padding: 0;
  width: 100%;
}
.m_4ba585b8 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-inline: var(--mantine-spacing-md);
  opacity: 1;
  cursor: pointer;
  background-color: transparent;
  color: var(--mantine-color-bright);
}
.m_4ba585b8:where([data-chevron-position=left]) {
  flex-direction: row;
  padding-inline-start: 0;
}
.m_4ba585b8:where(:disabled, [data-disabled]) {
  opacity: 0.4;
  cursor: not-allowed;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
  :where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
  :where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
    background-color: var(--mantine-color-dark-6);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
  :where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
  :where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
    background-color: var(--mantine-color-dark-6);
  }
}
.m_df3ffa0f {
  color: inherit;
  font-weight: var(--mantine-font-weight-regular);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: var(--mantine-spacing-sm);
  padding-bottom: var(--mantine-spacing-sm);
}
.m_3f35ae96 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform var(--accordion-transition-duration, 200ms) ease;
  width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  min-width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  transform: rotate(0deg);
}
.m_3f35ae96:where([data-rotate]) {
  transform: rotate(180deg);
}
.m_3f35ae96:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-md);
  margin-inline-start: var(--mantine-spacing-md);
}
.m_9bd771fe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: var(--mantine-spacing-sm);
}
.m_9bd771fe:where([data-chevron-position=left]) {
  margin-inline-end: 0;
  margin-inline-start: var(--mantine-spacing-lg);
}
:where([data-mantine-color-scheme=light]) .m_9bd7b098 {
  --item-border-color: var(--mantine-color-gray-3);
  --item-filled-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_9bd7b098 {
  --item-border-color: var(--mantine-color-dark-4);
  --item-filled-color: var(--mantine-color-dark-6);
}
.m_fe19b709 {
  border-bottom: 1px solid var(--item-border-color);
}
.m_1f921b3b {
  border: 1px solid var(--item-border-color);
  transition: background-color 150ms ease;
}
.m_1f921b3b:where([data-active]) {
  background-color: var(--item-filled-color);
}
.m_1f921b3b:first-of-type {
  border-start-start-radius: var(--accordion-radius);
  border-start-end-radius: var(--accordion-radius);
}
.m_1f921b3b:first-of-type > [data-accordion-control] {
  border-start-start-radius: var(--accordion-radius);
  border-start-end-radius: var(--accordion-radius);
}
.m_1f921b3b:last-of-type {
  border-end-start-radius: var(--accordion-radius);
  border-end-end-radius: var(--accordion-radius);
}
.m_1f921b3b:last-of-type > [data-accordion-control] {
  border-end-start-radius: var(--accordion-radius);
  border-end-end-radius: var(--accordion-radius);
}
.m_1f921b3b + .m_1f921b3b {
  border-top: 0;
}
.m_2cdf939a {
  border-radius: var(--accordion-radius);
}
.m_2cdf939a:where([data-active]) {
  background-color: var(--item-filled-color);
}
.m_9f59b069 {
  background-color: var(--item-filled-color);
  border-radius: var(--accordion-radius);
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  transition: background-color 150ms ease;
}
.m_9f59b069[data-active] {
  border-color: var(--item-border-color);
}
:where([data-mantine-color-scheme=light]) .m_9f59b069[data-active] {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_9f59b069[data-active] {
  background-color: var(--mantine-color-dark-7);
}
.m_9f59b069 + .m_9f59b069 {
  margin-top: var(--mantine-spacing-md);
}
.m_7f854edf {
  position: fixed;
  z-index: var(--affix-z-index);
  inset-inline-start: var(--affix-left);
  inset-inline-end: var(--affix-right);
  top: var(--affix-top);
  bottom: var(--affix-bottom);
}
.m_66836ed3 {
  --alert-radius: var(--mantine-radius-default);
  --alert-bg: var(--mantine-primary-color-light);
  --alert-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --alert-color: var(--mantine-primary-color-light-color);
  padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
  border-radius: var(--alert-radius);
  position: relative;
  overflow: hidden;
  background-color: var(--alert-bg);
  border: var(--alert-bd);
  color: var(--alert-color);
}
.m_a5d60502 {
  display: flex;
}
.m_667c2793 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-xs);
}
.m_6a03f287 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--mantine-font-size-sm);
  font-weight: var(--mantine-font-weight-bold);
}
.m_6a03f287:where([data-with-close-button]) {
  padding-inline-end: var(--mantine-spacing-md);
}
.m_698f4f23 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m_667f2a6a {
  line-height: 1;
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-inline-end: var(--mantine-spacing-md);
  margin-top: calc(0.0625rem * var(--mantine-scale));
}
.m_7fa78076 {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--mantine-font-size-sm);
}
:where([data-mantine-color-scheme=light]) .m_7fa78076 {
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_7fa78076 {
  color: var(--mantine-color-white);
}
.m_7fa78076:where([data-variant=filled]) {
  color: var(--alert-color);
}
.m_7fa78076:where([data-variant=white]) {
  color: var(--mantine-color-black);
}
.m_87f54839 {
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  color: var(--alert-color);
}
.m_b6d8b162 {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  font-size: var(--text-fz, var(--mantine-font-size-md));
  line-height: var(--text-lh, var(--mantine-line-height-md));
  font-weight: var(--mantine-font-weight-regular);
  text-wrap: var(--text-text-wrap, var(--mantine-text-wrap, wrap));
  margin: 0;
  padding: 0;
}
.m_b6d8b162:where([data-truncate]) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m_b6d8b162:where([data-truncate=start]) {
  direction: rtl;
  text-align: end;
}
:where([dir=rtl]) .m_b6d8b162:where([data-truncate=start]) {
  direction: ltr;
  text-align: start;
}
.m_b6d8b162:where([data-variant=gradient]) {
  background-image: var(--text-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.m_b6d8b162:where([data-line-clamp]) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: var(--text-line-clamp);
  -webkit-box-orient: vertical;
}
.m_b6d8b162:where([data-inherit]) {
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.m_b6d8b162:where([data-inline]) {
  line-height: 1;
}
.m_849cf0da {
  color: var(--mantine-color-anchor);
  text-decoration: none;
  appearance: none;
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}
@media (hover: hover) {
  .m_849cf0da:where([data-underline=hover]):hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .m_849cf0da:where([data-underline=hover]):active {
    text-decoration: underline;
  }
}
.m_849cf0da:where([data-underline=not-hover]) {
  text-decoration: underline;
}
@media (hover: hover) {
  .m_849cf0da:where([data-underline=not-hover]):hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .m_849cf0da:where([data-underline=not-hover]):active {
    text-decoration: none;
  }
}
.m_849cf0da:where([data-underline=always]) {
  text-decoration: underline;
}
.m_849cf0da:where([data-variant=gradient]),
.m_849cf0da:where([data-variant=gradient]):hover {
  text-decoration: none;
}
.m_849cf0da:where([data-line-clamp]) {
  display: -webkit-box;
}
.m_48204f9b {
  width: var(--slider-size);
  height: var(--slider-size);
  position: relative;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.m_48204f9b:focus-within {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_48204f9b {
  --slider-size: calc(3.75rem * var(--mantine-scale));
  --thumb-size: calc(var(--slider-size) / 5);
}
:where([data-mantine-color-scheme=light]) .m_48204f9b {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_48204f9b {
  background-color: var(--mantine-color-dark-5);
}
.m_bb9cdbad {
  position: absolute;
  inset: calc(0.0625rem * var(--mantine-scale));
  border-radius: var(--slider-size);
  pointer-events: none;
}
.m_481dd586 {
  width: calc(0.125rem * var(--mantine-scale));
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 1px);
  transform: rotate(var(--angle));
}
.m_481dd586::before {
  content: "";
  position: absolute;
  top: calc(var(--thumb-size) / 3);
  left: calc(0.03125rem * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  height: calc(var(--thumb-size) / 1.5);
  transform: translate(-50%, -50%);
}
:where([data-mantine-color-scheme=light]) .m_481dd586::before {
  background-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_481dd586::before {
  background-color: var(--mantine-color-dark-3);
}
.m_481dd586[data-label]::after {
  min-width: calc(1.125rem * var(--mantine-scale));
  text-align: center;
  content: attr(data-label);
  position: absolute;
  top: calc(-1.5rem * var(--mantine-scale));
  left: calc(-0.4375rem * var(--mantine-scale));
  transform: rotate(calc(360deg - var(--angle)));
  font-size: var(--mantine-font-size-xs);
}
.m_bc02ba3d {
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(50% - 1.5px);
  inset-inline-end: 0;
  height: 100%;
  width: calc(0.1875rem * var(--mantine-scale));
  outline: none;
  pointer-events: none;
}
.m_bc02ba3d::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: min(var(--thumb-size), calc(var(--slider-size) / 2));
  width: calc(0.1875rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_bc02ba3d::before {
  background-color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_bc02ba3d::before {
  background-color: var(--mantine-color-dark-1);
}
.m_bb8e875b {
  font-size: var(--mantine-font-size-xs);
}
.m_89ab340[data-resizing] {
  --app-shell-transition-duration: 0ms !important;
}
.m_89ab340[data-disabled] {
  --app-shell-header-offset: 0rem !important;
  --app-shell-navbar-offset: 0rem !important;
  --app-shell-aside-offset: 0rem !important;
  --app-shell-footer-offset: 0rem !important;
}
.m_89ab340[data-mode=static] {
  display: grid;
  grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(--app-shell-aside-width, 0);
  grid-template-rows: auto 1fr auto;
  position: relative;
  height: 100%;
  overflow: auto;
}
[data-mantine-color-scheme=light] .m_89ab340 {
  --app-shell-border-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme=dark] .m_89ab340 {
  --app-shell-border-color: var(--mantine-color-dark-4);
}
.m_45252eee,
.m_9cdde9a,
.m_3b16f56b,
.m_8983817,
.m_3840c879 {
  transition-duration: var(--app-shell-transition-duration);
  transition-timing-function: var(--app-shell-transition-timing-function);
}
.m_45252eee,
.m_9cdde9a {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: var(--app-shell-header-offset, 0rem);
  height: calc(100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem));
  background-color: var(--mantine-color-body);
  transition-property:
    transform,
    top,
    height;
}
:where([data-mode=static]) .m_45252eee,
:where([data-mode=static]) .m_9cdde9a {
  position: var(--app-shell-navbar-position, fixed);
  grid-row: var(--app-shell-navbar-grid-row, auto);
  height: 100%;
}
:where([data-layout=alt]) .m_45252eee,
:where([data-layout=alt]) .m_9cdde9a {
  top: 0rem;
  height: 100dvh;
}
:where([data-mode=static][data-layout=alt]) .m_45252eee,
:where([data-mode=static][data-layout=alt]) .m_9cdde9a {
  grid-row: 1 / -1;
  height: 100%;
}
.m_45252eee {
  inset-inline-start: 0;
  width: var(--app-shell-navbar-width);
  transition-property:
    transform,
    top,
    height;
  transform: var(--app-shell-navbar-transform);
  z-index: var(--app-shell-navbar-z-index);
}
:where([data-mode=static]) .m_45252eee {
  grid-column: var(--app-shell-navbar-grid-column, auto);
  display: var(--app-shell-navbar-display, flex);
}
:where([dir=rtl]) .m_45252eee {
  transform: var(--app-shell-navbar-transform-rtl);
}
.m_45252eee:where([data-with-border]) {
  border-inline-end: 1px solid var(--app-shell-border-color);
}
.m_9cdde9a {
  inset-inline-end: 0;
  width: var(--app-shell-aside-width);
  transform: var(--app-shell-aside-transform);
  z-index: var(--app-shell-aside-z-index);
}
:where([data-mode=static]) .m_9cdde9a {
  position: var(--app-shell-aside-position, fixed);
  grid-column: var(--app-shell-aside-grid-column, auto);
  grid-row: var(--app-shell-aside-grid-row, auto);
  display: var(--app-shell-aside-display, flex);
}
:where([dir=rtl]) .m_9cdde9a {
  transform: var(--app-shell-aside-transform-rtl);
}
.m_9cdde9a:where([data-with-border]) {
  border-inline-start: 1px solid var(--app-shell-border-color);
}
:where([data-mode=static][data-layout=alt]) .m_9cdde9a {
  grid-row: 1 / -1;
}
:where([data-scroll-locked]) .m_9cdde9a {
  visibility: var(--app-shell-aside-scroll-locked-visibility);
}
.m_8983817 {
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
  padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
  padding-bottom: calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding));
  min-height: 100dvh;
  transition-property: padding;
}
:where([data-mode=static]) .m_8983817 {
  padding-inline-start: var(--app-shell-padding);
  padding-inline-end: var(--app-shell-padding);
  padding-top: var(--app-shell-padding);
  padding-bottom: var(--app-shell-padding);
  min-height: auto;
  grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
  grid-row: var(--app-shell-main-grid-row, 2);
}
.m_3b16f56b,
.m_3840c879 {
  position: fixed;
  inset-inline: 0;
  transition-property:
    transform,
    margin-inline-start,
    margin-inline-end;
  background-color: var(--mantine-color-body);
}
:where([data-mode=static]) .m_3b16f56b,
:where([data-mode=static]) .m_3840c879 {
  position: var(--app-shell-header-position, fixed);
  grid-column: var(--app-shell-header-grid-column, auto);
}
:where([data-layout=alt]) .m_3b16f56b,
:where([data-layout=alt]) .m_3840c879 {
  margin-inline-start: var(--app-shell-navbar-offset, 0rem);
  margin-inline-end: var(--app-shell-aside-offset, 0rem);
}
:where([data-mode=static][data-layout=alt]) .m_3b16f56b,
:where([data-mode=static][data-layout=alt]) .m_3840c879 {
  grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
  margin-inline-start: 0rem;
  margin-inline-end: 0rem;
}
.m_3b16f56b {
  top: 0;
  height: var(--app-shell-header-height);
  background-color: var(--mantine-color-body);
  transform: var(--app-shell-header-transform);
  z-index: var(--app-shell-header-z-index);
}
:where([data-mode=static]) .m_3b16f56b {
  grid-row: var(--app-shell-header-grid-row, auto);
}
.m_3b16f56b:where([data-with-border]) {
  border-bottom: 1px solid var(--app-shell-border-color);
}
.m_3840c879 {
  bottom: 0;
  height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  transform: var(--app-shell-footer-transform);
  z-index: var(--app-shell-footer-z-index);
}
:where([data-mode=static]) .m_3840c879 {
  position: var(--app-shell-footer-position, fixed);
  grid-column: var(--app-shell-footer-grid-column, auto);
  grid-row: var(--app-shell-footer-grid-row, auto);
}
:where([data-mode=static][data-layout=alt]) .m_3840c879 {
  grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
}
.m_3840c879:where([data-with-border]) {
  border-top: 1px solid var(--app-shell-border-color);
}
.m_6dcfc7c7 {
  flex-grow: 0;
}
.m_6dcfc7c7:where([data-grow]) {
  flex-grow: 1;
}
.m_71ac47fc {
  --ar-ratio: 1;
  max-width: 100%;
}
.m_71ac47fc > :where(*:not(style)) {
  aspect-ratio: var(--ar-ratio);
  width: 100%;
}
.m_71ac47fc > :where(img, video) {
  object-fit: cover;
}
.m_88b62a41 {
  --combobox-padding: calc(0.25rem * var(--mantine-scale));
  padding: var(--combobox-padding);
}
.m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
  max-width: calc(100% + var(--combobox-padding));
}
.m_88b62a41[data-composed] {
  padding-inline-end: 0;
}
.m_88b62a41[data-hidden] {
  display: none;
}
.m_88b62a41[data-floating-height=viewport]:not([data-hidden]) {
  --combobox-floating-options-max-height: calc( var(--combobox-floating-max-height, 100vh) - var(--combobox-padding) * 2 );
  max-height: var(--combobox-floating-max-height, none);
  overflow: hidden;
}
.m_88b62a41,
.m_b2821a6e {
  --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
  --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  --combobox-option-padding: var(--combobox-option-padding-sm);
}
.m_92253aa5 {
  padding: var(--combobox-option-padding);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  overflow-wrap: break-word;
}
.m_92253aa5:where([data-combobox-selected]) {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-color-white);
}
.m_92253aa5:where([data-combobox-disabled]) {
  cursor: not-allowed;
  opacity: 0.35;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-dark-7);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-dark-7);
  }
}
.m_985517d8 {
  margin-inline: calc(var(--combobox-padding) * -1);
  margin-top: calc(var(--combobox-padding) * -1);
  width: calc(100% + var(--combobox-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--combobox-padding);
  position: relative;
}
:where([data-mantine-color-scheme=light]) .m_985517d8,
:where([data-mantine-color-scheme=light]) .m_985517d8:focus {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_985517d8,
:where([data-mantine-color-scheme=dark]) .m_985517d8:focus {
  border-color: var(--mantine-color-dark-4);
}
:where([data-mantine-color-scheme=light]) .m_985517d8 {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_985517d8 {
  background-color: var(--mantine-color-dark-7);
}
.m_2530cd1d {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  text-align: center;
  padding: var(--combobox-option-padding);
  color: var(--mantine-color-dimmed);
}
.m_858f94bd,
.m_82b967cb {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border: 0 solid transparent;
  margin-inline: calc(var(--combobox-padding) * -1);
  padding: var(--combobox-option-padding);
}
:where([data-mantine-color-scheme=light]) .m_858f94bd,
:where([data-mantine-color-scheme=light]) .m_82b967cb {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_858f94bd,
:where([data-mantine-color-scheme=dark]) .m_82b967cb {
  border-color: var(--mantine-color-dark-4);
}
.m_82b967cb {
  border-top-width: calc(0.0625rem * var(--mantine-scale));
  margin-top: var(--combobox-padding);
  margin-bottom: calc(var(--combobox-padding) * -1);
}
.m_858f94bd {
  border-bottom-width: calc(0.0625rem * var(--mantine-scale));
  margin-bottom: var(--combobox-padding);
  margin-top: calc(var(--combobox-padding) * -1);
}
.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
  display: none;
}
.m_2bb2e9e5 {
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
  padding: var(--combobox-option-padding);
  font-weight: var(--mantine-font-weight-medium);
  position: relative;
  display: flex;
  align-items: center;
}
.m_2bb2e9e5::after {
  content: "";
  flex: 1;
  inset-inline: 0;
  height: calc(0.0625rem * var(--mantine-scale));
  margin-inline-start: var(--mantine-spacing-xs);
}
:where([data-mantine-color-scheme=light]) .m_2bb2e9e5::after {
  background-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_2bb2e9e5::after {
  background-color: var(--mantine-color-dark-4);
}
.m_2bb2e9e5:only-child {
  display: none;
}
.m_2943220b {
  --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
  --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
  --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
}
:where([data-mantine-color-scheme=light]) .m_2943220b {
  --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
}
:where([data-mantine-color-scheme=dark]) .m_2943220b {
  --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
}
.m_2943220b {
  width: var(--combobox-chevron-size);
  height: var(--combobox-chevron-size);
  color: var(--_combobox-chevron-color);
}
.m_2943220b:where([data-error]) {
  color: var(--combobox-chevron-color, var(--mantine-color-error));
}
.m_390b5f4 {
  display: flex;
  align-items: center;
  gap: calc(0.5rem * var(--mantine-scale));
}
.m_390b5f4:where([data-reverse]) {
  justify-content: space-between;
}
.m_8ee53fc2 {
  opacity: 0.4;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}
:where([data-combobox-selected]) .m_8ee53fc2 {
  opacity: 1;
}
.m_a530ee0a {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}
.m_5f75b09e {
  --label-lh-xs: calc(1rem * var(--mantine-scale));
  --label-lh-sm: calc(1.25rem * var(--mantine-scale));
  --label-lh-md: calc(1.5rem * var(--mantine-scale));
  --label-lh-lg: calc(1.875rem * var(--mantine-scale));
  --label-lh-xl: calc(2.25rem * var(--mantine-scale));
  --label-lh: var(--label-lh-sm);
}
.m_5f75b09e[data-label-position=left] {
  --label-order: 1;
  --label-offset-end: var(--mantine-spacing-sm);
  --label-offset-start: 0;
}
.m_5f75b09e[data-label-position=right] {
  --label-order: 2;
  --label-offset-end: 0;
  --label-offset-start: var(--mantine-spacing-sm);
}
.m_5f6e695e {
  -webkit-tap-highlight-color: transparent;
  display: flex;
}
.m_d3ea56bb {
  --label-cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--label-fz, var(--mantine-font-size-sm));
  line-height: var(--label-lh);
  cursor: var(--label-cursor);
  order: var(--label-order);
}
fieldset:disabled .m_d3ea56bb,
.m_d3ea56bb[data-disabled] {
  --label-cursor: not-allowed;
}
.m_8ee546b8 {
  cursor: var(--label-cursor);
  color: inherit;
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}
fieldset:disabled .m_8ee546b8,
.m_8ee546b8:where([data-disabled]) {
  color: var(--mantine-color-disabled-color);
}
.m_328f68c0 {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
  cursor: default;
}
.m_8e8a99cc {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}
.m_26775b0a {
  --card-radius: var(--mantine-radius-default);
  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}
.m_26775b0a :where(*) {
  cursor: inherit;
}
.m_26775b0a:where([data-with-border]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}
:where([data-mantine-color-scheme=light]) .m_26775b0a:where([data-with-border]) {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_26775b0a:where([data-with-border]) {
  border-color: var(--mantine-color-dark-4);
}
.m_5e5256ee {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));
  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
}
.m_5e5256ee:where([data-variant=filled]) {
  --checkbox-icon-color: var(--mantine-color-white);
}
.m_5e5256ee:where([data-variant=outline]) {
  --checkbox-icon-color: var(--checkbox-color);
}
.m_5e5256ee {
  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  min-width: var(--checkbox-size);
  height: var(--checkbox-size);
  min-height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  transition: border-color 100ms ease, background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([data-mantine-color-scheme=light]) .m_5e5256ee {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_5e5256ee {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
.m_5e5256ee[data-indeterminate],
.m_5e5256ee[data-checked] {
  background-color: var(--checkbox-color);
  border-color: var(--checkbox-color);
}
.m_5e5256ee[data-indeterminate] > .m_1b1c543a,
.m_5e5256ee[data-checked] > .m_1b1c543a {
  opacity: 1;
  transform: none;
  color: var(--checkbox-icon-color);
}
.m_5e5256ee[data-disabled] {
  cursor: not-allowed;
  border-color: var(--mantine-color-disabled-border);
  background-color: var(--mantine-color-disabled);
}
[data-mantine-color-scheme=light] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
  color: var(--mantine-color-gray-5);
}
[data-mantine-color-scheme=dark] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
  color: var(--mantine-color-dark-3);
}
.m_76e20374[data-indeterminate]:not([data-disabled]),
.m_76e20374[data-checked]:not([data-disabled]) {
  background-color: transparent;
  border-color: var(--checkbox-color);
}
.m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a,
.m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
  color: var(--checkbox-icon-color);
  opacity: 1;
  transform: none;
}
.m_1b1c543a {
  display: block;
  width: 60%;
  color: transparent;
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition: transform 100ms ease, opacity 100ms ease;
}
.m_bf2d988c {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));
  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
}
.m_bf2d988c:where([data-variant=filled]) {
  --checkbox-icon-color: var(--mantine-color-white);
}
.m_bf2d988c:where([data-variant=outline]) {
  --checkbox-icon-color: var(--checkbox-color);
}
.m_26062bec {
  position: relative;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  order: 1;
}
.m_26062bec:where([data-label-position=left]) {
  order: 2;
}
.m_26063560 {
  appearance: none;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  padding: 0;
  display: block;
  margin: 0;
  transition: border-color 100ms ease, background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}
:where([data-mantine-color-scheme=light]) .m_26063560 {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_26063560 {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
.m_26063560:where([data-with-error-styles][data-error]) {
  border-color: var(--mantine-color-error);
}
.m_26063560[data-indeterminate],
.m_26063560:checked {
  background-color: var(--checkbox-color);
  border-color: var(--checkbox-color);
}
.m_26063560[data-indeterminate] + .m_bf295423,
.m_26063560:checked + .m_bf295423 {
  opacity: 1;
  transform: none;
}
.m_26063560:disabled {
  cursor: not-allowed;
  border-color: var(--mantine-color-disabled-border);
  background-color: var(--mantine-color-disabled);
}
.m_26063560:disabled + .m_bf295423 {
  color: var(--mantine-color-disabled-color);
}
.m_215c4542 + .m_bf295423 {
  color: var(--checkbox-color);
}
.m_215c4542[data-indeterminate]:not(:disabled),
.m_215c4542:checked:not(:disabled) {
  background-color: transparent;
  border-color: var(--checkbox-color);
}
.m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423,
.m_215c4542:checked:not(:disabled) + .m_bf295423 {
  color: var(--checkbox-icon-color);
  opacity: 1;
  transform: none;
}
.m_bf295423 {
  position: absolute;
  inset: 0;
  width: 60%;
  margin: auto;
  color: var(--checkbox-icon-color);
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 0;
  transition: transform 100ms ease, opacity 100ms ease;
}
.m_11def92b {
  --ag-spacing: var(--mantine-spacing-sm);
  --ag-offset: calc(var(--ag-spacing) * -1);
  display: flex;
  padding-inline-start: var(--ag-spacing);
}
.m_f85678b6 {
  --avatar-size-xs: calc(1rem * var(--mantine-scale));
  --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
  --avatar-size-md: calc(2.375rem * var(--mantine-scale));
  --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
  --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
  --avatar-size: var(--avatar-size-md);
  --avatar-radius: calc(62.5rem * var(--mantine-scale));
  --avatar-bg: var(--mantine-color-gray-light);
  --avatar-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --avatar-color: var(--mantine-color-gray-light-color);
  --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  user-select: none;
  overflow: hidden;
  border-radius: var(--avatar-radius);
  text-decoration: none;
  padding: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  min-width: var(--avatar-size);
}
.m_f85678b6:where([data-within-group]) {
  margin-inline-start: var(--ag-offset);
  border: 2px solid var(--mantine-color-body);
  background: var(--mantine-color-body);
}
.m_11f8ac07 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.m_104cd71f {
  font-weight: var(--mantine-font-weight-bold);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  user-select: none;
  border-radius: var(--avatar-radius);
  font-size: var(--avatar-placeholder-fz);
  background: var(--avatar-bg);
  border: var(--avatar-bd);
  color: var(--avatar-color);
}
.m_104cd71f > [data-avatar-placeholder-icon] {
  width: 70%;
  height: 70%;
}
.m_2ce0de02 {
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  border: 0;
  text-decoration: none;
  border-radius: var(--bi-radius, 0);
}
.m_347db0ec {
  --badge-height-xs: calc(1rem * var(--mantine-scale));
  --badge-height-sm: calc(1.125rem * var(--mantine-scale));
  --badge-height-md: calc(1.25rem * var(--mantine-scale));
  --badge-height-lg: calc(1.625rem * var(--mantine-scale));
  --badge-height-xl: calc(2rem * var(--mantine-scale));
  --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
  --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
  --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
  --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
  --badge-fz-xl: calc(1rem * var(--mantine-scale));
  --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
  --badge-height: var(--badge-height-md);
  --badge-fz: var(--badge-fz-md);
  --badge-padding-x: var(--badge-padding-x-md);
  --badge-radius: calc(62.5rem * var(--mantine-scale));
  --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
  --badge-color: var(--mantine-color-white);
  --badge-bg: var(--mantine-primary-color-filled);
  --badge-border-width: calc(0.0625rem * var(--mantine-scale));
  --badge-bd: var(--badge-border-width) solid transparent;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--badge-fz);
  border-radius: var(--badge-radius);
  height: var(--badge-height);
  line-height: var(--badge-lh);
  text-decoration: none;
  padding: 0 var(--badge-padding-x);
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: uppercase;
  font-weight: var(--mantine-font-weight-bold);
  letter-spacing: calc(0.015625rem * var(--mantine-scale));
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--badge-color);
  background: var(--badge-bg);
  border: var(--badge-bd);
}
.m_347db0ec:where([data-with-left-section], [data-variant=dot]) {
  grid-template-columns: auto 1fr;
}
.m_347db0ec:where([data-with-right-section]) {
  grid-template-columns: 1fr auto;
}
.m_347db0ec:where([data-with-left-section][data-with-right-section], [data-variant=dot][data-with-right-section]) {
  grid-template-columns: auto 1fr auto;
}
.m_347db0ec:where([data-block]) {
  display: flex;
  width: 100%;
}
.m_347db0ec:where([data-circle]) {
  padding-inline: calc(0.125rem * var(--mantine-scale));
  display: flex;
  width: var(--badge-height);
}
.m_fbd81e3d {
  --badge-dot-size: calc(var(--badge-height) / 3.4);
}
:where([data-mantine-color-scheme=light]) .m_fbd81e3d {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_fbd81e3d {
  background-color: var(--mantine-color-dark-5);
  border-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-white);
}
.m_fbd81e3d::before {
  content: "";
  display: block;
  width: var(--badge-dot-size);
  height: var(--badge-dot-size);
  border-radius: var(--badge-dot-size);
  background-color: var(--badge-dot-color);
  margin-inline-end: var(--badge-dot-size);
}
.m_5add502a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  cursor: inherit;
}
.m_91fdda9b {
  --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
}
.m_91fdda9b:where([data-position=left]) {
  margin-inline-end: var(--badge-section-margin);
}
.m_91fdda9b:where([data-position=right]) {
  margin-inline-start: var(--badge-section-margin);
}
.m_ddec01c0 {
  --blockquote-border: 3px solid var(--bq-bd);
  position: relative;
  margin: 0;
  text-wrap: var(--bq-text-wrap, var(--mantine-text-wrap, wrap));
  border-inline-start: var(--blockquote-border);
  border-start-end-radius: var(--bq-radius);
  border-end-end-radius: var(--bq-radius);
  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_ddec01c0 {
  background-color: var(--bq-bg-light);
}
:where([data-mantine-color-scheme=dark]) .m_ddec01c0 {
  background-color: var(--bq-bg-dark);
}
.m_dde7bd57 {
  --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
  position: absolute;
  color: var(--bq-bd);
  background-color: var(--mantine-color-body);
  display: flex;
  align-items: center;
  justify-content: center;
  top: var(--blockquote-icon-offset);
  inset-inline-start: var(--blockquote-icon-offset);
  width: var(--bq-icon-size);
  height: var(--bq-icon-size);
  border-radius: var(--bq-icon-size);
}
.m_dde51a35 {
  display: block;
  margin-top: var(--mantine-spacing-md);
  opacity: 0.6;
  font-size: 85%;
}
.m_8b3717df {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.m_f678d540 {
  line-height: 1;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.m_3b8f2208 {
  margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([data-mantine-color-scheme=light]) .m_3b8f2208 {
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_3b8f2208 {
  color: var(--mantine-color-dark-2);
}
.m_fea6bf1a {
  --burger-size-xs: calc(0.75rem * var(--mantine-scale));
  --burger-size-sm: calc(1.125rem * var(--mantine-scale));
  --burger-size-md: calc(1.5rem * var(--mantine-scale));
  --burger-size-lg: calc(2.125rem * var(--mantine-scale));
  --burger-size-xl: calc(2.625rem * var(--mantine-scale));
  --burger-size: var(--burger-size-md);
  --burger-line-size: calc(var(--burger-size) / 12);
  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
  padding: calc(var(--mantine-spacing-xs) / 2);
  cursor: pointer;
}
:where([data-mantine-color-scheme=light]) .m_fea6bf1a {
  --burger-color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_fea6bf1a {
  --burger-color: var(--mantine-color-white);
}
.m_d4fb9cad {
  position: relative;
  user-select: none;
}
.m_d4fb9cad,
.m_d4fb9cad::before,
.m_d4fb9cad::after {
  display: block;
  width: var(--burger-size);
  height: var(--burger-line-size);
  background-color: var(--burger-color);
  outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  transition-property: background-color, transform;
  transition-duration: var(--burger-transition-duration, 300ms);
  transition-timing-function: var(--burger-transition-timing-function, ease);
}
.m_d4fb9cad::before,
.m_d4fb9cad::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
}
.m_d4fb9cad::before {
  top: calc(var(--burger-size) / -3);
}
.m_d4fb9cad::after {
  top: calc(var(--burger-size) / 3);
}
.m_d4fb9cad[data-opened] {
  background-color: transparent;
}
.m_d4fb9cad[data-opened]::before {
  transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
}
.m_d4fb9cad[data-opened]::after {
  transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
}
.m_77c9d27d {
  --button-height-xs: calc(1.875rem * var(--mantine-scale));
  --button-height-sm: calc(2.25rem * var(--mantine-scale));
  --button-height-md: calc(2.625rem * var(--mantine-scale));
  --button-height-lg: calc(3.125rem * var(--mantine-scale));
  --button-height-xl: calc(3.75rem * var(--mantine-scale));
  --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
  --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --button-padding-x-xl: calc(2rem * var(--mantine-scale));
  --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);
  user-select: none;
  font-weight: var(--mantine-font-weight-medium);
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--button-color, var(--mantine-color-white));
  height: var(--button-height, var(--button-height-sm));
  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
  vertical-align: middle;
}
.m_77c9d27d:where([data-block]) {
  display: block;
  width: 100%;
}
.m_77c9d27d:where([data-with-left-section]) {
  padding-inline-start: calc(var(--button-padding-x) / 1.5);
}
.m_77c9d27d:where([data-with-right-section]) {
  padding-inline-end: calc(var(--button-padding-x) / 1.5);
}
.m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  cursor: not-allowed;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  transform: none;
  color: var(--mantine-color-disabled-color);
  background: var(--mantine-color-disabled);
}
.m_77c9d27d::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: calc(-0.0625rem * var(--mantine-scale));
  border-radius: var(--button-radius, var(--mantine-radius-default));
  transform: translateY(-100%);
  opacity: 0;
  filter: blur(12px);
  transition: transform 150ms ease, opacity 100ms ease;
}
:where([data-mantine-color-scheme=light]) .m_77c9d27d::before {
  background-color: rgba(255, 255, 255, 0.15);
}
:where([data-mantine-color-scheme=dark]) .m_77c9d27d::before {
  background-color: rgba(0, 0, 0, 0.15);
}
.m_77c9d27d:where([data-loading]) {
  cursor: not-allowed;
  transform: none;
}
.m_77c9d27d:where([data-loading])::before {
  transform: translateY(0);
  opacity: 1;
}
.m_77c9d27d:where([data-loading]) .m_80f1301b {
  opacity: 0;
  transform: translateY(100%);
}
@media (hover: hover) {
  .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
    color: var(--button-hover-color, var(--button-color));
  }
}
@media (hover: none) {
  .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
    color: var(--button-hover-color, var(--button-color));
  }
}
.m_80f1301b {
  display: flex;
  align-items: center;
  justify-content: var(--button-justify, center);
  height: 100%;
  overflow: visible;
  transition: transform 150ms ease, opacity 100ms ease;
}
.m_811560b9 {
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 1;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
.m_811560b9:where([data-loading]) {
  opacity: 0.2;
}
.m_a74036a {
  display: flex;
  align-items: center;
}
.m_a74036a:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_a74036a:where([data-position=right]) {
  margin-inline-start: var(--mantine-spacing-xs);
}
.m_a25b86ee {
  position: absolute;
  left: 50%;
  top: 50%;
}
.m_80d6d844 {
  --button-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}
.m_80d6d844 :where(.m_77c9d27d):focus {
  position: relative;
  z-index: 1;
}
.m_80d6d844[data-orientation=horizontal] {
  flex-direction: row;
}
.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,
.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  border-inline-end-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,
.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
  border-inline-start-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-inline-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=vertical] {
  flex-direction: column;
}
.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,
.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-bottom-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,
.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-top-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-bottom-width: calc(var(--button-border-width) / 2);
  border-top-width: calc(var(--button-border-width) / 2);
}
.m_70be2a01 {
  --section-height-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-md: calc(2.625rem * var(--mantine-scale));
  --section-height-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-xl: calc(3.75rem * var(--mantine-scale));
  --section-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --section-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --section-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --section-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-compact-xl: calc(2.5rem * var(--mantine-scale));
  --section-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --section-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --section-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --section-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --section-padding-x-xl: calc(2rem * var(--mantine-scale));
  --section-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --section-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);
  font-weight: var(--mantine-font-weight-medium);
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.m_e615b15f {
  --card-padding: var(--mantine-spacing-md);
  position: relative;
  overflow: hidden;
  display: flex;
  padding: var(--card-padding);
  color: var(--mantine-color-text);
}
.m_e615b15f:where([data-orientation=horizontal]) {
  flex-direction: row;
}
.m_e615b15f:where([data-orientation=vertical]) {
  flex-direction: column;
}
:where([data-mantine-color-scheme=light]) .m_e615b15f {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_e615b15f {
  background-color: var(--mantine-color-dark-6);
}
.m_599a2148 {
  display: block;
  margin-inline: calc(var(--card-padding) * -1);
}
:where([data-mantine-color-scheme=light]) .m_599a2148 {
  --border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_599a2148 {
  --border-color: var(--mantine-color-dark-4);
}
.m_599a2148:where([data-orientation=vertical]):first-child {
  margin-top: calc(var(--card-padding) * -1);
  border-top: none !important;
}
.m_599a2148:where([data-orientation=vertical]):last-child {
  margin-bottom: calc(var(--card-padding) * -1);
  border-bottom: none !important;
}
.m_599a2148:where([data-orientation=vertical])[data-inherit-padding] {
  padding-inline: var(--card-padding);
}
.m_599a2148:where([data-orientation=vertical])[data-with-border] {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.m_599a2148:where([data-orientation=vertical]) + .m_599a2148:where([data-orientation=vertical]) {
  border-top: none !important;
}
.m_599a2148:where([data-orientation=horizontal]) {
  margin-block: calc(var(--card-padding) * -1);
  margin-inline: 0;
}
.m_599a2148:where([data-orientation=horizontal]):first-child {
  margin-inline-start: calc(var(--card-padding) * -1);
  border-inline-start: none !important;
}
.m_599a2148:where([data-orientation=horizontal]):last-child {
  margin-inline-end: calc(var(--card-padding) * -1);
  border-inline-end: none !important;
}
.m_599a2148:where([data-orientation=horizontal])[data-inherit-padding] {
  padding-block: var(--card-padding);
}
.m_599a2148:where([data-orientation=horizontal])[data-with-border] {
  border-inline-start: 1px solid var(--border-color);
  border-inline-end: 1px solid var(--border-color);
}
.m_599a2148:where([data-orientation=horizontal]) + .m_599a2148:where([data-orientation=horizontal]) {
  border-inline-start: none !important;
}
.m_4451eb3a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_4451eb3a:where([data-inline]) {
  display: inline-flex;
}
.m_f59ffda3 {
  --chip-size-xs: calc(1.4375rem * var(--mantine-scale));
  --chip-size-sm: calc(1.75rem * var(--mantine-scale));
  --chip-size-md: calc(2rem * var(--mantine-scale));
  --chip-size-lg: calc(2.25rem * var(--mantine-scale));
  --chip-size-xl: calc(2.5rem * var(--mantine-scale));
  --chip-icon-size-xs: calc(0.5625rem * var(--mantine-scale));
  --chip-icon-size-sm: calc(0.75rem * var(--mantine-scale));
  --chip-icon-size-md: calc(0.875rem * var(--mantine-scale));
  --chip-icon-size-lg: calc(1rem * var(--mantine-scale));
  --chip-icon-size-xl: calc(1.125rem * var(--mantine-scale));
  --chip-padding-xs: calc(1rem * var(--mantine-scale));
  --chip-padding-sm: calc(1.25rem * var(--mantine-scale));
  --chip-padding-md: calc(1.5rem * var(--mantine-scale));
  --chip-padding-lg: calc(1.75rem * var(--mantine-scale));
  --chip-padding-xl: calc(2rem * var(--mantine-scale));
  --chip-checked-padding-xs: calc(0.5125rem * var(--mantine-scale));
  --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
  --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
  --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
  --chip-checked-padding-xl: calc(0.98125rem * var(--mantine-scale));
  --chip-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --chip-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --chip-spacing-md: calc(1rem * var(--mantine-scale));
  --chip-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --chip-spacing-xl: calc(1.375rem * var(--mantine-scale));
  --chip-size: var(--chip-size-sm);
  --chip-icon-size: var(--chip-icon-size-sm);
  --chip-padding: var(--chip-padding-sm);
  --chip-spacing: var(--chip-spacing-sm);
  --chip-checked-padding: var(--chip-checked-padding-sm);
  --chip-bg: var(--mantine-primary-color-filled);
  --chip-hover: var(--mantine-primary-color-filled-hover);
  --chip-color: var(--mantine-color-white);
  --chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}
.m_be049a53 {
  display: inline-flex;
  align-items: center;
  user-select: none;
  border-radius: var(--chip-radius, 1000rem);
  height: var(--chip-size);
  font-size: var(--chip-fz, var(--mantine-font-size-sm));
  line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
  padding-inline: var(--chip-padding);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
.m_be049a53:where([data-checked]) {
  padding-inline: var(--chip-checked-padding);
}
.m_be049a53:where([data-disabled]) {
  cursor: not-allowed;
  background-color: var(--mantine-color-disabled);
  color: var(--mantine-color-disabled-color);
}
:where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]) {
  background-color: var(--mantine-color-white);
  border: 1px solid var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]) {
  background-color: var(--mantine-color-dark-6);
  border: 1px solid var(--mantine-color-dark-4);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):hover {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):active {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_3904c1af:not([data-disabled]):where([data-checked]) {
  --chip-icon-color: var(--chip-color);
  border: var(--chip-bd);
}
@media (hover: hover) {
  .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
    background-color: var(--chip-hover);
  }
}
@media (hover: none) {
  .m_3904c1af:not([data-disabled]):where([data-checked]):active {
    background-color: var(--chip-hover);
  }
}
.m_fa109255:not([data-disabled]),
.m_f7e165c3:not([data-disabled]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
}
:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]),
:where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]) {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]),
:where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]) {
  background-color: var(--mantine-color-dark-5);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):hover,
  :where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):hover {
    background-color: var(--mantine-color-gray-2);
  }
  :where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):hover,
  :where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):hover {
    background-color: var(--mantine-color-dark-4);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):active,
  :where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):active {
    background-color: var(--mantine-color-gray-2);
  }
  :where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):active,
  :where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):active {
    background-color: var(--mantine-color-dark-4);
  }
}
.m_fa109255:not([data-disabled]):where([data-checked]),
.m_f7e165c3:not([data-disabled]):where([data-checked]) {
  --chip-icon-color: var(--chip-color);
  color: var(--chip-color);
  background-color: var(--chip-bg);
}
@media (hover: hover) {
  .m_fa109255:not([data-disabled]):where([data-checked]):hover,
  .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
    background-color: var(--chip-hover);
  }
}
@media (hover: none) {
  .m_fa109255:not([data-disabled]):where([data-checked]):active,
  .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
    background-color: var(--chip-hover);
  }
}
.m_9ac86df9 {
  width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  height: var(--chip-icon-size);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.m_d6d72580 {
  width: var(--chip-icon-size);
  height: var(--chip-icon-size);
  display: block;
  color: var(--chip-icon-color, inherit);
}
.m_bde07329 {
  width: 0;
  height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
}
.m_bde07329:focus-visible + .m_be049a53 {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_b183c0a2 {
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  padding: 2px calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  font-size: var(--mantine-font-size-xs);
  margin: 0;
  overflow: auto;
}
:where([data-mantine-color-scheme=light]) .m_b183c0a2 {
  background-color: var(--code-bg, var(--mantine-color-gray-0));
}
:where([data-mantine-color-scheme=dark]) .m_b183c0a2 {
  background-color: var(--code-bg, var(--mantine-color-dark-6));
}
.m_b183c0a2[data-block] {
  padding: var(--mantine-spacing-xs);
}
.m_de3d2490 {
  --cs-size: calc(1.75rem * var(--mantine-scale));
  --cs-radius: calc(62.5rem * var(--mantine-scale));
  -webkit-tap-highlight-color: transparent;
  border: none;
  appearance: none;
  display: block;
  line-height: 1;
  position: relative;
  width: var(--cs-size);
  height: var(--cs-size);
  min-width: var(--cs-size);
  min-height: var(--cs-size);
  border-radius: var(--cs-radius);
  color: inherit;
  text-decoration: none;
}
[data-mantine-color-scheme=light] .m_de3d2490 {
  --alpha-overlay-color: var(--mantine-color-gray-3);
  --alpha-overlay-bg: var(--mantine-color-white);
}
[data-mantine-color-scheme=dark] .m_de3d2490 {
  --alpha-overlay-color: var(--mantine-color-dark-4);
  --alpha-overlay-bg: var(--mantine-color-dark-7);
}
.m_862f3d1b {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
}
.m_98ae7f22 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset, rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
}
.m_95709ac0 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  background-size: calc(0.5rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  background-position:
    0 0,
    0 calc(0.25rem * var(--mantine-scale)),
    calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)),
    calc(-0.25rem * var(--mantine-scale)) 0;
  background-image:
    linear-gradient(
      45deg,
      var(--alpha-overlay-color) 25%,
      transparent 25%),
    linear-gradient(
      -45deg,
      var(--alpha-overlay-color) 25%,
      transparent 25%),
    linear-gradient(
      45deg,
      transparent 75%,
      var(--alpha-overlay-color) 75%),
    linear-gradient(
      -45deg,
      var(--alpha-overlay-bg) 75%,
      var(--alpha-overlay-color) 75%);
}
.m_93e74e3 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_fee9c77 {
  --cp-width-xs: calc(11.25rem * var(--mantine-scale));
  --cp-width-sm: calc(12.5rem * var(--mantine-scale));
  --cp-width-md: calc(15rem * var(--mantine-scale));
  --cp-width-lg: calc(17.5rem * var(--mantine-scale));
  --cp-width-xl: calc(20rem * var(--mantine-scale));
  --cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));
  --cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));
  --cp-preview-size-md: calc(2.625rem * var(--mantine-scale));
  --cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));
  --cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
  --cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));
  --cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));
  --cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));
  --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
  --cp-saturation-height-xl: calc(10rem * var(--mantine-scale));
  --cp-preview-size: var(--cp-preview-size-sm);
  --cp-thumb-size: var(--cp-thumb-size-sm);
  --cp-saturation-height: var(--cp-saturation-height-sm);
  --cp-width: var(--cp-width-sm);
  --cp-body-spacing: var(--mantine-spacing-sm);
  width: var(--cp-width);
  padding: calc(0.0625rem * var(--mantine-scale));
}
.m_fee9c77:where([data-full-width]) {
  width: 100%;
}
.m_9dddfbac {
  width: var(--cp-preview-size);
  height: var(--cp-preview-size);
}
.m_bffecc3e {
  display: flex;
  padding-top: calc(var(--cp-body-spacing) / 2);
}
.m_3283bb96 {
  flex: 1;
}
.m_3283bb96:not(:only-child) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_40d572ba {
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border: 2px solid var(--mantine-color-white);
  width: var(--cp-thumb-size);
  height: var(--cp-thumb-size);
  border-radius: var(--cp-thumb-size);
  left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);
  top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
}
.m_d8ee6fd8 {
  height: unset !important;
  width: unset !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: calc(0.125rem * var(--mantine-scale));
  cursor: pointer;
  padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
  flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
}
.m_5711e686 {
  margin-top: calc(0.3125rem * var(--mantine-scale));
  margin-inline: calc(-0.125rem * var(--mantine-scale));
  display: flex;
  flex-wrap: wrap;
}
.m_5711e686:only-child {
  margin-top: 0;
}
.m_202a296e {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
  -webkit-tap-highlight-color: transparent;
  position: relative;
  height: var(--cp-saturation-height);
  border-radius: var(--mantine-radius-sm);
  margin: calc(var(--cp-thumb-size) / 2);
}
.m_202a296e:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba {
  outline: 2px solid var(--mantine-color-blue-filled);
}
.m_202a296e:where([data-focus-ring=always]):focus .m_40d572ba {
  outline: 2px solid var(--mantine-color-blue-filled);
}
.m_11b3db02 {
  position: absolute;
  border-radius: var(--mantine-radius-sm);
  inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
}
.m_d856d47d {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
  --cp-thumb-size: var(--cp-thumb-size, calc(0.75rem * var(--mantine-scale)));
  position: relative;
  height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
  margin-inline: calc(var(--cp-thumb-size) / 2);
  outline: none;
}
.m_d856d47d + .m_d856d47d {
  margin-top: calc(0.375rem * var(--mantine-scale));
}
.m_d856d47d:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba {
  outline: 2px solid var(--mantine-color-blue-filled);
}
.m_d856d47d:where([data-focus-ring=always]):focus .m_40d572ba {
  outline: 2px solid var(--mantine-color-blue-filled);
}
:where([data-mantine-color-scheme=light]) .m_d856d47d {
  --slider-checkers: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_d856d47d {
  --slider-checkers: var(--mantine-color-dark-4);
}
.m_8f327113 {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-radius: 10000rem;
}
.m_b077c2bc {
  --ci-eye-dropper-icon-size-xs: calc(0.875rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
}
.m_66a028b5 {
  --ci-button-size-xs: calc(1.375rem * var(--mantine-scale));
  --ci-button-size-sm: calc(1.625rem * var(--mantine-scale));
  --ci-button-size-md: calc(1.75rem * var(--mantine-scale));
  --ci-button-size-lg: calc(2rem * var(--mantine-scale));
  --ci-button-size-xl: calc(2.5rem * var(--mantine-scale));
  --ci-button-size: var(--ci-button-size-sm);
  width: var(--ci-button-size);
  height: var(--ci-button-size);
  min-width: var(--ci-button-size);
  min-height: var(--ci-button-size);
}
.m_c5ccdcab {
  --ci-preview-size-xs: calc(1rem * var(--mantine-scale));
  --ci-preview-size-sm: calc(1.125rem * var(--mantine-scale));
  --ci-preview-size-md: calc(1.375rem * var(--mantine-scale));
  --ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));
  --ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));
  --ci-preview-size: var(--ci-preview-size-sm);
}
.m_5ece2cd7 {
  padding: calc(0.5rem * var(--mantine-scale));
}
.m_7485cace {
  --container-size-xs: calc(33.75rem * var(--mantine-scale));
  --container-size-sm: calc(45rem * var(--mantine-scale));
  --container-size-md: calc(60rem * var(--mantine-scale));
  --container-size-lg: calc(71.25rem * var(--mantine-scale));
  --container-size-xl: calc(82.5rem * var(--mantine-scale));
  --container-size: var(--container-size-md);
}
.m_7485cace:where([data-strategy=block]) {
  max-width: var(--container-size);
  padding-inline: var(--mantine-spacing-md);
  margin-inline: auto;
}
.m_7485cace:where([data-strategy=block]):where([data-fluid]) {
  max-width: 100%;
}
.m_7485cace:where([data-strategy=grid]) {
  display: grid;
  grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
  margin-inline: auto;
}
.m_7485cace:where([data-strategy=grid]) > * {
  grid-column: 2;
}
.m_7485cace:where([data-strategy=grid]) > [data-breakout] {
  grid-column: 1 / -1;
}
.m_7485cace:where([data-strategy=grid]) > [data-breakout] > [data-container] {
  max-width: var(--container-size);
  margin-inline: auto;
}
.m_e2125a27 {
  --dialog-size-xs: calc(10rem * var(--mantine-scale));
  --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
  --dialog-size-md: calc(21.25rem * var(--mantine-scale));
  --dialog-size-lg: calc(25rem * var(--mantine-scale));
  --dialog-size-xl: calc(31.25rem * var(--mantine-scale));
  --dialog-size: var(--dialog-size-md);
  position: relative;
  width: var(--dialog-size);
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
  min-height: calc(3.125rem * var(--mantine-scale));
}
.m_5abab665 {
  position: absolute;
  top: calc(var(--mantine-spacing-md) / 2);
  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
}
.m_3eebeb36 {
  --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
  --divider-size-sm: calc(0.125rem * var(--mantine-scale));
  --divider-size-md: calc(0.1875rem * var(--mantine-scale));
  --divider-size-lg: calc(0.25rem * var(--mantine-scale));
  --divider-size-xl: calc(0.3125rem * var(--mantine-scale));
  --divider-size: var(--divider-size-xs);
}
:where([data-mantine-color-scheme=light]) .m_3eebeb36 {
  --divider-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_3eebeb36 {
  --divider-color: var(--mantine-color-dark-4);
}
.m_3eebeb36:where([data-orientation=horizontal]) {
  border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
}
.m_3eebeb36:where([data-orientation=vertical]) {
  border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  height: auto;
  align-self: stretch;
}
.m_3eebeb36:where([data-with-label]) {
  border: 0;
}
.m_9e365f20 {
  display: flex;
  align-items: center;
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
  white-space: nowrap;
}
.m_9e365f20:where([data-position=left])::before {
  display: none;
}
.m_9e365f20:where([data-position=right])::after {
  display: none;
}
.m_9e365f20::before {
  content: "";
  flex: 1;
  height: calc(0.0625rem * var(--mantine-scale));
  border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_9e365f20::after {
  content: "";
  flex: 1;
  height: calc(0.0625rem * var(--mantine-scale));
  border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  margin-inline-start: var(--mantine-spacing-xs);
}
.m_f11b401e {
  --drawer-size-xs: calc(20rem * var(--mantine-scale));
  --drawer-size-sm: calc(23.75rem * var(--mantine-scale));
  --drawer-size-md: calc(27.5rem * var(--mantine-scale));
  --drawer-size-lg: calc(38.75rem * var(--mantine-scale));
  --drawer-size-xl: calc(48.75rem * var(--mantine-scale));
  --drawer-size: var(--drawer-size-md);
  --drawer-offset: 0rem;
}
.m_5a7c2c9 {
  z-index: 1000;
}
.m_b8a05bbd {
  flex: var(--drawer-flex, 0 0 var(--drawer-size));
  height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
  margin: var(--drawer-offset);
  max-width: calc(100% - var(--drawer-offset) * 2);
  max-height: calc(100% - var(--drawer-offset) * 2);
  overflow-y: auto;
}
.m_b8a05bbd[data-hidden] {
  opacity: 0 !important;
  pointer-events: none;
}
.m_31cd769a {
  display: flex;
  justify-content: var(--drawer-justify, flex-start);
  align-items: var(--drawer-align, flex-start);
}
.m_e9408a47 {
  padding: var(--mantine-spacing-lg);
  padding-top: var(--mantine-spacing-xs);
  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
  min-inline-size: auto;
}
.m_84c9523a {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_84c9523a {
  border-color: var(--mantine-color-gray-3);
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_84c9523a {
  border-color: var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-7);
}
.m_ef274e49 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_ef274e49 {
  border-color: var(--mantine-color-gray-3);
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_ef274e49 {
  border-color: var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-6);
}
.m_eda993d3 {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.m_90794832 {
  font-size: var(--mantine-font-size-sm);
}
.m_74ca27fe {
  padding: 0;
  margin-bottom: var(--mantine-spacing-sm);
}
.m_df020499 {
  position: fixed;
  z-index: var(--floating-window-z-index);
}
.m_8478a6da {
  container: mantine-grid / inline-size;
}
.m_410352e9 {
  --grid-overflow: visible;
  --grid-column-gap: var(--grid-gap);
  --grid-row-gap: var(--grid-gap);
  overflow: var(--grid-overflow);
}
.m_dee7bd2f {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--grid-justify);
  align-items: var(--grid-align);
  gap: var(--grid-row-gap) var(--grid-column-gap);
}
.m_96bdd299 {
  --col-flex-grow: 0;
  --col-offset: 0rem;
  flex-shrink: 0;
  order: var(--col-order);
  flex-basis: var(--col-flex-basis);
  width: var(--col-width);
  max-width: var(--col-max-width);
  flex-grow: var(--col-flex-grow);
  margin-inline-start: var(--col-offset);
  align-self: var(--col-align-self);
}
.m_bcb3f3c2 {
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=light]) .m_bcb3f3c2 {
  background-color: var(--mark-bg-light);
}
:where([data-mantine-color-scheme=dark]) .m_bcb3f3c2 {
  background-color: var(--mark-bg-dark);
}
.m_9e117634 {
  display: block;
  object-fit: var(--image-object-fit, cover);
  width: 100%;
  border-radius: var(--image-radius, 0);
}
@keyframes m_885901b1 {
  0% {
    opacity: 0.6;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2.8);
  }
}
.m_e5262200 {
  --indicator-size: calc(0.625rem * var(--mantine-scale));
  --indicator-color: var(--mantine-primary-color-filled);
  position: relative;
  display: block;
}
.m_e5262200:where([data-inline]) {
  display: inline-block;
}
.m_760d1fb1 {
  position: absolute;
  top: var(--indicator-top);
  left: var(--indicator-left);
  right: var(--indicator-right);
  bottom: var(--indicator-bottom);
  transform: translate(var(--indicator-translate-x), var(--indicator-translate-y));
  min-width: var(--indicator-size);
  height: var(--indicator-size);
  border-radius: var(--indicator-radius, 1000rem);
  z-index: var(--indicator-z-index, 200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mantine-font-size-xs);
  background-color: var(--indicator-color);
  color: var(--indicator-text-color, var(--mantine-color-white));
  white-space: nowrap;
}
.m_760d1fb1::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--indicator-color);
  border-radius: var(--indicator-radius, 1000rem);
  z-index: -1;
}
.m_760d1fb1:where([data-with-label]) {
  padding-inline: calc(var(--mantine-spacing-xs) / 2);
}
.m_760d1fb1:where([data-with-border]) {
  border: 2px solid var(--mantine-color-body);
}
.m_760d1fb1[data-processing]::before {
  animation: m_885901b1 1000ms linear infinite;
}
.m_dc6f14e2 {
  --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
  --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
  --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
  --kbd-fz-lg: calc(1rem * var(--mantine-scale));
  --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
  --kbd-fz: var(--kbd-fz-sm);
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: var(--mantine-font-weight-bold);
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-bottom-width: calc(0.1875rem * var(--mantine-scale));
  unicode-bidi: embed;
  text-align: center;
  padding: 0.12em 0.45em;
}
:where([data-mantine-color-scheme=light]) .m_dc6f14e2 {
  border-color: var(--mantine-color-gray-3);
  color: var(--mantine-color-gray-7);
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_dc6f14e2 {
  border-color: var(--mantine-color-dark-4);
  color: var(--mantine-color-dark-0);
  background-color: var(--mantine-color-dark-6);
}
.m_abbac491 {
  --list-fz: var(--mantine-font-size-md);
  --list-lh: var(--mantine-line-height-md);
  --list-marker-gap: var(--mantine-spacing-lg);
  list-style-position: outside;
  font-size: var(--list-fz);
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
  padding-inline-start: var(--list-marker-gap);
}
.m_abbac491[data-type=none] {
  --list-marker-gap: 0;
}
.m_abbac491:where([data-with-padding]) {
  padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
}
.m_abb6bec2 {
  white-space: normal;
  line-height: var(--list-lh);
}
.m_abb6bec2:where([data-with-icon]) {
  list-style: none;
}
.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
  --li-direction: row;
  --li-align: center;
}
.m_abb6bec2:where(:not(:first-of-type)) {
  margin-top: var(--list-spacing, 0);
}
.m_abb6bec2:where([data-centered]) {
  line-height: 1;
}
.m_75cd9f71 {
  display: inline-flex;
  flex-direction: var(--li-direction, column);
  align-items: var(--li-align, flex-start);
  white-space: normal;
}
.m_60f83e5b {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--mantine-spacing-sm);
}
.m_6e45937b {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: var(--lo-z-index);
}
.m_e8eb006c {
  position: relative;
  z-index: calc(var(--lo-z-index) + 1);
}
.m_df587f17 {
  z-index: var(--lo-z-index);
}
@keyframes m_55dc625a {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% / var(--marquee-repeat, 4) - var(--marquee-gap, var(--mantine-spacing-md)) / var(--marquee-repeat, 4)));
  }
}
@keyframes m_cdef532c {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(-100% / var(--marquee-repeat, 4) - var(--marquee-gap, var(--mantine-spacing-md)) / var(--marquee-repeat, 4)));
  }
}
.m_7dc7d3cd {
  --_fade-color: var(--marquee-fade-color, var(--mantine-color-body));
  --_fade-size: var(--marquee-fade-size, 5%);
  position: relative;
  overflow: hidden;
  display: flex;
  max-height: 100%;
  max-width: 100%;
}
.m_7dc7d3cd:where([data-orientation=horizontal]) {
  flex-direction: row;
}
.m_7dc7d3cd:where([data-orientation=vertical]) {
  flex-direction: column;
}
.m_7dc7d3cd[data-fade-edges]::before,
.m_7dc7d3cd[data-fade-edges]::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.m_7dc7d3cd[data-orientation=horizontal][data-fade-edges]::before,
.m_7dc7d3cd[data-orientation=horizontal][data-fade-edges]::after {
  top: 0;
  bottom: 0;
  width: var(--_fade-size);
}
.m_7dc7d3cd[data-orientation=horizontal][data-fade-edges]::before {
  left: 0;
  background:
    linear-gradient(
      to right,
      var(--_fade-color),
      transparent);
}
.m_7dc7d3cd[data-orientation=horizontal][data-fade-edges]::after {
  right: 0;
  background:
    linear-gradient(
      to left,
      var(--_fade-color),
      transparent);
}
.m_7dc7d3cd[data-orientation=vertical][data-fade-edges]::before,
.m_7dc7d3cd[data-orientation=vertical][data-fade-edges]::after {
  left: 0;
  right: 0;
  height: var(--_fade-size);
}
.m_7dc7d3cd[data-orientation=vertical][data-fade-edges]::before {
  top: 0;
  background:
    linear-gradient(
      to bottom,
      var(--_fade-color),
      transparent);
}
.m_7dc7d3cd[data-orientation=vertical][data-fade-edges]::after {
  bottom: 0;
  background:
    linear-gradient(
      to top,
      var(--_fade-color),
      transparent);
}
.m_1f9675ae {
  display: flex;
  gap: var(--marquee-gap, var(--mantine-spacing-md));
  animation-duration: var(--marquee-duration, 40000ms);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.m_7dc7d3cd[data-orientation=horizontal] > .m_1f9675ae {
  flex-direction: row;
  animation-name: m_55dc625a;
}
.m_7dc7d3cd[data-orientation=vertical] > .m_1f9675ae {
  flex-direction: column;
  animation-name: m_cdef532c;
}
.m_7dc7d3cd[data-reverse] > .m_1f9675ae {
  animation-direction: reverse;
}
.m_7dc7d3cd[data-pause-on-hover]:hover > .m_1f9675ae {
  animation-play-state: paused;
}
.m_3a9900f4 {
  display: flex;
  flex-shrink: 0;
  gap: var(--marquee-gap, var(--mantine-spacing-md));
}
.m_7dc7d3cd[data-orientation=horizontal] .m_3a9900f4 {
  flex-direction: row;
}
.m_7dc7d3cd[data-orientation=vertical] .m_3a9900f4 {
  flex-direction: column;
}
.m_dc9b7c9f {
  padding: calc(0.25rem * var(--mantine-scale));
}
.m_9bfac126 {
  color: var(--mantine-color-dimmed);
  font-weight: var(--mantine-font-weight-medium);
  font-size: var(--mantine-font-size-xs);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}
.m_efdf90cb {
  margin-top: calc(0.25rem * var(--mantine-scale));
  margin-bottom: calc(0.25rem * var(--mantine-scale));
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_efdf90cb {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_efdf90cb {
  border-color: var(--mantine-color-dark-4);
}
.m_99ac2aa1 {
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  user-select: none;
}
.m_99ac2aa1:where([data-disabled], :disabled) {
  color: var(--mantine-color-disabled-color);
  opacity: 0.6;
  cursor: not-allowed;
}
:where([data-mantine-color-scheme=light]) .m_99ac2aa1:where(:hover, :focus, [data-menu-active]):where(:not(:disabled, [data-disabled])) {
  background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
}
:where([data-mantine-color-scheme=dark]) .m_99ac2aa1:where(:hover, :focus, [data-menu-active]):where(:not(:disabled, [data-disabled])) {
  background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
}
.m_99ac2aa1:where([data-sub-menu-item]) {
  padding-inline-end: calc(0.3125rem * var(--mantine-scale));
}
.m_ef8769b6 {
  --menu-search-padding: var(--popover-padding, 4px);
  margin-inline: calc(var(--menu-search-padding) * -1);
  margin-top: calc(var(--menu-search-padding) * -1);
  width: calc(100% + var(--menu-search-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--menu-search-padding);
}
:where([data-mantine-color-scheme=light]) .m_ef8769b6,
:where([data-mantine-color-scheme=light]) .m_ef8769b6:focus {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_ef8769b6,
:where([data-mantine-color-scheme=dark]) .m_ef8769b6:focus {
  border-color: var(--mantine-color-dark-4);
}
:where([data-mantine-color-scheme=light]) .m_ef8769b6 {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_ef8769b6 {
  background-color: var(--mantine-color-dark-7);
}
.m_5476e0d3 {
  flex: 1;
}
.m_8395186e {
  width: calc(0.75rem * var(--mantine-scale));
  height: calc(0.75rem * var(--mantine-scale));
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: calc(0.5rem * var(--mantine-scale));
}
.m_8b75e504 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m_8b75e504:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_8b75e504:where([data-position=right]) {
  margin-inline-start: var(--mantine-spacing-xs);
}
.m_b85b0bed {
  transform: rotate(-90deg);
}
:where([dir=rtl]) .m_b85b0bed {
  transform: rotate(90deg);
}
.m_9df02822 {
  --modal-size-xs: calc(20rem * var(--mantine-scale));
  --modal-size-sm: calc(23.75rem * var(--mantine-scale));
  --modal-size-md: calc(27.5rem * var(--mantine-scale));
  --modal-size-lg: calc(38.75rem * var(--mantine-scale));
  --modal-size-xl: calc(48.75rem * var(--mantine-scale));
  --modal-size: var(--modal-size-md);
  --modal-y-offset: 5dvh;
  --modal-x-offset: 5vw;
}
.m_9df02822[data-full-screen] {
  --modal-border-radius: 0 !important;
}
.m_9df02822[data-full-screen] .m_54c44539 {
  --modal-content-flex: 0 0 100%;
  --modal-content-max-height: auto;
  --modal-content-height: 100dvh;
}
.m_9df02822[data-full-screen] .m_1f958f16 {
  --modal-inner-y-offset: 0;
  --modal-inner-x-offset: 0;
}
.m_9df02822[data-centered] .m_1f958f16 {
  --modal-inner-align: center;
}
.m_d0e2b9cd {
  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
}
.m_54c44539 {
  flex: var(--modal-content-flex, 0 0 var(--modal-size));
  max-width: 100%;
  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
  height: var(--modal-content-height, auto);
  overflow-y: auto;
}
.m_54c44539[data-full-screen] {
  border-radius: 0;
}
.m_54c44539[data-hidden] {
  opacity: 0 !important;
  pointer-events: none;
}
.m_1f958f16 {
  display: flex;
  justify-content: center;
  align-items: var(--modal-inner-align, flex-start);
  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
}
.m_7cda1cd6 {
  --pill-fz-xs: calc(0.625rem * var(--mantine-scale));
  --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
  --pill-fz-md: calc(0.875rem * var(--mantine-scale));
  --pill-fz-lg: calc(1rem * var(--mantine-scale));
  --pill-fz-xl: calc(1.125rem * var(--mantine-scale));
  --pill-height-xs: calc(1.125rem * var(--mantine-scale));
  --pill-height-sm: calc(1.375rem * var(--mantine-scale));
  --pill-height-md: calc(1.5625rem * var(--mantine-scale));
  --pill-height-lg: calc(1.75rem * var(--mantine-scale));
  --pill-height-xl: calc(2rem * var(--mantine-scale));
  --pill-fz: var(--pill-fz-sm);
  --pill-height: var(--pill-height-sm);
  font-size: var(--pill-fz);
  flex: 0;
  height: var(--pill-height);
  padding-inline: 0.8em;
  display: inline-flex;
  align-items: center;
  border-radius: var(--pill-radius, 1000rem);
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  max-width: 100%;
  position: relative;
}
:where([data-mantine-color-scheme=dark]) .m_7cda1cd6 {
  background-color: var(--mantine-color-dark-7);
  color: var(--mantine-color-dark-0);
}
:where([data-mantine-color-scheme=light]) .m_7cda1cd6 {
  color: var(--mantine-color-black);
}
.m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
  padding-inline-end: 0;
}
.m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
  cursor: not-allowed;
}
.m_7cda1cd6:where([draggable=true]) {
  cursor: grab;
}
.m_7cda1cd6:where([draggable=true]):focus-visible {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_7cda1cd6:where([data-dragging]) {
  opacity: 0.4;
  cursor: grabbing;
}
.m_7cda1cd6:where([data-drag-over=before])::before,
.m_7cda1cd6:where([data-drag-over=after])::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.125rem * var(--mantine-scale));
  background-color: var(--mantine-primary-color-filled);
  pointer-events: none;
  z-index: 1;
}
.m_7cda1cd6:where([data-drag-over=before])::before {
  inset-inline-start: calc(-0.25rem * var(--mantine-scale));
}
.m_7cda1cd6:where([data-drag-over=after])::after {
  inset-inline-end: calc(-0.25rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_44da308b {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=light]) .m_44da308b:where([data-disabled], :has(button:disabled)) {
  background-color: var(--mantine-color-disabled);
}
:where([data-mantine-color-scheme=light]) .m_e3a01f8 {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=light]) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
  background-color: var(--mantine-color-disabled);
}
.m_1e0e6180 {
  cursor: inherit;
  display: block;
  overflow: hidden;
  height: 100%;
  line-height: var(--pill-height);
  text-overflow: ellipsis;
}
.m_ae386778 {
  color: inherit;
  font-size: inherit;
  height: 100%;
  min-height: unset;
  min-width: 2em;
  width: unset;
  border-radius: 0;
  padding-inline-start: 0.1em;
  padding-inline-end: 0.3em;
  flex: 0;
  border-end-end-radius: var(--pill-radius, 50%);
  border-start-end-radius: var(--pill-radius, 50%);
}
.m_7cda1cd6[data-disabled] > .m_ae386778,
.m_ae386778:disabled {
  display: none;
  background-color: transparent;
  width: 0.8em;
  min-width: 0.8em;
  padding: 0;
  cursor: not-allowed;
}
.m_7cda1cd6[data-disabled] > .m_ae386778 > svg,
.m_ae386778:disabled > svg {
  display: none;
}
.m_ae386778 > svg {
  pointer-events: none;
}
.m_1dcfd90b {
  --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
  --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
  --pg-gap-md: calc(0.625rem * var(--mantine-scale));
  --pg-gap-lg: calc(0.75rem * var(--mantine-scale));
  --pg-gap-xl: calc(0.75rem * var(--mantine-scale));
  --pg-gap: var(--pg-gap-sm);
  display: flex;
  align-items: center;
  gap: var(--pg-gap);
  flex-wrap: wrap;
}
.m_45c4369d {
  background-color: transparent;
  appearance: none;
  min-width: calc(6.25rem * var(--mantine-scale));
  flex: 1;
  border: 0;
  font-size: inherit;
  height: 1.6em;
  color: inherit;
  padding: 0;
}
.m_45c4369d::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}
.m_45c4369d:where([data-type=hidden], [data-type=auto]) {
  height: calc(0.0625rem * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  top: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  opacity: 0;
}
.m_45c4369d:focus {
  outline: none;
}
.m_45c4369d:where([data-type=auto]:focus) {
  height: 1.6em;
  visibility: visible;
  opacity: 1;
  position: static;
}
.m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
  cursor: pointer;
}
.m_45c4369d:where([data-disabled], :disabled) {
  cursor: not-allowed;
}
.m_f0824112 {
  --nl-bg: var(--mantine-primary-color-light);
  --nl-hover: var(--mantine-primary-color-light-hover);
  --nl-color: var(--mantine-primary-color-light-color);
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px var(--mantine-spacing-sm);
  user-select: none;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_f0824112:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_f0824112:hover {
    background-color: var(--mantine-color-dark-6);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_f0824112:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_f0824112:active {
    background-color: var(--mantine-color-dark-6);
  }
}
.m_f0824112:where([data-disabled]) {
  opacity: 0.4;
  pointer-events: none;
}
.m_f0824112:where([data-active], [aria-current=page]) {
  background-color: var(--nl-bg);
  color: var(--nl-color);
}
@media (hover: hover) {
  .m_f0824112:where([data-active], [aria-current=page]):hover {
    background-color: var(--nl-hover);
  }
}
@media (hover: none) {
  .m_f0824112:where([data-active], [aria-current=page]):active {
    background-color: var(--nl-hover);
  }
}
.m_f0824112:where([data-active], [aria-current=page]) .m_57492dcc {
  --description-opacity: 0.9;
  --description-color: var(--nl-color);
}
.m_690090b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease;
}
.m_690090b5 > svg {
  display: block;
}
.m_690090b5:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-sm);
}
.m_690090b5:where([data-position=right]) {
  margin-inline-start: var(--mantine-spacing-sm);
}
.m_690090b5:where([data-rotate]) {
  transform: rotate(90deg);
}
.m_1f6ac4c4 {
  font-size: var(--mantine-font-size-sm);
}
.m_f07af9d2 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m_f07af9d2:where([data-no-wrap]) {
  white-space: nowrap;
}
.m_57492dcc {
  display: block;
  font-size: var(--mantine-font-size-xs);
  opacity: var(--description-opacity, 1);
  color: var(--description-color, var(--mantine-color-dimmed));
  overflow: hidden;
  text-overflow: ellipsis;
}
:where([data-no-wrap]) .m_57492dcc {
  white-space: nowrap;
}
.m_e17b862f {
  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
}
.m_1fd8a00b {
  transform: rotate(-90deg);
}
.m_a513464 {
  --notification-radius: var(--mantine-radius-default);
  --notification-color: var(--mantine-primary-color-filled);
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline-start: calc(1.375rem * var(--mantine-scale));
  padding-inline-end: var(--mantine-spacing-xs);
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  border-radius: var(--notification-radius);
  box-shadow: var(--mantine-shadow-lg);
}
.m_a513464::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.375rem * var(--mantine-scale));
  top: var(--notification-radius);
  bottom: var(--notification-radius);
  inset-inline-start: calc(0.25rem * var(--mantine-scale));
  border-radius: var(--notification-radius);
  background-color: var(--notification-color);
}
:where([data-mantine-color-scheme=light]) .m_a513464 {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_a513464 {
  background-color: var(--mantine-color-dark-6);
}
.m_a513464:where([data-with-icon])::before {
  display: none;
}
:where([data-mantine-color-scheme=light]) .m_a513464:where([data-with-border]) {
  border: 1px solid var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_a513464:where([data-with-border]) {
  border: 1px solid var(--mantine-color-dark-4);
}
.m_a4ceffb {
  box-sizing: border-box;
  margin-inline-end: var(--mantine-spacing-md);
  width: calc(1.75rem * var(--mantine-scale));
  height: calc(1.75rem * var(--mantine-scale));
  border-radius: calc(1.75rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--notification-color);
  color: var(--mantine-color-white);
}
.m_b0920b15 {
  margin-inline-end: var(--mantine-spacing-md);
}
.m_a49ed24 {
  flex: 1;
  overflow: hidden;
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_3feedf16 {
  margin-bottom: calc(0.125rem * var(--mantine-scale));
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  font-weight: var(--mantine-font-weight-medium);
}
:where([data-mantine-color-scheme=light]) .m_3feedf16 {
  color: var(--mantine-color-gray-9);
}
:where([data-mantine-color-scheme=dark]) .m_3feedf16 {
  color: var(--mantine-color-white);
}
.m_3d733a3a {
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
}
:where([data-mantine-color-scheme=light]) .m_3d733a3a {
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_3d733a3a {
  color: var(--mantine-color-dark-0);
}
:where([data-mantine-color-scheme=light]) .m_3d733a3a:where([data-with-title]) {
  color: var(--mantine-color-gray-6);
}
:where([data-mantine-color-scheme=dark]) .m_3d733a3a:where([data-with-title]) {
  color: var(--mantine-color-dark-2);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_919a4d88:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_919a4d88:hover {
    background-color: var(--mantine-color-dark-8);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_919a4d88:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_919a4d88:active {
    background-color: var(--mantine-color-dark-8);
  }
}
.m_e2f5cd4e {
  --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
  --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
  --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
  --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
  --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
}
.m_95e17d22 {
  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
  --ni-chevron-size: var(--ni-chevron-size-sm);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  max-width: calc(var(--ni-chevron-size) * 1.7);
  margin-inline-start: auto;
}
.m_80b4b171 {
  --control-border: 1px solid var(--input-bd);
  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
  flex: 0 0 50%;
  width: 100%;
  padding: 0;
  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-inline-start: var(--control-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
  background-color: transparent;
  cursor: pointer;
}
.m_80b4b171:where(:disabled) {
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.6;
  color: var(--mantine-color-disabled-color);
}
.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
  color: var(--mantine-color-error);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_80b4b171:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_80b4b171:hover {
    background-color: var(--mantine-color-dark-4);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_80b4b171:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_80b4b171:active {
    background-color: var(--mantine-color-dark-4);
  }
}
.m_80b4b171:where(:first-of-type) {
  border-radius: 0;
  border-start-end-radius: var(--control-radius);
}
.m_80b4b171:last-of-type {
  border-radius: 0;
  border-end-end-radius: var(--control-radius);
}
.m_f62ab2af {
  display: flex;
  flex-wrap: wrap;
  contain: layout style;
  gap: var(--ol-gap, var(--mantine-spacing-xs));
}
.m_4addd315 {
  --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
  --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
  --pagination-control-size-md: calc(2rem * var(--mantine-scale));
  --pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));
  --pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));
  --pagination-control-size-input-xs: calc(1.875rem * var(--mantine-scale));
  --pagination-control-size-input-sm: calc(2.25rem * var(--mantine-scale));
  --pagination-control-size-input-md: calc(2.625rem * var(--mantine-scale));
  --pagination-control-size-input-lg: calc(3.125rem * var(--mantine-scale));
  --pagination-control-size-input-xl: calc(3.75rem * var(--mantine-scale));
  --pagination-control-size: var(--pagination-control-size-md);
  --pagination-control-fz: var(--mantine-font-size-md);
  --pagination-active-bg: var(--mantine-primary-color-filled);
}
.m_4addd315:where([data-layout=responsive]) {
  container-type: inline-size;
}
.m_326d024a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  cursor: pointer;
  color: var(--mantine-color-text);
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  font-size: var(--pagination-control-fz);
  line-height: 1;
  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
}
.m_326d024a:where([data-with-padding]) {
  padding: calc(var(--pagination-control-size) / 4);
}
.m_326d024a:where(:disabled, [data-disabled]) {
  cursor: not-allowed;
  opacity: 0.4;
}
:where([data-mantine-color-scheme=light]) .m_326d024a {
  border-color: var(--mantine-color-gray-4);
  background-color: var(--mantine-color-white);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
}
:where([data-mantine-color-scheme=dark]) .m_326d024a {
  border-color: var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-6);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=dark]) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=dark]) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_326d024a:where([data-active]) {
  background-color: var(--pagination-active-bg);
  border-color: var(--pagination-active-bg);
  color: var(--pagination-active-color, var(--mantine-color-white));
}
@media (hover: hover) {
  .m_326d024a:where([data-active]):hover {
    background-color: var(--pagination-active-bg);
  }
}
@media (hover: none) {
  .m_326d024a:where([data-active]):active {
    background-color: var(--pagination-active-bg);
  }
}
.m_4ad7767d {
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.m_105fdbed {
  display: flex;
  gap: inherit;
  align-items: center;
}
@container (width <= 400px) {
  .m_105fdbed {
    display: none;
  }
}
.m_10817321 {
  display: none;
  align-items: center;
  justify-content: center;
  height: var(--pagination-control-size);
  font-size: var(--pagination-control-fz);
  white-space: nowrap;
}
@container (width <= 400px) {
  .m_10817321 {
    display: flex;
  }
}
.m_f61ca620 {
  --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
  --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
  --psi-button-size-md: calc(1.75rem * var(--mantine-scale));
  --psi-button-size-lg: calc(2rem * var(--mantine-scale));
  --psi-button-size-xl: calc(2.5rem * var(--mantine-scale));
  --psi-icon-size-xs: calc(1rem * var(--mantine-scale));
  --psi-icon-size-sm: calc(1.25rem * var(--mantine-scale));
  --psi-icon-size-md: calc(1.375rem * var(--mantine-scale));
  --psi-icon-size-lg: calc(1.5rem * var(--mantine-scale));
  --psi-icon-size-xl: calc(1.75rem * var(--mantine-scale));
  --psi-button-size: var(--psi-button-size-sm);
  --psi-icon-size: var(--psi-icon-size-sm);
}
.m_ccf8da4c {
  position: relative;
  overflow: hidden;
}
.m_f2d85dd2 {
  font-family: var(--mantine-font-family);
  background-color: transparent;
  border: 0;
  padding-inline-end: var(--input-padding-inline-end);
  padding-inline-start: var(--input-padding-inline-start);
  position: absolute;
  inset: 0;
  outline: 0;
  font-size: inherit;
  line-height: var(--mantine-line-height);
  height: 100%;
  width: 100%;
  color: inherit;
}
.m_ccf8da4c[data-disabled] .m_f2d85dd2,
.m_f2d85dd2:disabled {
  cursor: not-allowed;
}
.m_f2d85dd2::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}
.m_f2d85dd2::-ms-reveal {
  display: none;
}
.m_b1072d44 {
  width: var(--psi-button-size);
  height: var(--psi-button-size);
  min-width: var(--psi-button-size);
  min-height: var(--psi-button-size);
}
.m_b1072d44:disabled {
  display: none;
}
.m_f1cb205a {
  --pin-input-size-xs: calc(1.875rem * var(--mantine-scale));
  --pin-input-size-sm: calc(2.25rem * var(--mantine-scale));
  --pin-input-size-md: calc(2.625rem * var(--mantine-scale));
  --pin-input-size-lg: calc(3.125rem * var(--mantine-scale));
  --pin-input-size-xl: calc(3.75rem * var(--mantine-scale));
  --pin-input-size: var(--pin-input-size-sm);
}
.m_cb288ead {
  width: var(--pin-input-size);
  height: var(--pin-input-size);
}
@keyframes m_81a374bd {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(2.5rem * var(--mantine-scale)) 0;
  }
}
@keyframes m_e0fb7a86 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 calc(2.5rem * var(--mantine-scale));
  }
}
.m_db6d6462 {
  --progress-radius: var(--mantine-radius-default);
  --progress-size: var(--progress-size-md);
  --progress-size-xs: calc(0.1875rem * var(--mantine-scale));
  --progress-size-sm: calc(0.3125rem * var(--mantine-scale));
  --progress-size-md: calc(0.5rem * var(--mantine-scale));
  --progress-size-lg: calc(0.75rem * var(--mantine-scale));
  --progress-size-xl: calc(1rem * var(--mantine-scale));
  position: relative;
  height: var(--progress-size);
  border-radius: var(--progress-radius);
  overflow: hidden;
  display: flex;
}
:where([data-mantine-color-scheme=light]) .m_db6d6462 {
  background-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_db6d6462 {
  background-color: var(--mantine-color-dark-4);
}
.m_db6d6462:where([data-orientation=vertical]) {
  height: auto;
  width: var(--progress-size);
  flex-direction: column-reverse;
}
.m_2242eb65 {
  background-color: var(--progress-section-color);
  height: 100%;
  width: var(--progress-section-size);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: calc(1.25rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  transition: width var(--progress-transition-duration, 100ms) ease;
}
.m_2242eb65:where([data-striped]) {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}
.m_2242eb65:where([data-animated]) {
  animation: m_81a374bd 1s linear infinite;
}
.m_2242eb65:where(:last-of-type) {
  border-radius: 0;
  border-start-end-radius: var(--progress-radius);
  border-end-end-radius: var(--progress-radius);
}
.m_2242eb65:where(:first-of-type) {
  border-radius: 0;
  border-start-start-radius: var(--progress-radius);
  border-end-start-radius: var(--progress-radius);
}
.m_db6d6462:where([data-orientation=vertical]) .m_2242eb65 {
  width: 100%;
  height: var(--progress-section-size);
  transition: height var(--progress-transition-duration, 100ms) ease;
}
.m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where([data-striped]) {
  background-image:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}
.m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where([data-animated]) {
  animation: m_e0fb7a86 1s linear infinite;
}
.m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where(:last-of-type) {
  border-radius: 0;
  border-start-start-radius: var(--progress-radius);
  border-start-end-radius: var(--progress-radius);
}
.m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where(:first-of-type) {
  border-radius: 0;
  border-end-start-radius: var(--progress-radius);
  border-end-end-radius: var(--progress-radius);
}
.m_91e40b74 {
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: bold;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
  line-height: 1;
  padding-inline: calc(0.25rem * var(--mantine-scale));
}
.m_db6d6462:where([data-orientation=vertical]) .m_91e40b74 {
  writing-mode: vertical-rl;
}
.m_9dc8ae12 {
  --card-radius: var(--mantine-radius-default);
  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}
.m_9dc8ae12 :where(*) {
  cursor: inherit;
}
.m_9dc8ae12:where([data-with-border]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}
:where([data-mantine-color-scheme=light]) .m_9dc8ae12:where([data-with-border]) {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_9dc8ae12:where([data-with-border]) {
  border-color: var(--mantine-color-dark-4);
}
.m_717d7ff6 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-size: var(--radio-size-sm);
  --radio-color: var(--mantine-primary-color-filled);
  --radio-icon-color: var(--mantine-color-white);
  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--radio-size);
  min-width: var(--radio-size);
  height: var(--radio-size);
  min-height: var(--radio-size);
  border-radius: var(--radio-radius, 10000px);
  transition: border-color 100ms ease, background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([data-mantine-color-scheme=light]) .m_717d7ff6 {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_717d7ff6 {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
.m_717d7ff6[data-checked] {
  background-color: var(--radio-color);
  border-color: var(--radio-color);
}
.m_717d7ff6[data-checked] > .m_3e4da632 {
  opacity: 1;
  transform: none;
  color: var(--radio-icon-color);
}
.m_717d7ff6[data-disabled] {
  cursor: not-allowed;
  background-color: var(--mantine-color-disabled);
  border-color: var(--mantine-color-disabled-border);
}
.m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
  color: var(--mantine-color-disabled-color);
}
.m_2980836c[data-checked]:not([data-disabled]) {
  background-color: transparent;
  border-color: var(--radio-color);
}
.m_2980836c[data-checked]:not([data-disabled]) > .m_3e4da632 {
  color: var(--radio-color);
  opacity: 1;
  transform: none;
}
.m_3e4da632 {
  display: block;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  color: transparent;
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition: transform 100ms ease, opacity 100ms ease;
}
.m_f3f1af94 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
  --radio-size: var(--radio-size-sm);
  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-icon-color: var(--mantine-color-white);
}
.m_89c4f5e4 {
  position: relative;
  width: var(--radio-size);
  height: var(--radio-size);
  order: 1;
}
.m_89c4f5e4:where([data-label-position=left]) {
  order: 2;
}
.m_f3ed6b2b {
  color: var(--radio-icon-color);
  opacity: var(--radio-icon-opacity, 0);
  translate: -50% -50%;
  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
  transition: opacity 100ms ease, transform 200ms ease;
  pointer-events: none;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  position: absolute;
  top: 50%;
  left: 50%;
}
.m_8a3dbb89 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  position: relative;
  appearance: none;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: var(--radio-radius, var(--radio-size));
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  transition-duration: 100ms;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}
:where([data-mantine-color-scheme=light]) .m_8a3dbb89 {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_8a3dbb89 {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
.m_8a3dbb89:checked {
  background-color: var(--radio-color, var(--mantine-primary-color-filled));
  border-color: var(--radio-color, var(--mantine-primary-color-filled));
}
.m_8a3dbb89:checked + .m_f3ed6b2b {
  --radio-icon-opacity: 1;
  --radio-icon-transform: scale(1);
}
.m_8a3dbb89:disabled {
  cursor: not-allowed;
  background-color: var(--mantine-color-disabled);
  border-color: var(--mantine-color-disabled-border);
}
.m_8a3dbb89:disabled + .m_f3ed6b2b {
  --radio-icon-color: var(--mantine-color-disabled-color);
}
.m_8a3dbb89:where([data-with-error-styles][data-error]) {
  border-color: var(--mantine-color-error);
}
.m_1bfe9d39 + .m_f3ed6b2b {
  --radio-icon-color: var(--radio-color);
}
.m_1bfe9d39:checked:not(:disabled) {
  background-color: transparent;
  border-color: var(--radio-color);
}
.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
  --radio-icon-color: var(--radio-color);
  --radio-icon-opacity: 1;
  --radio-icon-transform: none;
}
.m_f8d312f2 {
  --rating-size-xs: calc(0.875rem * var(--mantine-scale));
  --rating-size-sm: calc(1.125rem * var(--mantine-scale));
  --rating-size-md: calc(1.25rem * var(--mantine-scale));
  --rating-size-lg: calc(1.75rem * var(--mantine-scale));
  --rating-size-xl: calc(2rem * var(--mantine-scale));
  display: flex;
  width: max-content;
}
.m_f8d312f2:where(:has(input:disabled)) {
  pointer-events: none;
}
.m_61734bb7 {
  position: relative;
  transition: transform 100ms ease;
}
.m_61734bb7:where([data-active]) {
  z-index: 1;
  transform: scale(1.1);
}
.m_5662a89a {
  width: var(--rating-size);
  height: var(--rating-size);
  display: block;
}
:where([data-mantine-color-scheme=light]) .m_5662a89a {
  fill: var(--mantine-color-gray-3);
  stroke: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_5662a89a {
  fill: var(--mantine-color-dark-3);
  stroke: var(--mantine-color-dark-3);
}
.m_5662a89a:where([data-filled]) {
  fill: var(--rating-color);
  stroke: var(--rating-color);
}
.m_211007ba {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
}
.m_211007ba:focus-visible + label {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_21342ee4 {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--rating-item-z-index, 0);
  -webkit-tap-highlight-color: transparent;
}
.m_21342ee4:where([data-read-only]) {
  cursor: default;
}
.m_21342ee4:where(:last-of-type) {
  position: relative;
}
.m_fae05d6a {
  clip-path: var(--rating-symbol-clip-path);
}
.m_47dd3981 {
  display: inline-flex;
  align-items: baseline;
  overflow: hidden;
}
.m_47dd3981[data-tabular-numbers] {
  font-variant-numeric: tabular-nums;
}
.m_b301d46e {
  display: inline-block;
  width: 1ch;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  transition: width var(--rn-duration) var(--rn-timing-function), opacity var(--rn-duration) var(--rn-timing-function);
}
.m_b301d46e[data-empty] {
  width: 0;
  opacity: 0;
}
.m_8ae40964 {
  display: flex;
  flex-direction: column;
  animation: m_18d73873 var(--rn-duration) var(--rn-timing-function);
}
.m_8ae40964 > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1em;
}
.m_47d64bf5 {
  display: inline-block;
  overflow: hidden;
  white-space: pre;
  transition: opacity var(--rn-duration) var(--rn-timing-function);
}
.m_47d64bf5[data-empty] {
  width: 0;
  opacity: 0;
}
@keyframes m_18d73873 {
  from {
    transform: var(--rn-roll-from);
  }
  to {
    transform: var(--rn-roll-to);
  }
}
.m_1b3c8819 {
  --tooltip-radius: var(--mantine-radius-default);
  position: absolute;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
  pointer-events: none;
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  border-radius: var(--tooltip-radius);
}
:where([data-mantine-color-scheme=light]) .m_1b3c8819 {
  background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
  color: var(--tooltip-color, var(--mantine-color-white));
}
:where([data-mantine-color-scheme=dark]) .m_1b3c8819 {
  background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
  color: var(--tooltip-color, var(--mantine-color-black));
}
.m_1b3c8819:where([data-multiline]) {
  white-space: normal;
}
.m_1b3c8819:where([data-fixed]) {
  position: fixed;
}
.m_f898399f {
  background-color: inherit;
  border: 0;
  z-index: 1;
}
.m_b32e4812 {
  position: relative;
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  --rp-transition-duration: 0ms;
}
.m_d43b5134 {
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  transform: rotate(calc(var(--rp-start-angle, 270deg) - 360deg));
}
.m_b1ca1fbf {
  stroke: var(--curve-color, var(--rp-curve-root-color));
  transition:
    stroke-dashoffset var(--rp-transition-duration) ease,
    stroke-dasharray var(--rp-transition-duration) ease,
    stroke var(--rp-transition-duration);
}
[data-mantine-color-scheme=light] .m_b1ca1fbf {
  --rp-curve-root-color: var(--mantine-color-gray-2);
}
[data-mantine-color-scheme=dark] .m_b1ca1fbf {
  --rp-curve-root-color: var(--mantine-color-dark-4);
}
.m_b23f9dc4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline: var(--rp-label-offset);
}
.m_bc8f275 {
  --scroller-control-size: calc(3.125rem * var(--mantine-scale));
  --scroller-background-color: var(--mantine-color-body);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
.m_ee44dece {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  user-select: none;
}
.m_ee44dece::-webkit-scrollbar {
  display: none;
}
.m_ee44dece[data-draggable] {
  cursor: grab;
}
.m_53e4f606 {
  display: inline-flex;
  white-space: nowrap;
}
.m_47754fc8 {
  width: var(--scroller-control-size);
  height: var(--scroller-control-size);
}
.m_53e526ea {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--scroller-control-size);
  z-index: 1;
  color: var(--mantine-color-dimmed);
  opacity: 1;
  pointer-events: auto;
  transition: opacity 200ms ease, color 150ms ease;
}
.m_53e526ea:hover {
  color: var(--mantine-color-text);
}
.m_53e526ea:where([data-position=start]) {
  inset-inline-start: 0;
  background:
    linear-gradient(
      to right,
      var(--scroller-background-color) 40%,
      transparent);
  justify-content: flex-start;
}
.m_53e526ea:where([data-position=start]) .m_47754fc8 {
  transform: rotate(90deg);
}
.m_53e526ea:where([data-position=end]) {
  inset-inline-end: 0;
  background:
    linear-gradient(
      to left,
      var(--scroller-background-color) 40%,
      transparent);
  justify-content: flex-end;
}
.m_53e526ea:where([data-position=end]) .m_47754fc8 {
  transform: rotate(-90deg);
}
.m_53e526ea:where([data-hidden]) {
  opacity: 0;
  pointer-events: none;
}
.m_cf365364 {
  --sc-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
  --sc-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --sc-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
  --sc-padding-lg: calc(0.4375rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --sc-padding-xl: calc(0.625rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  --sc-transition-duration: 200ms;
  --sc-padding: var(--sc-padding-sm);
  --sc-transition-timing-function: ease;
  --sc-font-size: var(--mantine-font-size-sm);
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: auto;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  overflow: hidden;
  padding: calc(0.25rem * var(--mantine-scale));
}
.m_cf365364:where([data-full-width]) {
  display: flex;
}
.m_cf365364:where([data-orientation=vertical]) {
  display: flex;
  flex-direction: column;
  width: max-content;
}
.m_cf365364:where([data-orientation=vertical]):where([data-full-width]) {
  width: auto;
}
:where([data-mantine-color-scheme=light]) .m_cf365364 {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_cf365364 {
  background-color: var(--mantine-color-dark-8);
}
.m_9e182ccd {
  position: absolute;
  display: block;
  z-index: 1;
  border-radius: max(calc(var(--sc-radius, var(--mantine-radius-default)) - 4px), calc(var(--sc-radius, var(--mantine-radius-default)) / 4));
}
:where([data-mantine-color-scheme=light]) .m_9e182ccd {
  box-shadow: var(--sc-shadow, none);
  background-color: var(--sc-color, var(--mantine-color-white));
}
:where([data-mantine-color-scheme=dark]) .m_9e182ccd {
  box-shadow: none;
  background-color: var(--sc-color, var(--mantine-color-dark-5));
}
.m_1738fcb2 {
  -webkit-tap-highlight-color: transparent;
  font-weight: var(--mantine-font-weight-medium);
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
  font-size: var(--sc-font-size);
  padding: var(--sc-padding);
  transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
  cursor: pointer;
  outline: var(--segmented-control-outline, none);
}
:where([data-mantine-color-scheme=light]) .m_1738fcb2 {
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_1738fcb2 {
  color: var(--mantine-color-dark-1);
}
.m_1738fcb2:where([data-read-only]) {
  cursor: default;
}
fieldset:disabled .m_1738fcb2,
.m_1738fcb2:where([data-disabled]) {
  cursor: not-allowed;
  color: var(--mantine-color-disabled-color);
}
:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-active]) {
  color: var(--sc-label-color, var(--mantine-color-black));
}
:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-active]) {
  color: var(--sc-label-color, var(--mantine-color-white));
}
.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before {
  display: none;
}
.m_1738fcb2:where([data-active])::before {
  content: "";
  inset: 0;
  z-index: 0;
  position: absolute;
  border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
}
:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-active])::before {
  box-shadow: var(--sc-shadow, none);
  background-color: var(--sc-color, var(--mantine-color-white));
}
:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-active])::before {
  box-shadow: none;
  background-color: var(--sc-color, var(--mantine-color-dark-5));
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
    color: var(--mantine-color-black);
  }
  :where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
    color: var(--mantine-color-white);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
    color: var(--mantine-color-black);
  }
  :where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
    color: var(--mantine-color-white);
  }
}
@media (hover: hover) {
  fieldset:disabled .m_1738fcb2:hover {
    color: var(--mantine-color-disabled-color) !important;
  }
}
@media (hover: none) {
  fieldset:disabled .m_1738fcb2:active {
    color: var(--mantine-color-disabled-color) !important;
  }
}
.m_1714d588 {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}
.m_1714d588[data-focus-ring=auto]:focus:focus-visible + .m_1738fcb2 {
  --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
}
.m_1714d588[data-focus-ring=always]:focus + .m_1738fcb2 {
  --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
}
.m_69686b9b {
  position: relative;
  flex: 1;
  z-index: 2;
  transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
}
.m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  background-color: var(--separator-color);
  width: calc(0.0625rem * var(--mantine-scale));
  transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
}
.m_69686b9b[data-orientation=vertical]::before {
  top: 0;
  inset-inline: 0;
  bottom: auto;
  height: calc(0.0625rem * var(--mantine-scale));
  width: auto;
}
:where([data-mantine-color-scheme=light]) .m_69686b9b {
  --separator-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_69686b9b {
  --separator-color: var(--mantine-color-dark-4);
}
.m_69686b9b:first-of-type::before {
  --separator-color: transparent;
}
[data-mantine-color-scheme] .m_69686b9b[data-active]::before,
[data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before {
  --separator-color: transparent;
}
.m_78882f40 {
  position: relative;
  z-index: 2;
}
.m_fa528724 {
  --scp-filled-segment-color: var(--mantine-primary-color-filled);
  --scp-transition-duration: 0ms;
  --scp-thickness: calc(0.75rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_fa528724 {
  --scp-empty-segment-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_fa528724 {
  --scp-empty-segment-color: var(--mantine-color-dark-4);
}
.m_fa528724 {
  position: relative;
  width: fit-content;
}
.m_62e9e7e2 {
  display: block;
  transform: var(--scp-rotation);
  overflow: hidden;
}
.m_c573fb6f {
  transition:
    stroke-dashoffset var(--scp-transition-duration) ease,
    stroke-dasharray var(--scp-transition-duration) ease,
    stroke var(--scp-transition-duration);
}
.m_4fa340f2 {
  position: absolute;
  margin: 0;
  padding: 0;
  inset-inline: 0;
  text-align: center;
  z-index: 1;
}
.m_4fa340f2:where([data-position=bottom]) {
  bottom: 0;
  padding-inline: calc(var(--scp-thickness) * 2);
}
.m_4fa340f2:where([data-position=bottom]):where([data-orientation=down]) {
  bottom: auto;
  top: 0;
}
.m_4fa340f2:where([data-position=center]) {
  top: 50%;
  transform: translateY(-50%);
  padding-inline: calc(var(--scp-thickness) * 3);
}
.m_925c2d2c {
  container: simple-grid / inline-size;
}
.m_2415a157 {
  display: grid;
  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
  grid-auto-rows: var(--sg-auto-rows, auto);
  gap: var(--sg-spacing-y) var(--sg-spacing-x);
}
.m_2415a157[data-auto-cols=auto-fill] {
  grid-template-columns: repeat(auto-fill, minmax(var(--sg-min-col-width), 1fr));
}
.m_2415a157[data-auto-cols=auto-fit] {
  grid-template-columns: repeat(auto-fit, minmax(var(--sg-min-col-width), 1fr));
}
@keyframes m_299c329c {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.m_18320242 {
  height: var(--skeleton-height, auto);
  width: var(--skeleton-width, 100%);
  border-radius: var(--skeleton-radius, var(--mantine-radius-default));
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.m_18320242:where([data-animate])::after {
  animation: m_299c329c 1500ms linear infinite;
}
.m_18320242:where([data-visible]) {
  overflow: hidden;
}
.m_18320242:where([data-visible])::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 10;
  background-color: var(--mantine-color-body);
}
.m_18320242:where([data-visible])::after {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 11;
}
:where([data-mantine-color-scheme=light]) .m_18320242:where([data-visible])::after {
  background-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_18320242:where([data-visible])::after {
  background-color: var(--mantine-color-dark-4);
}
.m_dd36362e {
  --slider-size-xs: calc(0.25rem * var(--mantine-scale));
  --slider-size-sm: calc(0.375rem * var(--mantine-scale));
  --slider-size-md: calc(0.5rem * var(--mantine-scale));
  --slider-size-lg: calc(0.625rem * var(--mantine-scale));
  --slider-size-xl: calc(0.75rem * var(--mantine-scale));
  --slider-size: var(--slider-size-md);
  --slider-radius: calc(62.5rem * var(--mantine-scale));
  --slider-color: var(--mantine-primary-color-filled);
  --slider-track-disabled-bg: var(--mantine-color-disabled);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  height: calc(var(--slider-size) * 2);
  padding-inline: var(--slider-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  touch-action: none;
  position: relative;
}
[data-mantine-color-scheme=light] .m_dd36362e {
  --slider-track-bg: var(--mantine-color-gray-2);
}
[data-mantine-color-scheme=dark] .m_dd36362e {
  --slider-track-bg: var(--mantine-color-dark-4);
}
.m_dd36362e[data-orientation=vertical] {
  width: calc(var(--slider-size) * 2);
  height: calc(12.5rem * var(--mantine-scale));
  padding-inline: 0;
  padding-block: var(--slider-size);
}
.m_c9357328 {
  position: absolute;
  top: calc(-2.25rem * var(--mantine-scale));
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-white);
  padding: calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  touch-action: none;
}
:where([data-mantine-color-scheme=light]) .m_c9357328 {
  background-color: var(--mantine-color-gray-9);
}
:where([data-mantine-color-scheme=dark]) .m_c9357328 {
  background-color: var(--mantine-color-dark-4);
}
:where(.m_dd36362e[data-orientation=vertical]) .m_c9357328 {
  top: auto;
  inset-inline-start: calc(100% + 8px);
}
.m_c9a9a60a {
  position: absolute;
  display: flex;
  height: var(--slider-thumb-size);
  width: var(--slider-thumb-size);
  border: calc(0.25rem * var(--mantine-scale)) solid;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  border-radius: var(--slider-radius);
  align-items: center;
  justify-content: center;
  transition: box-shadow 100ms ease, transform 100ms ease;
  z-index: 3;
  user-select: none;
  touch-action: none;
  outline-offset: calc(0.125rem * var(--mantine-scale));
  left: var(--slider-thumb-offset);
}
:where([dir=rtl]) .m_c9a9a60a {
  left: auto;
  right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
}
fieldset:disabled .m_c9a9a60a,
.m_c9a9a60a:where([data-disabled]) {
  display: none;
}
.m_c9a9a60a:where([data-dragging]) {
  transform: translate(-50%, -50%) scale(1.05);
  box-shadow: var(--mantine-shadow-sm);
}
:where([data-mantine-color-scheme=light]) .m_c9a9a60a {
  color: var(--slider-color);
  border-color: var(--slider-color);
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_c9a9a60a {
  color: var(--mantine-color-white);
  border-color: var(--mantine-color-white);
  background-color: var(--slider-color);
}
:where(.m_dd36362e[data-orientation=vertical]) .m_c9a9a60a {
  left: 50%;
  top: auto;
  right: auto;
  bottom: var(--slider-thumb-offset);
  transform: translate(-50%, 50%);
}
:where(.m_dd36362e[data-orientation=vertical]) .m_c9a9a60a:where([data-dragging]) {
  transform: translate(-50%, 50%) scale(1.05);
}
:where([dir=rtl]) :where(.m_dd36362e[data-orientation=vertical]) .m_c9a9a60a {
  left: 50%;
  right: auto;
}
.m_a8645c2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(var(--slider-size) * 2);
  cursor: pointer;
}
fieldset:disabled .m_a8645c2,
.m_a8645c2:where([data-disabled]) {
  cursor: not-allowed;
}
:where(.m_dd36362e[data-orientation=vertical]) .m_a8645c2 {
  flex-direction: column;
  width: calc(var(--slider-size) * 2);
  height: 100%;
}
.m_c9ade57f {
  position: relative;
  width: 100%;
  height: var(--slider-size);
}
.m_c9ade57f:where([data-inverted]:not([data-disabled])) {
  --track-bg: var(--slider-color);
}
fieldset:disabled .m_c9ade57f:where([data-inverted]),
.m_c9ade57f:where([data-inverted][data-disabled]) {
  --track-bg: var(--slider-track-disabled-bg);
}
.m_c9ade57f::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: var(--slider-radius);
  inset-inline: calc(var(--slider-size) * -1);
  background-color: var(--track-bg, var(--slider-track-bg));
  z-index: 0;
}
:where(.m_dd36362e[data-orientation=vertical]) .m_c9ade57f {
  width: var(--slider-size);
  height: 100%;
}
:where(.m_dd36362e[data-orientation=vertical]) .m_c9ade57f::before {
  inset-inline: 0;
  top: calc(var(--slider-size) * -1);
  bottom: calc(var(--slider-size) * -1);
}
.m_38aeed47 {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  background-color: var(--slider-color);
  border-radius: var(--slider-radius);
  width: var(--slider-bar-width);
  inset-inline-start: var(--slider-bar-offset);
}
.m_38aeed47:where([data-inverted]) {
  background-color: var(--slider-track-bg);
}
fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
.m_38aeed47:where([data-disabled]:not([data-inverted])) {
  background-color: var(--mantine-color-disabled-color);
}
:where(.m_dd36362e[data-orientation=vertical]) .m_38aeed47 {
  top: auto;
  bottom: var(--slider-bar-offset);
  inset-inline-start: 0;
  width: 100%;
  height: var(--slider-bar-width);
}
.m_b7b0423a {
  position: absolute;
  inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
  top: 0;
  z-index: 2;
  height: 0;
  pointer-events: none;
}
:where(.m_dd36362e[data-orientation=vertical]) .m_b7b0423a {
  inset-inline-start: 0;
  top: auto;
  bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
  height: 0;
  width: 0;
}
.m_dd33bc19 {
  border: calc(0.125rem * var(--mantine-scale)) solid;
  height: var(--slider-size);
  width: var(--slider-size);
  border-radius: calc(62.5rem * var(--mantine-scale));
  background-color: var(--mantine-color-white);
  pointer-events: none;
}
:where([data-mantine-color-scheme=light]) .m_dd33bc19 {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_dd33bc19 {
  border-color: var(--mantine-color-dark-4);
}
.m_dd33bc19:where([data-filled]) {
  border-color: var(--slider-color);
}
.m_dd33bc19:where([data-filled]):where([data-disabled]) {
  border-color: var(--mantine-color-disabled-border);
}
.m_68c77a5b {
  transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
:where([data-mantine-color-scheme=light]) .m_68c77a5b {
  color: var(--mantine-color-gray-6);
}
:where([data-mantine-color-scheme=dark]) .m_68c77a5b {
  color: var(--mantine-color-dark-2);
}
:where(.m_dd36362e[data-orientation=vertical]) .m_68c77a5b {
  transform: translate(calc(var(--slider-size) + var(--mantine-spacing-xs) / 2), calc(-50% - var(--slider-size) / 2));
}
.m_19e66008 {
  display: flex;
}
.m_19e66008:where([data-orientation=horizontal]) {
  flex-direction: row;
}
.m_19e66008:where([data-orientation=vertical]) {
  flex-direction: column;
}
.m_19e5428e {
  flex-grow: 0;
  flex-shrink: 1;
  overflow: auto;
}
.m_27f81bce {
  flex: 0 0 var(--splitter-line-size, calc(0.125rem * var(--mantine-scale)));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  touch-action: none;
  outline: none;
  background-color: var(--splitter-handle-color, var(--mantine-color-body));
}
.m_27f81bce:where([data-orientation=horizontal]) {
  cursor: col-resize;
}
.m_27f81bce:where([data-orientation=vertical]) {
  cursor: row-resize;
}
.m_22feb770 {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(62.5rem * var(--mantine-scale));
  color: var(--mantine-color-dimmed);
  transition: color 100ms ease;
}
:where([data-mantine-color-scheme=light]) .m_22feb770 {
  background-color: var(--mantine-color-white);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_22feb770 {
  background-color: var(--mantine-color-dark-6);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
}
.m_22feb770:where([data-orientation=horizontal]) {
  width: calc(0.75rem * var(--mantine-scale));
  height: calc(3.75rem * var(--mantine-scale));
}
.m_22feb770:where([data-orientation=vertical]) {
  width: calc(3.75rem * var(--mantine-scale));
  height: calc(0.75rem * var(--mantine-scale));
}
.m_22feb770 > svg {
  width: 100%;
  height: 100%;
}
.m_27f81bce:focus-visible .m_22feb770 {
  box-shadow: 0 0 0 calc(0.125rem * var(--mantine-scale)) var(--mantine-primary-color-filled);
}
.m_559cce2d {
  position: relative;
}
.m_559cce2d:where([data-has-spoiler]) {
  margin-bottom: calc(1.5rem * var(--mantine-scale));
}
.m_b912df4e {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height var(--spoiler-transition-duration, 200ms) ease;
}
.m_b9131032 {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  height: calc(1.5rem * var(--mantine-scale));
}
.m_6d731127 {
  display: flex;
  flex-direction: column;
  align-items: var(--stack-align, stretch);
  justify-content: var(--stack-justify, flex-start);
  gap: var(--stack-gap, var(--mantine-spacing-md));
}
.m_cbb4ea7e {
  --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
  --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
  --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
  --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
  --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));
  --stepper-icon-size: var(--stepper-icon-size-md);
  --stepper-color: var(--mantine-primary-color-filled);
  --stepper-content-padding: var(--mantine-spacing-md);
  --stepper-spacing: var(--mantine-spacing-md);
  --stepper-radius: calc(62.5rem * var(--mantine-scale));
  --stepper-fz: var(--mantine-font-size-md);
  --stepper-outline-thickness: calc(0.125rem * var(--mantine-scale));
}
[data-mantine-color-scheme=light] .m_cbb4ea7e {
  --stepper-outline-color: var(--mantine-color-gray-2);
}
[data-mantine-color-scheme=dark] .m_cbb4ea7e {
  --stepper-outline-color: var(--mantine-color-dark-5);
}
.m_aaf89d0b {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.m_aaf89d0b:where([data-wrap]) {
  flex-wrap: wrap;
  gap: var(--mantine-spacing-md) 0;
}
.m_aaf89d0b:where([data-orientation=vertical]) {
  flex-direction: column;
}
.m_aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=left]) {
  align-items: flex-start;
}
.m_aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=right]) {
  align-items: flex-end;
}
.m_aaf89d0b:where([data-orientation=horizontal]) {
  flex-direction: row;
}
.m_2a371ac9 {
  transition: background-color 150ms ease;
  flex: 1;
  height: var(--stepper-outline-thickness);
  margin-inline: var(--mantine-spacing-md);
  background-color: var(--stepper-outline-color);
}
.m_2a371ac9:where([data-active]) {
  background-color: var(--stepper-color);
}
.m_78da155d {
  padding-top: var(--stepper-content-padding);
}
.m_cbb57068 {
  --step-color: var(--stepper-color);
  display: flex;
  cursor: default;
}
.m_cbb57068:where([data-allow-click]) {
  cursor: pointer;
}
.m_cbb57068:where([data-icon-position=left]) {
  flex-direction: row;
}
.m_cbb57068:where([data-icon-position=right]) {
  flex-direction: row-reverse;
}
.m_f56b1e2c {
  align-items: center;
}
.m_833edb7e {
  --separator-spacing: calc(var(--mantine-spacing-xs) / 2);
  justify-content: flex-start;
  min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
  margin-top: var(--separator-spacing);
  overflow: hidden;
}
.m_833edb7e:where(:first-of-type) {
  margin-top: 0;
}
.m_833edb7e:where(:last-of-type) {
  min-height: auto;
}
.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
  display: none;
}
.m_818e70b {
  position: relative;
}
.m_6496b3f3 {
  top: calc(var(--stepper-icon-size) + var(--separator-spacing));
  inset-inline-start: calc(var(--stepper-icon-size) / 2);
  height: 100vh;
  position: absolute;
  border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
}
.m_6496b3f3:where([data-active]) {
  border-color: var(--stepper-color);
}
.m_1959ad01 {
  height: var(--stepper-icon-size);
  width: var(--stepper-icon-size);
  min-height: var(--stepper-icon-size);
  min-width: var(--stepper-icon-size);
  border-radius: var(--stepper-radius);
  font-size: var(--stepper-fz);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  transition: background-color 150ms ease, border-color 150ms ease;
  border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
  background-color: var(--stepper-outline-color);
}
:where([data-mantine-color-scheme=light]) .m_1959ad01 {
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_1959ad01 {
  color: var(--mantine-color-dark-1);
}
.m_1959ad01:where([data-progress]) {
  border-color: var(--step-color);
}
.m_1959ad01:where([data-completed]) {
  color: var(--stepper-icon-color, var(--mantine-color-white));
  background-color: var(--step-color);
  border-color: var(--step-color);
}
.m_8faaac38 {
  display: flex;
}
.m_a79331dc {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--stepper-icon-color, var(--mantine-color-white));
}
.m_1956aa2a {
  display: flex;
  flex-direction: column;
}
.m_1956aa2a:where([data-icon-position=left]) {
  margin-inline-start: var(--mantine-spacing-sm);
}
.m_1956aa2a:where([data-icon-position=right]) {
  text-align: end;
  margin-inline-end: var(--mantine-spacing-sm);
}
.m_12051f6c {
  font-weight: var(--mantine-font-weight-medium);
  font-size: var(--stepper-fz);
  line-height: 1;
}
.m_164eea74 {
  margin-top: calc(var(--stepper-spacing) / 3);
  margin-bottom: calc(var(--stepper-spacing) / 3);
  font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));
  line-height: 1;
  color: var(--mantine-color-dimmed);
}
.m_5f93f3bb {
  --switch-height-xs: calc(1rem * var(--mantine-scale));
  --switch-height-sm: calc(1.25rem * var(--mantine-scale));
  --switch-height-md: calc(1.5rem * var(--mantine-scale));
  --switch-height-lg: calc(1.875rem * var(--mantine-scale));
  --switch-height-xl: calc(2.25rem * var(--mantine-scale));
  --switch-width-xs: calc(2rem * var(--mantine-scale));
  --switch-width-sm: calc(2.375rem * var(--mantine-scale));
  --switch-width-md: calc(2.875rem * var(--mantine-scale));
  --switch-width-lg: calc(3.5rem * var(--mantine-scale));
  --switch-width-xl: calc(4.5rem * var(--mantine-scale));
  --switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale));
  --switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale));
  --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
  --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
  --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));
  --switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale));
  --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
  --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
  --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
  --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));
  --switch-track-label-padding-xs: calc(0.125rem * var(--mantine-scale));
  --switch-track-label-padding-sm: calc(0.15625rem * var(--mantine-scale));
  --switch-track-label-padding-md: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-xl: calc(0.21875rem * var(--mantine-scale));
  --switch-height: var(--switch-height-sm);
  --switch-width: var(--switch-width-sm);
  --switch-thumb-size: var(--switch-thumb-size-sm);
  --switch-label-font-size: var(--switch-label-font-size-sm);
  --switch-track-label-padding: var(--switch-track-label-padding-sm);
  --switch-radius: calc(62.5rem * var(--mantine-scale));
  --switch-color: var(--mantine-primary-color-filled);
  --switch-disabled-color: var(--mantine-color-disabled);
  position: relative;
}
.m_926b4011 {
  height: 100%;
  width: 100%;
  opacity: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}
.m_9307d992 {
  -webkit-tap-highlight-color: transparent;
  cursor: var(--switch-cursor, var(--mantine-cursor-type));
  overflow: hidden;
  position: relative;
  border-radius: var(--switch-radius);
  background-color: var(--switch-bg);
  height: var(--switch-height);
  min-width: var(--switch-width);
  margin: 0;
  transition: background-color 150ms ease, border-color 150ms ease;
  appearance: none;
  display: flex;
  align-items: center;
  font-size: var(--switch-label-font-size);
  font-weight: var(--mantine-font-weight-medium);
  order: var(--switch-order, 1);
  user-select: none;
  z-index: 0;
  line-height: 0;
  color: var(--switch-text-color);
}
.m_9307d992:where([data-without-labels]) {
  width: var(--switch-width);
}
.m_926b4011:focus-visible + .m_9307d992 {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_926b4011:checked + .m_9307d992 {
  --switch-bg: var(--switch-color);
  --switch-text-color: var(--mantine-color-white);
}
.m_926b4011:disabled + .m_9307d992,
.m_926b4011[data-disabled] + .m_9307d992 {
  --switch-bg: var(--switch-disabled-color);
  --switch-cursor: not-allowed;
}
[data-mantine-color-scheme=light] .m_9307d992 {
  --switch-bg: var(--mantine-color-gray-3);
  --switch-text-color: var(--mantine-color-gray-6);
}
[data-mantine-color-scheme=dark] .m_9307d992 {
  --switch-bg: var(--mantine-color-dark-5);
  --switch-text-color: var(--mantine-color-dark-1);
}
.m_9307d992[data-label-position=left] {
  --switch-order: 2;
}
.m_93039a1d {
  position: absolute;
  z-index: 1;
  border-radius: var(--switch-radius);
  display: flex;
  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
  height: var(--switch-thumb-size);
  width: var(--switch-thumb-size);
  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
  transition: inset-inline-start 150ms ease;
}
.m_93039a1d:where([data-with-thumb-indicator])::before {
  content: "";
  width: 40%;
  height: 40%;
  background-color: var(--switch-bg);
  position: absolute;
  border-radius: var(--switch-radius);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.m_93039a1d > * {
  margin: auto;
}
.m_926b4011:checked + * > .m_93039a1d {
  --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
}
.m_926b4011:disabled + * > .m_93039a1d,
.m_926b4011[data-disabled] + * > .m_93039a1d {
  --switch-thumb-bg: var(--switch-thumb-bg-disabled);
}
[data-mantine-color-scheme=light] .m_93039a1d {
  --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
}
[data-mantine-color-scheme=dark] .m_93039a1d {
  --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
}
.m_8277e082 {
  height: 100%;
  display: grid;
  place-content: center;
  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
  padding-inline: var(--switch-track-label-padding);
  margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  transition: margin 150ms ease;
}
.m_926b4011:checked + * > .m_8277e082 {
  margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  margin-inline-start: 0;
}
.m_b23fa0ef {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: var(--mantine-line-height);
  font-size: var(--mantine-font-size-sm);
  table-layout: var(--table-layout, auto);
  caption-side: var(--table-caption-side, bottom);
  border: none;
}
:where([data-mantine-color-scheme=light]) .m_b23fa0ef {
  --table-hover-color: var(--mantine-color-gray-1);
  --table-striped-color: var(--mantine-color-gray-0);
  --table-border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_b23fa0ef {
  --table-hover-color: var(--mantine-color-dark-5);
  --table-striped-color: var(--mantine-color-dark-6);
  --table-border-color: var(--mantine-color-dark-4);
}
.m_b23fa0ef:where([data-with-table-border]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
}
.m_b23fa0ef:where([data-tabular-nums]) {
  font-variant-numeric: tabular-nums;
}
.m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3) {
  font-weight: var(--mantine-font-weight-medium);
}
:where([data-mantine-color-scheme=light]) .m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3) {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3) {
  background-color: var(--mantine-color-dark-6);
}
.m_4e7aa4f3 {
  text-align: start;
}
.m_4e7aa4fd {
  border-bottom: none;
  background-color: transparent;
}
@media (hover: hover) {
  .m_4e7aa4fd:hover:where([data-hover]) {
    background-color: var(--tr-hover-bg);
  }
}
@media (hover: none) {
  .m_4e7aa4fd:active:where([data-hover]) {
    background-color: var(--tr-hover-bg);
  }
}
.m_4e7aa4fd:where([data-with-row-border]) {
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
}
.m_4e7aa4ef,
.m_4e7aa4f3 {
  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
}
.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)),
.m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
  border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
}
.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)),
.m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
}
.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
  border-bottom: none;
}
.m_b2404537 > :where(tr):where([data-striped=odd]:nth-of-type(odd)) {
  background-color: var(--table-striped-color);
}
.m_b2404537 > :where(tr):where([data-striped=even]:nth-of-type(even)) {
  background-color: var(--table-striped-color);
}
.m_b2404537 > :where(tr)[data-hover] {
  --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
}
.m_b242d975 {
  top: var(--table-sticky-header-offset, 0);
  z-index: 3;
}
.m_b242d975:where([data-sticky]) {
  position: sticky;
}
.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
  position: sticky;
  top: var(--table-sticky-header-offset, 0);
  background-color: var(--mantine-color-body);
}
.m_b242d975:where([data-sticky]) :where(.m_4e7aa4fd[data-with-row-border]) {
  border-bottom: none;
}
.m_b242d975:where([data-sticky]) :where(.m_4e7aa4fd[data-with-row-border]) :where(.m_4e7aa4f3) {
  box-shadow: inset 0 -1px 0 var(--table-border-color);
}
.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3[data-with-column-border]) {
  border-inline-start: none;
  border-inline-end: none;
}
.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3[data-with-column-border]:not(:first-child))::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(-0.03125rem * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  background-color: var(--table-border-color);
}
:where([data-with-table-border]) .m_b242d975[data-sticky] {
  position: sticky;
  top: var(--table-sticky-header-offset, 0);
  z-index: 4;
  border-top: none;
}
:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(-0.03125rem * var(--mantine-scale));
  width: 100%;
  height: calc(0.0625rem * var(--mantine-scale));
  background-color: var(--table-border-color);
  z-index: 5;
}
:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
  border-top: none;
}
.m_9e5a3ac7 {
  color: var(--mantine-color-dimmed);
}
.m_9e5a3ac7:where([data-side=top]) {
  margin-bottom: var(--mantine-spacing-xs);
}
.m_9e5a3ac7:where([data-side=bottom]) {
  margin-top: var(--mantine-spacing-xs);
}
.m_a100c15 {
  overflow-x: var(--table-overflow);
}
.m_62259741 {
  min-width: var(--table-min-width);
  max-height: var(--table-max-height);
}
.m_bcaa9990 {
  display: flex;
  flex-direction: column;
  --toc-depth-offset: 0.8em;
}
.m_375a65ef {
  display: block;
  padding: 0.3em 0.8em;
  font-size: var(--toc-size, var(--mantine-font-size-md));
  border-radius: var(--toc-radius, var(--mantine-radius-default));
  padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_375a65ef:where(:hover):where(:not([data-variant=none])) {
    background-color: var(--mantine-color-gray-1);
  }
  :where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:hover):where(:not([data-variant=none])) {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_375a65ef:where(:active):where(:not([data-variant=none])) {
    background-color: var(--mantine-color-gray-1);
  }
  :where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:active):where(:not([data-variant=none])) {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_375a65ef:where([data-active]) {
  background-color: var(--toc-bg);
  color: var(--toc-color);
}
[data-mantine-color-scheme=light] .m_89d60db1 {
  --tab-border-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme=dark] .m_89d60db1 {
  --tab-border-color: var(--mantine-color-dark-4);
}
.m_89d60db1 {
  display: var(--tabs-display);
  flex-direction: var(--tabs-flex-direction);
  --tabs-list-direction: row;
  --tabs-panel-grow: unset;
  --tabs-display: block;
  --tabs-flex-direction: row;
  --tabs-list-border-width: 0;
  --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
  --tabs-list-gap: unset;
  --tabs-list-line-bottom: 0;
  --tabs-list-line-top: unset;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: 0;
  --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
  --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
}
.m_89d60db1[data-inverted] {
  --tabs-list-line-bottom: unset;
  --tabs-list-line-top: 0;
  --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
  --tab-border-width: var(--tabs-list-border-width) 0 0 0;
}
.m_89d60db1[data-inverted] .m_576c9d4::before {
  top: 0;
  bottom: unset;
}
.m_89d60db1[data-orientation=vertical] {
  --tabs-list-line-start: unset;
  --tabs-list-line-end: 0;
  --tabs-list-line-top: 0;
  --tabs-list-line-bottom: 0;
  --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
  --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
  --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
  --tabs-list-direction: column;
  --tabs-panel-grow: 1;
  --tabs-display: flex;
}
[dir=rtl] .m_89d60db1[data-orientation=vertical] {
  --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
  --tab-border-width: 0 0 0 var(--tabs-list-border-width);
  --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}
.m_89d60db1[data-orientation=vertical][data-placement=right] {
  --tabs-flex-direction: row-reverse;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: unset;
  --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
  --tab-border-width: 0 0 0 var(--tabs-list-border-width);
  --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}
[dir=rtl] .m_89d60db1[data-orientation=vertical][data-placement=right] {
  --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
  --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
  --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
}
.m_89d60db1[data-variant=default] {
  --tabs-list-border-width: calc(0.125rem * var(--mantine-scale));
}
[data-mantine-color-scheme=light] .m_89d60db1[data-variant=default] {
  --tab-hover-color: var(--mantine-color-gray-0);
}
[data-mantine-color-scheme=dark] .m_89d60db1[data-variant=default] {
  --tab-hover-color: var(--mantine-color-dark-6);
}
.m_89d60db1[data-variant=outline] {
  --tabs-list-border-width: calc(0.0625rem * var(--mantine-scale));
}
.m_89d60db1[data-variant=pills] {
  --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
}
[data-mantine-color-scheme=light] .m_89d60db1[data-variant=pills] {
  --tab-hover-color: var(--mantine-color-gray-0);
}
[data-mantine-color-scheme=dark] .m_89d60db1[data-variant=pills] {
  --tab-hover-color: var(--mantine-color-dark-6);
}
.m_89d33d6d {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--tabs-justify, flex-start);
  flex-direction: var(--tabs-list-direction);
  gap: var(--tabs-list-gap);
}
.m_89d33d6d:where([data-grow]) .m_4ec4dce6 {
  flex: 1;
}
.m_b0c91715 {
  flex-grow: var(--tabs-panel-grow);
}
.m_4ec4dce6 {
  position: relative;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  z-index: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  user-select: none;
}
.m_4ec4dce6:where(:disabled, [data-disabled]) {
  opacity: 0.5;
  cursor: not-allowed;
}
.m_4ec4dce6:focus {
  z-index: 1;
}
.m_fc420b1f {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_fc420b1f:where([data-position=left]:not(:only-child)) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_fc420b1f:where([data-position=right]:not(:only-child)) {
  margin-inline-start: var(--mantine-spacing-xs);
}
.m_42bbd1ae {
  flex: 1;
  text-align: center;
}
.m_576c9d4 {
  position: relative;
}
.m_576c9d4::before {
  content: "";
  position: absolute;
  border: 1px solid var(--tab-border-color);
  bottom: var(--tabs-list-line-bottom);
  inset-inline-start: var(--tabs-list-line-start);
  inset-inline-end: var(--tabs-list-line-end);
  top: var(--tabs-list-line-top);
}
.m_539e827b {
  border-radius: var(--tab-radius);
  border-width: var(--tab-border-width);
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
}
.m_539e827b:where([data-active]) {
  border-color: var(--tabs-color);
}
@media (hover: hover) {
  .m_539e827b:hover {
    background-color: var(--tab-hover-color);
  }
  .m_539e827b:hover:where(:not([data-active])) {
    border-color: var(--tab-border-color);
  }
}
@media (hover: none) {
  .m_539e827b:active {
    background-color: var(--tab-hover-color);
  }
  .m_539e827b:active:where(:not([data-active])) {
    border-color: var(--tab-border-color);
  }
}
@media (hover: hover) {
  .m_539e827b:disabled:hover,
  .m_539e827b[data-disabled]:hover {
    background-color: transparent;
  }
}
@media (hover: none) {
  .m_539e827b:disabled:active,
  .m_539e827b[data-disabled]:active {
    background-color: transparent;
  }
}
.m_6772fbd5 {
  position: relative;
}
.m_6772fbd5::before {
  content: "";
  position: absolute;
  border-color: var(--tab-border-color);
  border-width: var(--tabs-list-border-size);
  border-style: solid;
  bottom: var(--tabs-list-line-bottom);
  inset-inline-start: var(--tabs-list-line-start);
  inset-inline-end: var(--tabs-list-line-end);
  top: var(--tabs-list-line-top);
}
.m_b59ab47c {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-inline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: var(--tab-border-bottom-color);
  border-radius: var(--tab-radius);
  position: relative;
  --tab-border-bottom-color: transparent;
  --tab-border-top-color: transparent;
  --tab-border-inline-end-color: transparent;
  --tab-border-inline-start-color: transparent;
}
.m_b59ab47c:where([data-active])::before {
  content: "";
  position: absolute;
  background-color: var(--tab-border-color);
  bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
  inset-inline-start: var(--tab-before-start, calc(-0.0625rem * var(--mantine-scale)));
  inset-inline-end: var(--tab-before-end, auto);
  top: var(--tab-before-top, auto);
  width: calc(0.0625rem * var(--mantine-scale));
  height: calc(0.0625rem * var(--mantine-scale));
}
.m_b59ab47c:where([data-active])::after {
  content: "";
  position: absolute;
  background-color: var(--tab-border-color);
  bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
  inset-inline-end: var(--tab-after-end, calc(-0.0625rem * var(--mantine-scale)));
  inset-inline-start: var(--tab-after-start, auto);
  top: var(--tab-after-top, auto);
  width: calc(0.0625rem * var(--mantine-scale));
  height: calc(0.0625rem * var(--mantine-scale));
}
.m_b59ab47c:where([data-active]) {
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: var(--tab-border-bottom-color);
  border-inline-start-color: var(--tab-border-inline-start-color);
  border-inline-end-color: var(--tab-border-inline-end-color);
  --tab-border-top-color: var(--tab-border-color);
  --tab-border-inline-start-color: var(--tab-border-color);
  --tab-border-inline-end-color: var(--tab-border-color);
  --tab-border-bottom-color: var(--mantine-color-body);
}
.m_b59ab47c:where([data-active])[data-inverted] {
  --tab-border-bottom-color: var(--tab-border-color);
  --tab-border-top-color: var(--mantine-color-body);
  --tab-before-bottom: auto;
  --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
  --tab-after-bottom: auto;
  --tab-after-top: calc(-0.0625rem * var(--mantine-scale));
}
.m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=left] {
  --tab-border-inline-end-color: var(--mantine-color-body);
  --tab-border-inline-start-color: var(--tab-border-color);
  --tab-border-bottom-color: var(--tab-border-color);
  --tab-before-end: calc(-0.0625rem * var(--mantine-scale));
  --tab-before-start: auto;
  --tab-before-bottom: auto;
  --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
  --tab-after-start: auto;
  --tab-after-end: calc(-0.0625rem * var(--mantine-scale));
}
.m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=right] {
  --tab-border-inline-start-color: var(--mantine-color-body);
  --tab-border-inline-end-color: var(--tab-border-color);
  --tab-border-bottom-color: var(--tab-border-color);
  --tab-before-start: calc(-0.0625rem * var(--mantine-scale));
  --tab-before-end: auto;
  --tab-before-bottom: auto;
  --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
  --tab-after-end: auto;
  --tab-after-start: calc(-0.0625rem * var(--mantine-scale));
}
.m_c3381914 {
  border-radius: var(--tabs-radius);
  background-color: var(--tab-bg);
  color: var(--tab-color);
  --tab-bg: transparent;
  --tab-color: inherit;
}
@media (hover: hover) {
  .m_c3381914:not([data-disabled]):hover {
    --tab-bg: var(--tab-hover-color);
  }
}
@media (hover: none) {
  .m_c3381914:not([data-disabled]):active {
    --tab-bg: var(--tab-hover-color);
  }
}
.m_c3381914[data-active][data-active] {
  --tab-bg: var(--tabs-color);
  --tab-color: var(--tabs-text-color, var(--mantine-color-white));
}
@media (hover: hover) {
  .m_c3381914[data-active][data-active]:hover {
    --tab-bg: var(--tabs-color);
  }
}
@media (hover: none) {
  .m_c3381914[data-active][data-active]:active {
    --tab-bg: var(--tabs-color);
  }
}
.m_7341320d {
  --ti-size-xs: calc(1.125rem * var(--mantine-scale));
  --ti-size-sm: calc(1.375rem * var(--mantine-scale));
  --ti-size-md: calc(1.75rem * var(--mantine-scale));
  --ti-size-lg: calc(2.125rem * var(--mantine-scale));
  --ti-size-xl: calc(2.75rem * var(--mantine-scale));
  --ti-size: var(--ti-size-md);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  width: var(--ti-size);
  height: var(--ti-size);
  min-width: var(--ti-size);
  min-height: var(--ti-size);
  border-radius: var(--ti-radius, var(--mantine-radius-default));
  background: var(--ti-bg, var(--mantine-primary-color-filled));
  color: var(--ti-color, var(--mantine-color-white));
  border: var(--ti-bd, 1px solid transparent);
}
.m_43657ece {
  --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
  --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
  --tl-line-width: calc(0.25rem * var(--mantine-scale));
  --tl-radius: calc(62.5rem * var(--mantine-scale));
  --tl-color: var(--mantine-primary-color-filled);
}
.m_43657ece:where([data-align=left]) {
  padding-inline-start: var(--offset);
}
.m_43657ece:where([data-align=right]) {
  padding-inline-end: var(--offset);
}
.m_2ebe8099 {
  font-weight: var(--mantine-font-weight-medium);
  line-height: 1;
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
}
.m_436178ff {
  --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);
  position: relative;
  color: var(--mantine-color-text);
}
.m_436178ff::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  inset-inline-start: var(--timeline-line-start, 0);
  inset-inline-end: var(--timeline-line-end, 0);
  bottom: calc(var(--mantine-spacing-xl) * -1);
  border-inline-start: var(--item-border);
  display: var(--timeline-line-display, none);
}
.m_43657ece[data-align=left] .m_436178ff::before {
  --timeline-line-start: calc(var(--tl-line-width) * -1);
  --timeline-line-end: auto;
}
.m_43657ece[data-align=right] .m_436178ff::before {
  --timeline-line-start: auto;
  --timeline-line-end: calc(var(--tl-line-width) * -1);
}
.m_43657ece:where([data-align=left]) .m_436178ff {
  padding-inline-start: var(--offset);
  text-align: start;
}
.m_43657ece:where([data-align=right]) .m_436178ff {
  padding-inline-end: var(--offset);
  text-align: end;
}
:where([data-mantine-color-scheme=light]) .m_436178ff {
  --item-border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_436178ff {
  --item-border-color: var(--mantine-color-dark-4);
}
.m_436178ff:where([data-line-active])::before {
  border-color: var(--tli-color, var(--tl-color));
}
.m_436178ff:where(:not(:last-of-type)) {
  --timeline-line-display: block;
}
.m_436178ff:where(:not(:first-of-type)) {
  margin-top: var(--mantine-spacing-xl);
}
.m_8affcee1 {
  width: var(--tl-bullet-size);
  height: var(--tl-bullet-size);
  border-radius: var(--tli-radius, var(--tl-radius));
  border: var(--tl-line-width) solid;
  background-color: var(--mantine-color-body);
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
}
:where([data-mantine-color-scheme=light]) .m_8affcee1 {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_8affcee1 {
  border-color: var(--mantine-color-dark-4);
}
.m_43657ece:where([data-align=left]) .m_8affcee1 {
  inset-inline-start: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
  inset-inline-end: auto;
}
.m_43657ece:where([data-align=right]) .m_8affcee1 {
  inset-inline-start: auto;
  inset-inline-end: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
}
.m_8affcee1:where([data-with-child]) {
  border-width: var(--tl-line-width);
}
:where([data-mantine-color-scheme=light]) .m_8affcee1:where([data-with-child]) {
  background-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_8affcee1:where([data-with-child]) {
  background-color: var(--mantine-color-dark-4);
}
.m_8affcee1:where([data-active]) {
  border-color: var(--tli-color, var(--tl-color));
  background-color: var(--mantine-color-white);
  color: var(--tl-icon-color, var(--mantine-color-white));
}
.m_8affcee1:where([data-active]):where([data-with-child]) {
  background-color: var(--tli-color, var(--tl-color));
  color: var(--tl-icon-color, var(--mantine-color-white));
}
.m_43657ece:where([data-align=left]) .m_540e8f41 {
  padding-inline-start: var(--offset);
  text-align: start;
}
.m_43657ece:where([data-align=right]) .m_540e8f41 {
  padding-inline-end: var(--offset);
  text-align: end;
}
.m_8a5d1357 {
  margin: 0;
  font-weight: var(--title-fw);
  font-size: var(--title-fz);
  line-height: var(--title-lh);
  font-family: var(--mantine-font-family-headings);
  text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
}
.m_8a5d1357:where([data-line-clamp]) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: var(--title-line-clamp);
  -webkit-box-orient: vertical;
}
:where([data-tree-root]) {
  --level-offset: var(--mantine-spacing-lg);
  --tree-line-width: calc(0.0625rem * var(--mantine-scale));
  --tree-line-color: var(--mantine-color-default-border);
}
.m_f698e191 {
  margin: 0;
  padding: 0;
  user-select: none;
}
.m_75f3ecf {
  margin: 0;
  padding: 0;
}
.m_f6970eb1 {
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 0;
  outline: 0;
}
.m_f6970eb1:focus-visible > .m_dc283425 {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_dc283425 {
  position: relative;
  padding-inline-start: var(--label-offset);
}
:where([data-mantine-color-scheme=light]) .m_dc283425:where([data-selected]) {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_dc283425:where([data-selected]) {
  background-color: var(--mantine-color-dark-5);
}
.m_dc283425:where([data-dragging]) {
  opacity: 0.4;
}
.m_dc283425:where([data-drag-over=before])::before {
  content: "";
  position: absolute;
  top: calc(-0.0625rem * var(--mantine-scale));
  inset-inline-start: var(--label-offset, 0);
  inset-inline-end: 0;
  height: calc(0.125rem * var(--mantine-scale));
  background-color: var(--mantine-primary-color-filled);
  pointer-events: none;
  z-index: 1;
}
.m_dc283425:where([data-drag-over=after])::after {
  content: "";
  position: absolute;
  bottom: calc(-0.0625rem * var(--mantine-scale));
  inset-inline-start: var(--label-offset, 0);
  inset-inline-end: 0;
  height: calc(0.125rem * var(--mantine-scale));
  background-color: var(--mantine-primary-color-filled);
  pointer-events: none;
  z-index: 1;
}
.m_dc283425:where([data-drag-over=inside]) {
  background-color: var(--mantine-primary-color-light);
}
:where([data-with-lines]) .m_f6970eb1 {
  position: relative;
}
:where([data-with-lines]) .m_f6970eb1:not([data-level="1"])::before {
  content: "";
  position: absolute;
  top: calc(0.75rem * var(--mantine-scale));
  inset-inline-start: calc(var(--label-offset) - var(--level-offset) / 2);
  width: calc(var(--level-offset) / 2);
  height: 0;
  border-top: var(--tree-line-width) solid var(--tree-line-color);
  pointer-events: none;
  z-index: 1;
}
:where([data-with-lines]) .m_75f3ecf > .m_f6970eb1::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: calc(var(--label-offset) - var(--level-offset) / 2);
  width: 0;
  border-inline-start: var(--tree-line-width) solid var(--tree-line-color);
  pointer-events: none;
  z-index: 1;
}
:where([data-with-lines]) .m_75f3ecf > .m_f6970eb1:last-child::after {
  bottom: auto;
  height: calc(0.75rem * var(--mantine-scale));
}
:where([data-with-lines]) .m_f6970eb1:where([data-dragging])::before,
:where([data-with-lines]) .m_f6970eb1:where([data-dragging])::after {
  display: none;
}
:where([data-with-lines]) .m_f6970eb1:where([data-dragging]) .m_c03b303c {
  display: none;
}
.m_c03b303c {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  inset-inline-start: calc((var(--flat-line-column) - 1.5) * var(--level-offset));
  border-inline-start: var(--tree-line-width) solid var(--tree-line-color);
  pointer-events: none;
  z-index: 1;
  display: none;
}
:where([data-with-lines]) .m_c03b303c {
  display: block;
}
.m_bf7448d9 {
  bottom: auto;
  height: calc(0.75rem * var(--mantine-scale));
}
.m_529d33e8 {
  --ts-level-offset: calc(1.25rem * var(--mantine-scale));
  --ts-line-width: calc(0.0625rem * var(--mantine-scale));
  --ts-line-color: var(--mantine-color-default-border);
  --ts-option-padding-y: calc(0.25rem * var(--mantine-scale));
  --ts-option-padding-x: calc(0.5rem * var(--mantine-scale));
}
.m_28bb748 {
  display: flex;
  align-items: center;
  gap: calc(0.375rem * var(--mantine-scale));
  position: relative;
  padding: var(--ts-option-padding-y) var(--ts-option-padding-x);
  padding-inline-start: var(--ts-option-padding-x);
}
.m_aa3e3f86 {
  display: flex;
  align-items: center;
  justify-content: center;
  --_ts-expand-icon-size: calc(1.45 * var(--combobox-option-fz, var(--mantine-font-size-sm)));
  width: var(--_ts-expand-icon-size);
  min-width: var(--_ts-expand-icon-size);
  height: var(--_ts-expand-icon-size);
  border-radius: var(--mantine-radius-sm);
  cursor: pointer;
  color: var(--mantine-color-dimmed);
  transform: rotate(-90deg);
}
:where([data-combobox-selected]) .m_aa3e3f86 {
  color: var(--mantine-color-white);
}
:where([dir=rtl]) .m_aa3e3f86 {
  transform: rotate(90deg);
}
.m_aa3e3f86:where([data-expanded]) {
  transform: rotate(0deg);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_aa3e3f86:hover {
    background-color: var(--mantine-color-gray-1);
  }
  :where([data-mantine-color-scheme=dark]) .m_aa3e3f86:hover {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_aa3e3f86:active {
    background-color: var(--mantine-color-gray-1);
  }
  :where([data-mantine-color-scheme=dark]) .m_aa3e3f86:active {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_eaa4cdee {
  opacity: 0.4;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
  margin-inline-start: auto;
}
:where([data-combobox-selected]) .m_eaa4cdee {
  opacity: 1;
}
.m_ffe3a9c1 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m_57207d5d {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  border-inline-start: var(--ts-line-width) solid var(--ts-line-color);
  pointer-events: none;
}
.m_41b9db0b {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  border-inline-start: var(--ts-line-width) solid var(--ts-line-color);
  pointer-events: none;
}
.m_41b9db0b:where([data-last]) {
  bottom: auto;
  height: 50%;
}
.m_1246e79 {
  position: absolute;
  top: 50%;
  height: 0;
  border-top: var(--ts-line-width) solid var(--ts-line-color);
  pointer-events: none;
}
.m_d08caa0 :first-child {
  margin-top: 0;
}
.m_d08caa0 :last-child {
  margin-bottom: 0;
}
.m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
  margin-bottom: var(--mantine-spacing-xs);
  text-wrap: var(--mantine-heading-text-wrap);
  font-family: var(--mantine-font-family-headings);
}
.m_d08caa0 :where(h1) {
  margin-top: calc(1.5 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h1-font-size);
  line-height: var(--mantine-h1-line-height);
  font-weight: var(--mantine-h1-font-weight);
}
.m_d08caa0 :where(h2) {
  margin-top: var(--mantine-spacing-xl);
  font-size: var(--mantine-h2-font-size);
  line-height: var(--mantine-h2-line-height);
  font-weight: var(--mantine-h2-font-weight);
}
.m_d08caa0 :where(h3) {
  margin-top: calc(0.8 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h3-font-size);
  line-height: var(--mantine-h3-line-height);
  font-weight: var(--mantine-h3-font-weight);
}
.m_d08caa0 :where(h4) {
  margin-top: calc(0.8 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h4-font-size);
  line-height: var(--mantine-h4-line-height);
  font-weight: var(--mantine-h4-font-weight);
}
.m_d08caa0 :where(h5) {
  margin-top: calc(0.5 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h5-font-size);
  line-height: var(--mantine-h5-line-height);
  font-weight: var(--mantine-h5-font-weight);
}
.m_d08caa0 :where(h6) {
  margin-top: calc(0.5 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h6-font-size);
  line-height: var(--mantine-h6-line-height);
  font-weight: var(--mantine-h6-font-weight);
}
.m_d08caa0 :where(img) {
  max-width: 100%;
  margin-bottom: var(--mantine-spacing-xs);
}
.m_d08caa0 :where(p) {
  margin-top: 0;
  margin-bottom: var(--mantine-spacing-lg);
}
:where([data-mantine-color-scheme=light]) .m_d08caa0 :where(mark) {
  background-color: var(--mantine-color-yellow-2);
  color: inherit;
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(mark) {
  background-color: var(--mantine-color-yellow-5);
  color: var(--mantine-color-black);
}
.m_d08caa0 :where(a) {
  color: var(--mantine-color-anchor);
  text-decoration: none;
}
@media (hover: hover) {
  .m_d08caa0 :where(a):hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .m_d08caa0 :where(a):active {
    text-decoration: underline;
  }
}
.m_d08caa0 :where(hr) {
  margin-top: var(--mantine-spacing-md);
  margin-bottom: var(--mantine-spacing-md);
  border: 0;
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_d08caa0 :where(hr) {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(hr) {
  border-color: var(--mantine-color-dark-3);
}
.m_d08caa0 :where(pre) {
  padding: var(--mantine-spacing-xs);
  line-height: var(--mantine-line-height);
  margin: 0;
  margin-top: var(--mantine-spacing-md);
  margin-bottom: var(--mantine-spacing-md);
  overflow-x: auto;
  font-family: var(--mantine-font-family-monospace);
  font-size: var(--mantine-font-size-xs);
  border-radius: var(--mantine-radius-sm);
}
:where([data-mantine-color-scheme=light]) .m_d08caa0 :where(pre) {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(pre) {
  background-color: var(--mantine-color-dark-8);
}
.m_d08caa0 :where(pre) :where(code) {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  color: inherit;
  border: 0;
}
.m_d08caa0 :where(kbd) {
  --kbd-fz: calc(0.75rem * var(--mantine-scale));
  --kbd-padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: var(--mantine-font-weight-bold);
  padding: var(--kbd-padding);
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-bottom-width: calc(0.1875rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_d08caa0 :where(kbd) {
  border-color: var(--mantine-color-gray-3);
  color: var(--mantine-color-gray-7);
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(kbd) {
  border-color: var(--mantine-color-dark-3);
  color: var(--mantine-color-dark-0);
  background-color: var(--mantine-color-dark-5);
}
.m_d08caa0 :where(code) {
  line-height: var(--mantine-line-height);
  padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
  border-radius: var(--mantine-radius-sm);
  font-family: var(--mantine-font-family-monospace);
  font-size: var(--mantine-font-size-xs);
}
:where([data-mantine-color-scheme=light]) .m_d08caa0 :where(code) {
  background-color: var(--mantine-color-gray-0);
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(code) {
  background-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-white);
}
.m_d08caa0 :where(ul, ol):not([data-type=taskList]) {
  margin-bottom: var(--mantine-spacing-md);
  padding-inline-start: var(--mantine-spacing-xl);
  list-style-position: outside;
}
.m_d08caa0 :where(table) {
  width: 100%;
  border-collapse: collapse;
  caption-side: bottom;
  margin-bottom: var(--mantine-spacing-md);
}
:where([data-mantine-color-scheme=light]) .m_d08caa0 :where(table) {
  --table-border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(table) {
  --table-border-color: var(--mantine-color-dark-4);
}
.m_d08caa0 :where(table) :where(caption) {
  margin-top: var(--mantine-spacing-xs);
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-dimmed);
}
.m_d08caa0 :where(table) :where(th) {
  text-align: start;
  font-weight: bold;
  font-size: var(--mantine-font-size-sm);
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
}
.m_d08caa0 :where(table) :where(thead th) {
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
  border-color: var(--table-border-color);
}
.m_d08caa0 :where(table) :where(tfoot th) {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  border-color: var(--table-border-color);
}
.m_d08caa0 :where(table) :where(td) {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
  border-color: var(--table-border-color);
  font-size: var(--mantine-font-size-sm);
}
.m_d08caa0 :where(table) :where(tr:last-of-type td) {
  border-bottom: 0;
}
.m_d08caa0 :where(blockquote) {
  font-size: var(--mantine-font-size-lg);
  line-height: var(--mantine-line-height);
  margin: var(--mantine-spacing-md) 0;
  border-radius: var(--mantine-radius-sm);
  padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
}
:where([data-mantine-color-scheme=light]) .m_d08caa0 :where(blockquote) {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(blockquote) {
  background-color: var(--mantine-color-dark-8);
}

/* ../../node_modules/@mantine/charts/styles.css */
.m_e4d36c9b {
  min-width: calc(12.5rem * var(--mantine-scale));
  background-color: var(--mantine-color-body);
  box-shadow: var(--mantine-shadow-md);
  border-radius: var(--mantine-radius-default);
}
:where([data-mantine-color-scheme=light]) .m_e4d36c9b {
  border: 1px solid var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_e4d36c9b {
  border: 1px solid var(--mantine-color-dark-4);
}
.m_7f4bcb19 {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-md);
  font-weight: var(--mantine-font-weight-medium);
  color: var(--mantine-color-bright);
}
.m_3de554dd {
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  padding-top: 0;
}
.m_e4d36c9b:where([data-type=radial]) :where(.m_3de554dd) {
  padding-top: var(--mantine-spacing-sm);
}
.m_b30369b5 {
  width: calc(0.75rem * var(--mantine-scale));
  height: calc(0.75rem * var(--mantine-scale));
  min-width: calc(0.75rem * var(--mantine-scale));
  min-height: calc(0.75rem * var(--mantine-scale));
}
.m_3de8964e {
  font-size: var(--mantine-font-size-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m_3de8964e:where(.m_3de8964e + .m_3de8964e) {
  margin-top: calc(var(--mantine-spacing-sm) / 2);
}
.m_3de8964e[data-type=scatter] .m_b30369b5 {
  display: none;
}
.m_50186d10 {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-sm);
  margin-inline-end: var(--mantine-spacing-xl);
}
.m_501dadf9 {
  color: var(--mantine-color-text);
  font-size: var(--mantine-font-size-sm);
}
.m_50192318 {
  color: var(--mantine-color-bright);
}
.m_847eaf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.m_847eaf:where([data-centered]) {
  justify-content: center;
}
.m_847eaf:where([data-position=top]) {
  padding-bottom: var(--mantine-spacing-md);
}
.m_847eaf:where([data-position=bottom]) {
  padding-top: var(--mantine-spacing-md);
}
.m_17da7e62 {
  display: flex;
  align-items: center;
  gap: calc(0.4375rem * var(--mantine-scale));
  padding: 7px var(--mantine-spacing-xs);
  border-radius: var(--mantine-radius-default);
  line-height: 1;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_17da7e62:where(:hover) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_17da7e62:where(:hover) {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_17da7e62:where(:active) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_17da7e62:where(:active) {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_17da7e62[data-without-color] .m_6e236e21 {
  display: none;
}
.m_8ff56c0d {
  font-size: var(--mantine-font-size-sm);
  margin: 0;
  padding: 0;
}
.m_a50f3e58 {
  display: block;
  width: 100%;
  --chart-bar-label-color: var(--mantine-color-dimmed);
}
.m_a50f3e58 svg {
  overflow: visible;
  outline: 0;
}
:where([data-mantine-color-scheme=light]) .m_a50f3e58 {
  --chart-grid-color: rgba(173, 181, 189, 0.6);
  --chart-cursor-fill: rgba(173, 181, 189, 0.15);
}
:where([data-mantine-color-scheme=dark]) .m_a50f3e58 {
  --chart-cursor-fill: rgba(105, 105, 105, 0.15);
  --chart-grid-color: rgba(105, 105, 105, 0.6);
}
.m_a50f3e58 :where(text) {
  font-family: var(--mantine-font-family);
  color: var(--chart-text-color, var(--mantine-color-dimmed));
}
.m_af9188cb {
  height: 100%;
  width: 100%;
}
.m_a50a48bc {
  stroke: var(--chart-grid-color);
}
.m_a507a517 {
  color: var(--chart-grid-color);
}
.m_2293801d {
  color: var(--chart-text-color, var(--mantine-color-dimmed));
}
.m_92b296cd {
  min-width: calc(12.5rem * var(--mantine-scale));
  background-color: var(--mantine-color-body);
  box-shadow: var(--mantine-shadow-md);
  border-radius: var(--mantine-radius-default);
  padding: var(--mantine-spacing-sm);
}
:where([data-mantine-color-scheme=light]) .m_92b296cd {
  border: 1px solid var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_92b296cd {
  border: 1px solid var(--mantine-color-dark-4);
}
.m_f9458cfe svg {
  outline: 0;
}
.m_a410e613 {
  min-height: var(--chart-size, auto);
  height: var(--chart-size, auto);
  width: var(--chart-size, auto);
  min-width: var(--chart-size, auto);
}
.m_a410e613 :where(*) {
  outline: 0;
}
.m_a410e613 :where(.recharts-surface) {
  overflow: visible;
}
.m_ddb0bfe3 {
  fill: var(--mantine-color-text);
  font-size: var(--mantine-font-size-sm);
}
.m_cd8943fd {
  min-height: var(--chart-size, auto);
  height: var(--chart-size, auto);
  width: var(--chart-size, auto);
  min-width: var(--chart-size, auto);
}
.m_cd8943fd :where(*) {
  outline: 0;
}
.m_cd8943fd :where(.recharts-surface) {
  overflow: visible;
}
:where([data-mantine-color-scheme=light]) .m_1f271cf7 {
  --chart-grid-color: rgba(173, 181, 189, 0.6);
  --chart-text-color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_1f271cf7 {
  --chart-grid-color: rgba(105, 105, 105, 0.6);
  --chart-text-color: var(--mantine-color-dark-1);
}
.m_1f271cf7 :where(text) {
  font-size: var(--mantine-font-size-xs);
  fill: var(--chart-text-color, var(--mantine-color-dimmed));
  user-select: none;
}
.m_1f271cf7 :where(svg) {
  outline: 0;
}
.m_cf06f58c {
  height: 100%;
  width: 100%;
}
:where([data-mantine-color-scheme=light]) .m_cd2bd9e5 {
  --chart-empty-background: var(--mantine-color-gray-1);
  --chart-cursor-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_cd2bd9e5 {
  --chart-empty-background: var(--mantine-color-dark-6);
  --chart-cursor-color: var(--mantine-color-dark-4);
}
.m_cd2bd9e5 :where(svg) {
  outline: 0;
}
.m_6bcc3420 {
  padding: var(--mantine-spacing-md);
  box-shadow: var(--mantine-shadow-md);
  min-width: calc(12.5rem * var(--mantine-scale));
  font-size: var(--mantine-font-size-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
:where([data-mantine-color-scheme=light]) .m_6bcc3420 {
  border: 1px solid var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_6bcc3420 {
  border: 1px solid var(--mantine-color-dark-4);
}
.m_80d531e7 {
  min-height: var(--chart-size, auto);
  height: var(--chart-size, auto);
  width: var(--chart-size, auto);
  min-width: var(--chart-size, auto);
}
.m_80d531e7 :where(*) {
  outline: 0;
}
.m_2ef228c3 {
  display: block;
  width: fit-content;
}
:where([data-mantine-color-scheme=light]) .m_2ef228c3 {
  --heatmap-level-1: rgba(81, 207, 102, 0.3);
  --heatmap-level-2: rgba(64, 192, 87, 0.45);
  --heatmap-level-3: rgba(55, 178, 77, 0.75);
  --heatmap-level-4: rgba(43, 138, 62, 1);
  --heatmap-empty-rect-bg: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_2ef228c3 {
  --heatmap-level-1: rgba(43, 138, 62, 0.3);
  --heatmap-level-2: rgba(47, 158, 68, 0.45);
  --heatmap-level-3: rgba(55, 178, 77, 0.75);
  --heatmap-level-4: rgba(81, 207, 102, 1);
  --heatmap-empty-rect-bg: var(--mantine-color-dark-5);
}
.m_2ef201c5 {
  stroke-width: calc(0.0625rem * var(--mantine-scale));
}
.m_2ef201c5:where([data-empty]) {
  fill: var(--heatmap-empty-rect-bg);
}
.m_7e977775,
.m_c4b68f8d,
.m_75b4f3e6 {
  cursor: default;
  user-select: none;
  fill: var(--mantine-color-dimmed);
}
.m_da847eb2:where([data-empty]) {
  fill: var(--heatmap-empty-rect-bg);
}
.m_1ea785b1 {
  display: flex;
  flex-direction: column;
  gap: var(--bars-list-gap);
  width: 100%;
}
.m_294011ec {
  display: flex;
  justify-content: space-between;
  font-size: var(--mantine-font-size-sm);
  font-weight: var(--mantine-font-weight-medium);
  padding-bottom: var(--bars-list-gap);
}
.m_9de42164 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mantine-spacing-md);
}
.m_6f89abf0 {
  display: flex;
  align-items: center;
  min-width: var(--bars-list-min-bar-size);
  height: var(--bars-list-bar-height);
  padding: 0 var(--mantine-spacing-sm);
  font-size: var(--mantine-font-size-sm);
  font-weight: 500;
  color: var(--mantine-color-white);
  border-radius: var(--mantine-radius-sm);
  transition: width 300ms ease;
}
:where([data-mantine-color-scheme=light]) .m_6f89abf0 {
  background-color: var(--mantine-primary-color-filled);
}
:where([data-mantine-color-scheme=dark]) .m_6f89abf0 {
  background-color: var(--mantine-primary-color-filled);
}
.m_7016be6d {
  font-size: var(--mantine-font-size-sm);
  font-weight: var(--mantine-font-weight-medium);
  white-space: nowrap;
  color: var(--mantine-color-text);
}
.m_3c064071 {
  min-height: var(--chart-height, auto);
}
.m_3c064071 :where(*) {
  outline: 0;
}
.m_b42d2970 {
  min-height: var(--chart-height, auto);
}
.m_b42d2970 :where(*) {
  outline: 0;
}
:where([data-mantine-color-scheme=light]) .m_b42d2970 {
  --chart-link-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_b42d2970 {
  --chart-link-color: var(--mantine-color-dark-5);
}

/* ../../node_modules/@mantine/code-highlight/styles.css */
.m_5cb1b9c8 {
  position: relative;
}
.m_e597c321 {
  position: relative;
  border-radius: var(--ch-radius, 0px);
  overflow: hidden;
}
:where([data-mantine-color-scheme=light]) .m_e597c321:where([data-with-border]) {
  border: 1px solid var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_e597c321:where([data-with-border]) {
  border: 1px solid var(--mantine-color-dark-6);
}
.m_e597c321:where([data-with-border]):where([data-code-color-scheme=dark]) {
  border: 1px solid var(--mantine-color-dark-6);
}
.m_e597c321:where([data-with-border]):where([data-code-color-scheme=light]) {
  border: 1px solid var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=light]) .m_e597c321 {
  --ch-background: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_e597c321 {
  --ch-background: var(--mantine-color-dark-8);
}
.m_dfe9c588 {
  border-radius: var(--ch-radius, var(--mantine-radius-sm));
  overflow: hidden;
  background-color: var(--ch-background);
  font-size: calc(0.8125rem * var(--mantine-scale));
  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_dfe9c588:where([data-with-border]) {
  border: 1px solid var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_dfe9c588:where([data-with-border]) {
  border: 1px solid var(--mantine-color-dark-6);
}
.m_dfe9c588:where([data-with-border]):where([data-code-color-scheme=dark]) {
  border: 1px solid var(--mantine-color-dark-6);
}
.m_dfe9c588:where([data-with-border]):where([data-code-color-scheme=light]) {
  border: 1px solid var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=light]) .m_dfe9c588 {
  --ch-background: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_dfe9c588 {
  --ch-background: var(--mantine-color-dark-8);
}
.m_2c47c4fd {
  --code-line-height: 1.7;
  display: block;
  margin: 0;
  flex: 1;
  min-width: 0;
}
.m_2c47c4fd[data-with-offset] .m_5caae6d3 {
  padding-top: calc(3.125rem * var(--mantine-scale));
}
.m_5caae6d3 {
  display: block;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  background-color: var(--ch-background);
  font-size: calc(0.8125rem * var(--mantine-scale));
  line-height: var(--code-line-height, var(--mantine-line-height));
  font-family: var(--mantine-font-family-monospace);
  width: fit-content;
  min-width: 100%;
}
.m_5caae6d3:where([data-inline]) {
  display: inline-block;
  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
  background-color: var(--ch-background);
}
.m_be7e9c9c {
  position: absolute;
  top: calc(0.5rem * var(--mantine-scale));
  right: calc(0.5rem * var(--mantine-scale));
  z-index: 1;
  background-color: var(--ch-background);
  border-bottom-left-radius: var(--mantine-radius-md);
}
.m_be7e9c9c:where([data-with-offset]) {
  top: calc(0.75rem * var(--mantine-scale));
}
.m_d498bab7 {
  color: var(--mantine-color-text);
  opacity: 0.5;
}
@media (hover: hover) {
  .m_d498bab7:hover {
    color: var(--mantine-color-bright);
    opacity: 1;
  }
}
@media (hover: none) {
  .m_d498bab7:active {
    color: var(--mantine-color-bright);
    opacity: 1;
  }
}
.m_d498bab7:where([data-code-color-scheme=dark]) {
  color: var(--mantine-color-dark-0);
}
@media (hover: hover) {
  .m_d498bab7:where([data-code-color-scheme=dark]):hover {
    color: var(--mantine-color-white);
  }
}
@media (hover: none) {
  .m_d498bab7:where([data-code-color-scheme=dark]):active {
    color: var(--mantine-color-white);
  }
}
.m_d498bab7:where([data-code-color-scheme=light]) {
  color: var(--mantine-color-black);
}
@media (hover: hover) {
  .m_d498bab7:where([data-code-color-scheme=light]):hover {
    color: var(--mantine-color-black);
  }
}
@media (hover: none) {
  .m_d498bab7:where([data-code-color-scheme=light]):active {
    color: var(--mantine-color-black);
  }
}
.m_d498bab7 :where(svg) {
  width: calc(1.125rem * var(--mantine-scale));
  height: calc(1.125rem * var(--mantine-scale));
  display: block;
}
.m_4c3d814c:where([data-code-color-scheme=light]) {
  background-color: var(--mantine-color-gray-9);
  color: var(--mantine-color-white);
}
.m_4c3d814c:where([data-code-color-scheme=dark]) {
  background-color: var(--mantine-color-gray-2);
  color: var(--mantine-color-black);
}
.m_9f507240 {
  --code-line-height: 1.7;
  display: flex;
  flex-direction: row;
}
.m_15f77410 {
  user-select: none;
  text-align: right;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-xs);
  padding-left: var(--mantine-spacing-md);
  font-family: var(--mantine-font-family-monospace);
  font-size: calc(0.8125rem * var(--mantine-scale));
  line-height: var(--code-line-height, var(--mantine-line-height));
  color: var(--mantine-color-dimmed);
  background-color: var(--ch-background);
  flex-shrink: 0;
}
.m_15f77410[data-with-offset] {
  padding-top: calc(3.125rem * var(--mantine-scale));
}
.m_f744fd40[data-collapsed] {
  max-height: var(--ch-max-height, 180px);
  overflow: hidden;
  position: relative;
}
.m_f744fd40[data-collapsed]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(5rem * var(--mantine-scale));
  pointer-events: none;
  background:
    linear-gradient(
      0deg,
      var(--ch-background) 0%,
      var(--ch-background) 25%,
      transparent 100%);
  z-index: 1;
}
.m_c9378bc2 {
  position: absolute;
  z-index: 2;
  bottom: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-anchor);
  width: 100%;
  text-align: center;
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  white-space: nowrap;
}
.m_c9378bc2[data-hidden] {
  display: none;
}
.m_c9378bc2:where([data-code-color-scheme=dark]) {
  color: var(--mantine-primary-color-5);
}
.m_c9378bc2:where([data-code-color-scheme=light]) {
  color: var(--mantine-primary-color-6);
}
.m_5cac2e62 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mantine-font-size-xs);
  gap: calc(0.4375rem * var(--mantine-scale));
  padding: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
  font-family: var(--mantine-font-family-monospace);
  font-weight: var(--mantine-font-weight-bold);
  line-height: 1;
  user-select: none;
  cursor: pointer;
  opacity: 0.8;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  white-space: nowrap;
  margin: 0;
  border-radius: var(--mantine-radius-default);
}
.m_5cac2e62:where([data-active]) {
  opacity: 1;
}
:where([data-mantine-color-scheme=light]) .m_5cac2e62 {
  border-color: var(--mantine-color-gray-3);
  color: var(--mantine-color-gray-8);
}
:where([data-mantine-color-scheme=light]) .m_5cac2e62:where([data-active]) {
  background-color: var(--mantine-color-white);
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_5cac2e62 {
  border-color: var(--mantine-color-dark-4);
  color: var(--mantine-color-dark-0);
}
:where([data-mantine-color-scheme=dark]) .m_5cac2e62:where([data-active]) {
  background-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-white);
}
.m_5cac2e62:where([data-color-scheme=light]) {
  border-color: var(--mantine-color-gray-3);
  color: var(--mantine-color-gray-8);
}
.m_5cac2e62:where([data-color-scheme=light]):where([data-active]) {
  background-color: var(--mantine-color-white);
  color: var(--mantine-color-black);
}
.m_5cac2e62:where([data-color-scheme=dark]) {
  border-color: var(--mantine-color-dark-4);
  color: var(--mantine-color-dark-0);
}
.m_5cac2e62:where([data-color-scheme=dark]):where([data-active]) {
  background-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-white);
}
@media (hover: hover) {
  .m_5cac2e62:hover {
    opacity: 1;
  }
}
@media (hover: none) {
  .m_5cac2e62:active {
    opacity: 1;
  }
}
.m_5cac2e62:where(:only-child) {
  cursor: default;
}
.m_b46cddfb :where(svg) {
  display: block;
}
.m_7b14120b {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: calc(4.375rem * var(--mantine-scale));
}
.m_38d99e51 {
  display: flex;
  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  padding-bottom: 0;
  gap: var(--mantine-spacing-xs);
}

/* ../../node_modules/@mantine/dates/styles.css */
.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_7a8f1e6d {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
:where([dir=rtl]) .m_7a8f1e6d {
  flex-direction: row-reverse;
}
.m_d6bb0a54 {
  display: flex;
  align-items: center;
  height: calc(var(--input-height) - 15px);
}
.m_b97ecb26 {
  display: flex;
  flex-direction: column;
}
.m_31fe42f9 {
  display: flex;
  gap: calc(0.25rem * var(--mantine-scale));
}
.m_9c4817c3 {
  padding: calc(0.25rem * var(--mantine-scale));
}
.m_154c536b {
  text-align: center;
  min-width: 2.5em;
  width: max-content;
  height: 2em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--control-font-size, var(--mantine-font-size-sm));
}
.m_154c536b:where([data-active]) {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-color-white);
}
@media (hover: hover) {
  .m_154c536b:hover:where(:not([data-active])) {
    color: var(--mantine-color-bright);
  }
  :where([data-mantine-color-scheme=dark]) .m_154c536b:hover:where(:not([data-active])) {
    background-color: var(--mantine-color-dark-5);
  }
  :where([data-mantine-color-scheme=light]) .m_154c536b:hover:where(:not([data-active])) {
    background-color: var(--mantine-color-gray-1);
  }
}
@media (hover: none) {
  .m_154c536b:active:where(:not([data-active])) {
    color: var(--mantine-color-bright);
  }
  :where([data-mantine-color-scheme=dark]) .m_154c536b:active:where(:not([data-active])) {
    background-color: var(--mantine-color-dark-5);
  }
  :where([data-mantine-color-scheme=light]) .m_154c536b:active:where(:not([data-active])) {
    background-color: var(--mantine-color-gray-1);
  }
}
.m_7be09d0c {
  text-align: center;
  height: 2em;
  padding-inline: 0.5em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--control-font-size, var(--mantine-font-size-sm));
}
.m_7be09d0c:where([data-active]) {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-color-white);
}
@media (hover: hover) {
  .m_7be09d0c:hover:where(:not([data-active])) {
    color: var(--mantine-color-bright);
  }
  :where([data-mantine-color-scheme=dark]) .m_7be09d0c:hover:where(:not([data-active])) {
    background-color: var(--mantine-color-dark-5);
  }
  :where([data-mantine-color-scheme=light]) .m_7be09d0c:hover:where(:not([data-active])) {
    background-color: var(--mantine-color-gray-1);
  }
}
@media (hover: none) {
  .m_7be09d0c:active:where(:not([data-active])) {
    color: var(--mantine-color-bright);
  }
  :where([data-mantine-color-scheme=dark]) .m_7be09d0c:active:where(:not([data-active])) {
    background-color: var(--mantine-color-dark-5);
  }
  :where([data-mantine-color-scheme=light]) .m_7be09d0c:active:where(:not([data-active])) {
    background-color: var(--mantine-color-gray-1);
  }
}
.m_7d00001d + .m_7d00001d {
  margin-top: var(--mantine-spacing-sm);
}
.m_d8d918d7 {
  margin-bottom: calc(0.25rem * var(--mantine-scale));
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--control-font-size, var(--mantine-font-size-sm)) - 2px);
  font-weight: var(--mantine-font-weight-medium);
  display: flex;
  align-items: center;
  padding-inline-start: calc(0.4375rem * var(--mantine-scale));
}
.m_d8d918d7::after {
  content: "";
  width: 100%;
  height: calc(0.0625rem * var(--mantine-scale));
  flex: 1;
  margin-inline-start: var(--mantine-spacing-xs);
}
:where([data-mantine-color-scheme=light]) .m_d8d918d7::after {
  background-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_d8d918d7::after {
  background-color: var(--mantine-color-dark-4);
}
.m_6b43ba88 {
  width: calc(2ch + 0.3em);
  caret-color: transparent;
  font-variant-numeric: tabular-nums;
  position: relative;
  height: 100%;
  line-height: 1;
  padding-inline: 0.15em;
  border: 0;
  text-align: center;
  text-align-last: center;
  background-color: transparent;
  color: var(--input-color);
  border-radius: calc(0.125rem * var(--mantine-scale));
  appearance: none;
}
.m_6b43ba88:where([data-am-pm]) {
  width: auto;
}
.m_6b43ba88:where(:disabled) {
  cursor: not-allowed;
}
.m_6b43ba88::selection {
  background-color: transparent;
}
.m_6b43ba88::placeholder {
  opacity: 1;
  color: inherit;
}
.m_6b43ba88:focus {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-color-white);
  outline: 0;
}
.m_6b43ba88:focus::placeholder {
  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;
  border-radius: var(--mantine-radius-default);
  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-disabled-color);
  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);
  border-radius: 0;
}
@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-first-in-range]) {
  border-radius: 0;
  border-start-start-radius: var(--mantine-radius-default);
  border-end-start-radius: var(--mantine-radius-default);
}
.m_396ce5cb:where([data-last-in-range]) {
  border-radius: 0;
  border-end-end-radius: var(--mantine-radius-default);
  border-start-end-radius: var(--mantine-radius-default);
}
.m_396ce5cb:where([data-last-in-range][data-first-in-range]) {
  border-radius: var(--mantine-radius-default);
}
.m_396ce5cb:where([data-full-width]) {
  width: 100%;
  height: auto;
  min-height: var(--day-size);
  aspect-ratio: 1;
}
.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: var(--mantine-font-weight-regular);
  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_cc9820d3[data-full-width] {
  width: 100%;
}
.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: var(--mantine-font-weight-regular);
  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;
  border-radius: var(--mantine-radius-default);
}
@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-disabled-color);
  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);
  border-radius: 0;
}
@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_dc6a3c71:where([data-first-in-range]) {
  border-radius: 0;
  border-start-start-radius: var(--mantine-radius-default);
  border-end-start-radius: var(--mantine-radius-default);
}
.m_dc6a3c71:where([data-last-in-range]) {
  border-radius: 0;
  border-end-end-radius: var(--mantine-radius-default);
  border-start-end-radius: var(--mantine-radius-default);
}
.m_dc6a3c71:where([data-first-in-range][data-last-in-range]) {
  border-radius: var(--mantine-radius-default);
}
.m_dc6a3c71:where([data-full-width]) {
  width: 100%;
}
.m_9206547b {
  border-collapse: collapse;
  border-width: 0;
}
.m_9206547b[data-full-width] {
  width: 100%;
}
.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_2a6c32d[data-full-width] {
  width: 100%;
}
.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_730a79ed[data-full-width] {
  max-width: none;
  width: 100%;
}
.m_f6645d97,
.m_2351eeb0 {
  height: var(--dch-control-size);
  border-radius: var(--mantine-radius-default);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  opacity: 1;
  cursor: pointer;
}
.m_f6645d97:where([data-static]),
.m_2351eeb0:where([data-static]) {
  cursor: default;
}
@media (hover: hover) {
  [data-mantine-color-scheme=light] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)),
  [data-mantine-color-scheme=light] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) {
    background-color: var(--mantine-color-gray-0);
  }
  [data-mantine-color-scheme=dark] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)),
  [data-mantine-color-scheme=dark] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  [data-mantine-color-scheme=light] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)),
  [data-mantine-color-scheme=light] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :disabled)) {
    background-color: var(--mantine-color-gray-0);
  }
  [data-mantine-color-scheme=dark] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)),
  [data-mantine-color-scheme=dark] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :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: var(--mantine-font-weight-medium);
  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_30b26e33[data-full-width] {
  width: 100%;
}
.m_30b26e33[data-full-width] > * {
  flex: 1;
}
.m_6fa5e2aa {
  cursor: pointer;
  line-height: unset;
}
.m_6fa5e2aa:where([data-read-only]) {
  cursor: default;
}
.m_d01e596f {
  display: flex;
  font-size: var(--preset-font-size);
}
.m_52a6b4b0 {
  display: flex;
  flex-direction: column;
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
  padding-inline-end: 0.5em;
  margin-inline-end: 0.5em;
}
:where([data-mantine-color-scheme=light]) .m_52a6b4b0 {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_52a6b4b0 {
  border-color: var(--mantine-color-dark-5);
}
.m_b0d93233 {
  padding: 0.52em 0.8em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--preset-font-size);
  white-space: nowrap;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_b0d93233:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_b0d93233:hover {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_b0d93233:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_b0d93233:active {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_53c9e871 {
  display: flex;
  font-size: var(--preset-font-size);
}
.m_cccb8ff3 {
  display: flex;
  flex-direction: column;
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
  padding-inline-end: 0.5em;
  margin-inline-end: 0.5em;
}
:where([data-mantine-color-scheme=light]) .m_cccb8ff3 {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_cccb8ff3 {
  border-color: var(--mantine-color-dark-5);
}
.m_7b4fbf50 {
  padding: 0.52em 0.8em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--preset-font-size);
  white-space: nowrap;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_7b4fbf50:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_7b4fbf50:hover {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_7b4fbf50:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_7b4fbf50:active {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_765a40cf {
  display: flex;
  font-size: var(--preset-font-size);
}
.m_d6a681e1 {
  display: flex;
  flex-direction: column;
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
  padding-inline-end: 0.5em;
  margin-inline-end: 0.5em;
}
:where([data-mantine-color-scheme=light]) .m_d6a681e1 {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_d6a681e1 {
  border-color: var(--mantine-color-dark-5);
}
.m_acd30b22 {
  padding: 0.52em 0.8em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--preset-font-size);
  white-space: nowrap;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_acd30b22:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_acd30b22:hover {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_acd30b22:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_acd30b22:active {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_1f4d0c5 {
  display: flex;
  font-size: var(--preset-font-size);
}
.m_1f20081 {
  display: flex;
  flex-direction: column;
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
  padding-inline-end: 0.5em;
  margin-inline-end: 0.5em;
}
:where([data-mantine-color-scheme=light]) .m_1f20081 {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_1f20081 {
  border-color: var(--mantine-color-dark-5);
}
.m_eaf76082 {
  padding: 0.52em 0.8em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--preset-font-size);
  white-space: nowrap;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_eaf76082:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_eaf76082:hover {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_eaf76082:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_eaf76082:active {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_43bf4edb {
  display: flex;
  align-items: stretch;
  margin-top: var(--mantine-spacing-md);
}
.m_49f1412 {
  flex: 1;
  margin-inline-end: var(--mantine-spacing-md);
}
.m_d6d672a0 {
  margin-top: var(--mantine-spacing-md);
  font-size: calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale)));
  color: var(--mantine-color-text);
  line-height: 1.4;
  height: calc((var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))) * 1.4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m_80eb36d4 {
  display: flex;
  align-items: stretch;
  gap: var(--mantine-spacing-md);
  margin-top: var(--mantine-spacing-md);
}
.m_5566a64b {
  flex: 1;
}
.m_208d2562 {
  display: flex;
  align-items: stretch;
  margin-top: var(--mantine-spacing-md);
}
.m_62ee059 {
  flex: 1;
  margin-inline-end: var(--mantine-spacing-md);
}
.m_d8663ee7 {
  margin-top: var(--mantine-spacing-md);
  font-size: calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale)));
  color: var(--mantine-color-text);
  line-height: 1.4;
  height: calc((var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))) * 1.4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m_afb15cad {
  display: flex;
  align-items: stretch;
  gap: var(--mantine-spacing-md);
  margin-top: var(--mantine-spacing-md);
}
.m_8afe6e64 {
  flex: 1;
}
.m_ac3f4d63 {
  text-align: center;
  padding-inline: 1em;
  padding-block: 0.25em;
  border: 1px solid var(--mantine-color-default-border);
  background-color: var(--mantine-color-default);
  color: var(--mantine-color-default-color);
  border-radius: var(--time-grid-radius, var(--mantine-radius-default));
  font-size: var(--time-grid-fz, var(--mantine-font-size-sm));
}
@media (hover: hover) {
  .m_ac3f4d63:hover:where(:not([data-disabled])) {
    background-color: var(--mantine-color-default-hover);
  }
}
@media (hover: none) {
  .m_ac3f4d63:active:where(:not([data-disabled])) {
    background-color: var(--mantine-color-default-hover);
  }
}
.m_ac3f4d63:where([data-active]) {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-color-white);
  border-color: transparent;
}
@media (hover: hover) {
  .m_ac3f4d63:where([data-active]):hover:where(:not([data-disabled])) {
    background-color: var(--mantine-primary-color-filled-hover);
  }
}
@media (hover: none) {
  .m_ac3f4d63:where([data-active]):active:where(:not([data-disabled])) {
    background-color: var(--mantine-primary-color-filled-hover);
  }
}
.m_ac3f4d63:where(:disabled, [data-disabled]) {
  opacity: 0.5;
  cursor: not-allowed;
}
.m_2a0c4eda {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: var(--mini-calendar-font-size);
}
.m_2a05be4f {
  display: flex;
  font-size: inherit;
}
.m_99d16a4 {
  display: flex;
  min-width: 3em;
  gap: 0.5em;
  font-size: inherit;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  padding: 0.75em;
  border-radius: var(--mantine-radius-default);
}
.m_99d16a4:where([data-selected]) {
  color: var(--mantine-primary-color-contrast);
  background-color: var(--mantine-primary-color-filled);
}
@media (hover: hover) {
  .m_99d16a4:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
    background-color: var(--mantine-primary-color-filled-hover);
  }
}
@media (hover: none) {
  .m_99d16a4:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
    background-color: var(--mantine-primary-color-filled-hover);
  }
}
.m_99d16a4:where([data-disabled]) {
  opacity: 0.3;
  cursor: not-allowed;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
    background-color: var(--mantine-color-gray-1);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
    background-color: var(--mantine-color-gray-1);
  }
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=dark]) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=dark]) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_176ca23c {
  font-size: 0.75em;
  font-weight: var(--mantine-font-weight-medium);
  opacity: 0.65;
}
.m_d830530d {
  font-size: 0.9em;
  font-weight: var(--mantine-font-weight-medium);
}
.m_14c23465 {
  align-self: stretch;
  font-size: inherit;
  width: 2em;
  border-radius: var(--mantine-radius-default);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-bright);
}
.m_14c23465:where([data-disabled]) {
  opacity: 0.3;
  cursor: not-allowed;
}
.m_14c23465 [data-chevron] {
  font-size: inherit;
  width: 60%;
}
.m_14c23465[data-direction=previous] [data-chevron] {
  transform: rotate(90deg);
}
[dir=rtl] .m_14c23465[data-direction=previous] [data-chevron] {
  transform: rotate(-90deg);
}
.m_14c23465[data-direction=next] [data-chevron] {
  transform: rotate(-90deg);
}
[dir=rtl] .m_14c23465[data-direction=next] [data-chevron] {
  transform: rotate(90deg);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_14c23465:hover:where(:not([data-disabled])) {
    background-color: var(--mantine-color-gray-1);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_14c23465:active:where(:not([data-disabled])) {
    background-color: var(--mantine-color-gray-1);
  }
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=dark]) .m_14c23465:hover:where(:not([data-disabled])) {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=dark]) .m_14c23465:active:where(:not([data-disabled])) {
    background-color: var(--mantine-color-dark-5);
  }
}

/* ../../node_modules/@mantine/dropzone/styles.css */
.m_d46a4834 {
  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) dashed;
  color: var(--mantine-color-text);
  padding: var(--mantine-spacing-md);
  border-radius: var(--dropzone-radius);
  cursor: pointer;
  user-select: none;
  transition: background-color 100ms ease, border-color 100ms ease;
}
.m_d46a4834:where([data-loading]),
.m_d46a4834:where(:not([data-activate-on-click])) {
  cursor: default;
}
:where([data-mantine-color-scheme=light]) .m_d46a4834 {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_d46a4834 {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_d46a4834:where([data-accept]) {
  background-color: var(--dropzone-accept-bg);
  border-color: var(--dropzone-accept-bg);
  color: var(--dropzone-accept-color);
}
.m_d46a4834:where([data-reject]) {
  background-color: var(--dropzone-reject-bg);
  border-color: var(--dropzone-reject-bg);
  color: var(--dropzone-reject-color);
}
.m_b85f7144 {
  pointer-events: none;
  user-select: none;
}
.m_b85f7144:where([data-enable-pointer-events]) {
  pointer-events: all;
}
.m_96f6e9ad {
  position: fixed;
  inset: 0;
  background-color: var(--mantine-color-body);
  display: flex;
  flex-direction: column;
  padding: var(--mantine-spacing-xs);
  transition: opacity 100ms ease;
}
.m_96f6e9ad .m_7946116d {
  flex: 1;
}

/* ../../node_modules/@mantine/carousel/styles.css */
.m_17884d0f {
  --carousel-height: auto;
  position: relative;
}
.m_a2dae653 {
  height: var(--carousel-height);
  overflow: hidden;
}
.m_a2dae653[data-type=container] {
  container: carousel / inline-size;
}
.m_fcd81474 {
  display: flex;
  flex-direction: row;
  height: var(--carousel-height);
}
:where([data-include-gap-in-size]) .m_fcd81474:where([data-orientation=vertical]) {
  margin-bottom: calc(var(--carousel-slide-gap) * -1);
}
:where([data-include-gap-in-size]) .m_fcd81474:where([data-orientation=horizontal]) {
  margin-inline-end: calc(var(--carousel-slide-gap) * -1);
}
.m_fcd81474:where([data-orientation=vertical]) {
  flex-direction: column;
}
.m_39bc3463 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  pointer-events: none;
}
.m_39bc3463:where([data-orientation=vertical]) {
  inset-inline-start: calc(50% - var(--carousel-control-size) / 2);
  top: 0;
  bottom: 0;
  flex-direction: column;
  padding: var(--carousel-controls-offset) 0;
}
.m_39bc3463:where([data-orientation=horizontal]) {
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: calc(50% - var(--carousel-control-size) / 2);
  flex-direction: row;
  padding: 0 var(--carousel-controls-offset);
}
.m_64f58e10 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--carousel-control-size);
  min-height: var(--carousel-control-size);
  border-radius: var(--carousel-control-size);
  pointer-events: all;
  background-color: var(--mantine-color-white);
  color: var(--mantine-color-black);
  box-shadow: var(--mantine-shadow-md);
  border: 1px solid var(--mantine-color-gray-3);
  transition: opacity 100ms ease;
}
:where([data-mantine-color-scheme=light]) .m_64f58e10 {
  opacity: 0.85;
}
:where([data-mantine-color-scheme=dark]) .m_64f58e10 {
  opacity: 0.65;
}
@media (hover: hover) {
  .m_64f58e10:hover {
    opacity: 1;
  }
}
@media (hover: none) {
  .m_64f58e10:active {
    opacity: 1;
  }
}
.m_71ea3ab1 {
  position: absolute;
  display: flex;
  justify-content: center;
  gap: calc(0.5rem * var(--mantine-scale));
  pointer-events: none;
}
.m_71ea3ab1:where([data-orientation=vertical]) {
  bottom: 0;
  top: 0;
  inset-inline-end: var(--mantine-spacing-md);
  flex-direction: column;
}
.m_71ea3ab1:where([data-orientation=horizontal]) {
  bottom: var(--mantine-spacing-md);
  inset-inline-start: 0;
  inset-inline-end: 0;
  flex-direction: row;
}
.m_eae68602 {
  pointer-events: all;
  border-radius: var(--mantine-radius-xl);
  box-shadow: var(--mantine-shadow-sm);
  opacity: 0.6;
  background-color: var(--mantine-color-white);
}
@media (hover: hover) {
  .m_eae68602:hover {
    opacity: 1;
  }
}
@media (hover: none) {
  .m_eae68602:active {
    opacity: 1;
  }
}
.m_eae68602:where([data-active]) {
  opacity: 1;
}
.m_eae68602:where([data-orientation=vertical]) {
  width: calc(0.3125rem * var(--mantine-scale));
  height: calc(1.5625rem * var(--mantine-scale));
}
.m_eae68602:where([data-orientation=horizontal]) {
  width: calc(1.5625rem * var(--mantine-scale));
  height: calc(0.3125rem * var(--mantine-scale));
}
.m_d98df724 {
  position: relative;
  flex: 0 0 var(--carousel-slide-size, 100%);
}
.m_17884d0f:where([data-include-gap-in-size]) .m_d98df724:where([data-orientation=vertical]) {
  padding-bottom: var(--carousel-slide-gap);
}
.m_17884d0f:where([data-include-gap-in-size]) .m_d98df724:where([data-orientation=horizontal]) {
  padding-inline-end: var(--carousel-slide-gap);
}
.m_17884d0f:where(:not([data-include-gap-in-size])) .m_d98df724:where([data-orientation=vertical]) {
  margin-bottom: var(--carousel-slide-gap);
}
.m_17884d0f:where(:not([data-include-gap-in-size])) .m_d98df724:where([data-orientation=horizontal]) {
  margin-inline-end: var(--carousel-slide-gap);
}

/* ../../node_modules/@mantine/notifications/styles.css */
.m_b37d9ac7 {
  width: calc(100% - var(--mantine-spacing-md) * 2);
  position: fixed;
  z-index: var(--notifications-z-index);
  max-width: var(--notifications-container-width);
}
.m_b37d9ac7:where([data-position=top-center]) {
  top: var(--mantine-spacing-md);
  left: 50%;
  transform: translateX(-50%);
}
.m_b37d9ac7:where([data-position=top-left]) {
  top: var(--mantine-spacing-md);
  left: var(--mantine-spacing-md);
}
.m_b37d9ac7:where([data-position=top-right]) {
  top: var(--mantine-spacing-md);
  right: var(--mantine-spacing-md);
}
.m_b37d9ac7:where([data-position=bottom-center]) {
  bottom: var(--mantine-spacing-md);
  left: 50%;
  transform: translateX(-50%);
}
.m_b37d9ac7:where([data-position=bottom-left]) {
  bottom: var(--mantine-spacing-md);
  left: var(--mantine-spacing-md);
}
.m_b37d9ac7:where([data-position=bottom-right]) {
  bottom: var(--mantine-spacing-md);
  right: var(--mantine-spacing-md);
}
.m_5ed0edd0 + .m_5ed0edd0 {
  margin-top: var(--mantine-spacing-md);
}

/* ../../node_modules/@mantine/nprogress/styles.css */
.m_8f2832ae {
  position: fixed;
  top: 0;
  inset-inline: 0;
  z-index: var(--nprogress-z-index);
  background-color: transparent;
  transition: opacity 150ms ease;
  transition-delay: 50ms;
  opacity: 0;
  overflow: visible;
}
.m_8f2832ae:where([data-mounted]) {
  opacity: 1;
}
.m_7a0fe999 {
  position: relative;
  transition: width 150ms ease;
  overflow: visible;
}
.m_7a0fe999::before {
  content: "";
  position: absolute;
  width: calc(6.25rem * var(--mantine-scale));
  height: var(--progress-size);
  top: 0;
  inset-inline-end: calc(0.0625rem * var(--mantine-scale));
  transform: rotate(4deg) translateY(-4px);
  box-shadow: 0 0 10px var(--progress-section-color), 0 0 5px var(--progress-section-color);
}

/* ../../node_modules/@mantine/schedule/styles.css */
.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: 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;
}
.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-resizing]) {
  z-index: 10;
}
@media (hover: hover) {
  .m_1ac94670:where([data-resizing]) .m_71699dc6:hover {
    background-color: var(--event-bg);
  }
}
@media (hover: none) {
  .m_1ac94670:where([data-resizing]) .m_71699dc6:active {
    background-color: var(--event-bg);
  }
}
.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_1ac94670:where([data-clip-start]) .m_71699dc6 {
  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%);
}
.m_1ac94670:where([data-clip-end]) .m_71699dc6 {
  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%);
}
.m_1ac94670:where([data-clip-start][data-clip-end]) .m_71699dc6 {
  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%);
}
.m_71699dc6 {
  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;
}
.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_520128c {
  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;
}
.m_520128c::before {
  content: "";
  position: absolute;
  inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
}
.m_520128c:where([data-edge=top]) {
  top: calc(-0.125rem * var(--mantine-scale));
}
.m_520128c:where([data-edge=bottom]) {
  bottom: calc(-0.125rem * var(--mantine-scale));
}
.m_1ac94670:where(:hover, [data-resizing]) .m_520128c {
  opacity: 0.5;
}
@media (hover: hover) {
  .m_520128c:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .m_520128c:active {
    opacity: 0.8;
  }
}
.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: var(--mantine-font-weight-medium);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.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: 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));
}
.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_e106e12d {
  display: flex;
  gap: calc(0.25rem * var(--mantine-scale));
}
.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: var(--mantine-font-weight-medium);
}
@container (width <= 600px) {
  .m_feecf21b {
    display: block;
    flex: 1 1 100%;
  }
}
.m_3c5fb2d5 {
  --slot-height: var(--day-view-slot-height, 64px);
  --all-day-slot-height: var(--day-view-all-day-slot-height, 44px);
  --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: var(--mantine-font-weight-medium);
}
.m_f2eec5af {
  border: 1px solid var(--day-view-border-color);
  border-radius: var(--day-view-radius);
  overflow: hidden;
}
.m_f2eec5af :where(.mantine-ScrollArea-scrollbar) {
  z-index: 4;
}
.m_d5502881 {
  display: flex;
}
.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_c5cd9a77 {
  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);
}
.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: var(--mantine-font-weight-medium);
  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;
  font-weight: var(--mantine-font-weight-semibold);
  text-transform: capitalize;
}
.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: 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));
}
.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: var(--mantine-font-weight-medium);
  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: 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;
}
.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);
  font-weight: var(--mantine-font-weight-semibold);
  text-transform: capitalize;
}
.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));
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
}
.m_bbac00f3 {
  color: var(--mantine-color-dimmed);
  text-align: center;
  padding-block: var(--mantine-spacing-xl);
}
.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(5.25rem * 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: var(--mantine-font-weight-medium);
  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: var(--mantine-font-weight-medium);
  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(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;
}
.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_9e8509af {
  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);
}
.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));
}
: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 {
  --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;
}
.m_f8734f29 {
  display: flex;
  position: relative;
  overflow: hidden;
}
.m_44818807 :where(.mantine-ScrollArea-scrollbar) {
  z-index: 4;
}
.m_13bcfc1a {
  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;
}
.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);
}
.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: 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));
}
.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_41ce8f1f {
  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);
}
.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: var(--mantine-font-weight-medium);
  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: var(--mantine-font-size-sm);
  container-type: inline-size;
}
: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 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@container (width <= 850px) {
  .m_8b7a61a0 {
    --year-view-font-size: calc(var(--mantine-font-size-sm) - 2px) ;
  }
}
@container (width <= 750px) {
  .m_8b7a61a0 {
    grid-template-columns: repeat(2, 1fr);
    --year-view-font-size: var(--mantine-font-size-xs) ;
  }
}
@container (width <= 520px) {
  .m_8b7a61a0 {
    --year-view-font-size: calc(var(--mantine-font-size-xs) - 2px) ;
  }
}
@container (width <= 420px) {
  .m_8b7a61a0 {
    grid-template-columns: 1fr;
    --year-view-font-size: var(--mantine-font-size-xs) ;
  }
}
.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 65%);
}
.m_3e4e4533:where([data-with-week-numbers]) {
  --week-numbers-offset: calc(1.75rem * var(--mantine-scale));
}
.m_3e4e4533 {
  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));
}
.m_3e4e4533:where(:nth-child(3n+1)) {
  margin-inline-start: 0;
}
.m_3e4e4533:where(:nth-child(-n+3)) {
  margin-top: 0;
}
.m_3e4e4533:where(:nth-child(1)) {
  border-start-start-radius: var(--year-view-radius);
}
.m_3e4e4533:where(:nth-child(3)) {
  border-start-end-radius: var(--year-view-radius);
}
.m_3e4e4533:where(:nth-last-child(3)) {
  border-end-start-radius: var(--year-view-radius);
}
.m_3e4e4533:where(:nth-last-child(1)) {
  border-end-end-radius: var(--year-view-radius);
}
@container (width <= 750px) {
  .m_3e4e4533 {
    border: 0;
    padding: calc(0.5rem * var(--mantine-scale));
    margin: 0;
  }
  .m_3e4e4533:where([data-with-week-numbers]) {
    --week-numbers-offset: calc(0.875rem * var(--mantine-scale));
  }
}
@container (width <= 420px) {
  .m_3e4e4533 {
    padding: calc(0.375rem * var(--mantine-scale));
  }
}
.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: var(--mantine-font-weight-medium);
  cursor: pointer;
  user-select: none;
  color: var(--day-dimmed-color);
}
@container (width <= 750px) {
  .m_af51358a {
    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));
  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) {
  .m_e33cb11b {
    height: auto;
    padding-block: calc(0.125rem * var(--mantine-scale));
  }
}
.m_221ce72d {
  flex: 0 0 var(--week-numbers-offset);
}
.m_399ab70f {
  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) {
  .m_399ab70f {
    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: 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]) .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: 0;
  inset-inline: 0;
  display: flex;
  justify-content: center;
  padding-inline-start: calc(0.125rem * var(--mantine-scale));
}
.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;
  }
}

/* ../../node_modules/@mantine/spotlight/styles.css */
.m_d2b315db[data-scrollable] {
  --spotlight-content-height: 100%;
}
.m_3cd250e0 {
  overflow: hidden;
  height: var(--spotlight-content-height, auto);
  max-height: var(--spotlight-max-height);
}
.m_d2abce9b {
  display: flex;
  flex-direction: column;
  height: var(--spotlight-content-height, auto);
}
.m_f366a061 {
  border: 0;
  background-color: transparent;
}
.m_6e463822 {
  --spotlight-actions-list-padding: calc(0.25rem * var(--mantine-scale));
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  flex: 1;
  padding: var(--spotlight-actions-list-padding);
  max-height: calc(100vh - 15rem);
  margin-inline-end: calc(var(--spotlight-actions-list-padding) * -1);
  width: 100%;
}
:where([data-mantine-color-scheme=light]) .m_6e463822 {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_6e463822 {
  border-color: var(--mantine-color-dark-4);
}
.m_d49bb8ef {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 7px var(--mantine-spacing-md);
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  text-align: start;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_d49bb8ef:where(:not([data-selected])):hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_d49bb8ef:where(:not([data-selected])):hover {
    background-color: var(--mantine-color-dark-6);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_d49bb8ef:where(:not([data-selected])):active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_d49bb8ef:where(:not([data-selected])):active {
    background-color: var(--mantine-color-dark-6);
  }
}
.m_d49bb8ef:where([data-selected]) {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-primary-color-contrast, var(--mantine-color-white));
  --action-description-color: var(--mantine-primary-color-contrast, var(--mantine-color-white));
  --action-description-opacity: 0.7;
}
.m_3d475731 {
  flex: 1;
}
.m_832642f6 {
  opacity: 1;
  color: inherit;
}
.m_832642f6:where([data-dimmed]) {
  opacity: var(--action-description-opacity, 1);
  color: var(--action-description-color, var(--mantine-color-dimmed));
}
.m_832642f6:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-md);
}
.m_832642f6:where([data-position=right]) {
  margin-inline-start: var(--mantine-spacing-md);
}
.m_832642f6 > svg {
  display: block;
}
.m_6c2a1345 {
  display: block;
}
.m_a6d9d78d {
  display: block;
  font-size: var(--mantine-font-size-xs);
  opacity: var(--action-description-opacity, 1);
  color: var(--action-description-color, var(--mantine-color-dimmed));
}
.m_82f78f74 {
  color: var(--mantine-color-dimmed);
  padding: var(--mantine-spacing-md);
  text-align: center;
}
.m_ddcaf054 {
  padding: var(--mantine-spacing-xs) calc(var(--mantine-spacing-md) + calc(0.25rem * var(--mantine-scale)));
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_ddcaf054 {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_ddcaf054 {
  border-color: var(--mantine-color-dark-4);
}
.m_5a3e5f7b {
  display: flex;
  flex-direction: column;
  margin-top: var(--mantine-spacing-md);
}
.m_5a3e5f7b::before {
  content: var(--spotlight-label);
  text-transform: uppercase;
  font-size: var(--mantine-font-size-xs);
  font-weight: var(--mantine-font-weight-bold);
  color: var(--mantine-color-dimmed);
  padding-inline-start: var(--mantine-spacing-md);
}
.m_5a3e5f7b:empty {
  display: none;
}

/* ../../node_modules/@mantine/tiptap/styles.css */
.m_dd3f7539 {
  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-radius: var(--mantine-radius-default);
}
:where([data-mantine-color-scheme=light]) .m_dd3f7539 {
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_dd3f7539 {
  border-color: var(--mantine-color-dark-4);
}
.m_f2016866 {
  padding: 0;
  margin: 0;
}
.m_f2016866 li > p {
  margin: 0;
}
.m_f2016866 ul li,
.m_f2016866 ol li {
  margin-top: calc(0.125rem * var(--mantine-scale));
}
.m_f2016866 p {
  margin-bottom: calc(0.4375rem * var(--mantine-scale));
}
.m_f2016866 h1,
.m_f2016866 h2,
.m_f2016866 h3,
.m_f2016866 h4,
.m_f2016866 h5,
.m_f2016866 h6,
.m_f2016866 p {
  margin-top: 0;
}
.m_c2204cc2 {
  background-color: var(--mantine-color-body);
  border-radius: var(--mantine-radius-default);
}
.m_c2204cc2 .ProseMirror {
  outline: 0;
  padding: var(--mantine-spacing-md);
}
.m_c2204cc2 .ProseMirror > *:last-child {
  margin-bottom: 0;
}
.m_c2204cc2 .ProseMirror p.is-editor-empty:first-of-type::before {
  content: attr(data-placeholder);
  pointer-events: none;
  user-select: none;
  float: left;
  height: 0;
  color: var(--mantine-color-placeholder);
}
.m_c2204cc2 div:not(.ProseMirror) {
  z-index: 2;
}
.m_c2204cc2 pre {
  font-family: var(--mantine-font-family-monospace);
  border-radius: var(--mantine-radius-default);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
}
:where([data-mantine-color-scheme=light]) .m_c2204cc2 pre {
  background-color: var(--mantine-color-gray-0);
  color: var(--mantine-color-gray-9);
  --code-color-comment: var(--mantine-color-gray-5);
  --code-color-var: var(--mantine-color-red-7);
  --code-color-number: var(--mantine-color-blue-7);
  --code-color-title: var(--mantine-color-pink-7);
  --code-color-keyword: var(--mantine-color-violet-7);
}
:where([data-mantine-color-scheme=dark]) .m_c2204cc2 pre {
  background-color: var(--mantine-color-dark-8);
  color: var(--mantine-color-dark-1);
  --code-color-comment: var(--mantine-color-dark-2);
  --code-color-var: var(--mantine-color-red-5);
  --code-color-number: var(--mantine-color-cyan-5);
  --code-color-title: var(--mantine-color-yellow-5);
  --code-color-keyword: var(--mantine-color-violet-3);
}
.m_c2204cc2 pre code {
  background: none !important;
  color: inherit;
  font-size: var(--mantine-font-size-sm);
  padding: 0;
}
.m_c2204cc2 pre .hljs-comment,
.m_c2204cc2 pre .hljs-quote {
  color: var(--code-color-comment);
}
.m_c2204cc2 pre .hljs-variable,
.m_c2204cc2 pre .hljs-template-variable,
.m_c2204cc2 pre .hljs-attribute,
.m_c2204cc2 pre .hljs-tag,
.m_c2204cc2 pre .hljs-regexp,
.m_c2204cc2 pre .hljs-link,
.m_c2204cc2 pre .hljs-name,
.m_c2204cc2 pre .hljs-selector-id,
.m_c2204cc2 pre .hljs-selector-class {
  color: var(--code-color-var);
}
.m_c2204cc2 pre .hljs-number,
.m_c2204cc2 pre .hljs-meta,
.m_c2204cc2 pre .hljs-built_in,
.m_c2204cc2 pre .hljs-builtin-name,
.m_c2204cc2 pre .hljs-literal,
.m_c2204cc2 pre .hljs-type,
.m_c2204cc2 pre .hljs-params {
  color: var(--code-color-number);
}
.m_c2204cc2 pre .hljs-string,
.m_c2204cc2 pre .hljs-symbol,
.m_c2204cc2 pre .hljs-bullet {
  color: var(--code-color-var);
}
.m_c2204cc2 pre .hljs-title,
.m_c2204cc2 pre .hljs-section {
  color: var(--code-color-title);
}
.m_c2204cc2 pre .hljs-keyword,
.m_c2204cc2 pre .hljs-selector-tag {
  color: var(--code-color-keyword);
}
.m_c2204cc2 pre .hljs-emphasis {
  font-style: italic;
}
.m_c2204cc2 pre .hljs-strong {
  font-weight: 700;
}
.m_8a991b4f {
  background-color: var(--mantine-color-body);
}
.m_c2207da6 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--mantine-radius-default);
  cursor: default;
}
.m_c2207da6:where([data-variant=default]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  min-width: calc(1.625rem * var(--mantine-scale));
  height: calc(1.625rem * var(--mantine-scale));
}
.m_c2207da6:where([data-variant=subtle]) {
  --control-icon-size: calc(1.25rem * var(--mantine-scale));
  min-width: calc(2rem * var(--mantine-scale));
  height: calc(2rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_c2207da6 {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_c2207da6 {
  border-color: var(--mantine-color-dark-4);
  color: var(--mantine-color-dark-1);
}
:where([data-mantine-color-scheme=dark]) .m_c2207da6:where([data-variant=default]) {
  background-color: var(--mantine-color-dark-6);
}
:where([data-mantine-color-scheme=dark]) .m_c2207da6:where([data-variant=subtle]) {
  background-color: var(--mantine-color-dark-7);
}
.m_c2207da6:where([data-disabled]) {
  cursor: not-allowed;
  color: var(--mantine-color-disabled-color);
  background-color: var(--mantine-color-disabled);
}
.m_c2207da6:where([data-interactive]:not([data-disabled])) {
  cursor: pointer;
}
@media (hover: hover) {
  .m_c2207da6:where([data-interactive]:not([data-disabled])):hover {
    color: var(--mantine-color-bright);
  }
  :where([data-mantine-color-scheme=light]) .m_c2207da6:where([data-interactive]:not([data-disabled])):hover:where([data-variant=default]) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=light]) .m_c2207da6:where([data-interactive]:not([data-disabled])):hover:where([data-variant=subtle]) {
    background-color: var(--mantine-color-gray-1);
  }
  :where([data-mantine-color-scheme=dark]) .m_c2207da6:where([data-interactive]:not([data-disabled])):hover {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  .m_c2207da6:where([data-interactive]:not([data-disabled])):active {
    color: var(--mantine-color-bright);
  }
  :where([data-mantine-color-scheme=light]) .m_c2207da6:where([data-interactive]:not([data-disabled])):active:where([data-variant=default]) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=light]) .m_c2207da6:where([data-interactive]:not([data-disabled])):active:where([data-variant=subtle]) {
    background-color: var(--mantine-color-gray-1);
  }
  :where([data-mantine-color-scheme=dark]) .m_c2207da6:where([data-interactive]:not([data-disabled])):active {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_c2207da6:where([data-active]) {
  background-color: var(--mantine-primary-color-light);
  color: var(--mantine-primary-color-light-color);
}
@media (hover: hover) {
  .m_c2207da6:where([data-active]):hover {
    background-color: var(--mantine-primary-color-light-hover);
  }
}
@media (hover: none) {
  .m_c2207da6:where([data-active]):active {
    background-color: var(--mantine-primary-color-light-hover);
  }
}
.m_9cdfeb3f {
  width: var(--control-icon-size, 16px);
  height: var(--control-icon-size, 16px);
}
.m_2ab47ef2 {
  display: flex;
  background-color: var(--mantine-color-body);
}
.m_2ab47ef2:where([data-variant=default]) :where([data-rich-text-editor-control]) {
  border-radius: 0;
}
.m_2ab47ef2:where([data-variant=default]) :where([data-rich-text-editor-control]):where(:not(:last-of-type)) {
  border-inline-end-width: 0;
}
.m_2ab47ef2:where([data-variant=default]) :where([data-rich-text-editor-control]):where(:last-of-type) {
  border-start-end-radius: var(--mantine-radius-default);
  border-end-end-radius: var(--mantine-radius-default);
}
.m_2ab47ef2:where([data-variant=default]) :where([data-rich-text-editor-control]):where(:first-of-type) {
  border-start-start-radius: var(--mantine-radius-default);
  border-end-start-radius: var(--mantine-radius-default);
}
.m_b67b711e {
  display: flex;
}
.m_296cf94c {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.m_cfef614 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  color: var(--mantine-color-text);
  height: calc(1.5rem * var(--mantine-scale));
  width: calc(1.5rem * var(--mantine-scale));
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--mantine-radius-default);
}
:where([data-mantine-color-scheme=light]) .m_cfef614 {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_cfef614 {
  background-color: var(--mantine-color-dark-7);
  border-color: var(--mantine-color-dark-4);
}
.m_cfef614:where([data-active]) {
  background-color: var(--mantine-primary-color-light);
  color: var(--mantine-primary-color-filled);
}
@media (hover: hover) {
  .m_cfef614:where([data-active]):hover {
    background-color: var(--mantine-primary-color-light-hover);
  }
}
@media (hover: none) {
  .m_cfef614:where([data-active]):active {
    background-color: var(--mantine-primary-color-light-hover);
  }
}
.m_3b28e7bb {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.m_4574a3c4 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--mantine-spacing-sm);
  top: var(--rte-sticky-offset, 0px);
  background-color: var(--mantine-color-body);
  z-index: 1;
  border-start-end-radius: var(--mantine-radius-default);
  border-start-start-radius: var(--mantine-radius-default);
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
}
.m_4574a3c4:where([data-variant=default]) {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
}
.m_4574a3c4:where([data-variant=subtle]) {
  padding: calc(0.25rem * var(--mantine-scale));
  row-gap: 0;
}
:where([data-mantine-color-scheme=light]) .m_4574a3c4 {
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_4574a3c4 {
  border-color: var(--mantine-color-dark-4);
}
.m_4574a3c4:where([data-sticky]) {
  position: sticky;
}
.m_8b44009a {
  list-style-type: none;
  padding: 0;
  padding-inline-start: 0;
}
.m_8b44009a :where(li) {
  margin: 0;
  padding: 0;
  display: flex;
}
.m_8b44009a :where(li[data-checked] > div) {
  flex: 1 1 auto;
  min-width: 0;
}
.m_8b44009a :where(ul) {
  margin-top: calc(0.3125rem * var(--mantine-scale));
}
.m_8b44009a p {
  margin: 0;
  padding: 0;
}
.m_8b44009a :where(label) {
  display: inline-block;
}
.m_8b44009a :where(input) {
  cursor: pointer;
  appearance: none;
  width: calc(1.125rem * var(--mantine-scale));
  height: calc(1.125rem * var(--mantine-scale));
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-radius: var(--mantine-radius-default);
  vertical-align: middle;
  position: relative;
}
:where([data-mantine-color-scheme=light]) .m_8b44009a :where(input) {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_8b44009a :where(input) {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
.m_8b44009a :where(input):checked {
  background-color: var(--mantine-primary-color-filled);
  border-color: var(--mantine-primary-color-filled);
}
.m_8b44009a :where(input):checked::before {
  position: absolute;
  content: "";
  inset: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCA3Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNCA0LjU4NkwxLjcwNyAyLjI5M0ExIDEgMCAxMC4yOTMgMy43MDdsMyAzYS45OTcuOTk3IDAgMDAxLjQxNCAwbDUtNUExIDEgMCAxMDguMjkzLjI5M0w0IDQuNTg2eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: calc(0.625rem * var(--mantine-scale));
  background-position: center;
}
.m_8b44009a :where(li > label) {
  margin-inline-end: var(--mantine-spacing-sm);
}

/* ../assets/stylesheets/custom.scss */
html,
body {
  height: auto !important;
}
:root {
  --hs-page-bg: #f8fafc;
  --hs-surface-bg: #ffffff;
  --hs-surface-muted-bg: #f3f4f5;
  --hs-card-bg: #ffffff;
  --hs-border-color: #dce3ea;
  --hs-text-color: #172131;
  --hs-text-muted-color: #667085;
  --hs-brand-color: #8b1b1f;
  --hs-brand-hover-color: #aa3b3e;
  --hs-danger-color: #9f3a38;
  --hs-danger-bg: #fff6f6;
  --hs-success-bg: #eaffed;
  --hs-success-hover-bg: #cdebcd;
  --hs-success-text: #142014;
  --hs-overlay-color: #0000002b;
  --hs-shadow-color: #8181813b;
}
[data-mantine-color-scheme=dark] {
  --hs-page-bg: #111827;
  --hs-surface-bg: #172131;
  --hs-surface-muted-bg: #202b3b;
  --hs-card-bg: #172131;
  --hs-border-color: #334155;
  --hs-text-color: #e5e7eb;
  --hs-text-muted-color: #a8b3c3;
  --hs-brand-color: #e58c90;
  --hs-brand-hover-color: #dd6b70;
  --hs-danger-color: #fca5a5;
  --hs-danger-bg: #341b20;
  --hs-success-bg: #173924;
  --hs-success-hover-bg: #1f4d30;
  --hs-success-text: #dcfce7;
  --hs-overlay-color: #0000008a;
  --hs-shadow-color: #00000066;
}
body {
  min-width: auto;
  overflow-x: auto !important;
  background: var(--hs-page-bg);
  color: var(--hs-text-color);
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif !important;
}
@media only screen and (max-width: 767px) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}
.main {
  height: auto;
}
h1 {
  font-size: 22px !important;
  margin: 0px !important;
}
@media only screen and (min-width: 450px) {
  h1 {
    font-size: 30px !important;
  }
}
.main-page {
  display: block;
  height: 100%;
}
.sidebar-container {
  position: fixed;
  width: 220px;
  height: 100%;
  padding: 8px;
  border: solid 1px var(--hs-border-color);
  background-color: var(--hs-surface-muted-bg);
  border-top: 0px;
}
.content-container {
  height: 100%;
  padding: 8px 16px;
  margin: 4px;
}
@media only screen and (min-width: 575px) {
  .content-container {
    margin: 16px 32px;
  }
}
.content-container.wide {
  margin: 0;
  padding: 0;
}
.topbar-container {
  position: fixed;
  height: 48px;
  width: 100%;
  top: 0;
  z-index: 100;
  background-color: var(--hs-surface-bg);
}
.topbar-container a {
  color: var(--hs-brand-color) !important;
}
.topbar-container a:hover {
  border-color: var(--hs-brand-color) !important;
}
.content-page {
  margin-left: 250px;
  transition: margin-left 0.2s;
}
.content-page.collapsed {
  margin-left: 60px;
}
.content-page.mobile {
  margin-top: 52px;
  margin-left: 0;
}
.error input {
  border-color: var(--hs-danger-color) !important;
  background-color: var(--hs-danger-bg) !important;
}
.error-message {
  color: var(--hs-danger-color);
}
.mantine-Alert-root {
  margin-bottom: 16px;
}
@media only screen and (min-width: 850px) {
  .filter-wrapper {
    display: flex;
    min-width: 700px;
  }
}
.filter-wrapper .filter-column-wrapper {
  margin-right: 20px;
  width: 100%;
}
.add-button {
  margin-top: 8px !important;
}
.approve-button {
  background-color: #0bc567 !important;
  color: white !important;
}
.approve-button:hover {
  background-color: #29d67e !important;
  color: white !important;
}
.primary-hs-button,
.primary-hs-button.button {
  background-color: #8b1b1f !important;
  color: white !important;
}
.primary-hs-button:hover {
  background-color: #aa3b3e !important;
}
.primary-hs-button:disabled,
.primary-hs-button[data-disabled] {
  background-color: #dedede !important;
  border-color: #dedede !important;
  color: #6b7280 !important;
}
.mantine-Input-section .mantine-CloseButton-root,
.mantine-Input-section .mantine-CloseButton-root:hover,
.mantine-Input-section .mantine-CloseButton-root:active,
.mantine-Input-section .mantine-CloseButton-root[data-active] {
  background: transparent !important;
  color: var(--hs-text-muted-color) !important;
}
.mantine-Input-section .mantine-CloseButton-root:hover {
  color: var(--hs-text-color) !important;
}
.text-link {
  background: transparent;
  border: 0;
  color: #2f7ed8 !important;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-decoration: none;
}
.text-link:hover {
  color: #1f5fa6 !important;
  text-decoration: underline;
}
.view-page-edit-button {
  display: flex;
  justify-content: flex-end;
}
.edit-page-button-group {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
}
.edit-page-button-group button {
  font-weight: 700;
  flex-grow: 1;
}
@media only screen and (min-width: 575px) {
  .edit-page-button-group button {
    flex-grow: unset;
  }
}
.edit-page-button-group .mantine-Button-root:not(:last-child) {
  background-color: #dedede !important;
  border-color: #dedede !important;
  color: #4f4f4f !important;
}
.edit-page-button-group .mantine-Button-root:first-child:nth-last-child(3) {
  background-color: #1f1f1f !important;
  border-color: #1f1f1f !important;
  color: white !important;
}
.edit-page-button-group .mantine-Button-root:last-child {
  background-color: #8b1b1f !important;
  border-color: #8b1b1f !important;
  color: white !important;
}
.edit-page-button-group .mantine-Button-root:last-child:hover {
  background-color: #aa3b3e !important;
  border-color: #aa3b3e !important;
}
.edit-page-button-group .mantine-Button-root:disabled,
.edit-page-button-group .mantine-Button-root[data-disabled] {
  background-color: #dedede !important;
  border-color: #dedede !important;
  color: #6b7280 !important;
}
.edit-page-button-group .mantine-Button-root:last-child:disabled,
.edit-page-button-group .mantine-Button-root:last-child[data-disabled] {
  background-color: #f1f3f5 !important;
  border-color: #cfd6df !important;
  color: #7a8493 !important;
}
.list-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px;
  padding: 4px;
  width: 100%;
}
.detail-list-item,
.list-item-label,
.label-margin {
  --badge-bg: var(--hs-surface-muted-bg) !important;
  --badge-color: var(--hs-text-color) !important;
  border: 1px solid var(--hs-border-color);
  border-radius: 999px;
  color: var(--hs-text-color) !important;
  font-weight: 700;
  height: auto;
  letter-spacing: 0;
  line-height: 1.35;
  margin: 0;
  max-width: 100%;
  min-height: 28px;
  padding: 5px 12px;
  text-transform: none;
  white-space: normal;
}
.detail-list-item .mantine-Badge-label,
.list-item-label .mantine-Badge-label,
.label-margin .mantine-Badge-label {
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
}
.label-cell-item,
.branch-city-label,
.department-city-label,
.role-user-label {
  --badge-bg: var(--hs-surface-muted-bg) !important;
  --badge-color: var(--hs-text-color) !important;
  border: 1px solid transparent;
  color: var(--hs-text-color) !important;
  font-weight: 700;
  height: auto;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 2px;
  min-height: 24px;
  padding: 3px 9px;
  text-transform: none;
  white-space: normal;
}
.label-cell-item .mantine-Badge-label,
.branch-city-label .mantine-Badge-label,
.department-city-label .mantine-Badge-label,
.role-user-label .mantine-Badge-label {
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
}
.role-detail-list-item {
  border-radius: 999px;
  font-weight: 700;
  height: auto;
  letter-spacing: 0;
  line-height: 1.35;
  margin: 0;
  max-width: 100%;
  min-height: 28px;
  padding: 5px 12px;
  text-transform: none;
  white-space: normal;
}
.role-detail-list-item .mantine-Badge-label {
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
}
.pill-content {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
  vertical-align: middle;
}
.pill-icon {
  flex: 0 0 auto;
}
.subtle-text {
  color: var(--hs-text-muted-color);
  font-style: italic;
  margin: 0;
}
.MantineColorSchemeToggle {
  bottom: 16px;
  position: fixed;
  right: 16px;
  z-index: 4000;
}
.field:last-child {
  margin-bottom: 1em !important;
}
p.segment-titles {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
form {
  margin: 16px 0 24px;
}
.subtitle-header {
  font-weight: lighter;
  text-transform: uppercase;
}
.label-margin {
  margin-bottom: 4px !important;
}
.nested-fields-wrapper {
  margin-left: 8px;
}
@media only screen and (min-width: 575px) {
  .nested-fields-wrapper {
    display: flex;
  }
}
.nested-fields-wrapper .field {
  width: 100%;
  padding-right: 4px;
}
.nested-fields-wrapper .date-picker-wrapper {
  width: 100%;
  padding-right: 4px;
}
.nested-fields-wrapper .date-picker-wrapper .DayPickerInput {
  width: 100%;
}
.nested-fields-wrapper .remove-button {
  margin-bottom: 1em;
  margin-top: auto;
}
.space-between-wrapper {
  display: flex;
  justify-content: space-between;
}
.flex-wrapper {
  display: flex;
}
.third-button {
  background-color: #006b8c !important;
  color: white !important;
}
.third-button:hover {
  background-color: #127b9b !important;
  color: white !important;
}
.right-aligned {
  display: flex;
  justify-content: flex-end;
}
.create-new-button {
  background-color: #4cb5d6 !important;
  color: white !important;
}
.create-new-button:hover {
  background-color: #56ccf1 !important;
  color: white !important;
}
