/* Shared presentation layer for copied legacy apps. The individual apps keep their original ids, names, classes, globals and storage keys. */
.legacy-app {
  max-width: 100%;
  overflow-x: auto;
  margin: 1rem 0 2rem;
}
.legacy-app iframe,
.legacy-app canvas,
.legacy-app textarea,
.legacy-app input,
.legacy-app select {
  max-width: 100%;
}
.legacy-app table {
  max-width: 100%;
}
.legacy-app .viewport {
  min-height: 24rem;
}
.legacy-index ul {
  columns: 2 18rem;
  padding-left: 1.25rem;
}
.legacy-index li {
  break-inside: avoid;
  margin-bottom: 0.75rem;
}
.legacy-index span {
  color: #4b5563;
}
.legacy-app-cellular-automata canvas#myCanvas {
  position: relative;
  display: block;
  border: 1px solid #d0d7de;
}