:root{
  --rolebkg:#ff0076;
  --enginebkg:#575fff;

  --languagebkg:#f28500;
  --marketbkg:#e433ff;
  --publishertag:#9900f2;
  /* -------------------- */
}

.tag-container {
  display: flex;
  flex-wrap:wrap;
  justify-content: flex-start;
}
.tag {
  height:auto;
  width:fit-content;
  font-size:10px;
  font-weight:bold;
  padding:5px 8px;

  margin:5px;

  border-radius:5px;
  color:white;
}
.role-tag {
  background-color:var(--rolebkg);
}
.engine-tag {
  background-color:var(--enginebkg);
}
.language-tag {
  background-color:var(--languagebkg);
}
.market-tag {
  background-color:var(--marketbkg);
}
.publisher-tag {
  background-color:var(--publishertag);
}