[data-component~="components/matches/icon"] {
  &.win {
    color: var(--color-green-300);
  }
  &.loss {
    color: var(--color-red-300);
  }
  &.important {
    color: var(--color-yellow-300);
  }
}