span.wbqc-role {
  border: 1px solid;
  border-radius: 0.25em;
  padding: 0 0.1em;
}
span.wbqc-role-subject {
  background-color: #eef;
  border-color: #dde;
}
span.wbqc-role-predicate {
  background-color: #ffe;
  border-color: #eed;
}
span.wbqc-role-object {
  background-color: #fed;
  border-color: #edc;
}
span.wbqc-role-qualifier-predicate {
  background-color: #fef;
  border-color: #ede;
}
span.wbqc-role-constraint-property {
  background-color: #efe;
  border-color: #ded;
}