/* bokeh-embed.css - container styling for Bokeh plots (bokeh-embed.js). */

.bokeh-plot {
  margin: 1.25rem 0;
}

/* Reserve height while BokehJS downloads so the page does not jump, then let
   the plot's own height take over once it has rendered. */
.bokeh-plot:not([data-ready="1"]) {
  min-height: 28rem;
}

.bokeh-plot__error {
  padding: 0.6rem 0.75rem;
  border-radius: 0.3rem;
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color--light);
  font-size: 0.75rem;
}

/* Note: Bokeh 3 renders plots and widgets inside a shadow root, so page CSS
   cannot reach them - restyling axes, fonts or widget chrome has to happen in
   the Python that generates the JSON. */