.hidden {
  display: none;
}

.legend-label {
  font:
    normal 11px / 1.5 Helvetica,
    Arial,
    sans-serif;
  color: #667;
}
.plot-tooltip {
  display: none;
  font: normal 10px Arial;
  background: #fffcd0;
  border: 1px solid #ddd;
  padding: 1px 6px;
  position: absolute;
}

.plot {
  width: 100%;
  height: 220px;
  font:
    normal 11px / 1.5 Helvetica,
    Arial,
    sans-serif; /*background: #f8f8f8; border: 1px solid #f0f0f0;*/
  margin: 1.25em auto 1.5em auto;
  box-sizing: border-box;
}

textarea {
  display: block;
  width: 100%;
  max-width: none;
  height: 80px;
  margin: 1.25em auto 1.5em auto;
}
textarea.plot-placeholder {
  height: 220px;
}
textarea.hidden {
  display: none;
}

@media (max-width: 500px) {
  .plot,
  textarea.plot-placeholder {
    height: 160px;
  }
}