#flux-project-menu-button.flux-project-active {
  background: rgb(219 234 254) !important;
  color: rgb(37 99 235) !important;
}

html.dark #flux-project-menu-button.flux-project-active {
  background: rgb(37 99 235 / 0.2) !important;
  color: rgb(147 197 253) !important;
}

#flux-project-panel-host {
  position: absolute;
  inset: 0;
  z-index: 30;
  min-width: 0;
  min-height: 100%;
  overflow: hidden;
  background: #f4f6f9;
}

html.dark #flux-project-panel-host {
  background: #000;
}

#flux-project-panel-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 56px);
  border: 0;
  background: #f4f6f9;
}

html.dark #flux-project-panel-frame {
  background: #000;
}

.flux-project-mobile-button.flux-project-active {
  color: rgb(37 99 235) !important;
}

@media (max-width: 768px) {
  #flux-project-panel-frame {
    min-height: calc(100dvh - 120px);
  }
}