.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; }
}