/* One presentation layer over the entire artwork, independent of its renderer. */
.chromatic-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
  contain: layout paint;
}

.chromatic-overlay > video,
.chromatic-overlay > canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  pointer-events: none;
  background: transparent;
  border: 0;
  /* No transition: retain the authored film and its original loop boundary. */
}

.chromatic-overlay[data-ready="false"] { visibility: hidden; }
.chromatic-overlay > video.chromatic-overlay-decoder {
  /* The opaque packed transport is never displayed as artwork. */
  opacity: 0;
  width: 1px;
  height: 1px;
}