[data-component~="components/matches/view/player_style"] {
  border-radius: 0.25em;
  background-color: var(--color-player-bg);
  padding-left: 0.25em;
  padding-right: 0.25em;
  font-weight: bold;
  font-family: var(--font-family-monospace);
  font-size: 0.95em;
  &.black {
    color: var(--color-player-black);
  }
  &.white {
    color: var(--color-player-white);
  }
}