/*
 * Local brand marks for training tools that Devicon does not cover.
 * Used as: <i class="ti ti-claude"></i>. The glyph is a CSS mask, so it takes the text colour
 * (e.g. .text-primary) exactly like the Devicon and Bootstrap Icons glyphs.
 * Source: Simple Icons (CC0). Brand names and marks belong to their owners.
 */
.ti {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--ti) center / contain no-repeat;
  mask: var(--ti) center / contain no-repeat;
}
.ti-amazons3 { --ti: url(../assets/icons/brands/amazons3.svg); }
.ti-claude { --ti: url(../assets/icons/brands/claude.svg); }
.ti-crewai { --ti: url(../assets/icons/brands/crewai.svg); }
.ti-dvc { --ti: url(../assets/icons/brands/dvc.svg); }
.ti-googlecolab { --ti: url(../assets/icons/brands/googlecolab.svg); }
.ti-googlegemini { --ti: url(../assets/icons/brands/googlegemini.svg); }
.ti-mlflow { --ti: url(../assets/icons/brands/mlflow.svg); }
.ti-mqtt { --ti: url(../assets/icons/brands/mqtt.svg); }
.ti-openai { --ti: url(../assets/icons/brands/openai.svg); }
.ti-zapier { --ti: url(../assets/icons/brands/zapier.svg); }