:root,
:host {
  --dgt-brand-text-color: #fccf00;
  --dgt-brand-bg: #8d00ff;
  --dgt-brand-color: #fff;

  --dgt-odd-bg: #000000;
  --dgt-odd-color: var(--dgt-brand-text-color);
  --dgt-odd-active-bg: var(--dgt-brand-bg);
  --dgt-odd-active-color: var(--dgt-brand-color);

  --oddAccent: #be9c04 !important;
  --oddBg: var(--dgt-odd-bg) !important;
  --oddG: var(--dgt-odd-bg) !important;
  --oddText: var(--dgt-odd-color) !important;
  --oddActiveG: var(--dgt-odd-active-bg) !important;
  --oddActiveTxt: var(--dgt-odd-active-color) !important;
  --oddActiveBg: var(--dgt-odd-active-bg) !important;
  --oddActiveTxt: var(--dgt-odd-active-color) !important;
  --oddActiveTxt2: var(--dgt-odd-active-color) !important;
  --oddBg2: var(--dgt-odd-bg) !important;
  --oddActiveBg2: var(--dgt-odd-active-bg) !important;
  --oddBorder: var(--dgt-odd-bg) !important;
  --oddActiveBorder: var(--dgt-odd-active-bg) !important;
  --oddTxt: var(--dgt-odd-color) !important;
  --oddBgHover: var(--dgt-odd-active-bg) !important;
  --oddTxtHover: var(--dgt-odd-active-color) !important;

  --accentBg: var(--dgt-brand-bg) !important;
  --accentTxt: var(--dgt-brand-color) !important;
  --accentTxt2: var(--dgt-brand-color) !important;
  --accentTxt3: var(--dgt-brand-color) !important;
  --eventAccent: var(--dgt-brand-bg) !important;
  --eventAccentTxt: var(--dgt-brand-color) !important;

  --bodyAccent: var(--dgt-brand-text-color) !important;
  --sliderAccent: var(--dgt-brand-text-color) !important;
  --navbarAccent: var(--dgt-brand-text-color) !important;

  --tabAccent: var(--dgt-brand-bg) !important;
  --tabAccentTxt: var(--dgt-brand-color) !important;

  --buttonG: var(--dgt-brand-bg) !important;
  --buttonBg: var(--dgt-brand-bg) !important;
  --buttonBg2: var(--dgt-brand-bg) !important;
  --buttonBg3: var(--dgt-brand-bg) !important;
  --buttonTxt: var(--dgt-brand-color) !important;
  --buttonTxt2: var(--dgt-brand-color) !important;
  --buttonTxt3: var(--dgt-brand-color) !important;

  @media (max-width: 768px) {
    --accentBg: var(--dgt-brand-text-color) !important;
    --eventAccent: var(--dgt-brand-text-color) !important;
  }
}

html {
  height: 100%;
}

.dg_top_matches_widget {
  background: #1f1f1f !important;
}
.tm_odd {
  background: var(--dgt-odd-bg);
  color: var(--dgt-odd-color);
}
.tm_odd:hover {
  background: var(--dgt-odd-active-bg);
  color: var(--dgt-odd-active-color);
}

.settings--theme {
  display: none !important;
}

.mainDataPanel {
  height: 100% !important;
}