/* Demo players: drawings played live by <dottie-player> (dottie.js), on their own page color. */
.player {
  width: 100%;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  overflow: hidden;
  display: block;
  margin: 0.5rem 0 1.5rem;
}

/* A web page export, shown as it is: its own page, with its controls under the drawing. */
iframe.player.export { height: 420px; background: #fff; }