/* Keeps the shared site chrome visible around embedded transformation tools. */
.chemical-conceptor-host {
  min-height: 100vh;
  min-height: 100dvh;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff7fc;
}

.chemical-conceptor-host .chemical-algebra-main {
  flex: 0 0 auto;
  width: 100%;
  height: calc(100vh - 132px);
  height: calc(100dvh - 132px);
  min-height: 520px;
  overflow: hidden;
}

.chemical-conceptor-host .chemical-algebra-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.chemical-conceptor-host .cm-global-footer {
  flex: 0 0 auto;
  margin-top: 0;
}

@media (max-width: 720px) {
  .chemical-conceptor-host .chemical-algebra-main {
    height: calc(100dvh - 158px);
    min-height: 480px;
  }
}