/* ABOUTME: Molo Sources Field styles: a 6:5 navy panel holding the generated pattern, with the
   ABOUTME: pre-rendered SVG as a background until sources-field.js draws the live one. */
.molo-sources {
  position: relative;
  aspect-ratio: 6 / 5;
  overflow: hidden;
  background: var(--molo-navy);
}
.molo-sources__field {
  position: absolute;
  inset: 0;
  background: var(--molo-navy) url("sources-field-1600x900.svg") right center / cover no-repeat;
}
.molo-sources__field.is-rendered { background-image: none; }
.molo-sources__field svg { display: block; width: 100%; height: 100%; }