/*
 * ICE Teamwidget theme layer 1.6.1
 *
 * Stable selectors are applied by teamwidget-theme.js after the external
 * eSports React widget has rendered. No generated styled-components class
 * names are referenced here.
 */

.ice-team-widget-module[data-ice-team-widget-theme] [data-ice-team-name] {
  color: var(--ice-team-widget-color);
}

.ice-team-widget-module[data-ice-team-widget-theme] [data-ice-team-tab] {
  border-color: var(--ice-team-widget-color);
  background: #FFFFFF;
  color: var(--ice-team-widget-color);
  cursor: pointer;
}

.ice-team-widget-module[data-ice-team-widget-theme] [data-ice-team-tab]:hover {
  border-color: var(--ice-team-widget-color);
  background: #FFFFFF;
  color: var(--ice-team-widget-color);
}

.ice-team-widget-module[data-ice-team-widget-theme] [data-ice-team-tab][data-ice-active="true"] {
  border-color: var(--ice-team-widget-color);
  background: var(--ice-team-widget-color);
  color: var(--ice-team-widget-text-color);
}

.ice-team-widget-module[data-ice-team-widget-theme] [data-ice-team-tab][data-ice-active="true"]:hover {
  border-color: var(--ice-team-widget-color);
  background: var(--ice-team-widget-color);
  color: var(--ice-team-widget-text-color);
}

.ice-team-widget-module[data-ice-team-widget-theme] [data-ice-team-tab]:focus-visible {
  outline: 2px solid var(--ice-team-widget-color);
  outline-offset: 2px;
}