/* Platform glyphs. They are CSS masks, so they take the text color of their surroundings (currentColor). */
.picon {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.18em;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

.picon-twitch {
  -webkit-mask-image: url('/icons/twitch.svg');
  mask-image: url('/icons/twitch.svg');
}

.picon-kick {
  -webkit-mask-image: url('/icons/kick.svg');
  mask-image: url('/icons/kick.svg');
}

.picon-youtube {
  -webkit-mask-image: url('/icons/youtube.svg');
  mask-image: url('/icons/youtube.svg');
}

.picon-tiktok {
  -webkit-mask-image: url('/icons/tiktok.svg');
  mask-image: url('/icons/tiktok.svg');
}