{% comment %}
  Thin coloured stripe at the very top of the page, signalling that the
  current site is **not** production. Driven by the
  ``CONJUNTO_ENVIRONMENT_BANNER`` setting via the ``cj_environment``
  context variable (see ``conjunto.context_processors._environment_banner``).
  When ``cj_environment`` is ``None`` (production with no matching
  rule), nothing is rendered at all.
{% endcomment %}
{% if cj_environment %}
  <div class="cj-environment-banner"
       style="position: fixed; top: 0; left: 0; right: 0; height: 4px; background-color: {{ cj_environment.color }}; z-index: 99999; pointer-events: none;"
       role="status"
       aria-label="Environment: {{ cj_environment.name }}"
       title="Environment: {{ cj_environment.name }}"></div>
{% endif %}