[data-component-id='team-lineup'] {
  --font-color: var(--base-colors-blackAlpha-900);
  /* --background-color: var(--base-colors-whiteAlpha-900); */
}

[data-component-id='team-lineup'] [data-element-id='menu'] {
  --background-color: var(--base-button-background-color);
  --font-color: var(--base-button-font-color);
}

[data-component-id='team-lineup'] [data-element-id='button'] {
  --background-color: var(--base-button-background-color);
  --font-color: var(--base-button-font-color);
  --border-color: transparent;

  --background-color__active: var(--base-button-background-color__active);
  --font-color__active: var(--base-button-font-color__active);

  --background-color__hover: var(--base-button-background-color__hover);
  --font-color__hover: var(--base-button-font-color__hover);
}

[data-component-id='team-lineup'] [data-element-id='list-item'] {
  --background-color: var(--base-colors-whiteAlpha-900);
  --border-color: var(--base-colors-border);
  --font-color: var(--base-colors-blackAlpha-900);

  --background-color__hover: var(--base-colors-brand-background-color);
}

[data-component-id='team-lineup'] [data-element-id='pitch'] {
  --pitch-background-color: #66936d;
  --pitch-stripe-color: #89b190;
  --pitch-line-color: #fff;

  --font-color: rgba(0, 0, 0, 0.92);
}