#sport-mobile,
#sport-mobile [data-theme='light'],
#sport-mobile[data-theme='light'],
#sport-mobile [data-theme='dark'],
#sport-mobile[data-theme='dark'],
:root {
  --app-bg: #0f1923;
  --main-bg: #171c2c;
  --secondary-bg: #000;
  --tertiary-bg: #212123;
  --raised-bg: #2a3340;

  --app-bg-hover: #16202b;
  --main-bg-hover: #1e2434;
  --secondary-bg-hover: #B40C23;
  --tertiary-bg-hover: #2a2f3c;
  --raised-bg-hover: #333d4b;

  --app-bg-rgb: 15, 25, 35;
  --secondary-bg-rgb: 29, 39, 48;

  --head-block-bg: var(--secondary-bg);
  --input-bg: var(--secondary-bg);

  --brand-color: #ee2b2b;
  --brand-color-hover: #f04343;
  --brand-color-dark: #c92323;
  --brand-color-darker: #a81d1d;
  --primary-bg: var(--brand-color);

  --txt-primary: rgba(255, 255, 255, 0.92);
  --txt-secondary: rgba(255, 255, 255, 0.65);
  --txt-muted: rgba(255, 255, 255, 0.45);

  --txt-on-brand: #fff;
  --txt-on-brand-2: rgba(255, 255, 255, 0.7);
  --txt-on-brand-3: rgba(255, 255, 255, 0.5);
  --txt-on-brand-inverse: #000;
  --txt-on-brand-inverse-2: rgba(0, 0, 0, 0.6);

  --white-color: #fff;
  --dark-color: #000;
  --border-color: rgba(255, 255, 255, 0.102);

  --main-color: var(--txt-secondary);
  --secondary-color: var(--txt-primary);
  --tertiary-color: var(--txt-primary);
  --color-in-primary-bg: var(--dark-color);

  --bodyBg: var(--app-bg) !important;
  --bodyBg2: var(--main-bg) !important;
  --bodyBg3: var(--secondary-bg) !important;
  --bodyBgHover: var(--app-bg-hover) !important;
  --bodyBg2Hover: var(--main-bg-hover) !important;
  --bodyBg3Hover: var(--secondary-bg-hover) !important;
  --bodyRGBA: rgba(var(--app-bg-rgb), 0.7) !important;
  --bodyRGBA2: rgba(var(--app-bg-rgb), 0.5) !important;
  --bodyRGBA3: rgba(var(--app-bg-rgb), 0.3) !important;
  --bodyTxt: var(--txt-primary) !important;
  --bodyTxt2: var(--txt-secondary) !important;
  --bodyTxt3: var(--txt-muted) !important;
  --bodyAccent: var(--brand-color) !important;
  --bodyAccentTxt: var(--white-color) !important;
  --bodyBorder: var(--border-color) !important;
  --bodyRadius: 0px !important;

  --dominantG: var(--secondary-bg) !important;
  --dominantBg: var(--secondary-bg) !important;
  --dominantBg2: var(--tertiary-bg) !important;
  --dominantBg3: var(--raised-bg) !important;
  --dominantBgHover: var(--secondary-bg-hover) !important;
  --dominantBg2Hover: var(--tertiary-bg-hover) !important;
  --dominantBg3Hover: var(--raised-bg-hover) !important;
  --dominantRGBA: rgba(var(--secondary-bg-rgb), 0.7) !important;
  --dominantRGBA2: rgba(var(--secondary-bg-rgb), 0.5) !important;
  --dominantRGBA3: rgba(var(--secondary-bg-rgb), 0.3) !important;
  --dominantTxt: var(--txt-primary) !important;
  --dominantTxt2: var(--txt-secondary) !important;
  --dominantTxt3: var(--txt-muted) !important;
  --dominantTxtInverse: var(--app-bg) !important;
  --dominantRadius: 0px !important;

  --accentG: var(--brand-color) !important;
  --accentBg: var(--brand-color) !important;
  --accentBg2: var(--brand-color-dark) !important;
  --accentBg3: var(--brand-color-darker) !important;
  --accentBgHover: var(--brand-color-hover) !important;
  --accentBg2Hover: var(--brand-color-dark) !important;
  --accentBg3Hover: var(--brand-color-darker) !important;
  --accentTxt: var(--white-color) !important;
  --accentTxt2: var(--txt-on-brand-2) !important;
  --accentTxt3: var(--txt-on-brand-3) !important;

  --buttonG: var(--brand-color) !important;
  --buttonBg: var(--brand-color) !important;
  --buttonBg2: var(--brand-color-dark) !important;
  --buttonBg3: var(--brand-color-darker) !important;
  --buttonBgHover: var(--brand-color-hover) !important;
  --buttonBg2Hover: var(--brand-color-dark) !important;
  --buttonBg3Hover: var(--brand-color-darker) !important;
  --buttonTxt: var(--white-color) !important;
  --buttonTxt2: var(--txt-on-brand-2) !important;
  --buttonTxt3: var(--txt-on-brand-3) !important;
  --buttonAccent: var(--txt-on-brand) !important;
  --buttonAccentTxt: var(--white-color) !important;
  --buttonBorder: var(--brand-color) !important;
  --buttonRadius: 0px !important;

  --buttonSecondaryG: var(--secondary-bg) !important;
  --buttonSecondaryBg: var(--secondary-bg) !important;
  --buttonSecondaryBg2: var(--tertiary-bg) !important;
  --buttonSecondaryBg3: var(--raised-bg) !important;
  --buttonSecondaryBgHover: var(--secondary-bg-hover) !important;
  --buttonSecondaryBg2Hover: var(--tertiary-bg-hover) !important;
  --buttonSecondaryBg3Hover: var(--raised-bg-hover) !important;
  --buttonSecondaryTxt: var(--txt-primary) !important;
  --buttonSecondaryTxt2: var(--txt-secondary) !important;
  --buttonSecondaryTxt3: var(--txt-muted) !important;
  --buttonSecondaryAccent: var(--brand-color) !important;
  --buttonSecondaryAccentTxt: var(--white-color) !important;
  --buttonSecondaryBorder: var(--border-color) !important;
  --buttonSecondaryRadius: 0px !important;

  --inputG: var(--input-bg) !important;
  --inputBg: var(--input-bg) !important;
  --inputBg2: var(--secondary-bg) !important;
  --inputBg3: var(--raised-bg) !important;
  --inputBgHover: var(--secondary-bg-hover) !important;
  --inputBg2Hover: var(--secondary-bg-hover) !important;
  --inputBg3Hover: var(--raised-bg-hover) !important;
  --inputTxt: var(--txt-primary) !important;
  --inputTxt2: var(--txt-secondary) !important;
  --inputTxt3: var(--txt-muted) !important;
  --inputAccent: var(--brand-color) !important;
  --inputAccentTxt: var(--white-color) !important;
  --inputBorder: var(--border-color) !important;
  --inputRadius: 0px !important;

  --inputSecondaryG: var(--main-bg) !important;
  --inputSecondaryBg: var(--main-bg) !important;
  --inputSecondaryBg2: var(--secondary-bg) !important;
  --inputSecondaryBg3: var(--raised-bg) !important;
  --inputSecondaryBgHover: var(--main-bg-hover) !important;
  --inputSecondaryBg2Hover: var(--secondary-bg-hover) !important;
  --inputSecondaryBg3Hover: var(--raised-bg-hover) !important;
  --inputSecondaryTxt: var(--txt-primary) !important;
  --inputSecondaryTxt2: var(--txt-secondary) !important;
  --inputSecondaryTxt3: var(--txt-muted) !important;
  --inputSecondaryAccent: var(--brand-color) !important;
  --inputSecondaryAccentTxt: var(--white-color) !important;
  --inputSecondaryBorder: var(--border-color) !important;
  --inputSecondaryRadius: 0px !important;

  --headerG: var(--secondary-bg) !important;
  --headerBg: var(--secondary-bg) !important;
  --headerBg2: var(--tertiary-bg) !important;
  --headerBg3: var(--raised-bg) !important;
  --headerBgHover: var(--secondary-bg-hover) !important;
  --headerBg2Hover: var(--tertiary-bg-hover) !important;
  --headerBg3Hover: var(--raised-bg-hover) !important;
  --headerTxt: var(--txt-primary) !important;
  --headerTxt2: var(--txt-secondary) !important;
  --headerTxt3: var(--txt-muted) !important;
  --headerAccent: var(--brand-color) !important;
  --headerAccentTxt: var(--white-color) !important;
  --headerBorder: var(--border-color) !important;
  --headerRadius: 0px !important;

  --subHeaderG: var(--head-block-bg) !important;
  --subHeaderBg: var(--head-block-bg) !important;
  --subHeaderBg2: var(--secondary-bg) !important;
  --subHeaderBg3: var(--raised-bg) !important;
  --subHeaderBgHover: var(--secondary-bg-hover) !important;
  --subHeaderBg2Hover: var(--secondary-bg-hover) !important;
  --subHeaderBg3Hover: var(--raised-bg-hover) !important;
  --subHeaderTxt: var(--txt-primary) !important;
  --subHeaderTxt2: var(--txt-secondary) !important;
  --subHeaderTxt3: var(--txt-muted) !important;
  --subHeaderAccent: var(--brand-color) !important;
  --subHeaderAccentTxt: var(--white-color) !important;
  --subHeaderBorder: var(--border-color) !important;
  --subHeaderRadius: 0px !important;

  --eventG: var(--tertiary-bg) !important;
  --eventBg: var(--tertiary-bg) !important;
  --eventBg2: var(--secondary-bg) !important;
  --eventBg3: var(--raised-bg) !important;
  --eventBgHover: var(--tertiary-bg-hover) !important;
  --eventBg2Hover: var(--secondary-bg-hover) !important;
  --eventBg3Hover: var(--raised-bg-hover) !important;
  --eventTxt: var(--txt-primary) !important;
  --eventTxt2: var(--txt-secondary) !important;
  --eventTxt3: var(--txt-muted) !important;
  --eventAccent: var(--brand-color) !important;
  --eventAccentTxt: var(--white-color) !important;
  --eventBorder: var(--border-color) !important;
  --eventRadius: 0px !important;

  --modalG: var(--main-bg) !important;
  --modalBg: var(--main-bg) !important;
  --modalBg2: var(--tertiary-bg) !important;
  --modalBg3: var(--raised-bg) !important;
  --modalBgHover: var(--main-bg-hover) !important;
  --modalBg2Hover: var(--tertiary-bg-hover) !important;
  --modalBg3Hover: var(--raised-bg-hover) !important;
  --modalTxt: var(--txt-primary) !important;
  --modalTxt2: var(--txt-secondary) !important;
  --modalTxt3: var(--txt-muted) !important;
  --modalAccent: var(--brand-color) !important;
  --modalAccentTxt: var(--white-color) !important;
  --modalBorder: var(--border-color) !important;
  --modalRadius: 0px !important;

  --oddG: var(--head-block-bg) !important;
  --oddBg: var(--head-block-bg) !important;
  --oddBg2: var(--secondary-bg) !important;
  --oddBg3: var(--raised-bg) !important;
  --oddBgHover: var(--secondary-bg-hover) !important;
  --oddBg2Hover: var(--secondary-bg-hover) !important;
  --oddBg3Hover: var(--raised-bg-hover) !important;
  --oddTxt: var(--brand-color) !important;
  --oddTxt2: var(--txt-primary) !important;
  --oddTxt3: var(--txt-secondary) !important;
  --oddAccent: var(--brand-color) !important;
  --oddAccentTxt: var(--white-color) !important;
  --oddBorder: var(--border-color) !important;
  --oddRadius: 0px !important;

  --oddActiveG: var(--brand-color) !important;
  --oddActiveBg: var(--brand-color) !important;
  --oddActiveBg2: var(--brand-color-dark) !important;
  --oddActiveBg3: var(--brand-color-darker) !important;
  --oddActiveBgHover: var(--brand-color-hover) !important;
  --oddActiveBg2Hover: var(--brand-color-dark) !important;
  --oddActiveBg3Hover: var(--brand-color-darker) !important;
  --oddActiveTxt: var(--txt-on-brand-inverse) !important;
  --oddActiveTxt2: var(--txt-on-brand-inverse) !important;
  --oddActiveTxt3: var(--txt-on-brand-inverse-2) !important;
  --oddActiveAccent: var(--txt-on-brand-inverse) !important;
  --oddActiveAccentTxt: var(--white-color) !important;
  --oddActiveBorder: var(--brand-color) !important;
  --oddActiveRadius: 0px !important;

  --showMoreG: var(--secondary-bg) !important;
  --showMoreBg: var(--secondary-bg) !important;
  --showMoreBg2: var(--tertiary-bg) !important;
  --showMoreBg3: var(--raised-bg) !important;
  --showMoreBgHover: var(--secondary-bg-hover) !important;
  --showMoreBg2Hover: var(--tertiary-bg-hover) !important;
  --showMoreBg3Hover: var(--raised-bg-hover) !important;
  --showMoreTxt: var(--txt-primary) !important;
  --showMoreTxt2: var(--txt-secondary) !important;
  --showMoreTxt3: var(--txt-muted) !important;
  --showMoreAccent: var(--brand-color) !important;
  --showMoreAccentTxt: var(--white-color) !important;
  --showMoreBorder: var(--border-color) !important;
  --showMoreRadius: 0px !important;

  --tabG: var(--secondary-bg) !important;
  --tabBg: var(--secondary-bg) !important;
  --tabBg2: var(--tertiary-bg) !important;
  --tabBg3: var(--raised-bg) !important;
  --tabBgHover: var(--secondary-bg-hover) !important;
  --tabBg2Hover: var(--tertiary-bg-hover) !important;
  --tabBg3Hover: var(--raised-bg-hover) !important;
  --tabTxt: var(--txt-primary) !important;
  --tabTxt2: var(--txt-secondary) !important;
  --tabTxt3: var(--txt-muted) !important;
  --tabAccent: var(--brand-color) !important;
  --tabAccentTxt: var(--white-color) !important;
  --tabBorder: var(--border-color) !important;
  --tabRadius: 0px !important;

  --tabActiveG: var(--raised-bg) !important;
  --tabActiveBg: var(--raised-bg) !important;
  --tabActiveBg2: var(--tertiary-bg) !important;
  --tabActiveBg3: var(--secondary-bg) !important;
  --tabActiveBgHover: var(--raised-bg-hover) !important;
  --tabActiveBg2Hover: var(--tertiary-bg-hover) !important;
  --tabActiveBg3Hover: var(--secondary-bg-hover) !important;
  --tabActiveTxt: var(--txt-primary) !important;
  --tabActiveTxt2: var(--txt-secondary) !important;
  --tabActiveTxt3: var(--txt-muted) !important;
  --tabActiveAccent: var(--brand-color) !important;
  --tabActiveAccentTxt: var(--txt-on-brand) !important;
  --tabActiveBorder: var(--brand-color) !important;
  --tabActiveRadius: 0px !important;

  --tabSecondaryActiveG: var(--tertiary-bg) !important;
  --tabSecondaryActiveBg: var(--tertiary-bg) !important;
  --tabSecondaryActiveBg2: var(--raised-bg) !important;
  --tabSecondaryActiveBg3: var(--raised-bg-hover) !important;
  --tabSecondaryActiveBgHover: var(--tertiary-bg-hover) !important;
  --tabSecondaryActiveBg2Hover: var(--raised-bg-hover) !important;
  --tabSecondaryActiveBg3Hover: var(--raised-bg-hover) !important;
  --tabSecondaryActiveTxt: var(--txt-primary) !important;
  --tabSecondaryActiveTxt2: var(--txt-secondary) !important;
  --tabSecondaryActiveTxt3: var(--txt-muted) !important;
  --tabSecondaryActiveAccent: var(--brand-color) !important;
  --tabSecondaryActiveAccentTxt: var(--white-color) !important;
  --tabSecondaryActiveBorder: var(--border-color) !important;
  --tabSecondaryActiveRadius: 0px !important;

  --filterG: var(--head-block-bg) !important;
  --filterBg: var(--head-block-bg) !important;
  --filterBg2: var(--secondary-bg) !important;
  --filterBg3: var(--raised-bg) !important;
  --filterBgHover: var(--secondary-bg-hover) !important;
  --filterBg2Hover: var(--secondary-bg-hover) !important;
  --filterBg3Hover: var(--raised-bg-hover) !important;
  --filterTxt: var(--txt-primary) !important;
  --filterTxt2: var(--txt-secondary) !important;
  --filterTxt3: var(--txt-muted) !important;
  --filterAccent: var(--brand-color) !important;
  --filterAccentTxt: var(--white-color) !important;
  --filterBorder: var(--border-color) !important;
  --filterRadius: 0px !important;

  --menu_1G: var(--secondary-bg) !important;
  --menu_1Bg: var(--secondary-bg) !important;
  --menu_1Bg2: var(--tertiary-bg) !important;
  --menu_1Bg3: var(--raised-bg) !important;
  --menu_1BgHover: var(--secondary-bg-hover) !important;
  --menu_1Bg2Hover: var(--tertiary-bg-hover) !important;
  --menu_1Bg3Hover: var(--raised-bg-hover) !important;
  --menu_1Txt: var(--txt-primary) !important;
  --menu_1Txt2: var(--txt-secondary) !important;
  --menu_1Txt3: var(--txt-muted) !important;
  --menu_1Accent: var(--brand-color) !important;
  --menu_1AccentTxt: var(--white-color) !important;
  --menu_1Border: var(--border-color) !important;
  --menu_1Radius: 0px !important;

  --menu_2G: var(--head-block-bg) !important;
  --menu_2Bg: var(--head-block-bg) !important;
  --menu_2Bg2: var(--secondary-bg) !important;
  --menu_2Bg3: var(--raised-bg) !important;
  --menu_2BgHover: var(--secondary-bg-hover) !important;
  --menu_2Bg2Hover: var(--secondary-bg-hover) !important;
  --menu_2Bg3Hover: var(--raised-bg-hover) !important;
  --menu_2Txt: var(--txt-primary) !important;
  --menu_2Txt2: var(--txt-secondary) !important;
  --menu_2Txt3: var(--txt-muted) !important;
  --menu_2Accent: var(--brand-color) !important;
  --menu_2AccentTxt: var(--white-color) !important;
  --menu_2Border: var(--border-color) !important;
  --menu_2Radius: 0px !important;

  --menu_3G: var(--secondary-bg) !important;
  --menu_3Bg: var(--secondary-bg) !important;
  --menu_3Bg2: var(--tertiary-bg) !important;
  --menu_3Bg3: var(--raised-bg) !important;
  --menu_3BgHover: var(--secondary-bg-hover) !important;
  --menu_3Bg2Hover: var(--tertiary-bg-hover) !important;
  --menu_3Bg3Hover: var(--raised-bg-hover) !important;
  --menu_3Txt: var(--txt-primary) !important;
  --menu_3Txt2: var(--txt-secondary) !important;
  --menu_3Txt3: var(--txt-muted) !important;
  --menu_3Accent: var(--brand-color) !important;
  --menu_3AccentTxt: var(--white-color) !important;
  --menu_3Border: var(--border-color) !important;
  --menu_3Radius: 0px !important;

  --tooltipG: var(--main-bg) !important;
  --tooltipBg: var(--main-bg) !important;
  --tooltipBg2: var(--tertiary-bg) !important;
  --tooltipBg3: var(--raised-bg) !important;
  --tooltipBgHover: var(--main-bg-hover) !important;
  --tooltipBg2Hover: var(--tertiary-bg-hover) !important;
  --tooltipBg3Hover: var(--raised-bg-hover) !important;
  --tooltipTxt: var(--txt-primary) !important;
  --tooltipTxt2: var(--txt-secondary) !important;
  --tooltipTxt3: var(--txt-muted) !important;
  --tooltipAccent: var(--brand-color) !important;
  --tooltipAccentTxt: var(--white-color) !important;
  --tooltipBorder: var(--border-color) !important;
  --tooltipRadius: 0px !important;

  --navbarG: var(--secondary-bg) !important;
  --navbarTxt: var(--txt-primary) !important;
  --navbarTxt2: var(--txt-secondary) !important;
  --navbarAccent: var(--brand-color) !important;

  --sliderG: var(--tertiary-bg) !important;
  --sliderBg: var(--secondary-bg) !important;
  --sliderTxt: var(--txt-primary) !important;
  --sliderTxt2: var(--txt-secondary) !important;
  --sliderAccent: var(--brand-color) !important;

  --marketHeaderG: var(--secondary-bg) !important;
  --marketHeaderTxt: var(--txt-primary) !important;
  --marketHeaderBorder: var(--border-color) !important;

  --collapseBg: var(--tertiary-bg) !important;
  --collapseTxt: var(--txt-primary) !important;
  --collapseTxt2: var(--txt-secondary) !important;

  --oddText: var(--brand-color) !important;
  --eventOddFactorTxt: var(--txt-primary) !important;

  --triggerBg: var(--brand-color) !important;
  --triggerTxt: var(--white-color) !important;
  --triggerBadgeBg: var(--tertiary-bg) !important;

  --singleBodyBg: var(--main-bg) !important;
  --singleHeaderBg: var(--secondary-bg) !important;
  --singleHeaderTxt: var(--txt-primary) !important;
  --singleInputBg: var(--input-bg) !important;
  --singleKeyboardBg: var(--secondary-bg) !important;
  --singleKeyboardBtn: var(--head-block-bg) !important;

  --betSlipBg: var(--main-bg) !important;
  --betSlipBg2: var(--secondary-bg) !important;
  --betSlipBorder: var(--border-color) !important;
  --betSlipTxt: var(--txt-primary) !important;
  --betSlipTxt2: var(--txt-secondary) !important;
  --betSlipStakeG: var(--tertiary-bg) !important;
  --betSlipStakeBg: var(--tertiary-bg) !important;
  --betSlipStakeTxt: var(--txt-primary) !important;
  --betSlipStakeTxt2: var(--txt-secondary) !important;
  --betSlipInputG: var(--input-bg) !important;
  --betSlipInputTxt: var(--txt-primary) !important;
  --betSlipButtonG: var(--brand-color) !important;
  --betSlipButtonBg2: var(--brand-color-dark) !important;
  --betSlipButtonTxt: var(--white-color) !important;
  --betSlipButtonRadius: 0px !important;

  --inputResultBg: var(--filterG) !important;
  --inputResultTxt: var(--filterTxt) !important;
  --inputResultRadius: 0px !important;

  --spritePositionX: 0px;

  --font-size-XS: 12px !important;
}