.project-workbench {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.project-side {
  width: 276px;
  flex: 0 0 276px;
  height: 100vh;
  min-height: 0;
  overflow-y: auto;
}

.project-main {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.project-top {
  height: 66px;
  min-height: 66px;
  flex: 0 0 66px;
}

.project-workspace {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

body.desktop-mode .project-workbench,
body.desktop-mode .project-side,
body.desktop-mode .project-main {
  height: 100%;
}

@media (max-width: 900px) {
  .project-side {
    width: 238px;
    flex-basis: 238px;
  }
}

@media (max-width: 700px) {
  .project-side {
    display: none;
  }
}