@layer mantine {.m-89ab340[data-resizing] {
    --app-shell-transition-duration: 0ms !important;
  }
  .m-89ab340[data-disabled] {
    --app-shell-header-offset: 0px !important;
    --app-shell-navbar-offset: 0px !important;
  }
  [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, 0px);
  height: calc(100dvh - var(--app-shell-header-offset, 0px) - var(--app-shell-footer-offset, 0px));
  background-color: var(--mantine-color-body);
  transition-property: transform, top, height;
}

:where([data-layout='alt']) .m-45252eee, :where([data-layout='alt']) .m-9cdde9a {
    top: 0px;
    height: 100dvh;
  }

.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([dir="rtl"]) .m-45252eee {
    transform: var(--app-shell-navbar-transform-rtl);
}

.m-45252eee:where([data-with-border]) {
    border-inline-end: calc(0.0625rem * var(--mantine-scale)) 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([dir="rtl"]) .m-9cdde9a {
    transform: var(--app-shell-aside-transform-rtl);
}

.m-9cdde9a:where([data-with-border]) {
    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--app-shell-border-color);
  }

.m-8983817 {
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0px) + var(--app-shell-padding));
  padding-inline-end: calc(var(--app-shell-aside-offset, 0px) + var(--app-shell-padding));
  padding-top: calc(var(--app-shell-header-offset, 0px) + var(--app-shell-padding));
  padding-bottom: calc(var(--app-shell-footer-offset, 0px) + var(--app-shell-padding));
  min-height: 100dvh;
  transition-property: padding;
}

.m-3b16f56b,
.m-3840c879 {
  position: fixed;
  inset-inline: 0;
  transition-property: transform, left, right;
  background-color: var(--mantine-color-body);
}

:where([data-layout='alt']) .m-3b16f56b, :where([data-layout='alt']) .m-3840c879 {
    inset-inline-start: var(--app-shell-navbar-offset, 0px);
  }

.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);
}

.m-3b16f56b:where([data-with-border]) {
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--app-shell-border-color);
  }

.m-3840c879 {
  bottom: 0;
  height: var(--app-shell-footer-height);
  transform: var(--app-shell-footer-transform);
  z-index: var(--app-shell-footer-z-index);
}

.m-3840c879:where([data-with-border]) {
    border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--app-shell-border-color);
  }

.m-6dcfc7c7 {
  flex-grow: 0;
}

.m-6dcfc7c7:where([data-grow]) {
    flex-grow: 1;
  }
}