[data-component-id='team-match-report'] [data-element-id='header'] {
  --background-color: var(
    --base-colors-tint-100,
    var(--base-colors-whiteAlpha-700)
  );
  --font-color: var(--base-colors-blackAlpha-900);
  --border-color: var(--base-colors-border);
}

[data-component-id='team-match-report'] [data-element-id='summary'] {
  --background-color: var(
    --base-colors-tint-100,
    var(--base-colors-whiteAlpha-700)
  );
  --font-color: var(--base-colors-blackAlpha-900);
  --border-color: var(--base-colors-border);
}

/* Default */
[data-component-id='team-match-report'] [data-element-id='type-default'] {
  --background-color: var(--base-matchevent-default-background-color);
  --font-color: var(--base-colors-blackAlpha-900);
  --border-color: var(--base-matchevent-default-border-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-default']
  [data-element-id='icon'] {
  --background-color: var(--base-matchevent-default-background-color);
  --font-color: var(--base-matchevent-default-font-color);
  --border-color: var(--base-matchevent-default-border-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-default']
  [data-element-id='title'] {
  --font-color: inherit;
}

/* Success */
[data-component-id='team-match-report'] [data-element-id='type-success'] {
  --background-color: var(--base-matchevent-error-background-color);
  --font-color: var(--base-colors-blackAlpha-900);
  --border-color: var(--base-matchevent-success-border-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-success']
  [data-element-id='icon'] {
  --border-color: var(--base-matchevent-success-border-color);
  --background-color: var(--base-matchevent-success-background-color);
  --font-color: var(--base-matchevent-success-font-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-success']
  [data-element-id='title'] {
  --font-color: var(--base-matchevent-success-font-color);
}

/* Success Minor */
[data-component-id='team-match-report'] [data-element-id='type-success-minor'] {
  --background-color: var(--base-matchevent-success-background-color);
  --font-color: var(--base-colors-blackAlpha-900);
  --border-color: var(--base-matchevent-success-border-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-success-minor']
  [data-element-id='icon'] {
  --border-color: var(--base-matchevent-success-border-color);
  --background-color: var(--base-matchevent-success-background-color);
  --font-color: var(--base-matchevent-success-font-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-success-minor']
  [data-element-id='title'] {
  --font-color: var(--base-matchevent-success-font-color);
}

/* Error */
[data-component-id='team-match-report'] [data-element-id='type-error'] {
  --background-color: var(--base-matchevent-error-background-color);
  --font-color: var(--base-colors-blackAlpha-900);
  --border-color: var(--base-matchevent-error-border-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-error']
  [data-element-id='icon'] {
  --border-color: var(--base-matchevent-error-border-color);
  --background-color: var(--base-matchevent-error-background-color);
  --font-color: var(--base-matchevent-error-font-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-error']
  [data-element-id='title'] {
  --font-color: var(--base-matchevent-error-font-color);
}

/* Error Minor */
[data-component-id='team-match-report'] [data-element-id='type-error-minor'] {
  --background-color: var(--base-matchevent-error-background-color);
  --font-color: var(--base-colors-blackAlpha-900);
  --border-color: var(--base-matchevent-error-border-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-error-minor']
  [data-element-id='icon'] {
  --border-color: var(--base-matchevent-error-border-color);
  --background-color: var(--base-matchevent-error-background-color);
  --font-color: var(--base-matchevent-error-font-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-error-minor']
  [data-element-id='title'] {
  --font-color: inherit;
}

/* Warning */
[data-component-id='team-match-report'] [data-element-id='type-warning'] {
  --background-color: var(--base-matchevent-warning-background-color);
  --border-color: var(--base-matchevent-warning-border-color);
  --font-color: var(--base-colors-blackAlpha-900);
}

[data-component-id='team-match-report']
  [data-element-id='type-warning']
  [data-element-id='icon'] {
  --border-color: var(--base-matchevent-warning-border-color);
  --background-color: var(--base-matchevent-warning-background-color);
  --font-color: var(--base-matchevent-warning-font-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-warning']
  [data-element-id='title'] {
  --font-color: inherit;
}

/* Time */
[data-component-id='team-match-report'] [data-element-id='type-time'] {
  --border-color: var(--base-matchevent-info-font-color);
  --background-color: var(--base-matchevent-info-background-color);
  --font-color: var(--base-colors-blackAlpha-900);
}

[data-component-id='team-match-report']
  [data-element-id='type-time']
  [data-element-id='icon'] {
  --border-color: var(--base-matchevent-info-font-color);
  --background-color: var(--base-matchevent-info-background-color);
  --font-color: var(--base-matchevent-info-font-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-time']
  [data-element-id='title'] {
  --font-color: inherit;
}

/* Highlight */
[data-component-id='team-match-report'] [data-element-id='type-highlight'] {
  --background-color: var(--base-matchevent-highlight-background-color);
  --border-color: var(--base-matchevent-highlight-border-color);
  --font-color: var(--base-colors-blackAlpha-900);
}

[data-component-id='team-match-report']
  [data-element-id='type-highlight']
  [data-element-id='icon'] {
  --border-color: var(--base-matchevent-highlight-border-color);
  --background-color: var(--base-matchevent-highlight-background-color);
  --font-color: var(--base-matchevent-highlight-font-color);
}

[data-component-id='team-match-report']
  [data-element-id='type-highlight']
  [data-element-id='title'] {
  --font-color: inherit;
}