#sport-mobile,
#sport-mobile [data-theme='light'],
#sport-mobile[data-theme='light'],
#sport-mobile [data-theme='dark'],
#sport-mobile[data-theme='dark'],
:root {
  --main-border-radius: 4px;

  --brand: #0062a0;
  --color-in-brand: #ffffff;

  --primary-bg: #ffffff;
  --secondary-bg: #f5f5f5;

  --main-color: #000000;

  --digiTopMatchesItemBg: var(--primary-bg) !important;
  --digiTopMatchesItemTxt: var(--main-color) !important;

  --tabBg: var(--primary-bg) !important;
  --tabBgHover: var(--brand) !important;
  --tabTxt: var(--color-in-brand) !important;
  --tabRadius: var(--main-border-radius) !important;

  --oddActiveG: var(--brand) !important;
  --oddActiveTxt: var(--color-in-brand) !important;
  --oddBg: var(--secondary-bg) !important;
  --oddRadius: var(--main-border-radius) !important;
}

.tm_match_container {
  background: var(--primary-bg) !important;
  border: 1px solid #d5d5d5 !important;
  border-radius: 8px !important;
}

.tm_slider_control {
  & > button {
    color: var(--main-color) !important;
  }

  & > button:hover {
    color: var(--color-in-brand) !important;
  }
}

.tm_match_odds_wrapper {
  height: 28px !important;
}

.tm_odd {
  height: 15px !important;
  padding: 6.5px 4px !important;

  &:first-child {
    border-right: 1px solid #d9d9d9 !important;
  }

  &:nth-child(2):not(:last-child) {
    border-right: 1px solid #d9d9d9 !important;
  }

  & > span {
    color: var(--main-color) !important;
  }

  & > span:first-child {
    font-size: 7px !important;
  }

  & > span:last-child {
    font-size: 9px !important;
    font-weight: 500 !important;
  }
}

.tm_match_title {
  & > span {
    color: var(--main-color) !important;
    font-size: 8px !important;
  }
}

.tm_match_time {
  & > span {
    color: var(--main-color) !important;

    &:first-child {
      font-size: 11px !important;
    }

    &:last-child {
      font-size: 7px !important;
    }
  }
}

.tm_match_teams_wrapper {
  & > span {
    color: var(--main-color) !important;
    font-size: 9px !important;
  }
}

.bh_tab.active {
  background: var(--brand) !important;
}