#docfy-demo-preview-badge {
  /* part of a kv list */
  dl {
    @extend %horizontal-kv-list;
  }
  dt.service-identity {
    @extend %badge;
  }
  dt.kind-terminating-gateway {
    @extend %badge, %badge-with-icon;
  }
  dt.kind-terminating-gateway::before {
    @extend %with-gateway-mask, %as-pseudo;
  }
  /* element on its own */
  dl.service-identity,
  dl.kind-terminating-gateway {
    @extend %horizontal-kv-list;
  }
  dl.service-identity dt {
    @extend %badge;
  }
  dl.kind-terminating-gateway dt {
    @extend %badge, %badge-with-icon;
  }
  dl.kind-terminating-gateway dt::before {
    @extend %with-gateway-mask, %as-pseudo;
  }
}