._dash-loading {
    display: none;
  }

.mantine-MediaQuery-media {
  transition: margin 0.12s ease-out;
}

#content {
  height: 100%;
}

#content > div {
  height: 100%;
  overflow-y: auto;
}

body {
  height: calc(100% - 90px);
  margin: 0;
}


:root {
  height: 100%;
  overflow: hidden;
}

#react-entry-point {
    height: 100%;
}

.mantine-Drawer-closeButton {
  display: none;
}

.loader {
    overflow: hidden;
    height: 2px;
    background-color: var(--plant-color-bright);
    position: absolute;
    animation: sweep 2s infinite ease-in-out;
    max-width: 100%;
    width: max(10%, 150px);
    overflow: hidden;
    margin-top: -30px;
    --shift-loader: 0px;
    margin-left: calc(var(--shift-loader) - 30px);
    padding: 0;
    transition: var(--is-loading-transition);
    opacity: var(--is-loading);
}

@keyframes sweep {
    0%, 100% {
        left: 0;
        transform: translateX(-100%);
        box-shadow: 0 0 20px 1px var(--plant-color-bright);
    }
    25%, 75% {
        box-shadow: 0 0 20px 4px var(--plant-color-bright);
    }
    50% {
        left: 100%;
        transform: translateX(calc(100% - var(--shift-loader)));
        box-shadow: 0 0 20px 1px var(--plant-color-bright);
    }
}

@media only screen and (min-width: 800px) {
  .burger-menu {
    display: none;
  }
  .move-modal {
    margin-left: 215px;
  }
  .loader {
    --shift-loader: 215px;
  }
}