<div class="permission-badge">
  <div class="sr-only">{{ self.kind }} of {{ self.relname }}</div>
  <div aria-hidden="true" class="permission-badge__resource">{{ self.relname }}</div>
  <div
    aria-hidden="true"
    class="permission-badge__description"
    style="--permission-badge-description-color: {% match self.kind -%}
    {%- when RelPermissionKind::Owner -%}
    #fca
    {%- when RelPermissionKind::Reader -%}
    #acf
    {%- when RelPermissionKind::Writer -%}
    #fac
    {%- endmatch %};"
  >
    {{ self.kind }}
  </div>
</div>
