/* Approved right-afterimage lockup. Never recolor or independently resize its parts. */
.nf-brand {
  display: inline-grid;
  width: var(--nf-brand-width, 160px);
  max-width: 100%;
  flex: 0 0 auto;
  vertical-align: middle;
  line-height: 0;
}
.nf-brand > img {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1127 / 210;
  object-fit: contain;
}
.nf-brand > .nf-brand-dark { display: none; }
[data-theme="dark"] .nf-brand[data-brand-theme="auto"] > .nf-brand-light,
.bpmn-edit-mode .nf-brand[data-brand-theme="auto"] > .nf-brand-light,
.nf-brand[data-brand-theme="dark"] > .nf-brand-light { display: none; }
[data-theme="dark"] .nf-brand[data-brand-theme="auto"] > .nf-brand-dark,
.bpmn-edit-mode .nf-brand[data-brand-theme="auto"] > .nf-brand-dark,
.nf-brand[data-brand-theme="dark"] > .nf-brand-dark { display: block; }