/* This module owns only bm-arc-* classes. No global app/main/container rules. */
.bm-arc-scene {
  --bm-arc-bg: #040823;
  --bm-arc-height: 0px;
  --bm-arc-content-top: 0px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  overflow: clip;
  contain: paint;
  box-sizing: border-box;
  min-width: 0;
  min-height: var(--bm-arc-height);
  background: var(--bm-arc-bg);
}
.bm-arc-scene > .bm-arc-art {
  position: absolute;
  inset: 0 0 auto;
  height: var(--bm-arc-height);
  pointer-events: none;
  user-select: none;
}
.bm-arc-art > .bm-arc-canvas,
.bm-arc-art > .bm-arc-vector {
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.bm-arc-art > .bm-arc-canvas { top: 0; height: 100%; }
.bm-arc-art > .bm-arc-back { z-index: 0; }
.bm-arc-art > .bm-arc-vector { display: block; z-index: 1; height: auto; }
.bm-arc-art > .bm-arc-front { z-index: 2; }
.bm-arc-scene > .bm-arc-content {
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  padding-top: var(--bm-arc-content-top);
  padding-bottom: 24px;
}
@media print {
  .bm-arc-scene { min-height: 0; }
  .bm-arc-scene > .bm-arc-art { display: none !important; }
  .bm-arc-scene > .bm-arc-content { padding: 0; }
}
