/* NADIR generative figures — canvases are sized here, never by attribute. */

canvas[data-figure] {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
}

/* Default framing when a figure is dropped in without its own wrapper. */
.nadir-figure {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.nadir-figure--band {
  aspect-ratio: 64 / 21;
}

.nadir-figure > canvas[data-figure] {
  position: absolute;
  inset: 0;
}

@supports not (aspect-ratio: 1) {
  .nadir-figure {
    height: 350px;
  }
  .nadir-figure--band {
    height: 420px;
  }
}