/* The account pages' cast (cast-art.js): the still, then the live canvas over it.
   Source: design/art/host/cast-art.css, copied by design/art/sync-doodles.mjs. Never edited in a copy. */
.cast-art {
  position: relative;
  display: block;
  width: min(100%, 380px);
  aspect-ratio: 320 / 260;
  margin-inline: auto;
  user-select: none;
}
.cast-art > img,
.cast-art > .cast-host {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.cast-art > img {
  object-fit: contain;
}
.cast-art[data-cast-status='live'] > img {
  visibility: hidden;
}

/* The production account: the cast sits straight in the panel, above its words. */
.panel > .cast-art {
  margin-block-end: 22px;
}