body {
  margin: 0;
}

canvas {
  width: 100%;
  height: 100%;
}

.webgl-panel {
  width: 100px !important;
  height: 5% !important;
  margin: 5px !important;
  position: fixed !important;
  top: 1% !important;
  z-index: 9999 !important;
}

.webgl-panel-dimensions {
  right: 1% !important;
}

.webgl-panel-components {
  right: 75% !important;
}

.webgl-full-width {
  width: 100% !important;
}

.webgl-model-list {
  width: 50%;
  height: 10%;
  margin: 5px 10px 15px 20px;
  position: fixed;
  top: 1%;
  right: 20%;
  z-index: 9999;
}

.webgl-switch {
  width: 100px;
  height: 5%;
  margin: 5px 10px 15px 20px;
  position: fixed;
  top: 1%;
  right: 2%;
  z-index: 9999;
}

.webgl-model-data {
  display: none;
}

.model-switch-link {
  width: auto;
  margin: 5px 10px 15px 20px;
  text-decoration: underline;
}