/* Position colors stay attached to their label when searching or filtering. */
.player-panel .player-position-group {
  --position-paper: #eceef2;
  background: var(--position-paper);
  margin-inline: -8px;
  padding-inline: 8px;
}
.player-panel .player-position-group[data-position="C"] { --position-paper: #e7f0fb; }
.player-panel .player-position-group[data-position="1B"] { --position-paper: #f6ead4; }
.player-panel .player-position-group[data-position="2B"] { --position-paper: #e4f0e8; }
.player-panel .player-position-group[data-position="3B"] { --position-paper: #f8e6dc; }
.player-panel .player-position-group[data-position="SS"] { --position-paper: #eee6f6; }
.player-panel .player-position-group[data-position="OF"] { --position-paper: #e0f0f2; }
.player-panel .player-position-group[data-position="DH"] { --position-paper: #f5efcc; }
.player-panel .player-position-group[data-position="SP"] { --position-paper: #e3e8f8; }
.player-panel .player-position-group[data-position="CL"] { --position-paper: #f5e3e9; }
.player-panel .player-position-group .player-position-heading {
  margin-inline: -8px;
  padding-inline: 8px;
  background: color-mix(in srgb, var(--position-paper) 88%, #142b43 12%);
}
.player-panel .player-position-group .player-row:not(.selected) { background: var(--position-paper); }
.player-panel .player-position-group .player-row:not(.selected):hover,
.player-panel .player-position-group .player-row:not(.selected):focus-within {
  background: color-mix(in srgb, var(--position-paper) 92%, #657f9d 8%);
}