[data-betty-theme] {
  /* font-size */
  --B-font__primary: Proxima Nova, Helvetica Neue, sans-serif;

  /* Retail related */
  --B-retail__colorPrimary: transparent;
  --B-retail__colorSecondary: transparent;

  /* Following variables can also be overridden. Changing these will affect layout in SST-Carousel. Please verify how it is translated into the carousel 
    --B-retail__fontSizeLabel: 32px;
    --B-retail__fontSizeOdds: 32px;
    --B-retail__lineHeightLabel: 2.5rem;
    --B-retail__maxHeightLabel: 2.5rem; */
}

[data-betty-theme] {
  --B-color__bodyBackground: transparent;
  /* Semantic/Theme */
  --B-color__theme: #0e1f2c;
  --B-color__onTheme: #ffffff;
  --B-color__onTheme--hover: var(--B-color__onTheme);
  --B-color__onTheme--active: var(--B-color__onTheme);
  --B-color__onTheme_weaker: #b1bad3;
  --B-color__onTheme_weaker--hover: var(--B-color__onTheme_weaker);
  --B-color__onTheme_weaker--active: var(--B-color__onTheme_weaker);
  --B-color__theme--hover: #213743;
  --B-color__theme--active: #2f4553;
  --B-color__themeBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/ThemeLight */
  --B-color__themeLight: #557086;
  --B-color__onThemeLight: #ffffff;
  --B-color__onThemeLight--hover: var(--B-color__onThemeLight);
  --B-color__onThemeLight--active: var(--B-color__onThemeLight);
  --B-color__onThemeLight_weaker: #b1bad3;
  --B-color__onThemeLight_weaker--hover: var(--B-color__onThemeLight_weaker);
  --B-color__onThemeLight_weaker--active: var(--B-color__onThemeLight_weaker);
  --B-color__themeLight--hover: #59758c;
  --B-color__themeLight--active: #5b788f;
  --B-color__themeLightBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/ThemeDark */
  --B-color__themeDark: #071824;
  --B-color__onThemeDark: #ffffff;
  --B-color__onThemeDark--hover: var(--B-color__onThemeDark);
  --B-color__onThemeDark--active: var(--B-color__onThemeDark);
  --B-color__onThemeDark_weaker: #b1bad3;
  --B-color__onThemeDark_weaker--hover: var(--B-color__onThemeDark_weaker);
  --B-color__onThemeDark_weaker--active: var(--B-color__onThemeDark_weaker);
  --B-color__themeDark--hover: #071d2a;
  --B-color__themeDark--active: #0c293e;
  --B-color__themeDarkBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Canvas */
  --B-color__canvas: #1a2c38;
  --B-color__onCanvas: #ffffff;
  --B-color__onCanvas--hover: var(--B-color__onCanvas);
  --B-color__onCanvas--active: var(--B-color__onCanvas);
  --B-color__onCanvas_weaker: #b1bad3;
  --B-color__onCanvas_weaker--hover: var(--B-color__onCanvas_weaker);
  --B-color__onCanvas_weaker--active: var(--B-color__onCanvas_weaker);
  --B-color__canvas--hover: #213743;
  --B-color__canvas--active: #2f4553;
  --B-color__canvasBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Surface */
  --B-color__surface: #213743;
  --B-color__onSurface: #ffffff;
  --B-color__onSurface--hover: var(--B-color__onSurface);
  --B-color__onSurface--active: var(--B-color__onSurface);
  --B-color__onSurface_weaker: #b1bad3;
  --B-color__onSurface_weaker--hover: var(--B-color__onSurface_weaker);
  --B-color__onSurface_weaker--active: var(--B-color__onSurface_weaker);
  --B-color__surface--hover: #253e4b;
  --B-color__surface--active: #2f4553;
  --B-color__surfaceBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/SurfaceAlternative */
  --B-color__surfaceAlternative: #1a2c38;
  --B-color__onSurfaceAlternative: #ffffff;
  --B-color__onSurfaceAlternative--hover: var(--B-color__onSurfaceAlternative);
  --B-color__onSurfaceAlternative--active: var(--B-color__onSurfaceAlternative);
  --B-color__onSurfaceAlternative_weaker: #b1bad3;
  --B-color__onSurfaceAlternative_weaker--hover: var(
    --B-color__onSurfaceAlternative_weaker
  );
  --B-color__onSurfaceAlternative_weaker--active: var(
    --B-color__onSurfaceAlternative_weaker
  );
  --B-color__surfaceAlternative--hover: #172631;
  --B-color__surfaceAlternative--active: #0f212e;
  --B-color__surfaceAlternativeBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Highlight */
  --B-color__highlight: #1475e1;
  --B-color__onHighlight: #ffffff;
  --B-color__onHighlight--hover: var(--B-color__onHighlight);
  --B-color__onHighlight--active: var(--B-color__onHighlight);
  --B-color__onHighlight_weaker: #d2e4f9;
  --B-color__onHighlight_weaker--hover: var(--B-color__onHighlight_weaker);
  --B-color__onHighlight_weaker--active: var(--B-color__onHighlight_weaker);
  --B-color__highlight--hover: #105eb4;
  --B-color__highlight--active: #0c4687;
  --B-color__highlightBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Transaction */
  --B-color__transaction: #1475e1;
  --B-color__onTransaction: #ffffff;
  --B-color__onTransaction--hover: var(--B-color__onTransaction);
  --B-color__onTransaction--active: var(--B-color__onTransaction);
  --B-color__onTransaction_weaker: #d2e4f9;
  --B-color__onTransaction_weaker--hover: var(--B-color__onTransaction_weaker);
  --B-color__onTransaction_weaker--active: var(--B-color__onTransaction_weaker);
  --B-color__transaction--hover: #105eb4;
  --B-color__transaction--active: #0c4687;
  --B-color__transactionBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Header */
  --B-color__header: #0f212e;
  --B-color__onHeader: #ffffff;
  --B-color__onHeader--hover: var(--B-color__onHeader);
  --B-color__onHeader--active: var(--B-color__onHeader);
  --B-color__onHeader_weaker: #b1bad3;
  --B-color__onHeader_weaker--hover: var(--B-color__onHeader_weaker);
  --B-color__onHeader_weaker--active: var(--B-color__onHeader_weaker);
  --B-color__header--hover: #1a2c38;
  --B-color__header--active: #213743;
  --B-color__headerBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Outcome */
  --B-color__outcome: #071824;
  --B-color__onOutcome: #4391e7;
  --B-color__onOutcome--hover: #4391e7;
  --B-color__onOutcome--active: #4391e7;
  --B-color__onOutcome_weaker: rgba(255, 255, 255, 0.8);
  --B-color__onOutcome_weaker--hover: var(--B-color__onOutcome_weaker);
  --B-color__onOutcome_weaker--active: var(--B-color__onOutcome_weaker);
  --B-color__outcome--hover: #082f5a;
  --B-color__outcome--active: #0c4687;
  --B-color__outcomeBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Selected */
  --B-color__selected: #1475e1;
  --B-color__onSelected: #ffffff;
  --B-color__onSelected--hover: var(--B-color__onSelected);
  --B-color__onSelected--active: var(--B-color__onSelected);
  --B-color__onSelected_weaker: #d2e4f9;
  --B-color__onSelected_weaker--hover: var(--B-color__onSelected_weaker);
  --B-color__onSelected_weaker--active: var(--B-color__onSelected_weaker);
  --B-color__selected--hover: #105eb4;
  --B-color__selected--active: #0c4687;
  --B-color__selectedBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/ButtonA */
  --B-color__buttonA: #2f4553;
  --B-color__onButtonA: #d5dceb;
  --B-color__onButtonA--hover: #ffffff;
  --B-color__onButtonA--active: #ffffff;
  --B-color__onButtonA_weaker: #b1bad3;
  --B-color__onButtonA_weaker--hover: var(--B-color__onButtonA_weaker);
  --B-color__onButtonA_weaker--active: var(--B-color__onButtonA_weaker);
  --B-color__buttonA--hover: #557086;
  --B-color__buttonA--active: #0f212e;
  --B-color__buttonABorder: rgba(255, 255, 255, 0.16);

  /* Semantic/ButtonB */
  --B-color__buttonB: #0f212e;
  --B-color__onButtonB: #ffffff;
  --B-color__onButtonB--hover: var(--B-color__onButtonB);
  --B-color__onButtonB--active: var(--B-color__onButtonB);
  --B-color__onButtonB_weaker: #b1bad3;
  --B-color__onButtonB_weaker--hover: var(--B-color__onButtonB_weaker);
  --B-color__onButtonB_weaker--active: var(--B-color__onButtonB_weaker);
  --B-color__buttonB--hover: #071d2a;
  --B-color__buttonB--active: #071824;
  --B-color__buttonBBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/ButtonGhostA */
  --B-color__buttonGhostA: rgba(255, 255, 255, 0);
  --B-color__onButtonGhostA: #d5dceb;
  --B-color__onButtonGhostA--hover: var(--B-color__onButtonGhostA);
  --B-color__onButtonGhostA--active: var(--B-color__onButtonGhostA);
  --B-color__onButtonGhostA_weaker: rgba(226, 231, 241, 0.7);
  --B-color__onButtonGhostA_weaker--hover: var(
    --B-color__onButtonGhostA_weaker
  );
  --B-color__onButtonGhostA_weaker--active: var(
    --B-color__onButtonGhostA_weaker
  );
  --B-color__buttonGhostA--hover: rgba(253, 254, 254, 0.04);
  --B-color__buttonGhostA--active: rgba(252, 253, 254, 0.06);
  --B-color__buttonGhostABorder: rgba(0, 0, 0, 0.12);

  /* Semantic/ButtonGhostB */
  --B-color__buttonGhostB: rgba(255, 255, 255, 0);
  --B-color__onButtonGhostB: var(--B-color__onTheme);
  --B-color__onButtonGhostB--hover: var(--B-color__onButtonGhostB);
  --B-color__onButtonGhostB--active: var(--B-color__onButtonGhostB);
  --B-color__onButtonGhostB_weaker: rgba(255, 255, 255, 0.7);
  --B-color__onButtonGhostB_weaker--hover: var(
    --B-color__onButtonGhostB_weaker
  );
  --B-color__onButtonGhostB_weaker--active: var(
    --B-color__onButtonGhostB_weaker
  );
  --B-color__buttonGhostB--hover: rgba(255, 255, 255, 0.04);
  --B-color__buttonGhostB--active: rgba(255, 255, 255, 0.06);
  --B-color__buttonGhostBBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/Input */
  --B-color__input: #00e701;
  --B-color__onInput: #000000;
  --B-color__onInput--hover: var(--B-color__onInput);
  --B-color__onInput--active: var(--B-color__onInput);
  --B-color__onInput_weaker: #006600;
  --B-color__onInput_weaker--hover: var(--B-color__onInput_weaker);
  --B-color__onInput_weaker--active: var(--B-color__onInput_weaker);
  --B-color__input--hover: #00c401;
  --B-color__input--active: #00b801;
  --B-color__inputBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/DisabledOnLight */
  --B-color__disabledOnLight: rgba(0, 0, 0, 0.12);
  --B-color__onDisabledOnLight: rgba(0, 0, 0, 0.16);

  /* Semantic/DisabledOnDark */
  --B-color__disabledOnDark: rgba(222, 225, 227, 0.2);
  --B-color__onDisabledOnDark: rgba(222, 225, 227, 0.2);

  /* Semantic/Promo */
  --B-color__promo: var(--B-color__theme);
  --B-color__onPromo: #e7e9ea;
  --B-color__onPromo--hover: var(--B-color__onPromo);
  --B-color__onPromo--active: var(--B-color__onPromo);
  --B-color__onPromo_weaker: #a6acb1;
  --B-color__onPromo_weaker--hover: var(--B-color__onPromo_weaker);
  --B-color__onPromo_weaker--active: var(--B-color__onPromo_weaker);
  --B-color__promo--hover: #122738;
  --B-color__promo--active: #163044;
  --B-color__promoBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Toaster */
  --B-color__toaster: #0f212e;
  --B-color__onToaster: #ffffff;
  --B-color__onToaster--hover: var(--B-color__onToaster);
  --B-color__onToaster--active: var(--B-color__onToaster);
  --B-color__onToaster_weaker: #b1bad3;
  --B-color__onToaster_weaker--hover: var(--B-color__onToaster_weaker);
  --B-color__onToaster_weaker--active: var(--B-color__onToaster_weaker);
  --B-color__toaster--hover: #1a2c38;
  --B-color__toaster--active: #213743;
  --B-color__toasterBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/ToasterRing */
  --B-color__toasterRing: #071824;

  /* Semantic/SandwichRow0 */
  --B-color__sandwichRow0: #0f212e;
  --B-color__onSandwichRow0: #ffffff;
  --B-color__onSandwichRow0--hover: var(--B-color__onSandwichRow0);
  --B-color__onSandwichRow0--active: var(--B-color__onSandwichRow0);
  --B-color__onSandwichRow0_weaker: #b1bad3;
  --B-color__onSandwichRow0_weaker--hover: var(
    --B-color__onSandwichRow0_weaker
  );
  --B-color__onSandwichRow0_weaker--active: var(
    --B-color__onSandwichRow0_weaker
  );
  --B-color__sandwichRow0--hover: #122738;
  --B-color__sandwichRow0--active: #071d2a;
  --B-color__sandwichRow0Border: rgba(255, 255, 255, 0.16);

  /* Semantic/SandwichRow1 */
  --B-color__sandwichRow1: #0f212e;
  --B-color__onSandwichRow1: var(--B-color__onSandwichRow0);
  --B-color__onSandwichRow1--hover: var(--B-color__onSandwichRow1);
  --B-color__onSandwichRow1--active: var(--B-color__onSandwichRow1);
  --B-color__onSandwichRow1_weaker: #b1bad3;
  --B-color__onSandwichRow1_weaker--hover: var(
    --B-color__onSandwichRow1_weaker
  );
  --B-color__onSandwichRow1_weaker--active: var(
    --B-color__onSandwichRow1_weaker
  );
  --B-color__sandwichRow1--hover: #122738;
  --B-color__sandwichRow1--active: #071d2a;
  --B-color__sandwichRow1Border: rgba(255, 255, 255, 0.16);

  /* Semantic/SandwichRow2 */
  --B-color__sandwichRow2: #0f212e;
  --B-color__onSandwichRow2: var(--B-color__onSandwichRow1);
  --B-color__onSandwichRow2--hover: var(--B-color__onSandwichRow2);
  --B-color__onSandwichRow2--active: var(--B-color__onSandwichRow2);
  --B-color__onSandwichRow2_weaker: #b1bad3;
  --B-color__onSandwichRow2_weaker--hover: var(
    --B-color__onSandwichRow2_weaker
  );
  --B-color__onSandwichRow2_weaker--active: var(
    --B-color__onSandwichRow2_weaker
  );
  --B-color__sandwichRow2--hover: #122738;
  --B-color__sandwichRow2--active: #071d2a;
  --B-color__sandwichRow2Border: rgba(255, 255, 255, 0.16);

  /* Semantic/SandwichRow3 */
  --B-color__sandwichRow3: #0f212e;
  --B-color__onSandwichRow3: var(--B-color__onSandwichRow2);
  --B-color__onSandwichRow3--hover: var(--B-color__onSandwichRow3);
  --B-color__onSandwichRow3--active: var(--B-color__onSandwichRow3);
  --B-color__onSandwichRow3_weaker: #b1bad3;
  --B-color__onSandwichRow3_weaker--hover: var(
    --B-color__onSandwichRow3_weaker
  );
  --B-color__onSandwichRow3_weaker--active: var(
    --B-color__onSandwichRow3_weaker
  );
  --B-color__sandwichRow3--hover: #122738;
  --B-color__sandwichRow3--active: #071d2a;
  --B-color__sandwichRow3Border: rgba(255, 255, 255, 0.16);

  /* Semantic/SandwichRow0Selected */
  --B-color__sandwichRow0Selected: #2f4553;
  --B-color__onSandwichRow0Selected: #ffffff;
  --B-color__onSandwichRow0Selected--hover: var(
    --B-color__onSandwichRow0Selected
  );
  --B-color__onSandwichRow0Selected--active: var(
    --B-color__onSandwichRow0Selected
  );
  --B-color__onSandwichRow0Selected_weaker: #b1bad3;
  --B-color__onSandwichRow0Selected_weaker--hover: var(
    --B-color__onSandwichRow0Selected_weaker
  );
  --B-color__onSandwichRow0Selected_weaker--active: var(
    --B-color__onSandwichRow0Selected_weaker
  );
  --B-color__sandwichRow0Selected--hover: #1a3850;
  --B-color__sandwichRow0Selected--active: #163044;
  --B-color__sandwichRow0SelectedBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/SandwichRow1Selected */
  --B-color__sandwichRow1Selected: var(--B-color__sandwichRow0Selected);
  --B-color__onSandwichRow1Selected: #ffffff;
  --B-color__onSandwichRow1Selected--hover: var(
    --B-color__onSandwichRow1Selected
  );
  --B-color__onSandwichRow1Selected--active: var(
    --B-color__onSandwichRow1Selected
  );
  --B-color__onSandwichRow1Selected_weaker: #c1c7cb;
  --B-color__onSandwichRow1Selected_weaker--hover: var(
    --B-color__onSandwichRow1Selected_weaker
  );
  --B-color__onSandwichRow1Selected_weaker--active: var(
    --B-color__onSandwichRow1Selected_weaker
  );
  --B-color__sandwichRow1Selected--hover: #365060;
  --B-color__sandwichRow1Selected--active: #3a5567;
  --B-color__sandwichRow1SelectedBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/SandwichRow2Selected */
  --B-color__sandwichRow2Selected: var(--B-color__sandwichRow1Selected);
  --B-color__onSandwichRow2Selected: #ffffff;
  --B-color__onSandwichRow2Selected--hover: var(
    --B-color__onSandwichRow2Selected
  );
  --B-color__onSandwichRow2Selected--active: var(
    --B-color__onSandwichRow2Selected
  );
  --B-color__onSandwichRow2Selected_weaker: #c1c7cb;
  --B-color__onSandwichRow2Selected_weaker--hover: var(
    --B-color__onSandwichRow2Selected_weaker
  );
  --B-color__onSandwichRow2Selected_weaker--active: var(
    --B-color__onSandwichRow2Selected_weaker
  );
  --B-color__sandwichRow2Selected--hover: #365060;
  --B-color__sandwichRow2Selected--active: #3a5567;
  --B-color__sandwichRow2SelectedBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/SandwichRow3Selected */
  --B-color__sandwichRow3Selected: var(--B-color__sandwichRow2Selected);
  --B-color__onSandwichRow3Selected: #ffffff;
  --B-color__onSandwichRow3Selected--hover: var(
    --B-color__onSandwichRow3Selected
  );
  --B-color__onSandwichRow3Selected--active: var(
    --B-color__onSandwichRow3Selected
  );
  --B-color__onSandwichRow3Selected_weaker: #c1c7cb;
  --B-color__onSandwichRow3Selected_weaker--hover: var(
    --B-color__onSandwichRow3Selected_weaker
  );
  --B-color__onSandwichRow3Selected_weaker--active: var(
    --B-color__onSandwichRow3Selected_weaker
  );
  --B-color__sandwichRow3Selected--hover: #365060;
  --B-color__sandwichRow3Selected--active: #3a5567;
  --B-color__sandwichRow3SelectedBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/BetslipError */
  --B-color__betslipError: #000000;
  --B-color__onBetslipError: #e6e6e6;
  --B-color__onBetslipError--hover: var(--B-color__onBetslipError);
  --B-color__onBetslipError--active: var(--B-color__onBetslipError);
  --B-color__onBetslipError_weaker: #a1a1a1;
  --B-color__onBetslipError_weaker--hover: var(
    --B-color__onBetslipError_weaker
  );
  --B-color__onBetslipError_weaker--active: var(
    --B-color__onBetslipError_weaker
  );
  --B-color__betslipError--hover: #090909;
  --B-color__betslipError--active: #0e0e0e;
  --B-color__betslipErrorBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/BetslipErrorPrimary */
  --B-color__betslipErrorPrimary: rgba(255, 255, 255, 0);
  --B-color__onBetslipErrorPrimary: var(--B-color__warning);
  --B-color__onBetslipErrorPrimary--hover: var(
    --B-color__onBetslipErrorPrimary
  );
  --B-color__onBetslipErrorPrimary--active: var(
    --B-color__onBetslipErrorPrimary
  );
  --B-color__onBetslipErrorPrimary_weaker: rgba(255, 186, 77, 0.7);
  --B-color__onBetslipErrorPrimary_weaker--hover: var(
    --B-color__onBetslipErrorPrimary_weaker
  );
  --B-color__onBetslipErrorPrimary_weaker--active: var(
    --B-color__onBetslipErrorPrimary_weaker
  );
  --B-color__betslipErrorPrimary--hover: rgba(255, 251, 245, 0.04);
  --B-color__betslipErrorPrimary--active: rgba(255, 249, 240, 0.06);
  --B-color__betslipErrorPrimaryBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/BetslipErrorSecondary */
  --B-color__betslipErrorSecondary: rgba(255, 255, 255, 0);
  --B-color__onBetslipErrorSecondary: var(--B-color__onBetslipError);
  --B-color__onBetslipErrorSecondary--hover: var(
    --B-color__onBetslipErrorSecondary
  );
  --B-color__onBetslipErrorSecondary--active: var(
    --B-color__onBetslipErrorSecondary
  );
  --B-color__onBetslipErrorSecondary_weaker: rgba(238, 238, 238, 0.7);
  --B-color__onBetslipErrorSecondary_weaker--hover: var(
    --B-color__onBetslipErrorSecondary_weaker
  );
  --B-color__onBetslipErrorSecondary_weaker--active: var(
    --B-color__onBetslipErrorSecondary_weaker
  );
  --B-color__betslipErrorSecondary--hover: rgba(254, 254, 254, 0.04);
  --B-color__betslipErrorSecondary--active: rgba(254, 254, 254, 0.06);
  --B-color__betslipErrorSecondaryBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/Success */
  --B-color__success: #00e701;
  --B-color__onSuccess: #000000;
  --B-color__onSuccess--hover: var(--B-color__onSuccess);
  --B-color__onSuccess--active: var(--B-color__onSuccess);
  --B-color__onSuccess_weaker: #006600;
  --B-color__onSuccess_weaker--hover: var(--B-color__onSuccess_weaker);
  --B-color__onSuccess_weaker--active: var(--B-color__onSuccess_weaker);
  --B-color__success--hover: #00c401;
  --B-color__success--active: #00b801;
  --B-color__successBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/Warning */
  --B-color__warning: #ff9d00;
  --B-color__onWarning: #000000;
  --B-color__onWarning--hover: var(--B-color__onWarning);
  --B-color__onWarning--active: var(--B-color__onWarning);
  --B-color__onWarning_weaker: #704500;
  --B-color__onWarning_weaker--hover: var(--B-color__onWarning_weaker);
  --B-color__onWarning_weaker--active: var(--B-color__onWarning_weaker);
  --B-color__warning--hover: #ffb949;
  --B-color__warning--active: #ffcc7b;
  --B-color__warningBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/Danger */
  --B-color__danger: #e9113c;
  --B-color__onDanger: #ffffff;
  --B-color__onDanger--hover: var(--B-color__onDanger);
  --B-color__onDanger--active: var(--B-color__onDanger);
  --B-color__onDanger_weaker: #f8b8c5;
  --B-color__onDanger_weaker--hover: var(--B-color__onDanger_weaker);
  --B-color__onDanger_weaker--active: var(--B-color__onDanger_weaker);
  --B-color__danger--hover: #c60e33;
  --B-color__danger--active: #cc0f35;
  --B-color__dangerBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Info */
  --B-color__info: #666666;
  --B-color__onInfo: #f0f0f0;
  --B-color__onInfo--hover: var(--B-color__onInfo);
  --B-color__onInfo--active: var(--B-color__onInfo);
  --B-color__onInfo_weaker: #c7c7c7;
  --B-color__onInfo_weaker--hover: var(--B-color__onInfo_weaker);
  --B-color__onInfo_weaker--active: var(--B-color__onInfo_weaker);
  --B-color__info--hover: #707070;
  --B-color__info--active: #757575;
  --B-color__infoBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/BetWon */
  --B-color__betWon: var(--B-color__success);
  --B-color__onBetWon: #002e00;
  --B-color__onBetWon--hover: var(--B-color__onBetWon);
  --B-color__onBetWon--active: var(--B-color__onBetWon);
  --B-color__onBetWon_weaker: #007f00;
  --B-color__onBetWon_weaker--hover: var(--B-color__onBetWon_weaker);
  --B-color__onBetWon_weaker--active: var(--B-color__onBetWon_weaker);
  --B-color__betWon--hover: #00d301;
  --B-color__betWon--active: #00c801;
  --B-color__betWonBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/BetOpen */
  --B-color__betOpen: var(--B-color__warning);
  --B-color__onBetOpen: #331f00;
  --B-color__onBetOpen--hover: var(--B-color__onBetOpen);
  --B-color__onBetOpen--active: var(--B-color__onBetOpen);
  --B-color__onBetOpen_weaker: #8d5600;
  --B-color__onBetOpen_weaker--hover: var(--B-color__onBetOpen_weaker);
  --B-color__onBetOpen_weaker--active: var(--B-color__onBetOpen_weaker);
  --B-color__betOpen--hover: #eb9000;
  --B-color__betOpen--active: #e08a00;
  --B-color__betOpenBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/BetLost */
  --B-color__betLost: var(--B-color__danger);
  --B-color__onBetLost: #fde7ec;
  --B-color__onBetLost--hover: var(--B-color__onBetLost);
  --B-color__onBetLost--active: var(--B-color__onBetLost);
  --B-color__onBetLost_weaker: #f7a7b7;
  --B-color__onBetLost_weaker--hover: var(--B-color__onBetLost_weaker);
  --B-color__onBetLost_weaker--active: var(--B-color__onBetLost_weaker);
  --B-color__betLost--hover: #d61037;
  --B-color__betLost--active: #cc0f35;
  --B-color__betLostBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/BetVoid */
  --B-color__betVoid: var(--B-color__info);
  --B-color__onBetVoid: #f0f0f0;
  --B-color__onBetVoid--hover: var(--B-color__onBetVoid);
  --B-color__onBetVoid--active: var(--B-color__onBetVoid);
  --B-color__onBetVoid_weaker: #c7c7c7;
  --B-color__onBetVoid_weaker--hover: var(--B-color__onBetVoid_weaker);
  --B-color__onBetVoid_weaker--active: var(--B-color__onBetVoid_weaker);
  --B-color__betVoid--hover: #707070;
  --B-color__betVoid--active: #757575;
  --B-color__betVoidBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/CashOut */
  --B-color__cashOut: var(--B-color__transaction);
  --B-color__onCashOut: #e8f1fc;
  --B-color__onCashOut--hover: var(--B-color__onCashOut);
  --B-color__onCashOut--active: var(--B-color__onCashOut);
  --B-color__onCashOut_weaker: #a8ccf4;
  --B-color__onCashOut_weaker--hover: var(--B-color__onCashOut_weaker);
  --B-color__onCashOut_weaker--active: var(--B-color__onCashOut_weaker);
  --B-color__cashOut--hover: #126bce;
  --B-color__cashOut--active: #1266c5;
  --B-color__cashOutBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/Live */
  --B-color__live: #e9113c;
  --B-color__onLive: #ffffff;
  --B-color__onLive--hover: var(--B-color__onLive);
  --B-color__onLive--active: var(--B-color__onLive);
  --B-color__onLive_weaker: #f8b8c5;
  --B-color__onLive_weaker--hover: var(--B-color__onLive_weaker);
  --B-color__onLive_weaker--active: var(--B-color__onLive_weaker);
  --B-color__live--hover: #9d0b28;
  --B-color__live--active: #77091f;
  --B-color__liveBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/OddsBoost */
  --B-color__oddsBoost: #72aced;
  --B-color__onOddsBoost: #04172d;
  --B-color__onOddsBoost--hover: var(--B-color__onOddsBoost);
  --B-color__onOddsBoost--active: var(--B-color__onOddsBoost);
  --B-color__onOddsBoost_weaker: #345981;
  --B-color__onOddsBoost_weaker--hover: var(--B-color__onOddsBoost_weaker);
  --B-color__onOddsBoost_weaker--active: var(--B-color__onOddsBoost_weaker);
  --B-color__oddsBoost--hover: #2a81e4;
  --B-color__oddsBoost--active: #4391e7;
  --B-color__oddsBoostBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/ProfitBoost */
  --B-color__profitBoost: #be8fff;
  --B-color__onProfitBoost: #1e0132;
  --B-color__onProfitBoost--hover: var(--B-color__onProfitBoost);
  --B-color__onProfitBoost--active: var(--B-color__onProfitBoost);
  --B-color__onProfitBoost_weaker: #643f8c;
  --B-color__onProfitBoost_weaker--hover: var(--B-color__onProfitBoost_weaker);
  --B-color__onProfitBoost_weaker--active: var(--B-color__onProfitBoost_weaker);
  --B-color__profitBoost--hover: #8f3dff;
  --B-color__profitBoost--active: #be8fff;
  --B-color__profitBoostBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/PriceBoost */
  --B-color__priceBoost: #72aced;
  --B-color__onPriceBoost: #04172d;
  --B-color__onPriceBoost--hover: var(--B-color__onPriceBoost);
  --B-color__onPriceBoost--active: var(--B-color__onPriceBoost);
  --B-color__onPriceBoost_weaker: #345981;
  --B-color__onPriceBoost_weaker--hover: var(--B-color__onPriceBoost_weaker);
  --B-color__onPriceBoost_weaker--active: var(--B-color__onPriceBoost_weaker);
  --B-color__priceBoost--hover: #2a81e4;
  --B-color__priceBoost--active: #4391e7;
  --B-color__priceBoostBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/EachWay */
  --B-color__eachWay: #c93d79;
  --B-color__onEachWay: #faecf2;
  --B-color__onEachWay--hover: var(--B-color__onEachWay);
  --B-color__onEachWay--active: var(--B-color__onEachWay);
  --B-color__onEachWay_weaker: #ebb8ce;
  --B-color__onEachWay_weaker--hover: var(--B-color__onEachWay_weaker);
  --B-color__onEachWay_weaker--active: var(--B-color__onEachWay_weaker);
  --B-color__eachWay--hover: #8d2753;
  --B-color__eachWay--active: #6d1e40;
  --B-color__eachWayBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/FreeBet */
  --B-color__freeBet: #8fff8f;
  --B-color__onFreeBet: #1d331d;
  --B-color__onFreeBet--hover: var(--B-color__onFreeBet);
  --B-color__onFreeBet--active: var(--B-color__onFreeBet);
  --B-color__onFreeBet_weaker: #4f8d4f;
  --B-color__onFreeBet_weaker--hover: var(--B-color__onFreeBet_weaker);
  --B-color__onFreeBet_weaker--active: var(--B-color__onFreeBet_weaker);
  --B-color__freeBet--hover: #70ff70;
  --B-color__freeBet--active: #57ff57;
  --B-color__freeBetBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/TeaserPlus */
  --B-color__teaserPlus: #c93d79;
  --B-color__onTeaserPlus: #faecf2;
  --B-color__onTeaserPlus--hover: var(--B-color__onTeaserPlus);
  --B-color__onTeaserPlus--active: var(--B-color__onTeaserPlus);
  --B-color__onTeaserPlus_weaker: #ebb8ce;
  --B-color__onTeaserPlus_weaker--hover: var(--B-color__onTeaserPlus_weaker);
  --B-color__onTeaserPlus_weaker--active: var(--B-color__onTeaserPlus_weaker);
  --B-color__teaserPlus--hover: #8d2753;
  --B-color__teaserPlus--active: #6d1e40;
  --B-color__teaserPlusBorder: rgba(255, 255, 255, 0.16);

  /* Semantic/SGP */
  --B-color__sGP: #ffcc7b;
  --B-color__onSGP: #332919;
  --B-color__onSGP--hover: var(--B-color__onSGP);
  --B-color__onSGP--active: var(--B-color__onSGP);
  --B-color__onSGP_weaker: #8d7144;
  --B-color__onSGP_weaker--hover: var(--B-color__onSGP_weaker);
  --B-color__onSGP_weaker--active: var(--B-color__onSGP_weaker);
  --B-color__sGP--hover: #ffb848;
  --B-color__sGP--active: #ffae2e;
  --B-color__sGPBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/Special */
  --B-color__special: #00e701;
  --B-color__onSpecial: #002e00;
  --B-color__onSpecial--hover: var(--B-color__onSpecial);
  --B-color__onSpecial--active: var(--B-color__onSpecial);
  --B-color__onSpecial_weaker: #007f00;
  --B-color__onSpecial_weaker--hover: var(--B-color__onSpecial_weaker);
  --B-color__onSpecial_weaker--active: var(--B-color__onSpecial_weaker);
  --B-color__special--hover: #00b401;
  --B-color__special--active: #009a01;
  --B-color__specialBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/SecondChance */
  --B-color__secondChance: #f6a0b1;
  --B-color__onSecondChance: #312023;
  --B-color__onSecondChance--hover: var(--B-color__onSecondChance);
  --B-color__onSecondChance--active: var(--B-color__onSecondChance);
  --B-color__onSecondChance_weaker: #885861;
  --B-color__onSecondChance_weaker--hover: var(
    --B-color__onSecondChance_weaker
  );
  --B-color__onSecondChance_weaker--active: var(
    --B-color__onSecondChance_weaker
  );
  --B-color__secondChance--hover: #f2718b;
  --B-color__secondChance--active: #ef5a78;
  --B-color__secondChanceBorder: rgba(0, 0, 0, 0.12);

  /* Semantic/New */
  --B-color__new: #00e701;
  --B-color__onNew: #002e00;
  --B-color__onNew--hover: var(--B-color__onNew);
  --B-color__onNew--active: var(--B-color__onNew);
  --B-color__onNew_weaker: #007f00;
  --B-color__onNew_weaker--hover: var(--B-color__onNew_weaker);
  --B-color__onNew_weaker--active: var(--B-color__onNew_weaker);
  --B-color__new--hover: #00d301;
  --B-color__new--active: #00c801;
  --B-color__newBorder: rgba(0, 0, 0, 0.12);

  /* Duotone Tokens */
  --B-color__duotone_stronger: #071824;
  --B-color__duotone_weaker: #e7e9ea;
  --B-color__duotoneGradient_start: rgb(7, 24, 36);
  --B-color__duotoneGradient_end: rgb(7, 24, 36);
  --B-color__duotoneGradientOpacity_start: 0.85;
  --B-color__duotoneGradientOpacity_end: 0.4;

  /* Custom/ContextualStats */
  --B-color__contextualStats: rgba(255, 255, 255, 0.08);

  /*!* Custom/PromoGradient *!*/
  /*--B-color__promoOverlay__start: rgba(7, 24, 36, 0.85);*/
  /*--B-color__promoOverlay__end: rgba(7, 24, 36, 0.4);*/
  /*--B-color__promoOverlayTranslucent__start: #071824;*/
  /*--B-color__promoOverlayTranslucent__end: rgba(7, 24, 36, 0.85);*/

  /*!* Custom/ScrollButtonGradient *!*/
  /*--B-color__scrollButtonCanvas__start: rgba(26, 44, 56, 0);*/
  /*--B-color__scrollButtonCanvas__end: rgb(26, 44, 56);*/
  /*--B-color__scrollButtonSurface__start: rgba(33, 55, 67, 0);*/
  /*--B-color__scrollButtonSurface__end: rgb(33, 55, 67);*/
  /*--B-color__scrollButtonEventList__start: rgba(33, 55, 67, 0);*/
  /*--B-color__scrollButtonEventList__end: rgb(33, 55, 67);*/
  /*--B-color__scrollButtonNavigationBar__start: rgba(15, 33, 46, 0);*/
  /*--B-color__scrollButtonNavigationBar__end: rgb(15, 33, 46);*/
  /*--B-color__sandwichRow0__start: rgba(15, 33, 46, 0.5);*/
  /*--B-color__sandwichRow0__end: rgb(15, 33, 46);*/
  /*--B-color__sandwichRow1__start: rgba(15, 33, 46, 0);*/
  /*--B-color__sandwichRow1__end: rgb(15, 33, 46);*/
  /*--B-color__sandwichRow2__start: rgba(15, 33, 46, 0);*/
  /*--B-color__sandwichRow2__end: rgb(15, 33, 46);*/
  /*--B-color__sandwichRow3__start: rgba(15, 33, 46, 0);*/
  /*--B-color__sandwichRow3__end: rgb(15, 33, 46);*/

  /* Custom/BetslipInput */
  --B-color__betslipInput: #07acc6;
  --B-color__onBetslipInput: #e6f7f9;
  --B-color__onBetslipInput--hover: var(--B-color__onBetslipInput);
  --B-color__onBetslipInput--active: var(--B-color__onBetslipInput);
  --B-color__onBetslipInput_weaker: #a3e1ea;
  --B-color__onBetslipInput_weaker--hover: var(
    --B-color__onBetslipInput_weaker
  );
  --B-color__onBetslipInput_weaker--active: var(
    --B-color__onBetslipInput_weaker
  );
  --B-color__betslipInput--hover: #046877;
  --B-color__betslipInput--active: #034550;
  --B-color__betslipInputBorder: rgba(255, 255, 255, 0.16);

  /* Favorite Tokens */
  --B-color__favorite: rgba(0, 0, 0, 0);
  --B-color__favorite--hover: rgba(0, 0, 0, 0.12);
  --B-color__favorite--active: rgba(0, 0, 0, 0.2);
  --B-color__onFavorite: var(--B-color__warning);
  --B-color__onFavorite--hover: var(--B-color__warning--hover);
  --B-color__onFavorite--active: var(--B-color__warning--active);

  /*!* Dark *!*/
  /*--B-opacity__Dark__50: 4;*/
  /*--B-opacity__Dark__100: 8;*/
  /*--B-opacity__Dark__200: 12;*/
  /*--B-opacity__Dark__300: 24;*/
  /*--B-opacity__Dark__500: 36;*/
  /*--B-opacity__Dark__700: 56;*/
  /*--B-opacity__Dark__900: 87;*/

  /*!* Light *!*/
  /*--B-opacity__Light__50: 4;*/
  /*--B-opacity__Light__100: 12;*/
  /*--B-opacity__Light__200: 16;*/
  /*--B-opacity__Light__300: 24;*/
  /*--B-opacity__Light__500: 40;*/
  /*--B-opacity__Light__700: 70;*/
  /*--B-opacity__Light__900: 100;*/

  /*!* FontFamily *!*/
  /*--B-typography__FontFamily__brand: "Proxima Nova";*/
  /*--B-typography__FontFamily__body: "Proxima Nova";*/

  /*!* FontSize *!*/
  /*--B-typography__FontSize__3xs: 9;*/
  /*--B-typography__FontSize__2xs: 10;*/
  /*--B-typography__FontSize__xs: 11;*/
  /*--B-typography__FontSize__sm: 12;*/
  /*--B-typography__FontSize__md: 14;*/
  /*--B-typography__FontSize__lg: 16;*/
  /*--B-typography__FontSize__xl: 20;*/
  /*--B-typography__FontSize__2xl: 24;*/
  /*--B-typography__FontSize__3xl: 32;*/
  /*--B-typography__FontSize__4xl: 40;*/
  /*--B-typography__FontSize__5xl: 48;*/
  /*--B-typography__FontSize__6xl: 56;*/

  /*!* LineHeight *!*/
  /*--B-typography__LineHeight__xs: 12;*/
  /*--B-typography__LineHeight__sm: 14;*/
  /*--B-typography__LineHeight__md: 16;*/
  /*--B-typography__LineHeight__lg: 20;*/
  /*--B-typography__LineHeight__xl: 24;*/
  /*--B-typography__LineHeight__2xl: 32;*/
  /*--B-typography__LineHeight__3xl: 40;*/
  /*--B-typography__LineHeight__4xl: 48;*/

  /*!* FontWeight *!*/
  /*--B-typography__FontWeight__regular-brand: "Semibold";*/
  /*--B-typography__FontWeight__medium-brand: "Bold";*/
  /*--B-typography__FontWeight__bold-brand: "Black";*/
  /*--B-typography__FontWeight__regular-body: "Semibold";*/
  /*--B-typography__FontWeight__medium-body: "Semibold";*/
  /*--B-typography__FontWeight__bold-body: "Bold";*/

  /*!* LetterSpacing *!*/
  /*--B-typography__LetterSpacing__tight: -2;*/
  /*--B-typography__LetterSpacing__tighter: -1;*/
  /*--B-typography__LetterSpacing__default: 0;*/
  /*--B-typography__LetterSpacing__wider: 1;*/
  /*--B-typography__LetterSpacing__wide: 2;*/

  /*!* Space *!*/
  /*--B-dimension__Space__0: 0;*/
  /*--B-dimension__Space__1: 1;*/
  /*--B-dimension__Space__2xs: 2;*/
  /*--B-dimension__Space__xs: 4;*/
  /*--B-dimension__Space__sm: 8;*/
  /*--B-dimension__Space__md: 12;*/
  /*--B-dimension__Space__lg: 16;*/
  /*--B-dimension__Space__xl: 20;*/
  /*--B-dimension__Space__2xl: 24;*/
  /*--B-dimension__Space__3xl: 32;*/
  /*--B-dimension__Space__4xl: 40;*/

  /*!* Size *!*/
  /*--B-dimension__Size__0: 0;*/
  /*--B-dimension__Size__1: 1;*/
  /*--B-dimension__Size__2xs: 2;*/
  /*--B-dimension__Size__xs: 4;*/
  /*--B-dimension__Size__sm: 8;*/
  /*--B-dimension__Size__md: 12;*/
  /*--B-dimension__Size__lg: 16;*/
  /*--B-dimension__Size__xl: 20;*/
  /*--B-dimension__Size__2xl: 24;*/
  /*--B-dimension__Size__3xl: 32;*/
  /*--B-dimension__Size__4xl: 40;*/
  /*--B-dimension__Size__5xl: 48;*/
  /*--B-dimension__Size__6xl: 56;*/
  /*--B-dimension__Size__7xl: 64;*/

  /*!* Radius *!*/
  /*--B-dimension__Radius__0: 0;*/
  /*--B-dimension__Radius__xs: 2;*/
  /*--B-dimension__Radius__sm: 4;*/
  /*--B-dimension__Radius__md: 8;*/
  /*--B-dimension__Radius__lg: 16;*/
  /*--B-dimension__Radius__xl: 100;*/
}

[data-betty-theme] {
  --B-sportsHub__fontFamily: var(--B-font__primary);
  --B-sportsHub__margin: 16px 0 16px 8px;
  --B-sportsHub__fontWeight: inherit;
  --B-sportsHub__headerFontColor: var(--B-color__onCanvas);
  --B-sportsHub__headerFontFamily: inherit;
  --B-sportsHub__headerFontWeight: 700;
  --B-sportsHub__headerMargin: 16px 0 16px 0;
  --B-sportsHub__headerFontSizeWide: 14px;
  --B-sportsHub__headerFontSize: 14px;
  --B-sportsHub__itemGapSize: 4px;
  --B-sportsHub__itemNegGapSize: calc(0px - var(--B-sportsHub__itemGapSize));
  --B-sportsHub__countryRowHeight: 40px;
  --B-sportsHub__countryBorderRadius: 4px;
  --B-sportsHub__countryMarginRight: 4px;
  --B-sportsHub__subleagueMarginRight: 4px;
  --B-sportsHub__leagueBorder: null;

  --B-sportsHub__headerLetterSpacing: null;
  --B-sportsHub__headerTextTransform: none;
  --B-sportsHub__itemFontFamily: var(--B-sportsHub__fontFamily);
  --B-sportsHub__leagueItemGapSize: var(--B-sportsHub__itemGapSize);
  --B-sportsHub__leagueItemNegGapSize: calc(
    0px - var(--B-sportsHub__leagueItemGapSize)
  );
  --B-sportsHub__leagueTextTransform: none;
  --B-sportsHub__pageHeaderTitleFontWeight: 900;
  --B-sportsHub__horizontalSportMarginLayoutWide: 0;
  --B-sportsHub__horizontalSportMargin: 0;
  --B-sportsHub__emptyFavoritesViewPadding: 0 4px;
  --B-sportsHub__emptyFavoritesViewWidePadding: 0 16px;
}

[data-betty-theme] {
  --B-searchTrigger__iconSize: 20px;
  --B-searchTrigger__iconColor: #557086;
  --B-searchTrigger__placeholderFontColor: rgba(177, 186, 211, 0.5);
  --B-searchTrigger__bg: #071d2a;
  --B-searchTrigger__fontFamily: var(--B-font__primary);
  --B-searchTrigger__fontWeight: 600;
  --B-searchTrigger__borderRadius: 100px;
  --B-searchTrigger__border: 2px solid #2f4553;
  --B-searchTrigger__boxShadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

[data-betty-theme],
[data-betty-theme='checkbox--betslip'],
[data-betty-theme='checkbox--outcomeListItem'],
[data-betty-theme='checkbox--rewards'] {
  --B-checkbox__color: var(--B-color__input);
  --B-checkbox__color--hover: var(--B-color__input--hover);
  --B-checkbox__color--active: var(--B-color__input--active);
  --B-checkbox__color--disabled: var(--B-color__onDisabledOnLight);
}

[data-betty-theme] {
  /* General */
  --B-pageHeader__backgroundColor: var(--B-color__header);
  --B-pageHeader__titleColor: var(--B-color__onCanvas);
  --B-pageHeader__lineHeight: 20px;
  --B-pageHeader__fontSize: 16px;
  --B-pageHeader__fontWeight: 900;
  --B-pageHeader__height: 48px;
  --B-pageHeader__padding: 0 8px;
  --B-pageHeader__borderRadius: 4px;

  /* Separator */
  --B-pageHeader__separatorColor: transparent;

  /* Icon */
  --B-pageHeader__iconSize: 15px;
  --B-pageHeader__iconBg: var(--B-color__buttonGhostB);
  --B-pageHeader__iconBg--hover: var(--B-color__buttonGhostB--hover);
  --B-pageHeader__iconBg--active: var(--B-color__buttonGhostB--active);

  --B-pageHeader__iconColor: var(--B-color__onButtonGhostB);
  --B-pageHeader__iconColor--hover: var(--B-color__onButtonGhostB--hover);
  --B-pageHeader__iconColor--active: var(--B-color__onButtonGhostB--active);

  /* RenderChildren - used for favorites button */
  --B-pageHeader__childrenWrapperBgColor: var(--B-color__favorite);
  --B-pageHeader__childrenWrapperBgColor--hover: var(
    --B-color__favorite--hover
  );
  --B-pageHeader__childrenWrapperBgColor--active: var(
    --B-color__favorite--active
  );
  --B-pageHeader__childrenWrapperRadius: 0px;
  --B-pageHeader__childrenWrapperPadding: 12px;
}

[data-betty-theme] {
  --B-navigationBar__height: 48px;
  --B-navigationBar__bg: var(--B-color__header);
  --B-navigationBar__fontSize: 14px;
  --B-navigationBar__fontWeight: 700;
  --B-navigationBar__textTransform: uppercase;
  --B-navigationBar__fontFamily: var(--B-font__primary);
  --B-navigationBar__color: var(--B-color__onHeader_weaker);
  --B-navigationBar__color--hover: var(--B-color__onHeader_weaker--hover);
  --B-navigationBar__color--active: var(--B-color__onHeader_weaker--active);
  --B-navigationBar__color--selected: var(--B-color__onHeader);
  --B-navigationBar__boxShadow: none;
  --B-navigationBar__justifyContent: flex-start;
  --B-navigationBar__position: relative;
  --B-navigationBar__zIndex: 2;
  --B-navigationBar__borderTop: 1px solid var(--B-color__headerBorder);
}

[data-betty-theme='navigationBar--mobile'] {
  --B-navigationBar__justifyContent: center;
  --B-navigationBar__height: 56px;
  --B-navigationBar__padding: 2px;
}

/* The navigation bar in the OTC-Client will have the same branding for all operators and offerings in retail.
Changes in this file will impact all retail offerings */

[data-betty-theme='navigationBar--retail-otc-mode'] {
  --B-navigationBar__height: 48px;
  --B-navigationBar__fontSize: 14px;
  --B-navigationBar__fontWeight: 400;
  --B-navigationBar__bg: #000000;
  --B-navigationBar__color: rgba(255, 255, 255, 0.7);
  --B-navigationBar__color--hover: rgba(255, 255, 255, 0.85);
  --B-navigationBar__color--active: #fff;
  --B-navigationBar__color--selected: #fff;
  --B-navigationBar__boxShadow: 0px 4px 5px rgba(0, 0, 0, 0.14),
    0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2);
  --B-navigationBar__borderTop: 1px solid rgba(255, 255, 255, 0.16);
  --B-notificationBadge__fill: #ef382b;
}

[data-betty-theme],
[data-betty-theme='radioButton--betslip'],
[data-betty-theme='radioButton--rewards'] {
  --B-radioButton__color: var(--B-color__input);
  --B-radioButton__color--hover: var(--B-color__input--hover);
  --B-radioButton__color--active: var(--B-color__input--active);
  --B-radioButton__color--disabled: var(--B-color__onDisabledOnLight);
}

[data-betty-theme='radioButton--pba'] {
  --B-radioButton__color: var(--B-color__warning);
  --B-radioButton__color--hover: var(--B-color__warning--hover);
  --B-radioButton__color--active: var(--B-color__warning--active);
  --B-radioButton__color--disabled: var(--B-color__onDisabledOnDark);
}

[data-betty-theme] {
  --B-miniScoreboard__bg: var(--B-color__surface);
  --B-miniScoreboard__color: var(--B-color__onSurface);
  --B-miniScoreboard__timeColor: var(--B-color__onSurface_weaker);
  --B-miniScoreboard__width: 120px;
  --B-miniScoreboard__padding: 0.4em;
  --B-miniScoreboard__fontFamily: inherit;
  --B-miniScoreboard__fontSize: 14px;
  --B-miniScoreboard__fontWeight: 500;

  --B-scoreBox__radius: 2px;
  --B-scoreBox__bg: var(--B-color__theme);
  --B-scoreBox__color: var(--B-color__surface);
  --B-scoreBox__fontFamily: inherit;
  --B-scoreBox__fontSize: inherit;
  --B-scoreBox__fontWeight: inherit;
  --B-scoreBox__border: none;
  --B-scoreBox__width: 2em;
  --B-scoreBox__padding: 0px 4px;
}

[data-betty-theme] {
  --B-collapsibleContainer__arrowTransformExpand: rotate(180deg);
  --B-collapsibleContainer__arrowTransformCollapse: rotate(0deg);
  --B-collapsibleContainer__bgRightText: none;
  --B-collapsibleContainer__borderRadius: 4px;
  --B-collapsibleContainer__boxShadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px 0 rgba(0, 0, 0, 0.12);
  --B-collapsibleContainer__displayArrow: none;
  --B-collapsibleContainer__displayLive: none;
  --B-collapsibleContainer__displayRightText: block;
  --B-collapsibleContainer__strokeWidthArrow: 2px;
}

[data-betty-theme='collapsibleContainer--mainHeader'],
[data-betty-theme='collapsibleContainer--ipaMessage'],
[data-betty-theme='collapsibleContainer--timeformHeader'],
[data-betty-theme='collapsibleContainer--racing'] {
  --B-collapsibleContainer__height: 40px;
  --B-collapsibleContainer__bg: var(--B-color__header);
  --B-collapsibleContainer__bg--hover: var(--B-color__canvas--hover);
  --B-collapsibleContainer__bg--active: var(--B-color__surface--hover);
  --B-collapsibleContainer__color: var(--B-color__onHeader);
  --B-collapsibleContainer__colorLabelDetails: var(--B-color__onHeader_weaker);
  --B-collapsibleContainer__colorRightText: var(--B-color__onHeader_weaker);

  --B-collapsibleContainer__bgContent: transparent;
  --B-collapsibleContainer__borderBottomHeader: none;
  --B-collapsibleContainer__borderColor: transparent;
  --B-collapsibleContainer__borderRadius: 4px;
  --B-collapsibleContainer__borderRadiusMobile: 4px;
  --B-collapsibleContainer__borderWidth: 0;
  --B-collapsibleContainer__boxShadow: none;

  /**CHECK THIS WITH DESIGN*/

  --B-collapsibleContainer__fontSizeTitle: 14px;
  --B-collapsibleContainer__fontSizeRightText: 14px;
  --B-collapsibleContainer__fontWeightRightText: 600;
  --B-collapsibleContainer__fontWeightTitle: 700;
  --B-collapsibleContainer__textTransform: none;
  --B-collapsibleContainer__textTransformRightLabel: none;
  --B-collapsibleContainer__margin: 0 0 8px 0;
}

[data-betty-theme='collapsibleContainer--ipaMessage'] {
  --B-collapsibleContainer__whiteSpaceTitle: normal;
}

[data-betty-theme='collapsibleContainer--subHeader'] {
  --B-collapsibleContainer__bg: var(--B-color__header);
  /**Different hover and active!! please see figma comments */
  --B-collapsibleContainer__bg--hover: #213743;
  --B-collapsibleContainer__bg--active: #253e4b;
  --B-collapsibleContainer__bgContent: var(--B-color__canvas);
  --B-collapsibleContainer__borderBottomHeader: 1px solid
    var(--B-color__surfaceBorder);
  --B-collapsibleContainer__borderColor: var(--B-color__canvas);
  --B-collapsibleContainer__borderWidth: 0;
  --B-collapsibleContainer__color: var(--B-color__onHeader);
  --B-collapsibleContainer__colorRightText: var(--B-color__onHeader_weaker);
  --B-collapsibleContainer__fontSizeTitle: 12px;
  --B-collapsibleContainer__fontWeightTitle: 700;
  --B-collapsibleContainer__fontWeightRightText: 600;
  --B-collapsibleContainer__height: 32px;
  --B-collapsibleContainer__textTransformRightLabel: none;
  --B-collapsibleContainer__margin: 8px 0 0 0;
}

[data-betty-theme='collapsibleContainer--partnerSpecials'] {
  --B-collapsibleContainer__bg: var(
    --B-partnerSpecials__outcomesListWrapperBackgroundColor
  );
  --B-collapsibleContainer__bg--hover: var(
    --B-partnerSpecials__outcomesListWrapperBackgroundColor
  );
  --B-collapsibleContainer__bg--active: var(
    --B-partnerSpecials__outcomesListWrapperBackgroundColor
  );
  --B-collapsibleContainer__bgContent: transparent;
  --B-collapsibleContainer__borderColor: var(
    --B-partnerSpecials__outcomesListWrapperBackgroundColor
  );
  --B-collapsibleContainer__borderWidth: 0;
  --B-collapsibleContainer__color: var(
    --B-partnerSpecials__outcomesListItemTextColor
  );
  --B-collapsibleContainer__colorRightText: var(
    --B-partnerSpecials__outcomesListItemTextColor
  );
  --B-collapsibleContainer__fontSizeTitle: var(
    --B-partnerSpecials__eventNameFontSize
  );
  --B-collapsibleContainer__fontWeightTitle: var(
    --B-partnerSpecials__eventNameFontWeight
  );
  --B-collapsibleContainer__fontWeightRightText: var(
    --B-partnerSpecials__eventNameFontWeight
  );
  --B-collapsibleContainer__displayRightText: block;
  --B-collapsibleContainer__height: 30px;
  --B-collapsibleContainer__textTransformRightLabel: none;
  --B-collapsibleContainer__displayArrow: block;
  --B-collapsibleContainer__whiteSpaceTitle: normal;
  --B-collapsibleContainer__headerElemWidth: 95%;
  --B-collapsibleContainer__arrowWidth: 8px;
  --B-collapsibleContainer__headerWrapperPadding: 0;
  --B-collapsibleContainer__arrowMargin: 0;
}

[data-betty-theme] {
  --B-live__bg: var(--B-color__live);
  --B-live__bgDot: none;
  --B-live__color: var(--B-color__onLive);
  --B-live__fontSize: 10px;
  --B-live__fontStyle: none;
  --B-live__fontWeight: 700;
  --B-live__height: 14px;
  --B-live__textTransform: uppercase;
  --B-live__width: auto;
  --B-live__borderRadius: 2px;
  --B-live__padding: 0 3px 0 3px;
  --B-live__border: none;
  --B-live__transform: none;
  --B-live__displayLabel: flex;
}

[data-betty-theme] {
  --B-star__fill: #e7c407;
  --B-star__stroke: none;
}

[data-betty-theme] {
  --B-instant__fill: hsla(0, 0%, 100%, 1);
}

[data-betty-theme],
[data-betty-theme='sticker--live'] {
  --B-sticker__bg: var(--B-color__live);
  --B-sticker__borderRadius: 2px;
  --B-sticker__color: var(--B-color__onLive);
  --B-sticker__height: 12px;
  --B-sticker__iconHeight: 12px;
  --B-sticker__width: auto;
  --B-sticker__iconWidth: 12px;
  --B-sticker__textTransform: uppercase;
  --B-sticker__fontStyle: uppercase;
  --B-sticker__fontSize: 10px;
  --B-sticker__fontWeight: 700;
  --B-sticker__letterSpacing: normal;
  --B-sticker__border: none;
  --B-sticker__padding: 1px 3px 1px 3px;
  --B-sticker__display: flex;
  --B-sticker__fontFamily: var(--B-font__primary);
  --B-sticker__labelWhiteSpace: nowrap;
  --B-sticker__iconSize: 12px;
}
[data-betty-theme='sticker--promote'] {
  --B-sticker__bg: var(--B-color__new);
  --B-sticker__bg--hover: var(--B-color__new--hover);
  --B-sticker__bg--active: var(--B-color__new--active);
  --B-sticker__color: var(--B-color__onNew);
  --B-sticker__color--hover: var(--B-color__onNew--hover);
  --B-sticker__color--active: var(--B-color__onNew--active);
}
[data-betty-theme='sticker--cashOut'] {
  --B-sticker__bg: var(--B-color__cashOut);
  --B-sticker__color: var(--B-color__onCashOut);
  --B-sticker__padding: 1px 3px 1px 3px;
}
[data-betty-theme='sticker--sameGameParlay'] {
  --B-sticker__bg: var(--B-color__sGP);
  --B-sticker__bg--hover: var(--B-color__sGP--hover);
  --B-sticker__bg--active: var(--B-color__sGP--active);

  --B-sticker__color: var(--B-color__onSGP);
  --B-sticker__color--hover: var(--B-color__onSGP--hover);
  --B-sticker__color--active: var(--B-color__onSGP--active);

  --B-sticker__padding: 1px 3px 1px 3px;
  --B-sticker__lineHeight: 1.2;
}
[data-betty-theme='sticker--teaserPlus'] {
  --B-sticker__bg: var(--B-color__teaserPlus);
  --B-sticker__bg--hover: var(--B-color__teaserPlus--hover);
  --B-sticker__bg--active: var(--B-color__teaserPlus--active);

  --B-sticker__color: var(--B-color__onTeaserPlus);
  --B-sticker__color--hover: var(--B-color__onTeaserPlus--hover);
  --B-sticker__color--active: var(--B-color__onTeaserPlus--active);

  --B-sticker__padding: 1px 3px 1px 3px;
  --B-sticker__lineHeight: 1.2;
}
[data-betty-theme='sticker--freeBet'] {
  --B-sticker__bg: var(--B-color__freeBet);
  --B-sticker__bg--hover: var(--B-color__freeBet--hover);
  --B-sticker__bg--active: var(--B-color__freeBet--active);

  --B-sticker__color: var(--B-color__onFreeBet);
  --B-sticker__color--hover: var(--B-color__onFreeBet--hover);
  --B-sticker__color--active: var(--B-color__onFreeBet--active);

  --B-sticker__lineHeight: 1.2;
  --B-sticker__fontWeight: 700;
  --B-sticker__padding: 1px 3px 1px 3px;
  --B-sticker__textTransform: uppercase;
}
[data-betty-theme='sticker--oddsBoost'] {
  --B-sticker__bg: var(--B-color__oddsBoost);
  --B-sticker__bg--hover: var(--B-color__oddsBoost--hover);
  --B-sticker__bg--active: var(--B-color__oddsBoost--active);

  --B-sticker__color: var(--B-color__onOddsBoost);
  --B-sticker__color--hover: var(--B-color__onOddsBoost--hover);
  --B-sticker__color--active: var(--B-color__onOddsBoost--active);

  --B-sticker__lineHeight: 1.2;
  --B-sticker__fontWeight: 700;
  --B-sticker__padding: 1px 3px 1px 3px;
  --B-sticker__textTransform: uppercase;
}
[data-betty-theme='sticker--profitBoost'] {
  --B-sticker__bg: var(--B-color__profitBoost);
  --B-sticker__bg--hover: var(--B-color__profitBoost--hover);
  --B-sticker__bg--active: var(--B-color__profitBoost--active);

  --B-sticker__color: var(--B-color__onProfitBoost);
  --B-sticker__color--hover: var(--B-color__onProfitBoost--hover);
  --B-sticker__color--active: var(--B-color__onProfitBoost--active);

  --B-sticker__extraColor: var(--B-color__onProfitBoost);
  --B-sticker__extraColor--hover: var(--B-color__onProfitBoost--hover);
  --B-sticker__extraColor--active: var(--B-color__onProfitBoost--active);

  --B-sticker__lineHeight: 1.2;
  --B-sticker__fontWeight: 700;
  --B-sticker__extraFontWeight: 700;
  --B-sticker__padding: 1px 3px 1px 3px;
  --B-sticker__textTransform: uppercase;
}
[data-betty-theme='sticker--secondChance'] {
  --B-sticker__bg: var(--B-color__secondChance);
  --B-sticker__bg--hover: var(--B-color__secondChance--hover);
  --B-sticker__bg--active: var(--B-color__secondChance--active);

  --B-sticker__color: var(--B-color__onSecondChance);
  --B-sticker__color--hover: var(--B-color__onSecondChance--hover);
  --B-sticker__color--active: var(--B-color__onSecondChance--active);

  --B-sticker__lineHeight: 1.2;
  --B-sticker__fontWeight: 700;
  --B-sticker__padding: 1px 3px 1px 3px;
  --B-sticker__textTransform: uppercase;
}
[data-betty-theme='sticker--special'] {
  --B-sticker__bg: var(--B-color__special);
  --B-sticker__bg--hover: var(--B-color__special--hover);
  --B-sticker__bg--active: var(--B-color__special--active);

  --B-sticker__color: var(--B-color__onSpecial);
  --B-sticker__color--hover: var(--B-color__onSpecial--hover);
  --B-sticker__color--active: var(--B-color__onSpecial--active);

  --B-sticker__lineHeight: 1.2;
  --B-sticker__fontWeight: 700;
  --B-sticker__padding: 1px 3px 1px 3px;
  --B-sticker__textTransform: uppercase;
}
[data-betty-theme='sticker--contextualStats'] {
  --B-sticker__bg: var(--B-color__contextualStats);
  --B-sticker__color: var(--B-color__onSurface_weaker);
  --B-sticker__extraColor: var(--B-color__onSurface);
  --B-sticker__fontWeight: 400;
  --B-sticker__extraFontWeight: 700;
  --B-sticker__padding: 0px 4px;
  --B-sticker__textTransform: capitalize;
}
[data-betty-theme='sticker--promotionsEarlySettlement'] {
  --B-sticker__bg: var(--B-color__transaction);
  --B-sticker__bg--hover: var(--B-color__transaction--hover);
  --B-sticker__bg--active: var(--B-color__transaction--active);

  --B-sticker__color: var(--B-color__onTransaction);
  --B-sticker__color--hover: var(--B-color__onTransaction--hover);
  --B-sticker__color--active: var(--B-color__onTransaction--active);

  --B-sticker__padding: 1px 3px 1px 3px;
  --B-sticker__lineHeight: var(--B-sticker__height);
}

[data-betty-theme] {
  --B-button__fontFamily: var(--B-font__primary);
  --B-button__width: auto;
  --B-button__fontWeight: 600;
  --B-button__background--disabled: var(--B-color__disabledOnDark);
  --B-button__color--disabled: var(--B-color__onDisabledOnDark);
  --B-button__border: none;
  --B-button__border--hover: none;
  --B-button__border--active: none;
  --B-button__border--disabled: none;
  --B-button__borderRadius: 4px;
  --B-button__textTransform: none;
  --B-button__width--fixedWidth: 160px;
}

[data-betty-theme='button--textBanner'] {
  --B-button__background: var(--B-color__buttonGhostA);
  --B-button__background--hover: var(--B-color__buttonGhostA--hover);
  --B-button__background--active: var(--B-color__buttonGhostA--active);
  --B-button__color: var(--B-color__onButtonGhostA);
  --B-button__color--hover: var(--B-color__onButtonGhostA--hover);
  --B-button__color--active: var(--B-color__onButtonGhostA--active);
  --B-button__borderRadius: 4px;
  --B-button__fontWeight: 600;
  --B-button__minHeight: 32px;
  --B-button__padding: 8px;
  --B-button__fontSize: 12px;
  --B-button__lineHeight: 15px;
  --B-button__itemsMargin: 0 3px;
  --B-button__iconWidth: 16px;
  --B-button__iconHeight: 16px;
}

[data-betty-theme='button--filledBanner'] {
  --B-button__background: var(--B-color__highlight);
  --B-button__background--hover: var(--B-color__highlight--hover);
  --B-button__background--active: var(--B-color__highlight--active);
  --B-button__color: var(--B-color__onHighlight);
  --B-button__color--hover: var(--B-color__onHighlight--hover);
  --B-button__color--active: var(--B-color__onHighlight--active);
  --B-button__fontWeight: 700;
  --B-button__borderRadius: 4px;
  --B-button__minHeight: 32px;
  --B-button__padding: 8px;
  --B-button__fontSize: 12px;
  --B-button__lineHeight: 15px;
  --B-button__itemsMargin: 0 3px;
  --B-button__iconWidth: 16px;
  --B-button__iconHeight: 16px;
}

[data-betty-theme='button--modal'] {
  --B-button__borderRadius: 100px;
  --B-button__background: var(--B-color__buttonGhostA);
  --B-button__background--hover: var(--B-color__buttonGhostA--hover);
  --B-button__background--active: var(--B-color__buttonGhostA--active);
  --B-button__color: var(--B-color__onButtonGhostA);
  --B-button__color--hover: var(--B-color__onButtonGhostA--hover);
  --B-button__color--active: var(--B-color__onButtonGhostA--active);
  --B-button__minHeight: 40px;
  --B-button__padding: 10px;
  --B-button__fontSize: 14px;
  --B-button__lineHeight: 18px;
  --B-button__itemsMargin: 0 4px;
  --B-button__iconWidth: 20px;
  --B-button__iconHeight: 20px;
}

[data-betty-theme='button--az'] {
  --B-button__background: var(--B-color__buttonA);
  --B-button__background--hover: var(--B-color__buttonA--hover);
  --B-button__background--active: var(--B-color__buttonA--active);
  --B-button__color: var(--B-color__onButtonA);
  --B-button__color--hover: var(--B-color__onButtonA--hover);
  --B-button__color--active: var(--B-color__onButtonA--active);
  --B-button__borderRadius: 4px;
  --B-button__border: none;
  --B-button__border--hover: none;
  --B-button__border--active: none;
  --B-button__boxShadow: none;
  --B-button__padding: 0 12px;
  --B-button__fontSize: 12px;
  --B-button__fontWeight: 700;
  --B-button__lineHeight: 40px;
  --B-button__itemsMargin: 0 3px;
  --B-button__iconWidth: 20px;
  --B-button__iconHeight: 20px;
  --B-button__leadingIconColor: var(--B-color__onButtonA);
  --B-button__leadingIconColor--hover: var(--B-color__onButtonA--hover);
  --B-button__leadingIconColor--active: var(--B-color__onButtonA--active);
  --B-button__iconOpacity: 1;
}

[data-betty-theme='button--az-featured'] {
  --B-button__background: var(--B-color__buttonA);
  --B-button__background--hover: var(--B-color__buttonA--hover);
  --B-button__background--active: var(--B-color__buttonA--active);
  --B-button__color: var(--B-color__onButtonA);
  --B-button__color--hover: var(--B-color__onButtonA--hover);
  --B-button__color--active: var(--B-color__onButtonA--active);
  --B-button__borderRadius: 4px;
  --B-button__border: none;
  --B-button__border--hover: none;
  --B-button__border--active: none;
  --B-button__boxShadow: none;
  --B-button__padding: 0 12px;
  --B-button__fontSize: 12px;
  --B-button__fontWeight: 700;
  --B-button__lineHeight: 40px;
  --B-button__itemsMargin: 0 3px;
  --B-button__iconWidth: 20px;
  --B-button__iconHeight: 20px;
  --B-button__leadingIconColor: var(--B-color__onButtonA);
  --B-button__leadingIconColor--hover: var(--B-color__onButtonA--hover);
  --B-button__leadingIconColor--active: var(--B-color__onButtonA--active);
  --B-button__iconOpacity: 1;
}

[data-betty-theme='button--favorite-selection'] {
  --B-button__background: var(--B-color__buttonA);
  --B-button__background--hover: var(--B-color__buttonA--hover);
  --B-button__background--active: var(--B-color__buttonA--active);
  --B-button__color: var(--B-color__onButtonA);
  --B-button__color--hover: var(--B-color__onButtonA--hover);
  --B-button__color--active: var(--B-color__onButtonA--active);
  --B-button__borderRadius: 4px;
  --B-button__border: none;
  --B-button__border--hover: none;
  --B-button__border--active: none;
  --B-button__boxShadow: none;
  --B-button__padding: 0 12px;
  --B-button__fontSize: 12px;
  --B-button__fontWeight: 700;
  --B-button__lineHeight: 40px;
  --B-button__itemsMargin: 0 3px;
  --B-button__iconWidth: 20px;
  --B-button__iconHeight: 20px;
  --B-button__leadingIconColor: var(--B-color__onButtonA);
  --B-button__leadingIconColor--hover: var(--B-color__onButtonA--hover);
  --B-button__leadingIconColor--active: var(--B-color__onButtonA--active);
  --B-button__iconOpacity: 1;
}

[data-betty-theme='button--az-popular'] {
  --B-button__background: var(--B-color__buttonB);
  --B-button__background--hover: var(--B-color__buttonB--hover);
  --B-button__background--active: var(--B-color__buttonB--active);
  --B-button__color: var(--B-color__onButtonB);
  --B-button__color--hover: var(--B-color__onButtonB--hover);
  --B-button__color--active: var(--B-color__onButtonB--active);
  --B-button__borderRadius: 4px;
  --B-button__border: none;
  --B-button__border--hover: none;
  --B-button__border--active: none;
  --B-button__boxShadow: none;
  --B-button__padding: 0 12px;
  --B-button__fontSize: 12px;
  --B-button__fontWeight: 700;
  --B-button__lineHeight: 40px;
  --B-button__itemsMargin: 0 3px;
  --B-button__iconWidth: 20px;
  --B-button__iconHeight: 20px;
}

[data-betty-theme='button--settings'] {
  --B-button__background: var(--B-color__buttonGhostA);
  --B-button__background--hover: var(--B-color__buttonGhostA--hover);
  --B-button__background--active: var(--B-color__buttonGhostA--active);
  --B-button__color: var(--B-color__onButtonGhostA);
  --B-button__color--hover: var(--B-color__onButtonGhostA--hover);
  --B-button__color--active: var(--B-color__onButtonGhostA--active);
  --B-button__fontSize: 12px;
  --B-button__borderRadius: 4px;
  --B-button__padding: 2px 6px 3px 13px;
  --B-button__iconWidth: 20px;
  --B-button__iconHeight: 20px;
  --B-button__lineHeight: 30px;
}

[data-betty-theme='button--sports-top-league'] {
  --B-button__background: var(--B-color__buttonB);
  --B-button__background--hover: var(--B-color__buttonB--hover);
  --B-button__background--active: var(--B-color__buttonB--active);
  --B-button__color: var(--B-color__onButtonB);
  --B-button__color--hover: var(--B-color__onButtonB--hover);
  --B-button__color--active: var(--B-color__onButtonB--active);
  --B-button__textTransform: none;
  --B-button__borderRadius: 4px;
  --B-button__fontWeight: 700;
  --B-button__fontSize: 12px;
  --B-button__height: 40px;
  --B-button__padding: 0 12px;
}

[data-betty-theme='button--sports-browse-league'] {
  --B-button__background: var(--B-color__buttonB);
  --B-button__background--hover: var(--B-color__buttonB--hover);
  --B-button__background--active: var(--B-color__buttonB--active);
  --B-button__color: var(--B-color__onButtonB);
  --B-button__color--hover: var(--B-color__onButtonB--hover);
  --B-button__color--active: var(--B-color__onButtonB--active);
  --B-button__border: 1px solid var(--B-color__buttonB);
  --B-button__border--hover: 1px solid var(--B-color__buttonB--hover);
  --B-button__border--active: 1px solid var(--B-color__buttonB--active);
  --B-button__border--disabled: 1px solid var(--B-color__disabledOnDark);
  --B-button__background--disabled: var(--B-color__disabledOnDark);
  --B-button__color--disabled: var(--B-color__onDisabledOnDark);
  --B-button__borderRadius: 4px;
  --B-button__boxShadow: null;
  --B-button__fontWeight: 700;
  --B-button__fontSize: 12px;
  --B-button__height: 40px;
  --B-button__padding: 0 12px;
  --B-button__fontFamily: var(--B-font__primary);
  --B-button__width--fixedWidth: 160px;
  --B-button__justifyContent: flex-start;
}

[data-betty-theme='button--sports-subleague'] {
  --B-button__background: var(--B-color__buttonA);
  --B-button__background--hover: var(--B-color__buttonA--hover);
  --B-button__background--active: var(--B-color__buttonA--active);
  --B-button__color: var(--B-color__onButtonA);
  --B-button__color--hover: var(--B-color__onButtonA--hover);
  --B-button__color--active: var(--B-color__onButtonA--active);
  --B-button__borderRadius: 4px;
  --B-button__textTransform: none;
  --B-button__fontSize: 12px;
  --B-button__fontWeight: 700;
  --B-button__height: 40px;
  --B-button__width--fixedWidth: 160px;
  --B-button__justifyContent: flex-start;
  --B-button__padding: 0 12px;
}

[data-betty-theme='button--save'] {
  --B-button__fontSize: 14px;
  --B-button__fontWeight: 700;
  --B-button__borderRadius: 4px;
  --B-button__minHeight: 40px;
  --B-button__padding: 12px;
  --B-button__lineHeight: 16px;
  --B-button__background: var(--B-color__buttonB);
  --B-button__background--hover: var(--B-color__buttonB--hover);
  --B-button__background--active: var(--B-color__buttonB--active);
  --B-button__background--disabled: #292929;
  --B-button__color: var(--B-color__onButtonB);
  --B-button__color--hover: var(--B-color__onButtonB--hover);
  --B-button__color--active: var(--B-color__onButtonB--active);
  --B-button__color--disabled: #696969;
}

[data-betty-theme] {
  --B-outcomeButton__bg: var(--B-color__outcome);
  --B-outcomeButton__bg--hover: var(--B-color__outcome--hover);
  --B-outcomeButton__bg--active: var(--B-color__outcome--active);
  --B-outcomeButton__bg--selected: var(--B-color__selected);
  --B-outcomeButton__bg--selected--hover: var(--B-color__selected--hover);
  --B-outcomeButton__bg--selected--active: var(--B-color__selected--active);
  --B-outcomeButton__bg--disabled: var(--B-color__disabledOnDark);

  --B-outcomeButton__color: var(--B-color__onOutcome_weaker);
  --B-outcomeButton__color--hover: var(--B-color__onOutcome_weaker--hover);
  --B-outcomeButton__color--active: var(--B-color__onOutcome_weaker--active);

  --B-outcomeButton__colorOdds: var(--B-color__onOutcome);
  --B-outcomeButton__colorOdds--hover: var(--B-color__onOutcome--hover);
  --B-outcomeButton__colorOdds--active: var(--B-color__onOutcome--active);

  --B-outcomeButton__color--selected: var(--B-color__onSelected);
  --B-outcomeButton__color--selected--hover: var(--B-color__onSelected--hover);
  --B-outcomeButton__color--selected--active: var(
    --B-color__onSelected--active
  );

  --B-outcomeButton__colorOdds--selected: var(--B-color__onSelected);
  --B-outcomeButton__colorOdds--selected--hover: var(
    --B-color__onSelected--hover
  );
  --B-outcomeButton__colorOdds--selected--active: var(
    --B-color__onSelected--active
  );

  --B-outcomeButton__color--disabled: var(--B-color__onDisabledOnDark);
  --B-outcomeButton__colorOdds--disabled: var(--B-color__onDisabledOnDark);

  --B-outcomeButton__fontSize: 0.75em;
  --B-outcomeButton__fontSizeOdds: 0.75em;
  --B-outcomeButton__fontWeight: 700;
  --B-outcomeButton__fontWeightOdds: 700;
  --B-outcomeButton__borderRadius: 4px;
  --B-outcomeButton__border: none;
  --B-outcomeButton__border--hover: none;
  --B-outcomeButton__border--active: none;
  --B-outcomeButton__border--selected: none;
  --B-outcomeButton__border--selected--hover: none;
  --B-outcomeButton__border--selected--active: none;
  --B-outcomeButton__border--disabled: none;

  --B-outcomeButton__increaseOddsIndicatorColor: var(--B-color__success);
  --B-outcomeButton__decreaseOddsIndicatorColor: var(--B-color__danger);
  --B-outcomeButton__persistedOddsIndicatorColor: var(--B-color__onOutcome);
  --B-outcomeButton__boxShadow: none;
  --B-outcomeButton__height: 36px;
  --B-outcomeButton__VERTICAL_ALIGNMENT_BOTTOM_OFFSET: 0;
}

[data-betty-theme='outcomeButton--retail-row'] {
  --B-outcomeButton__bg: none;
  --B-outcomeButton__bg--hover: none;
  --B-outcomeButton__bg--active: none;
  --B-outcomeButton__bg--selected: none;
  --B-outcomeButton__bg--selected--hover: none;
  --B-outcomeButton__bg--selected--active: none;
  --B-outcomeButton__bg--disabled: none;

  --B-outcomeButton__color: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--hover: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--active: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--selected: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--selected--hover: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--selected--active: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--disabled: var(--B-retail__colorPrimary);

  --B-outcomeButton__colorOdds: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--disabled: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--hover: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--active: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--selected: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--selected--hover: var(
    --B-retail__colorSecondary
  );
  --B-outcomeButton__colorOdds--selected--active: var(
    --B-retail__colorSecondary
  );

  --B-outcomeButton__fontSize: var(--B-retail__fontSizeLabel, 1.8rem);
  --B-outcomeButton__fontSizeOdds: var(--B-retail__fontSizeOdds, 1.8rem);
  --B-outcomeButton__fontWeight: normal;
  --B-outcomeButton__fontWeightOdds: bold;

  --B-outcomeButton__border: none;
  --B-outcomeButton__border--hover: none;
  --B-outcomeButton__border--active: none;
  --B-outcomeButton__border--selected: none;
  --B-outcomeButton__border--selected--hover: none;
  --B-outcomeButton__border--selected--active: none;
  --B-outcomeButton__border--disabled: none;
  --B-outcomeButton__borderGradient--selected: none;
  --B-outcomeButton__borderRadius: none;

  --B-outcomeButton__lineHeight: var(--B-retail__lineHeightLabel, 2.2rem);
  --B-outcomeButton__padding: 0;
  --B-outcomeButton__margin: 0 5px 0 0;
  --B-outcomeButton__height: unset;
  --B-outcomeButton__maxHeight: var(--B-retail__maxHeightLabel, 2.4rem);
  --B-outcomeButton__minHeight: 2.4rem;
  --B-outcomeButton__oddsIndicatorDisplay: none;
  --B-outcomeButton__boxShadow: none;
  --B-outcomeButton__extrasMarginLeft: 0;
}

[data-betty-theme='outcomeButton--retail-stack'] {
  --B-outcomeButton__bg: none;
  --B-outcomeButton__bg--hover: none;
  --B-outcomeButton__bg--active: none;
  --B-outcomeButton__bg--selected: none;
  --B-outcomeButton__bg--selected--hover: none;
  --B-outcomeButton__bg--selected--active: none;
  --B-outcomeButton__bg--disabled: none;

  --B-outcomeButton__color: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--hover: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--active: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--selected: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--selected--hover: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--selected--active: var(--B-retail__colorPrimary);
  --B-outcomeButton__color--disabled: var(--B-retail__colorPrimary);

  --B-outcomeButton__colorOdds: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--disabled: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--hover: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--active: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--selected: var(--B-retail__colorSecondary);
  --B-outcomeButton__colorOdds--selected--hover: var(
    --B-retail__colorSecondary
  );
  --B-outcomeButton__colorOdds--selected--active: var(
    --B-retail__colorSecondary
  );

  --B-outcomeButton__fontSize: var(--B-retail__fontSizeLabel, 1.8rem);
  --B-outcomeButton__fontSizeOdds: var(--B-retail__fontSizeOdds, 1.8rem);
  --B-outcomeButton__fontWeight: normal;
  --B-outcomeButton__fontWeightOdds: bold;
  --B-outcomeButton__border: none;
  --B-outcomeButton__border--hover: none;
  --B-outcomeButton__border--active: none;
  --B-outcomeButton__border--selected: none;
  --B-outcomeButton__border--selected--hover: none;
  --B-outcomeButton__border--selected--active: none;
  --B-outcomeButton__border--disabled: none;
  --B-outcomeButton__borderGradient--selected: none;
  --B-outcomeButton__borderRadius: none;

  --B-outcomeButton__padding: 0;
  --B-outcomeButton__lineHeight: var(--B-retail__lineHeightLabel, 2.2rem);
  --B-outcomeButton__maxHeight: 5.375rem;
  --B-outcomeButton__height: unset;
  --B-outcomeButton__minHeight: 4.375rem;
  --B-outcomeButton__oddsIndicatorDisplay: none;
  --B-outcomeButton__extrasMarginLeft: 0;
  --B-outcomeButton__boxShadow: none;
}

[data-betty-theme='outcomeButton--carousel-action'] {
  --B-outcomeButton__fontSize: var(--B-retail__fontSizeLabel, 32px);
  --B-outcomeButton__fontSizeOdds: var(--B-retail__fontSizeOdds, 32px);
}

[data-betty-theme],
[data-betty-theme='horizontalScroll--promoCards'],
[data-betty-theme='horizontalScroll--sportsMenu'] {
  --B-horizontalScroll__bg: rgba(26, 44, 56, 0) 0%, rgba(26, 44, 56, 0.3) 50%,
    rgba(26, 44, 56, 0.5) 70%, rgba(26, 44, 56, 1) 100%;
  --B-horizontalScroll__bg--hover: var(--B-color__canvas--hover);
  --B-horizontalScroll__bg--active: var(--B-color__canvas--active);
  --B-horizontalScroll__arrowColor: var(--B-color__onCanvas);
  --B-horizontalScroll__arrowColor--hover: var(--B-color__onCanvas--hover);
  --B-horizontalScroll__arrowColor--active: var(--B-color__onCanvas--active);
  --B-horizontalScroll__arrowsDisplay: none;
}

[data-betty-theme='horizontalScroll--navigationBar'] {
  --B-horizontalScroll__bg: rgba(15, 33, 46, 0) 0%, rgba(15, 33, 46, 0.5) 50%,
    rgba(15, 33, 46, 0.7) 70%, rgba(15, 33, 46, 1) 100%;
  --B-horizontalScroll__bg--hover: var(--B-color__header--hover);
  --B-horizontalScroll__bg--active: var(--B-color__header--active);
  --B-horizontalScroll__arrowColor: var(--B-color__onHeader);
  --B-horizontalScroll__arrowColor--hover: var(--B-color__onHeader--hover);
  --B-horizontalScroll__arrowColor--active: var(--B-color__onHeader--active);
}

[data-betty-theme='horizontalScroll--sandwichFilterBetofferList'] {
  --B-horizontalScroll__bg: rgba(33, 55, 67, 0) 0%, rgba(33, 55, 67, 0.5) 50%,
    rgba(33, 55, 67, 0.7) 70%, rgba(33, 55, 67, 1) 100%;
  --B-horizontalScroll__bg--hover: var(--B-color__surface--hover);
  --B-horizontalScroll__bg--active: var(--B-color__surface--active);
  --B-horizontalScroll__arrowColor: var(--B-color__onSurface);
  --B-horizontalScroll__arrowColor--hover: var(--B-color__onSurface--hover);
  --B-horizontalScroll__arrowColor--active: var(--B-color__onSurface--active);
}

[data-betty-theme='horizontalScroll--promoCards'] {
  --B-horizontalScroll__arrowButtonWidth: 40px;
  --B-icon__size: 40px;
}

[data-betty-theme] {
  --B-notificationBadge__fill: var(--B-color__onOutcome);
}

[data-betty-theme] {
  --B-spinner__innerColor: var(--B-color__onHeader_weaker);
}

[data-betty-theme] {
  --B-scoreboard__bg: var(--B-color__header);
  --B-scoreboard__text: var(--B-color__onHeader);
  --B-scoreboard__fontFamily: var(--B-font__primary);
  --B-scoreboard__fontSize: 14px;
  --B-scoreboard__fontWeight: 600;
  --B-scoreboard__headerFontSize: 11px;
  --B-scoreboard__headerFontWeight: 600;
  --B-scoreboard__prematchHeaderFontSize: 12px;
  --B-scoreboard__prematchFontSize: 16px;
  --B-scoreboard__prematchTeamLabelFontWeight: 600;
  --B-scoreboard__teamLabelFontWeight: 700;
  --B-scoreboard__gridHeaderColor: var(--B-color__onHeader_weaker);
  --B-scoreboard__gridHeaderFontWeight: 600;
  --B-scoreboard__gridHeaderTennisFontWeight: 600;
  --B-scoreboard__scoreGridFontWeight: 700;
  --B-scoreboard__neutralVenueText: var(--B-color__onHeader_weaker);
  --B-scoreboard__neutralVenueFontWeight: 600;

  --B-scoreboard__scoreCardFontWeight: 700;
  --B-scoreboard__scoreCardText: var(--B-color__warning);
  --B-scoreboard__scoreCardBg: var(--B-color__surface--active);

  --B-scoreboard__iconCardRedBg: var(--B-color__danger);
  --B-scoreboard__iconCardYellowBg: var(--B-color__warning);
  --B-scoreboard__yellowIconCardLetterColor: #635217;
  --B-scoreboard__redIconCardLetterColor: #fcfcfc;
  --B-scoreboard__letterFontFamily: var(--B-font__primary);
  --B-scoreboard__iconCornerBg: var(--B-color__danger);
  --B-scoreboard__iconScoresBg: var(--B-color__onSurface);
  --B-scoreboard__containerBorder: none;
  --B-scoreboard__iconServeIndicatorBg: var(--B-color__warning);
  --B-scoreboard__seperatorBorder: inset 0 -1px 0 0 var(--B-color__headerBorder);

  --B-scoreboard__onDisabled: var(--B-color__onDisabledOnDark);
  --B-scoreboard__scoreRemaing: var(
    --B-color__onDisabledOnDark
  ); /* not used? */
}

[data-betty-theme] {
  --B-toaster__fontFamily: var(--B-font__primary);
  --B-toaster__fontSize: 12px;
  --B-toaster__fontWeight: 600;
  --B-toaster__lineHeight: 125%;
  --B-toaster__padding: 12px;
  --B-toaster__background: var(--B-color__toaster);
  --B-toaster__color: var(--B-color__onToaster);
  --B-toaster__width: 300px;
  --B-toaster__borderRadius: 2px;
  --B-toaster__boxShadow: none;
  --B-toaster__titleColor: var(--B-color__onToaster);
  --B-toaster__titleFontSize: 14px;
  --B-toaster__iconBackground: var(--B-color__toasterRing);
  --B-toaster__iconWidth: 40px;
  --B-toaster__iconHeight: 40px;
  --B-toaster__typeColor_success: var(--B-color__success);
  --B-toaster__typeColor_partiallySuccess: var(--B-color__warning);
  --B-toaster__typeColor_error: var(--B-color__danger);
  --B-toaster__typeColor_warning: var(--B-color__warning);
  --B-toaster__typeColor_pending: var(--B-color__onToaster_weaker);
  --B-toaster__typeColor_info: var(--B-color__onToaster_weaker);
  --B-toaster__pendingAnimation: toaster-icon-rotate 1s linear infinite;
}

@keyframes toaster-icon-rotate {
  to {
    transform: rotate(360deg);
  }
}

[data-betty-theme] {
  --B-sandwichFilter__menuShadow: unset;
  --B-sandwichFilter__menuOptionBackgroundColor: var(--B-color__sandwichRow0);
  --B-sandwichFilter__menuOptionBackgroundColor--hover: var(
    --B-color__sandwichRow0--hover
  );
  --B-sandwichFilter__menuOptionTextColor: var(--B-color__onSandwichRow0);
  --B-sandwichFilter__menuOptionTextColor--hover: var(
    --B-color__onSandwichRow0--hover
  );
  --B-sandwichFilter__menuOptionSelectedBackgroundColor: var(
    --B-color__sandwichRow0Selected
  );
  --B-sandwichFilter__menuOptionSelectedBackgroundColor--hover: var(
    --B-color__sandwichRow0Selected--hover
  );
  --B-sandwichFilter__menuOptionSelectedTextColor: var(
    --B-color__onSandwichRow0Selected
  );
  --B-sandwichFilter__menuOptionSelectedTextColor--hover: var(
    --B-color__onSandwichRow0Selected--hover
  );
  --B-sandwichFilter__menuOptionborder: none;
  --B-sandwichFilter__menuOptionborder--hover: none;
  --B-sandwichFilter__menuOptionSelectedborder: none;
  --B-sandwichFilter__menuHeight: 48px;
  --B-sandwichFilter__menuArrowStroke: var(--B-color__onSandwichRow0);
  --B-sandwichFilter__menuArrowStroke--hover: var(
    --B-color__onSandwichRow0--hover
  );
  --B-sandwichFilter__menuOptionCapRight: 9px;
  --B-sandwichFilter__menuOptionFontSize: 12px;
  --B-sandwichFilter__menuOptionFontWeight: 600;
  --B-sandwichFilter__menuOptionSelectedTextWeight: 600;
  --B-sandwichFilter__menuLevel0Height: 48px;

  --B-sandwichFilter__menuLevel0BackgroundColor: var(--B-color__sandwichRow0);
  --B-sandwichFilter__menuLevel1BackgroundColor: var(--B-color__sandwichRow1);
  --B-sandwichFilter__menuLevel2BackgroundColor: var(--B-color__sandwichRow2);
  --B-sandwichFilter__menuLevel3BackgroundColor: var(--B-color__sandwichRow3);
  --B-sandwichFilter__menuLevel0borderBottom: 1px solid transparent;
  --B-sandwichFilter__menuLevel1borderBottom: 1px solid transparent;
  --B-sandwichFilter__menuLevel2borderBottom: 1px solid transparent;
  --B-sandwichFilter__menuLevel3borderBottom: 1px solid transparent;

  --B-sandwichFilter__menuOptionLevel0BackgroundColor: var(
    --B-color__sandwichRow0
  );
  --B-sandwichFilter__menuOptionLevel1BackgroundColor: var(
    --B-color__sandwichRow1
  );
  --B-sandwichFilter__menuOptionLevel2BackgroundColor: var(
    --B-color__sandwichRow2
  );
  --B-sandwichFilter__menuOptionLevel3BackgroundColor: var(
    --B-color__sandwichRow3
  );
  --B-sandwichFilter__menuOptionLevel0TextColor: var(--B-color__onSandwichRow0);
  --B-sandwichFilter__menuOptionLevel1TextColor: var(--B-color__onSandwichRow1);
  --B-sandwichFilter__menuOptionLevel2TextColor: var(--B-color__onSandwichRow2);
  --B-sandwichFilter__menuOptionLevel3TextColor: var(--B-color__onSandwichRow3);
  --B-sandwichFilter__menuOptionLevel0Border: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel1Border: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel2Border: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel3Border: 1px solid transparent;

  --B-sandwichFilter__menuOptionLevel0BackgroundColor--hover: var(
    --B-color__sandwichRow0--hover
  );
  --B-sandwichFilter__menuOptionLevel1BackgroundColor--hover: var(
    --B-color__sandwichRow1--hover
  );
  --B-sandwichFilter__menuOptionLevel2BackgroundColor--hover: var(
    --B-color__sandwichRow2--hover
  );
  --B-sandwichFilter__menuOptionLevel3BackgroundColor--hover: var(
    --B-color__sandwichRow3--hover
  );
  --B-sandwichFilter__menuOptionLevel0TextColor--hover: var(
    --B-color__onSandwichRow0--hover
  );
  --B-sandwichFilter__menuOptionLevel1TextColor--hover: var(
    --B-color__onSandwichRow1--hover
  );
  --B-sandwichFilter__menuOptionLevel2TextColor--hover: var(
    --B-color__onSandwichRow2--hover
  );
  --B-sandwichFilter__menuOptionLevel3TextColor--hover: var(
    --B-color__onSandwichRow3--hover
  );
  --B-sandwichFilter__menuOptionLevel0Border--hover: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel1Border--hover: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel2Border--hover: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel3Border--hover: 1px solid transparent;

  --B-sandwichFilter__menuOptionLevel0BackgroundColor--active: var(
    --B-color__sandwichRow0--active
  );
  --B-sandwichFilter__menuOptionLevel1BackgroundColor--active: var(
    --B-color__sandwichRow1--active
  );
  --B-sandwichFilter__menuOptionLevel2BackgroundColor--active: var(
    --B-color__sandwichRow2--active
  );
  --B-sandwichFilter__menuOptionLevel3BackgroundColor--active: var(
    --B-color__sandwichRow3--active
  );
  --B-sandwichFilter__menuOptionLevel0TextColor--active: var(
    --B-color__onSandwichRow0--active
  );
  --B-sandwichFilter__menuOptionLevel1TextColor--active: var(
    --B-color__onSandwichRow1--active
  );
  --B-sandwichFilter__menuOptionLevel2TextColor--active: var(
    --B-color__onSandwichRow2--active
  );
  --B-sandwichFilter__menuOptionLevel3TextColor--active: var(
    --B-color__onSandwichRow3--active
  );
  --B-sandwichFilter__menuOptionLevel0Border--active: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel1Border--active: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel2Border--active: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel3Border--active: 1px solid transparent;

  --B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor: var(
    --B-color__sandwichRow0Selected
  );
  --B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor: var(
    --B-color__sandwichRow1Selected
  );
  --B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor: var(
    --B-color__sandwichRow2Selected
  );
  --B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor: var(
    --B-color__sandwichRow3Selected
  );
  --B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor--hover: var(
    --B-color__sandwichRow0Selected--hover
  );
  --B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor--hover: var(
    --B-color__sandwichRow1Selected--hover
  );
  --B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor--hover: var(
    --B-color__sandwichRow2Selected--hover
  );
  --B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor--hover: var(
    --B-color__sandwichRow3Selected--hover
  );
  --B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor--active: var(
    --B-color__sandwichRow0Selected--active
  );
  --B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor--active: var(
    --B-color__sandwichRow1Selected--active
  );
  --B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor--active: var(
    --B-color__sandwichRow2Selected--active
  );
  --B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor--active: var(
    --B-color__sandwichRow3Selected--active
  );
  --B-sandwichFilter__menuOptionLevel0SelectedTextColor: var(
    --B-color__onSandwichRow0Selected
  );
  --B-sandwichFilter__menuOptionLevel1SelectedTextColor: var(
    --B-color__onSandwichRow1Selected
  );
  --B-sandwichFilter__menuOptionLevel2SelectedTextColor: var(
    --B-color__onSandwichRow2Selected
  );
  --B-sandwichFilter__menuOptionLevel3SelectedTextColor: var(
    --B-color__onSandwichRow3Selected
  );
  --B-sandwichFilter__menuOptionLevel0SelectedTextColor--hover: var(
    --B-color__onSandwichRow0Selected--hover
  );
  --B-sandwichFilter__menuOptionLevel1SelectedTextColor--hover: var(
    --B-color__onSandwichRow1Selected--hover
  );
  --B-sandwichFilter__menuOptionLevel2SelectedTextColor--hover: var(
    --B-color__onSandwichRow2Selected--hover
  );
  --B-sandwichFilter__menuOptionLevel3SelectedTextColor--hover: var(
    --B-color__onSandwichRow3Selected--hover
  );
  --B-sandwichFilter__menuOptionLevel0SelectedTextColor--active: var(
    --B-color__onSandwichRow0Selected--active
  );
  --B-sandwichFilter__menuOptionLevel1SelectedTextColor--active: var(
    --B-color__onSandwichRow1Selected--active
  );
  --B-sandwichFilter__menuOptionLevel2SelectedTextColor--active: var(
    --B-color__onSandwichRow2Selected--active
  );
  --B-sandwichFilter__menuOptionLevel3SelectedTextColor--active: var(
    --B-color__onSandwichRow3Selected--active
  );
  --B-sandwichFilter__menuOptionLevel0SelectedBorder: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel1SelectedBorder: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel2SelectedBorder: 1px solid transparent;
  --B-sandwichFilter__menuOptionLevel3SelectedBorder: 1px solid transparent;

  --B-sandwichFilter__menuOptionLevel0Height: 32px;
  --B-sandwichFilter__menuOptionLevel1Height: 32px;
  --B-sandwichFilter__menuOptionLevel2Height: 32px;
  --B-sandwichFilter__menuOptionLevel3Height: 32px;

  --B-sandwichFilter__menu0ArrowBackgroundLeft: linear-gradient(
    -90deg,
    color-mix(in srgb, var(--B-color__sandwichRow0) 10%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow0) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu0ArrowBackgroundRight: linear-gradient(
    90deg,
    color-mix(in srgb, var(--B-color__sandwichRow0) 10%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow0) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu0ArrowBackgroundLeft--hover: linear-gradient(
    -90deg,
    color-mix(in srgb, var(--B-color__sandwichRow0) 90%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow0) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu0ArrowBackgroundRight--hover: linear-gradient(
    90deg,
    color-mix(in srgb, var(--B-color__sandwichRow0) 90%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow0) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu1ArrowBackgroundLeft: linear-gradient(
    -90deg,
    color-mix(in srgb, var(--B-color__sandwichRow1) 10%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow1) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu1ArrowBackgroundRight: linear-gradient(
    -0deg,
    color-mix(in srgb, var(--B-color__sandwichRow1) 10%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow1) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu1ArrowBackgroundLeft--hover: linear-gradient(
    -90deg,
    color-mix(in srgb, var(--B-color__sandwichRow1) 90%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow1) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu1ArrowBackgroundRight--hover: linear-gradient(
    90deg,
    color-mix(in srgb, var(--B-color__sandwichRow1) 90%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow1) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu2ArrowBackgroundLeft: linear-gradient(
    -90deg,
    color-mix(in srgb, var(--B-color__sandwichRow2) 10%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow2) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu2ArrowBackgroundRight: linear-gradient(
    90deg,
    color-mix(in srgb, var(--B-color__sandwichRow2) 10%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow2) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu2ArrowBackgroundLeft--hover: linear-gradient(
    -90deg,
    color-mix(in srgb, var(--B-color__sandwichRow2) 90%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow2) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu2ArrowBackgroundRight--hover: linear-gradient(
    90deg,
    color-mix(in srgb, var(--B-color__sandwichRow2) 90%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow2) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu3ArrowBackgroundLeft: linear-gradient(
    -90deg,
    color-mix(in srgb, var(--B-color__sandwichRow3) 10%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow3) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu3ArrowBackgroundRight: linear-gradient(
    90deg,
    color-mix(in srgb, var(--B-color__sandwichRow3) 10%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow3) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu3ArrowBackgroundLeft--hover: linear-gradient(
    -90deg,
    color-mix(in srgb, var(--B-color__sandwichRow3) 90%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow3) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu3ArrowBackgroundRight--hover: linear-gradient(
    90deg,
    color-mix(in srgb, var(--B-color__sandwichRow3) 90%, transparent) 0%,
    color-mix(in srgb, var(--B-color__sandwichRow3) 90%, transparent) 100%
  );
  --B-sandwichFilter__menu0ArrowBorderRadiusLeft: 0;
  --B-sandwichFilter__menu0ArrowBorderRadiusRight: 0;
  --B-sandwichFilter__menuLevel0ArrowStroke: var(--B-color__onSandwichRow0);
  --B-sandwichFilter__menuLevel0ArrowStroke--hover: var(
    --B-color__onSandwichRow0--hover
  );
  --B-sandwichFilter__menuLevel1ArrowStroke: var(--B-color__onSandwichRow1);
  --B-sandwichFilter__menuLevel1ArrowStroke--hover: var(
    --B-color__onSandwichRow1--hover
  );
  --B-sandwichFilter__menuLevel2ArrowStroke: var(--B-color__onSandwichRow2);
  --B-sandwichFilter__menuLevel2ArrowStroke--hover: var(
    --B-color__onSandwichRow2--hover
  );
  --B-sandwichFilter__menuLevel3ArrowStroke: var(--B-color__onSandwichRow3);
  --B-sandwichFilter__menuLevel3ArrowStroke--hover: var(
    --B-color__onSandwichRow3--hover
  );

  --B-sandwichFilter__fontFamily: var(--B-font__primary);
  --B-sandwichFilter__tabsTabTextColor: var(--B-color__onSandwichRow0);
  --B-sandwichFilter__scrollerArrorSvgStroke: var(--B-color__onSandwichRow0);

  --B-sandwichFilter__leagueHighlightHeaderFontSizeSmall: 12px;
  --B-sandwichFilter__leagueHighlightHeaderFontWeightSmall: 900;
  --B-sandwichFilter__leagueHighlightHeaderColor: var(--B-color__onCanvas);
  --B-sandwichFilter__leagueHighlightHeaderFontSize: 12px;
  --B-sandwichFilter__leagueHighlightHeaderFontWeight: 900;
  --B-sandwichFilter__leagueHighlightIconBackground: var(
    --B-color__transaction
  );
  --B-sandwichFilter__leagueHighlightIconTickColor: var(--B-color__canvas);
  --B-sandwichFilter__statsExternalIconColor: var(--B-color__onSurface_weaker);
  --B-sandwichFilter__statsExternalIconFontSize: 24px;
  --B-sandwichFilter__streamExternalIconFontSize: 24px;

  --B-sandwichFilter__eventMatchClockColor: var(--B-color__onSurface_weaker);
  --B-sandwichFilter__eventMatchClockColor--hover: var(
    --B-color__onSurface_weaker--hover
  );

  --B-sandwichFilter__eventGroupBetofferLabelsTextColor: var(
    --B-color__onCanvas
  );
  --B-sandwichFilter__eventItemCriterionLabelColor: var(
    --B-color__onSurface_weaker
  );
  --B-sandwichFilter__eventItemLinkBackgroundColor: var(--B-color__surface);
  --B-sandwichFilter__eventItemLinkBackgroundColor--hover: var(
    --B-color__surface--hover
  );
  --B-sandwichFilter__eventItemLinkBackgroundColor--touch: var(
    --B-color__surface--active
  );

  --B-sandwichFilter__eventItemBorderTop: solid 1px transparent;
  --B-sandwichFilter__eventItemBorderLeft: none;
  --B-sandwichFilter__eventItemBorderRadius: 0;
  --B-sandwichFilter__eventItemBoxShadow: inset 0px -1px 0px transparent;
  --B-sandwichFilter__eventParticipantsNameFontWeight: 600;
  --B-sandwichFilter__eventParticipantsNameColor: var(--B-color__onSurface);
  --B-sandwichFilter__eventParticipantsInfoServing: var(--B-color__warning);
  --B-sandwichFilter__eventGroupSectionTitleFontSize: 12px;
  --B-sandwichFilter__eventGroupSectionTitleFontWeight: 700;
  --B-sandwichFilter__filterHeaderBorder: none;
  --B-sandwichFilter__filterHeaderBorderTop: none;
  --B-sandwichFilter__eventGroupEmptyEventTitleTextColor: var(
    --B-color__onCanvas
  );
  --B-sandwichFilter__eventGroupEmptyEventTitleTextFontSize: 14px;
  --B-sandwichFilter__eventGroupEmptyEventTitleTextFontWeight: 600;
  --B-sandwichFilter__teamLogoParticipantsNamePaddingLeft: 38px;
  --B-sandwichFilter__teamLogoWidth: 20px;
  --B-sandwichFilter__teamLogoHeight: calc(100% - 2px);
  --B-sandwichFilter__smallEventParticipantsNameFontSize: 14px;
  --B-sandwichFilter__smallEventParticipantsNameLineHeight: 20px;
  --B-sandwichFilter__smallEventParticipantsNameHeight: null;
  --B-sandwichFilter__smallEventCriterionFontSize: 12px;
  --B-sandwichFilter__smallEventCriterionFontWeight: null;
  --B-sandwichFilter__filterHeaderBackgroundColor: var(--B-color__header);
  --B-sandwichFilter__filterHeaderBoxShadow: none;
  --B-sandwichFilter__filterHeaderBorderRadius: unset;
  --B-sandwichFilter__headerTextSize: 12px;
  --B-sandwichFilter__headerTextColor: var(--B-color__onHeader_weaker);
  --B-sandwichFilter__headerFontWeight: 600;
  --B-sandwichFilter__groupHeaderFontWeight: 700;
  --B-sandwichFilter__headerIconColor: var(--B-color__onHeader);
  --B-sandwichFilter__headerTitleColor: var(--B-color__onHeader);
  --B-sandwichFilter__groupHeaderTitleFontSize: 12px;
  --B-sandwichFilter__betofferHeaderFont: 600;
  --B-sandwichFilter__betofferHeaderColor: var(--B-color__onHeader_weaker);
  --B-sandwichFilter__eventResultMatchFontSize: 16px;
  --B-sandwichFilter__eventResultMatchFontWeight: 600;
  --B-sandwichFilter__eventResultMatchLineHeight: 16px;
  --B-sandwichFilter__eventResultSetColor: var(--B-color__onSurface);
  --B-sandwichFilter__eventResultSetFontWeight: unset;
  --B-sandwichFilter__eventResultBackground: var(--B-color__themeDark);
  --B-sandwichFilter__eventResultColor: var(--B-color__onHeader);
  --B-sandwichFilter__eventResultFontWeight: 600;
  --B-sandwichFilter__eventResultDivider: var(--B-color__surface);
  --B-sandwichFilter__smallEventResultSetFontSize: 16px;
  --B-sandwichFilter__smallEventResultSetLineHeight: unset;
  --B-sandwichFilter__smallEventResultMatchFontSize: var(
    --B-sandwichFilter__eventResultMatchFontSize
  );
  --B-sandwichFilter__smallEventResultMatchLineHeight: var(
    --B-sandwichFilter__eventResultMatchLineHeight
  );
  --B-sandwichFilter__smallEventResultPointsPadding: 2px 0;
  --B-sandwichFilter__setMatchPointsColor: var(--B-color__onSurface_weaker);
  --B-sandwichFilter__setMatchPointsOpacity: 0.56;
  --B-sandwichFilter__eventShowMoreOpacity: 1;
  --B-sandwichFilter__showMoreColor: var(--B-color__onButtonGhostA);
  --B-sandwichFilter__fontSizeNano: 10px;
  --B-sandwichFilter__showMoreFontWeight: 600;
  --B-sandwichFilter__eventShowMoreBorderRadius: 4px;
  --B-sandwichFilter__eventShowMoreBackgroundColor: var(
    --B-color__buttonGhostA
  );
  --B-sandwichFilter__showMoreBorder: 1px solid transparent;
  --B-sandwichFilter__showMoreTextColor: var(--B-color__onButtonGhostA_weaker);
  --B-sandwichFilter__showMoreRightTextFontSize: 12px;
  --B-sandwichFilter__showMoreRightTextFontWeight: 600;
  --B-sandwichFilter__showMoreRightTextLineHeight: 16px;
  --B-sandwichFilter__eventShowMoreTextTransform: capitalize;
  --B-sandwichFilter__showMoreRightTextPadding: 0 8px;
  --B-sandwichFilter__eventItemListInfoMatchClockFontWeight: 600;
  --B-sandwichFilter__eventItemMatchClockFontFamily: var(--B-font__primary);
  --B-sandwichFilter__eventMobileOpacity: 1;
  --B-sandwichFilter__eventCountdownCircle: #72aced;
  --B-sandwichFilter__eventItemCountdownMaxValueStroke: #105eb4;
  --B-sandwichFilter__eventItemListTinyInfoMatchClockFontWeight: 600;
  --B-sandwichFilter__smallEventTimeSize: 12px;
  --B-sandwichFilter__smallEventTimeHeight: 16px;
  --B-sandwichFilter__eventlistTextColor: var(--B-color__onSurface);
  --B-sandwichFilter__favouriteStariconFill: transparent;
  --B-sandwichFilter__favouriteStariconOutline: var(
    --B-color__onSurface_weaker
  );
  --B-sandwichFilter__favouriteStariconFill--hover: transparent;
  --B-sandwichFilter__favouriteStariconOutline--hover: var(
    --B-color__onSurface_weaker--hover
  );
  --B-sandwichFilter__favouriteStariconFillDown: transparent;
  --B-sandwichFilter__favouriteStariconOutlineDown: var(
    --B-color__onSurface_weaker--active
  );
  --B-sandwichFilter__favouriteStariconSelectedFill: var(--B-color__warning);
  --B-sandwichFilter__favouriteStariconSelectedStroke: var(--B-color__warning);
  --B-sandwichFilter__favouriteStariconSelectedFill--hover: var(
    --B-color__warning--hover
  );
  --B-sandwichFilter__favouriteStariconSelectedStroke--hover: var(
    --B-color__warning--hover
  );
  --B-sandwichFilter__favouriteStariconSelectedFillDown: var(
    --B-color__warning--active
  );
  --B-sandwichFilter__favouriteStariconSelectedStrokeDown: var(
    --B-color__warning--active
  );
  --B-sandwichFilter__filterMenuHeight: 40px;
  --B-sandwichFilter__filterMenuOptionFontSize: 12px;
  --B-sandwichFilter__filterMenuOptionHeight: 24px;
  --B-sandwichFilter__filterMenuOptionBorderRadius: 24px;
  --B-sandwichFilter__filterMenuPadding: 0 9px 0 9px;
  --B-sandwichFilter__betofferCombinedColumnMarginLeft: 10;
  --B-sandwichFilter__viewPadding: 0 4px;
  --B-sandwichFilter__viewWidePadding: 0 16px;
  --B-sandwichFilter__topX: 1px;
  --B-sandwichFilter__outcomeCompactWidth: 90;
  --B-sandwichFilter__betofferOutcomeMarginRight: 4;
  --B-sandwichFilter__eventParticipantsNameFontSize: 16px;
  --B-sandwichFilter__menuForegroundLevel1Top: 48px;
  --B-sandwichFilter__menuForegroundLevel2Top: 96px;
  --B-sandwichFilter__menuForegroundLevel3Top: 144px;
  --B-sandwichFilter__menuLevel0borderRadiusTopRight: 4px;
  --B-sandwichFilter__menuLevel0borderRadiusTopLeft: 4px;
  --B-sandwichFilter__eventItemLastChildBorderBottomLeftRadius: 4px;
  --B-sandwichFilter__eventItemLastChildBorderBottomRightRadius: 4px;
  --B-sandwichFilter__eventShowMoreMargin: 0 5px;
  --B-sandwichFilter__noFavoritesBackground: var(--B-color__surface);
  --B-sandwichFilter__noFavoritesColor: var(--B-color__onSurface);
  --B-sandwichFilter__noFavoritesStarColor: var(--B-color__onFavorite);
  --B-sandwichFilter__eventListSubheaderColor: var(--B-color__onSurface);
  --B-sandwichFilter__eventListSubheaderBg: var(--B-color__surface);
  --B-sandwichFilter__eventListSubheaderBg--hover: var(
    --B-color__surface--hover
  );
  --B-sandwichFilter__eventListSubheaderBg--active: var(
    --B-color__surface--active
  );
  --B-sandwichFilter__eventListSubheaderBorder: 1px solid
    var(--B-color__surfaceBorder);
  --B-sandwichFilter__eventListSubheaderStickerWrapperPadding: 0 7px 0 11px;
  --B-sandwichFilter__eventListSubheaderFontSize: 11px;
  --B-sandwichFilter__eventListSubheaderFontWeight: 400;
  --B-sandwichFilter__eventListSubheaderTextPadding: 0 8px 0 0;
  --B-sandwichFilter__groupSportIconMargin: 0 5px 0 0;
  --B-sandwichFilter__groupHeaderFavoriteStarPadding: 2px;
  --B-sandwichFilter__headerTitlePadding: 0;
  --B-sandwichFilter__groupHeaderTitleFontWeight: 700;

  --B-sandwichFilter__betslipCloseIconFontSize: 16px;
}

[data-betty-theme] {
  --B-sandwichFilterShowMoreRightBackgroundColor--hover: var(
    --B-color__buttonGhostA--hover
  );
  --B-sandwichFilterShowMoreRightBackgroundColor--active: var(
    --B-color__buttonGhostA--active
  );
  --B-sandwichFilter__AZmenuLevel0borderRadiusBottomRight: 4px;
  --B-sandwichFilter__AZmenuLevel0borderRadiusBottomLeft: 4px;
  --B-sandwichFilter__dataEqStateSmallEventDetailParticipantsInfoServingBeforeTop: 3px;
}

[data-betty-theme] {
  --B-progressCircle__margin: 0 0.1em 0.1em 0;
  --B-progressCircle__progressColor--unfinished: var(--B-color__onSurface);

  --B-progressCircle__checkmarkLineHeight: 12px;
  --B-progressCircle__progressColor--completed: var(--B-color__onSurface);
  --B-progressCircle__harmonizedCheckboxFill: var(--B-color__onSurface);
  --B-progressCircle__harmonizedCheckboxFill--disabled: inherit;

  --B-progressCircle__contentColor: var(--B-color__onSurface);
  --B-progressCircle__contentAlignItems: unset;
  --B-progressCircle__progressColor--disabled: var(--B-color__onSurface_weaker);
  --B-progressCircle__backgroundColor: var(--B-color__surface);
  --B-progressCircle__backgroundColor--harmonized: var(--B-color__surface);

  --B-progressCircle__checkmarkWidth: 16px;
}

[data-betty-theme] {
  --B-tutorialBanner__fontStyle: normal;

  --B-tutorialBanner__titleFontWeight: 700;
  --B-tutorialBanner__separatorColor: var(--B-color__surfaceBorder);

  --B-tutorialBanner__titleFontSize: 14px;
  --B-tutorialBanner__titleFontStyle: normal;
  --B-tutorialBanner__titleColor: var(--B-color__onSurface);
  --B-tutorialBanner__titleMargin: 0px 8px;
  --B-tutorialBanner__descriptionFontWeight: 600;
  --B-tutorialBanner__descriptionFontSize: 14px;
  --B-tutorialBanner__descriptionColor: var(--B-color__onSurface_weaker);
  --B-tutorialBanner__bg: var(--B-color__surface);

  --B-tutorialBanner__titleFontFamily: var(--B-font__primary);
  --B-tutorialBanner__descriptionFontFamily: var(--B-font__primary);
  --B-tutorialBanner__boxShadow: 0px 1px 1px rgba(0, 0, 0, 0.14),
    0px 2px 1px rgba(0, 0, 0, 0.12), 0px 0px 3px rgba(0, 0, 0, 0.2);
}

[data-betty-theme] {
  --B-modal__fontStyle: normal;
  --B-modal__overlayBg: rgba(0, 0, 0, 0.5);
  --B-modal__fontFamily: var(--B-font__primary);
  --B-modal__titleBg: var(--B-color__surface);
  --B-modal__titleFontSize: 16px;
  --B-modal__titleFontWeight: 600;
  --B-modal__titleLineHeight: 20px;
  --B-modal__titleColor: var(--B-color__onSurface);
  --B-modal__descriptionBg: var(--B-color__surface);
  --B-modal__descriptionFontSize: 12px;
  --B-modal__descriptionFontWeight: 600;
  --B-modal__descriptionLineHeight: 15px;
  --B-modal__descriptionColor: var(--B-color__onCanvas);
  --B-modal__overlayOpacity: 1;
  --B-modal__overlayZIndex: 10000;
  --B-modal__contentWrapperLeft: 50%;
  --B-modal__contentWrapperTop: 50%;
  --B-modal__contentWrapperTransform: translate(-50%, -50%);
  --B-modal__elemMargin: 8px;
  --B-modal__contentBorderRadius: 1px;
  --B-modal__contentWrapperMaxHeight: 488px;
  --B-modal__descriptionPadding: 8px 16px 16px 16px;
  --B-modal__titlePaddingTop: 18px;
  --B-modal__titlePaddingRight: 0;
  --B-modal__titlePaddingBottom: 10px;
  --B-modal__titlePaddingLeft: 16px;
  --B-modal__closePadding: 18px 10px 10px 10px;
  --B-modal__contentPadding: 32px;
  --B-modal__maxWidthWrapper: 420px;
  --B-modal__overflowY: auto;
  --B-modal__contentBottomPadding: 16px;
}

[data-betty-theme] {
  --B-rewardsHarmonizedEmphasizedText__color: var(--B-color__onSurface);
  --B-rewardsHarmonizedEmphasizedTextFontWeight: 700;
  --B-rewardsListHeader__color: var(--B-color__onSurface);

  --B-rewardsLogin__color: var(
    --B-color__onSurface
  ); /*!* Background color here *!*/
  --B-rewardsListContainerMargin: 8px;
  --B-rewardsHarmonizedListHeader__color: var(--B-color__onSurface);
  --B-rewardsHarmonizedListHeader__color--hover: var(
    --B-color__onSurface--hover
  );
  --B-rewardsHarmonizedEmptyListHeader__color--hover: var(
    --B-color__onSurface--hover
  );
  --B-rewardsEmptyListHeader__color--hover: var(--B-color__onSurface--hover);
  --B-rewardsHarmonizedListHeaderText__color: var(--B-color__onSurface);
  --B-rewardsListFontSize: 14px;
  --B-rewardsListHeaderText__color: var(--B-color__onSurface);
  --B-rewardsHarmonizedListFontFamily: inherit;
  --B-rewardsListItemFontSize: 16px;
  --B-rewardsHarmonizedListFontSize: 16px;
  --B-rewardsListText__color: var(--B-color__onSurface);
  --B-rewardsHarmonizedEventLink__color: var(--B-color__onSurface);
  --B-rewardsEventLink__color: var(--B-color__onSurface);
  --B-rewardsHarmonizedEventLinkTextDecoration: underline;
  --B-rewardsHarmonizedEmphasizedTextFontSize: inherit;
  --B-rewardsHarmonizedRewardItemProgressCircleFill__color: var(
    --B-color__onSurface
  );
  --B-rewardsHarmonizedRewardItemProgressCircleFillUsed__color: var(
    --B-color__onSurface
  );
  --B-rewardsHarmonizedRewardItemProgressCircleFillSecondChance__color: var(
    --B-color__onSurface
  );
  --B-rewardsHarmonizedRewardRuleSeparator__borderColor: var(
    --B-color__surfaceBorder
  );
  --B-rewardsList__bgColor: var(--B-color__surface);
  --B-rewardsHarmonizedRewardList__bgColor--hover: var(
    --B-color__surface--hover
  );
  --B-rewardsHarmonizedRewardListTouch__bgColor: var(
    --B-color__surface--active
  );

  --B-rewardsHarmonizedRewardListConditions__color: var(--B-color__onSurface);
  --B-rewardsHarmonizedRewardListRules__bgColor: var(--B-color__surface);
  /* Button */
  --B-rewardsHarmonizedRewardOutcomeButton__bgColor: var(--B-color__outcome);
  --B-rewardsHarmonizedRewardOutcomeButton__bgColor--hover: var(
    --B-color__outcome--hover
  );
  --B-rewardsHarmonizedRewardOutcomeButton__color: var(--B-color__onOutcome);
  --B-rewardsHarmonizedRewardOutcome__color--hover: var(
    --B-color__onOutcome--hover
  );

  --B-rewardsHarmonizedRewardItemDateText__color: null;
  --B-rewardsHarmonizedRewardItemValidForFontSize: null;
  --B-rewardsHarmonizedRewardItemValidForText__color: null;
  --B-rewardsHarmonizedRewardItemProgressCircle__color--disabled: var(
    --B-color__onDisabledOnDark
  );
  --B-rewardsHarmonizedRewardItemProgress__bgColor: var(--B-color__surface);
  --B-rewardsHarmonizedRewardItemProgressCircleAlign: center;
  --B-rewardsHarmonizedRewardItemFontSize: 16px;

  --B-rewardsHarmonizedRewardItem__bgColor--hover: var(
    --B-color__surface--hover
  );
  --B-rewardsHarmonizedRewardItem__bgColor: var(--B-color__surface);
  --B-rewardsHarmonizedRewardItemBorder__color: var(--B-color__surfaceBorder);

  --B-rewardsListRules__bgColor: var(--B-color__surface);
  --B-rewardsList__bgColor--hover: var(--B-color__surface--hover);
  --B-rewardsListTouch__bgColor: var(--B-color__surface--active);
  --B-rewardsListRuleBorder__color: var(--B-color__surfaceBorder);

  --B-rewardsType__color: var(--B-color__onSurface);
  --B-rewardsItemBorder__color: var(--B-color__surfaceBorder);
  --B-rewardsHarmonizedRewardListRuleBorder__color: var(
    --B-color__surfaceBorder
  );
  --B-rewardsPrepacksOutcomesListItemText__color: var(--B-color__onSurface);
  --B-rewardsPrepacksOutcomesListItemGrey: var(--B-color__onSurface_weaker);
  --B-rewardsHarmonizedRewardItemPrePackDetails__color: var(
    --B-color__onSurface
  );
  --B-rewardsHarmonizedRewardItemPrePackDetailsChevron__color: var(
    --B-color__onSurface
  );
  --B-rewardsLogin__bgColor: var(--B-color__surface);
  --B-rewardsLoginPadding: 60px;
  --B-rewardsLoginMargin: null;
  --B-rewardsHarmonizedListContainerMargin: 10px;
  --B-rewards__listHeaderTitleColor: var(--B-color__onSurface);
  --B-rewardsHeaderPaddingTop: 15px;
  --B-rewardsHarmonizedHeaderPaddingRight: 10px;
  --B-rewardsHarmonizedHeaderPaddingTop: 15px;
  --B-rewardsHeaderPaddingRight: 10px;
  --B-rewardsHeaderLineHeight: null;
  --B-rewardsListBoxShadow: null;
  --B-rewardsHarmonizedBorderRadius: null;
  --B-rewardsItemBorderFirstChild: 0;
  --B-rewardsHarmonizedRewardItemBorderRadius: null;
  --B-rewardsHarmonizedRewardItemMarginTop: null;
  --B-rewardsItemBorderFirstChildAll: null;
  --B-rewardsItemBorderAll__color: null;
  --B-rewardsHarmonizedRewardItemMarginBottom: null;
  --B-rewardsHarmonizedRewardItemColor: null;
  --B-rewardsHarmonizedRewardItemLastChildBorderRadius: null;
  --B-rewardsTypeHeaderPaddingLeft: 16px;
  --B-rewardsListMargin: 16px 0;
  --B-rewardsHarmonizedListContentMargin: -16px 0;
  --B-rewardsListPadding: 0 8px;
  --B-rewardsHarmonizedListPadding: 0px;
  --B-rewardListContentMargin: 0px;
  --B-rewardsListHeaderBoxShadow: none;
  --B-rewardsListHeaderBorderBottom: none;
  --B-rewardsTypeInfoHeaderFontSize: inherit;
  --B-rewardsTypeHeaderFontSize: inherit;
  --B-rewardsTypeFontWeight: 700;
  --B-rewardsRewardItemValidForFontSize: inherit;
  --B-rewardsHarmonizedRewardExpiresTextFontSize: inherit;
  --B-rewardsHarmonizedRewardExpiresTextFontWeight: 600;
  --B-rewardsHarmonizedRewardItemTextTransform: none;
  --B-rewardsHarmonizedRewardItemValidForFontWeight: 600;
}

[data-betty-theme] {
  --B-sportsMenu__menuItemFontFamily: var(--B-font__primary);
  --B-sportsMenu__menuItemBorderRadius: 4px;
  --B-sportsMenu__menuItemBoxShadow: none;
  --B-sportsMenu__menuItemColor: var(--B-color__onButtonB);
  --B-sportsMenu__menuItemColor--hover: var(--B-color__onButtonB--hover);
  --B-sportsMenu__menuItemColor--active: var(--B-color__onButtonB--active);
  --B-sportsMenu__sportTextColor: var(--B-color__onButtonB);
  --B-sportsMenu__sportTextColor--hover: var(--B-color__onButtonB--hover);
  --B-sportsMenu__sportTextColor--active: var(--B-color__onButtonB--active);

  --B-sportsMenu__menuItemBgColor: var(--B-color__buttonB);
  --B-sportsMenu__menuItemBgColor--hover: var(--B-color__buttonB--hover);
  --B-sportsMenu__menuItemBgColor--active: var(--B-color__buttonB--active);
  --B-sportsMenu__menuItemBorder: none;
  --B-sportsMenu__menuItemBorder--hover: none;
  --B-sportsMenu__menuItemBorder--active: none;
  --B-sportsMenu__sportTextPaddingRight: 16px;
  --B-sportsMenu__sportTextFontSize: 14px;
  --B-sportsMenu__sportTextFontWeight: 700;
  --B-sportsMenu__sportTextTransform: none;

  --B-sportsMenu__allSportsBorderRadius: 4px;
  --B-sportsMenu__allSportsLineHeight: 40px;
  --B-sportsMenu__allSportsOpacity: 1;
  --B-sportsMenu__allSportsFontFamily: var(--B-font__primary);
  --B-sportsMenu__allSportsFontSize: 14px;
  --B-sportsMenu__allSportsFontWeight: 700;
  --B-sportsMenu__allSportsTextTransform: none;
  --B-sportsMenu__allSportsColor: var(--B-color__onButtonB);
  --B-sportsMenu__allSportsColor--hover: var(--B-color__onButtonB--hover);
  --B-sportsMenu__allSportsColor--active: var(--B-color__onButtonB--active);
  --B-sportsMenu__allSportsBgColor: var(--B-color__buttonB);
  --B-sportsMenu__allSportsBgColor--hover: var(--B-color__buttonB--hover);
  --B-sportsMenu__allSportsBgColor--active: var(--B-color__buttonB--active);
  --B-sportsMenu__allSportsArrowHeight: null;
  --B-sportsMenu__allSportsArrowLineHeight: 14px;
  --B-sportsMenu__allSportsArrowFontSize: 14px;
  --B-sportsMenu__allSportsArrowFontWeight: null;
  --B-sportsMenu__allSportsArrowColor: var(--B-color__onButtonB);
  --B-sportsMenu__allSportsArrowColor--hover: var(--B-color__onButtonB--hover);
  --B-sportsMenu__allSportsArrowColor--active: var(
    --B-color__onButtonB--active
  );
}

[data-betty-theme] {
  --B-stickerContainer__display: flex;
  --B-stickerContainer__wrap: wrap;
  --B-stickerContainer__padding: 2px 2px 2px 0;
  --B-stickerContainer__gap: 4px;
  --B-stickerContainer__justifyContent: flex-end;
}

[data-betty-theme] {
  --B-stickerDescription__contentPadding: 0 0 16px 0;
  --B-stickerDescription__stickerPadding: 0 0 4px 0;
  --B-stickerDescription__fontSize: 12px;
  --B-stickerDescription__fontWeight: 400;
  --B-stickerDescription__lineHeight: 15px;
  --B-stickerDescription__fontFamily: inherit;
}

[data-betty-theme] {
  --B-header__borderTop: none;
  --B-header__borderBottom: none;
  --B-header__backgroundGradientStartColor: var(--B-color__canvas);
  --B-header__backgroundGradientEndColor: var(--B-color__canvas);
  --B-header__boxShadow: null;
  --B-header__mainPaddingWhileLeftNavVisible: 8px 16px;
  --B-header__contentPaddingWhileLeftNavVisible: 0;
}

[data-betty-theme] {
  --B-partnerSpecials__outcomesButtonBoxShadow: none;
  --B-partnerSpecials__outcomesListItemSquareGrey: var(
    --B-color__surfaceBorder
  );
  --B-partnerSpecials__outcomesListItemBorder: 2px solid var(--B-color__sGP);
  --B-partnerSpecials__oddsBorderRadius: 4px;
  --B-partnerSpecials__oddsBorderHighlightedActive: null;
  --B-partnerSpecials__oddsBorderHighlightedHover: null;
  --B-partnerSpecials__oddsBorderHighlighted: null;
  --B-partnerSpecials__oddsBorderActive: null;
  --B-partnerSpecials__oddsBorderHover: null;
  --B-partnerSpecials__oddsBorderLeft: null;
  --B-partnerSpecials__oddsBorder: null;
  --B-partnerSpecials__outcomesListWrapperBorder: null;

  --B-partnerSpecials__outcomesListWrapperBackgroundColor: var(
    --B-color__surface
  );
  --B-partnerSpecials__eventNameTextColor: var(--B-color__onSurface);
  --B-partnerSpecials__outcomesListItemGrey: var(--B-color__onSurface_weaker);

  --B-partnerSpecials__outcomesListItemTextColor: var(--B-color__onSurface);
  --B-partnerSpecials__betslipOutcomesListItemSquare: var(
    --B-color__outcomeBorder
  );
  --B-partnerSpecials__betslipOutcomesListItemBorder: var(--B-color__sGP);
  --B-partnerSpecials__betslipOutcomesListItemCriteriaAndLabelColor: var(
    --B-color__onOutcome_weaker
  );
  --B-partnerSpecials__betslipReceiptOutcomesListItemCriteriaAndLabelColor: var(
    --B-partnerSpecials__betslipOutcomesListItemCriteriaAndLabelColor
  );

  --B-partnerSpecials__eventNameFontWeight: bold;
  --B-partnerSpecials__eventNameFontSize: 11px;
  --B-partnerSpecials__participantFontWeight: bold;
  --B-partnerSpecials__participantFontSize: 12px;
  --B-partnerSpecials__criterionFontWeight: 700;
  --B-partnerSpecials__criterionFontSize: 12px;
  --B-partnerSpecials__psPromocardCriterionOpacity: 1;
  --B-partnerSpecials__betslipReceiptOutcomesListItemCriteriaAndLabelColor--harmonized: var(
    --B-color__onSurface
  );
  --B-partnerSpecials__psPromocardEventColor: var(--B-color__duotone_weaker);
  --B-partnerSpecials__psPromocardCustomLabelColor: var(
    --B-color__duotone_weaker
  );
  --B-partnerSpecials__psPromocardParticipantColor: var(
    --B-color__duotone_weaker
  );
  --B-partnerSpecials__psPromocardCriterionColor: var(
    --B-color__onPromo_weaker
  );
  --B-partnerSpecials__psPromocardEventStartColor: var(
    --B-color__onPromo_weaker
  );
}

[data-betty-theme] {
  --B-betslipHeader__textColor: var(--B-color__onHeader);
  --B-betslipHeader__backgroundColor: var(--B-color__header);
  --B-betslipHeader__borderTop: none;
  --B-betslipHeader__padding: 0 15px;
  --B-betslipHeader__height: 48px;
  --B-betslipHeader__textTransform: none;
  --B-betslipHeader__fontFamily: inherit;
  --B-betslipHeader__borderStyle: none;
  --B-betslipHeader__borderWidth: unset;
  --B-betslipHeader__borderImage: unset;
  --B-betslipHeader__borderRadius: 4px 4px 0 0;
  --B-betslipHeader__oddsFontSize: 16px;
  --B-betslipHeader__oddsFontWeight: 700;
  --B-betslipHeader__titleFontFamily: inherit;
  --B-betslipHeader__titleTextTransform: unset;
  --B-betslipHeader__oddsVisibility: unset;
  --B-betslipHeader__outcomeCountFontWeight: 700;
  --B-betslipHeader__oddsAtFontWeight: 700;
  --B-betslipHeader__titleFontSize: 16px;
  --B-betslipHeader__titleFontWeight: 700;
  --B-betslipHeader__buttonsOpacity: unset;
  --B-betslipHeader__buttonColor: var(--B-color__onHeader_weaker);
  --B-betslipHeader__buttonBorderRadius: unset;
  --B-betslipHeader__toggleBtnWidth: 9px;
  --B-betslipHeader__toggleBtnHeight: 9px;
  --B-betslipHeader__toggleBtnBorderRadius: unset;
  --B-betslipHeader__minimizedHeaderBtnColor: var(
    --B-betslipHeader__buttonColor
  );
  --B-betslipHeader__minimizedBackgroundColor: var(
    --B-betslipHeader__backgroundColor
  );
  --B-betslipHeader__minimizedColor: var(--B-betslipHeader__textColor);
  --B-betslipHeader__minimizedBackgroundImage: unset;
  --B-betslipHeader__minimizedBorder: unset;
  --B-betslipHeader__minimizedBorderWidth: unset;
  --B-betslipHeader__minimizedBorderTop: var(--B-betslipHeader__borderTop);
  --B-betslipHeader__minimizedBoxShadow: unset;
  --B-betslipHeader__unpinButtonColor: var(--B-betslipHeader__buttonColor);
  --B-betslipHeader__pinnedPlacingBetBackgroundColor: var(
    --B-betslipHeader__backgroundColor
  );
  --B-betslipHeader__notMinimizedBorderImageSlice: unset;
  --B-betslipHeader__notMinimizedBorderImageSource: unset;
  --B-betslipHeader__notMinimizedAfterContent: unset;
  --B-betslipHeader__notMinimizedAfterPosition: unset;
  --B-betslipHeader__notMinimizedAfterTop: unset;
  --B-betslipHeader__notMinimizedAfterLeft: unset;
  --B-betslipHeader__notMinimizedAfterWidth: unset;
  --B-betslipHeader__notMinimizedAfterBoxShadow: unset;
}

[data-betty-theme] {
  --B-sportIcon__containerHeight: 40px;
  --B-sportIcon__containerWidth: 40px;
  --B-sportIcon__marginRight: 0;
  --B-sportIcon__borderRadius: 50%;
  --B-sportIcon__size: 24px;
  --B-sportIcon__color: var(--B-color__onSurface);
  --B-sportIcon__color--hover: var(--B-color__onSurface--hover);
  --B-sportIcon__color--active: var(--B-color__onSurface--active);
  --B-sportIcon__opacity: 1;
  --B-sportIcon__opacity--hover: 1;
  --B-sportIcon__opacity--active: 1;
}

[data-betty-theme='sport-icon--az'] {
  --B-sportIcon__containerHeight: unset;
  --B-sportIcon__containerWidth: unset;
  --B-sportIcon__size: unset;
}

[data-betty-theme='sport-icon--navigationPanel'] {
  --B-sportIcon__containerHeight: 16px;
  --B-sportIcon__containerWidth: 16px;
  --B-sportIcon__size: 16px;
  --B-sportIcon__marginRight: 5px;
}

[data-betty-theme] {
  --B-sportsAz__headerFontFamily: var(--B-font__primary);
  --B-sportsAz__headerLineHeight: 24px;
  --B-sportsAz__headerFontWeight: bold;
  --B-sportsAz__headerFontSize: 12px;
  --B-sportsAz__headerColor: var(--B-color__onCanvas);
  --B-sportsAz__headerLetterSpacing: normal;
  --B-sportsAz__headerTextTransform: none;
  --B-sportsAz__headerMargin: 13px 0 6px 16px;
  --B-sportsAz__buttonContainerMargin: 0 6px;
  --B-sportsAz__groupContainerMargin: 0;
  --B-sportsAz__buttonContainerPadding: 0;
  --B-sportsAz__buttonContainerDisplay: flex;
  --B-sportsAz__buttonContainerWrap: wrap;
}

[data-betty-theme] {
  --B-subtitle__fontFamily: var(--B-font__primary);
  --B-subtitle__fontWeight: bold;
  --B-subtitle__fontSize: 12px;
  --B-subtitle__letterSpacing: normal;
  --B-subtitle__textTransform: none;
  --B-subtitle__lineHeight: 15px;
  --B-subtitle__color: var(--B-color__onCanvas);
  --B-subtitle__margin: 16px 0;
}

[data-betty-theme] {
  --B-betslip__modSeparator: 1px solid var(--B-color__surfaceBorder);
  --B-betslip__separator: 1px solid var(--B-color__surfaceBorder);

  --B-betslip__topbarText_color: var(--B-color__onHighlight);
  --B-betslip__topbar_bgColor: var(--B-color__header);
  --B-betslip__topbarBorderTop: 4px solid var(--B-color__highlight);

  --B-betslip_bg: var(--B-color__surface);
  --B-betslip__fontFamilyPrimary: var(--B-font__primary);
  --B-betslip__fontSizeNano: 10px;
  --B-betslip__noSelectionMilli: 12px;
  --B-betslip__linksFontSizeMilli: 12px;
  --B-betslip__oddsDropdownFontSizeMilli: 12px;
  --B-betslip__pbaFontSizeMilli: 12px;
  --B-betslip__pbaFontSizeDeci: 14px;
  --B-betslip__rewardFontSizeDeci: 14px;
  --B-betslip__touchKeyboardFontSizeDeci: 14px;
  --B-betslip__fontSizeNormal: 16px;
  --B-betslip__boxShadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);

  --B-betslip__containerZIndex: 301;
  --B-betslip__currentPageStateTransition: 250ms;
  --B-betslip__widthPx: 282px;

  --B-betslip__noSelectionInfo_bg: var(--B-betslip_bg);
  --B-betslip__noSelectionInfoText_color: var(--B-color__onSurface_weaker);

  --B-betslip__clearBtnWrapper_bgColor: var(--B-color__header);
  --B-betslip__clearBtnWrapperBorderBottom: none;
  --B-betslip__clearBtnPadding: 0 8px;
  --B-betslip__clearBtnLineHeight: 32px;
  --B-betslip__clearBtn_color: var(--B-color__onButtonGhostA);
  --B-betslip__clearBtnFontSize: 12px;
  --B-betslip__clearBtnFontWeight: 600;
  --B-betslip__clearBtnTextTransform: normal;
  --B-betslip__toWinInputBorder: 1px solid var(--B-color__surfaceBorder);
  --B-betslip__toWinInputBorderFocus: 2px solid var(--B-color__onSurface);

  /* Live label */
  --B-betslip__modOutcomeLive_bg: var(--B-color__live);
  --B-betslip__modOutcomeLiveBorderRadius: 2px;
  --B-betslip__modOutcomeLiveTextTransform: uppercase;
  --B-betslip__modOutcomeLiveLabelText_color: var(--B-color__onLive);
  --B-betslip__modOutcomeLiveLabelPadding: 3px 3px;
  --B-betslip__modOutcomeLiveLabelFontSize: 10px;
  --B-betslip__modOutcomeLiveLabelFontWeight: 700;
  --B-betslip__modOutcomeLiveLabelLineHeight: 10px;
  --B-betslip__modOutcomeLiveLabelLetterSpacing: 0.5px;
  --B-betslip__modOutcomeLiveLabelHeight: unset;

  --B-betslip__outcomeLiveLabel_minHeight: 10px;
  --B-betslipOutcomeLive__backgroundColor: var(--B-color__live);
  --B-betslipOutcomeLiveLabelText__color: var(--B-color__onLive);

  /* Tabs */
  --B-betslip__tabs_bgColor: var(--B-color__header);
  --B-betslip__tabsHeight: 48px;
  --B-betslip__tabsMinHeight: 48px;
  --B-betslip__tabsContainer_bgColor: var(--B-color__header);

  --B-betslip__tabsFontSize: 14px;
  --B-betslip__tabsFontWeight: 600;

  --B-betslip__tabsText_color: var(--B-color__onHeader_weaker);
  --B-betslip__tabsText_color--hover: var(--B-color__onHeader_weaker--hover);
  --B-betslip__tabsMouseDownText_color: var(--B-color__onHeader_weaker--active);
  --B-betslip__tabsText_color--disabled: var(--B-color__onDisabledOnDark);

  --B-betslip__tabsSelectedText_color: var(--B-color__onHeader);
  --B-betslip__tabsSelectedText_color--hover: var(--B-color__onHeader);
  --B-betslip__tabsSelected_bgColor: transparent;
  --B-betslip__tabsSelectedTextWeight: 600;
  --B-betslip__tabsSelectedUnderline_bg: var(--B-color__onHeader);

  /* Bet Confirmation */
  --B-betslipOutcomeBetConfirmation__fontSize: 14px;
  --B-betslipOutcomeBetConfirmationLiveLabel__fontSize: 12px;
  --B-betslipOutcomeBetConfirmationLiveLabel__lineHeight: 12px;
  --B-betslipOutcomeBetConfirmationEventName__fontSize: 14px;
  --B-betslipOutcomeBetConfirmationOutcomeLabel__color: var(
    --B-color__onBetslipError
  );
  --B-betslipOutcomeBetConfirmationOdds__color: var(--B-color__onBetslipError);

  /* Summary */
  --B-betslip__summaryPadding: 8px;
  --B-betslip__summaryPlaceBetContentMarginTop: 4px;
  --B-betslip__summaryLabelFontFamily: var(--B-font__primary);
  --B-betslip__summaryLabelFontSize: 12px;
  --B-betslip__summaryLabelFontWeight: 600;

  --B-betslip__payoutTaxSeparator: 1px solid var(--B-color__surfaceBorder);
  --B-betslip__payoutTaxText_color: var(--B-color__onSurface_weaker);
  --B-betslip__payoutTaxFontSize: 12px;
  --B-betslip__detailsLabelText_color: var(--B-color__onSurface_weaker);
  --B-betslip__detailsValueFontFamily: var(--B-font__primary);
  --B-betslip__detailsValueFontSize: 16px;
  --B-betslip__detailsValueTextWeight: 700;
  --B-betslip__detailsValueText_color: var(--B-color__onSurface);
  --B-betslip__detailsSummaryPotentialPayoutVisibleValue_color: var(
    --B-color__onSurface
  );
  --B-betslip__detailsRewardFontSize: 12px;
  --B-betslip__detailsRewardFontWeight: bold;
  --B-betslip__detailsRewardText_color: var(--B-color__onSurface);

  --B-betslip__modObsoleteOdds_color: var(--B-color__onDisabledOnDark);
  --B-betslip__modTotalBoostedOdds_color: var(--B-color__onSurface);
  --B-betslip__modTotalOddsChangedObsoleteOdds_color: var(
    --B-color__onSurface_weaker
  );
  --B-betslip__modTotalOddsChangedBoostedOdds_color: var(--B-color__onSurface);
  --B-betslip__modTotalOddsChanged_bg: transparent;
  --B-betslip__modTotalOddsChanged_color: var(--B-color__onSurface);

  --B-betslip__modSystemEachwayText_color: var(--B-color__onSurface);
  --B-betslip__modSystemEachwayFontSize: 12px;
  --B-betslip__modEachwayText_color: var(--B-color__onBetSlipOutcome);
  --B-betslip__modSystemEachwayText_color--disabled: var(
    --B-color__onDisabledOnLight
  );
  --B-betslip__modSystemStakeInputSuspended_bgColor: var(
    --B-color__disabledOnLight
  );
  --B-betslip__modSystemStakeInputSuspendedText_color: var(
    --B-color__onDisabledOnLight
  );
  --B-betslip__modSystemStakeInputSuspendedOpacity: 1;
  --B-betslip__modSystemStakeInputSuspendedBorder: var(
    --B-color__onDisabledOnLight
  );
  --B-betslip__systemStakeLabelFontFamily: var(--B-font__primary);
  --B-betslip__systemStakeLabelFontSize: 14px;
  --B-betslip__systemStakeLabelFontWeight: 600;
  --B-betslip__systemStakeInput_bgColor: var(--B-color__onSurface);
  --B-betslip__detailsSystemStakeInputBorder: 1px solid
    var(--B-color__onSurface_weaker);
  --B-betslip__detailsSystemStakeInputBorder--disabled: 1px solid
    var(--B-color__onSurface_weaker);
  --B-betslip__detailsSystemDisabledStakeInputBorder: var(
    --B-betslip__detailsSystemStakeInputBorder--disabled
  );
  --B-betslip__modDetailsStakeInputHeight: 30px;
  --B-betslip__modDetailsStakeInputMarginBottom: 8px;

  /* Outcome */
  --B-betslip__outcome_bgColor: var(--B-color__surface);
  --B-betslip__outcomeText_color: var(--B-color__onSurface);
  --B-betslip__outcomeBorderBottom: 1px solid var(--B-color__surfaceBorder);
  --B-betslip__outcomeFontSizeDeci: 12px;
  --B-betslip__modOutcome_bgColor: var(--B-color__betSlipOutcome);
  --B-betslip__modOutcomeText_color: var(--B-color__onBetSlipOutcome);
  --B-betslip__modOutcomeBorderBottom: 1px solid
    var(--B-color__themeLightBorder);
  --B-betslip__modOutcomeBorderRadius: 0px;

  --B-betslip__modOutcomeSuspended_bgColor: #384752;
  --B-betslip__modOutcomeTextSuspended_color: var(--B-color__onDisabledOnDark);
  --B-betslip__modOutcomeOddsSuspendedFontSize: 12px;
  --B-betslip__modOutcomeOddsSuspended_color: var(--B-color__onDisabledOnDark);
  --B-betslip__modOutcomeOddsTransformSuspended: Uppercase;
  --B-betslip__modOutcomeBorderBottomSuspended: 1px solid
    var(--B-color__outcomeBorder);

  --B-betslip__modOutcomeClosed_bgColor: #384752;
  --B-betslip__modOutcomeTextClosedSecondary_color: var(
    --B-color__onDisabledOnDark
  );
  --B-betslip__modOutcomeTextClosed_color: var(--B-color__onDisabledOnDark);
  --B-betslip__modOutcomeTextClosedTertiary_color: #f2708a;
  --B-betslip__modOutcomeTextClosedTertiaryCase: uppercase;
  --B-betslip__modOutcomeTextClosedTertiarySize: 14px;
  --B-betslip__modOutcomeBorderBottomClosed: 1px solid
    var(--B-color__outcomeBorder);

  --B-betslip__modOutcomesListEvent_color: var(--B-color__onOutcome_weaker);
  --B-betslip__outcomeDetailsOpenAfter_fontSize: 14px;
  --B-betslip__outcomeSystemIndexText_color: var(--B-color__onTheme);
  --B-betslip__outcomeSystemIndex_bg: var(--B-color__surface--active);
  --B-betslip__outcomeSystemIndexBorderBottom: 1px solid
    var(--B-color__themeLightBorder);
  --B-betslip__modOutcomeContentPadding: 8px 10px;
  --B-betslip__modOutcomeContentFontSize: 12px;
  --B-betslip__modOutcomeContentLineHeight: 14px;
  --B-betslip__modOutcomeContentFontWeight: 700;
  --B-betslip__modOutcomeInfoMargin: 0;
  --B-betslip__modOutcomeInfoFirstMarginTop: 4px;
  --B-betslip__modOutcomeInfoFirstLineMarginBottom: unset;
  --B-betslip__modOutcomeStakeContainerMarginTop: -1px;
  --B-betslip__modOutcomeBogIconOpacity: 0.7;
  --B-betslip__bogIconOpacity: 1;
  --B-betslip__outcomeBogIcon: unset;
  --B-betslip__modOutcomeEventFontWeight: 600;
  --B-betslip__modOutcomeEventLinkFontSize: unset;
  --B-betslip__modOutcomeCriteriaMargin: 2px 0 0 0;
  --B-betslip__modOutcomeCriteriaFontSize: 12px;
  --B-betslip__modOutcomeCriteriaFontWeight: 600;
  --B-betslip__modOutcomeCriteriaFontColor: inherit;
  --B-betslip__modOutcomeEachwayExtrainfo_color: unset;

  --B-betslip__modOutcomeLabel_color: var(--B-color__onSurface);
  --B-betslip__modOutcomeLabelDisabled_color: unset;
  --B-betslip__modOutcomeLabel_color--disabled: var(
    --B-color__onDisabledOnDark
  );

  --B-betslip__modOutcomeCloseIconOpacity: 1;
  --B-betslip__modOutcomeCloseIconTouch_color: unset;
  --B-betslip__modOutcomeCloseIconBorderSuspended: 1px solid
    var(--B-color__surfaceAlternativeBorder);
  --B-betslip__modOutcomeCloseIconSuspended_bg: #384752;
  --B-betslip__modOutcomeCloseIconSuspended_color: var(
    --B-color__onDisabledOnDark
  );

  --B-betslip__modOutcomeCloseIconHoverSuspended_color: unset;
  --B-betslip__modOutcomeCloseIconTouchOpacitySuspended_color: unset;
  --B-betslip__modOutcomeCloseIconBorderClosed: 1px solid
    var(--B-color__surfaceAlternativeBorder);
  --B-betslip__modOutcomeCloseIconClosed_bg: #384752;
  --B-betslip__modOutcomeCloseIconClosed_color: var(
    --B-color__onDisabledOnDark
  );
  --B-betslip__modOutcomeCloseIconOpacityClosed: 1;
  --B-betslip__modOutcomeCloseIconHoverOpacityClosed: 1;
  --B-betslip__modOutcomeCloseIconHoverClosed_color: unset;
  --B-betslip__modOutcomeCloseIconTouchOpacityClosed_color: unset;
  --B-betslipOutcomeCloseIcon__border: 1px solid var(--B-color__outcomeBorder);
  --B-betslipValidationCloseCloseIcon__opacity: 1;
  --B-betslipOutcomeCloseIcon__size: 23px;
  --B-betslipValidationCloseCloseIcon__color: var(--B-color__onDisabledOnDark);
  --B-betslipOutcomeCloseIcon__opacity--hover: 1;
  --B-betslipOutcomeCloseIconTouch__opacity: 1;
  --B-betslip__modOutcomeCloseIconOpacitySuspended--hover: 1;
  --B-betslip__modOutcomeCloseIconHoverOpacitySuspended: 1;
  --B-betslip__modOutcomeCloseIconOpacitySuspended: 1;
  --B-betslip__modOutcomeCloseIconSize: 23px;
  --B-betslip__modOutcomeCloseIcon_color: var(--B-color__onSurface);
  --B-betslip__modOutcomeCloseIconHover_color: var(--B-color__onSurface);
  --B-betslip__outcomeCloseIcon_bg: var(--B-color__surface--active);
  --B-betslip__outcomeCloseIcon_bg--hover: var(--B-color__surface--hover);
  --B-betslip__outcomeCloseIcon_bg--active: var(--B-color__surface);
  --B-betslip__modOutcomeCloseIconBorder: 1px solid
    var(--B-color__surfaceAlternativeBorder);
  --B-betslip__modOutcomeOddsFontSize: 14px;
  --B-betslip__modOutcomeOddsFontWeight: 700;
  --B-betslip__modOutcomeOddsLineHeight: 16px;
  --B-betslip__modOutcomeIconOddsChangingMarginRight: 3px;
  --B-betslip__modOutcomeOddsContainerMarginRight: 4px;
  --B-betslip__modOutcomeOddsContainerMarginBottom: 5px;
  --B-betslip__modOutcomeOddsText_color: var(--B-color__onOutcome);
  --B-betslip__modOutcomeOddsTextBoosted_color: var(--B-color__onOutcome);
  --B-betslip__modOutcomeOddsTextIn_color: var(--B-color__onDisabledOnDark);

  --B-betslip__modNewOutcomeOddsChanged_bg: inherit;
  --B-betslip__modNewOutcomeOddsChanged_color: var(--B-color__onOutcome);
  --B-betslip__modOutcomeOddsChangingMarginRight: -4px;
  --B-betslip__outcomeOddsChangedFontSize: 14px;
  --B-betslip__outcomeOddsChangedLiveLabelFontSize: 12px;
  --B-betslip__outcomeOddsChangedLiveLabelLineHeight: 12px;
  --B-betslip__outcomeOddsChangedEventNameFontSize: 14px;

  --B-betslip__kambiBCOutcomeActions_bg: #33aa61;
  --B-betslip__kambiBCOutcomeActionsDialogueText_color: #fff;
  --B-betslip__kambiBCOutcomeActionsDialogueContentBorderRadius: 2px;
  --B-betslip__kambiBCOutcomeActionsProgress_bg: rgba(255, 255, 255, 0.2);
  --B-betslip__outcomeTextIn_color: var(--B-color__onDisabledOnDark);
  --B-betslip__kambiBCOutcomeTextIn_color: var(
    --B-betslip__outcomeTextIn_color
  );

  --B-betslip__outcomeDetailsOpen_fontSizeOffset: 14px;
  --B-betslip__systemBetCombinationStakeInputFocusBorder: var(
      --B-color__onSurface_weaker
    )
    2px solid;
  --B-betslip__systemBetCombinationStakeInputFocusShadow: unset;
  --B-betslip__systemBetCombinationLabelText_color: var(--B-color__onSurface);
  --B-betslip__systemBetCombinationCombinationCountFontFamily: var(
    --B-font__primary
  );
  --B-betslip__systemBetCombinationCombinationCountFontSize: 14px;
  --B-betslip__systemBetCombinationCombinationCount_color: var(
    --B-color__onSurface
  );

  --B-betslip__systemBetCombinationItems_bgColor: var(--B-color__surface);
  --B-betslip__systemBetCombinationItemsText_color: var(--B-color__onSurface);
  --B-betslip__systemBetCombinationItemsBorderTop: 1px solid
    var(--B-color__surfaceBorder);
  --B-betslip__systemBetCombinationItemsBorderBottom: 1px solid
    var(--B-color__surfaceBorder);
  --B-betslip__systemBetCombinationItemsRowSeparator: 1px solid
    var(--B-color__surfaceBorder);
  --B-betslip__systemBetCombinationPagination_color: var(--B-color__onSurface);
  --B-betslip__systemBetCombinationItemsFontSize: 12px;
  --B-betslip__systemBetCombinationItemsOddsFontSizeKilo: 24px;
  --B-betslip__systemBetCombinationItemsOddsFontSize: 14px;
  --B-betslip__systemBetCombinationButtonPaginationText_color: rgba(
    0,
    0,
    0,
    0.87
  );

  --B-betslip__stakeInputFocusBorder: var(--B-color__outcomeBorder) 2px solid;
  --B-betslip__stakeInputFocusShadow: unset;
  --B-betslip__detailsStakeInputFontSize: 14px;
  --B-betslip__detailsStakeInputFontWeight: 600;
  --B-betslip__detailsStakeInputWidth: 66px;
  --B-betslip__singlesStakeInputText_color: var(--B-color__onSurface);
  --B-betslip__stakeInput_bgColor: var(--B-color__themeDark--hover);
  --B-betslip__detailsStakeInputBorder: 1px solid
    var(--B-color__surface--active);
  --B-betslip__detailsStakeInputBorderRadius: 3px;
  --B-betslip__detailsStakeInputBoxShadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  --B-betslip__singlesStakeInputPlaceholderText_color: var(
    --B-color__onSurface
  );
  --B-betslip__detailsStakeInputCurrencyFontSize: 14px;
  --B-betslip__detailsStakeInputTitleFontSize: 14px;
  --B-betslip__eventlistLiveText_color: var(--B-color__danger);
  --B-betslip__detailsText_color: #ccc;
  --B-betslip__detailsPayoutTaxTextWeight: 600;

  --B-betslip__bethistoryTeaserMarginLeft: 4px;
  --B-betslip__oddsChangedFeedbackLabel_color: rgba(255, 255, 255, 0.7);
  --B-betslip__oddsChangedFeedbackNewValue_color: var(
    --B-color__onSurface_weaker
  );
  --B-betslip__oddsChangedFeedbackPreviousValue_color: var(
    --B-color__onSurface_weaker
  );

  --B-betslip__freebets_bgColor: rgba(255, 255, 255, 0.06);
  --B-betslip__freebets_bgColor--hover: rgba(255, 255, 255, 0.06);
  --B-betslip__kambiBCFreebetLabel_color: var(--B-color__onSurface);

  /* Teaser */
  --B-betslip__teaser_bgColor: var(--B-betslip_bg);
  --B-betslip__teaserContainerHeaderFontSize: 14px;

  --B-betslip__teaserHeader_bgColor: var(--B-color__surface);
  --B-betslip__teaserHeaderText_color: var(--B-color__onSurface);
  --B-betslip__teaserHeaderTitleExtra_color: var(--B-color__onHighlight);
  --B-betslip__teaserHeaderTitleSuffix_color: var(--B-color__onSurface);

  --B-betslip__teaserItemLabelText_color: var(--B-color__onSurface);
  --B-betslip__teaserItemLabelTextSize: 14px;
  --B-betslip__teaserItemLabelPadding: 0 0 0 16px;
  --B-betslip__teaserItemLabelTextFontWeight: 700;
  --B-betslip__teaserListPadding: 16px;
  --B-betslip__teaserListExpandedMarginBottom: 16px;

  --B-betslip__teaserIcon_bgColor: var(--B-color__teaserPlus);
  --B-betslip__teaserIconText_color: var(--B-color__onTeaserPlus);
  --B-betslip__teaserIconLineHeight: 9px;
  --B-betslip__teaserIconFontWeight: 700;
  --B-betslip__teaserIconBorderRadius: 2px;
  --B-betslip__teaserIconPadding: 2px 4px 2px 3px;

  --B-betslip__teaserDetailsText_color: var(--B-color__onSurface);

  /* Rewards */
  --B-betslip__rewardContainer_bgColor: var(--B-color__surface);
  --B-betslip__rewardSeparator: var(--B-betslip__modSeparator);
  --B-betslip__rewardHeader_bgColor: var(--B-color__surface);
  --B-betslip__rewardHeaderText_color: var(--B-color__onSurface);
  --B-betslip__rewardHeaderBorderBottom: 1px solid var(--B-color__surfaceBorder);
  --B-betslip__rewardHeaderExpandedBorderBottom: unset;
  --B-betslip__rewardContainerHeaderFontWeight: 700;

  --B-betslip__rewardContainerTitleWeight: 700;
  --B-betslip__rewardContainerTitleTextSize: 12px;
  --B-betslip__rewardContainerTitleText_color: var(--B-color__onSurface);

  --B-betslip__rewardContainerText_color: var(--B-color__onSurface);

  --B-betslip__rewardContainerLabelFontSize: 12px;

  --B-betslip__rewardContainerInfoText_color: var(--B-color__onSurface);
  --B-betslip__rewardContainerInfoTextSize: 11px;
  --B-betslip__rewardContainerInfoFontWeight: 600;

  --B-betslip__rewardContainerExtraText_color: var(--B-color__onSurface);
  --B-betslip__rewardContainerExtraTextSize: 11px;
  --B-betslip__rewardContainerExtraTextWeight: unset;
  --B-betslip__rewardContainerExtraTextLineHeight: 12px;

  --B-betslip__rewardContainerExpandedMarginBottom: 16px;
  --B-betslip__rewardContainerExpandedPaddingBottom: unset;
  --B-betslip__rewardContainerBorderTop: unset;
  --B-betslip__rewardCollapsableArrowSize: 9px;
  --B-betslip__rewardCollapsableArrowWidth: 2px;
  --B-betslip__rewardCollapsableArrowColor: var(--B-color__onSurface_weaker);
  --B-betslip__rewardCollapsableArrowColorCollapsed: var(
    --B-betslip__rewardCollapsableArrowColor
  );

  /* Footer buttons */
  --B-betslip__linksDisplay: unset;
  --B-betslip__linksFlexDirection: unset;
  --B-betslip__linksJustifyContent: unset;
  --B-betslip__linksFontFamilyPrimary: var(--B-font__primary);
  --B-betslip__linksNavigationFontSize: 10px;
  --B-betslip__linksNavigationFontWeight: 700;
  --B-betslip__linksNavigation_arrow: unset;
  --B-betslip__detailsLinkText_color: var(--B-color__onButtonGhostA);
  --B-betslip__detailsLinkText_color--hover: var(
    --B-color__onButtonGhostA--hover
  );
  --B-betslip__detailsLinkTouchText_color: var(
    --B-color__onButtonGhostA--active
  );
  --B-betslip__linksDividerBorderTop: 1px dotted #5d5d5d;
  --B-betslip__linksDividerMarginTop: 18px;

  --B-betslip__oddsDropdownUpdateDropdownHeader_bgColor: var(
    --B-color__buttonGhostB
  );
  --B-betslip__oddsDropdownUpdateDropdownHeader_bgColor--hover: var(
    --B-color__buttonGhostB--hover
  );
  --B-betslip__oddsDropdownHeaderTouch_bgColor: var(
    --B-color__buttonGhostB--active
  );
  --B-betslip__oddsDropdownUpdateDropdownHeaderText_color: var(
    --B-color__onButtonGhostB
  );
  --B-betslip__oddsDropdownUpdateDropdownHeaderText_color--hover: var(
    --B-color__onButtonGhostB--hover
  );
  --B-betslip__oddsDropdownHeaderTouchText_color: var(
    --B-color__onButtonGhostB--active
  );
  --B-betslip__oddsDropdownOptionText_color--disabled: var(
    --B-color__onSurface
  );
  --B-betslip__oddsDropdownOptionBorder--disabled: 1px solid
    var(--B-color__surfaceBorder);
  --B-betslip__oddsDropdownOption_bgColor--disabled: var(
    --B-color__buttonGhostB
  );
  --B-betslip__oddsDropdownOption_bgColor--hover: var(
    --B-betslip__oddsDropdownOption_bgColor--disabled
  );

  --B-betslip__teaserHeaderTitleFontSize: 12px;
  --B-betslip__teaserIcon_bgColor--disabled: #e6e6e6;
  --B-betslip__teaserIconText_color--disabled: #aeaeae;
  --B-betslip__teaserSeparator: 1px solid var(--B-color__onSurface_weaker);

  --B-betslip__barcode_bgColor: var(--B-betslip__topbar_bgColor);
  --B-betslip__deleteBarcodeButton_bgColor: #d0312d;
  --B-betslip__barcodeArrow: var(--B-betslip__topbarText_color);

  /* Button */
  --B-betslip__buttonRadius: 4px;
  --B-betslip__buttonFontSize: 16px;
  --B-betslip__buttonTextWeight: 700;
  --B-betslip__buttonFontFamily: unset;
  --B-betslip__buttonTextTransform: uppercase;

  --B-betslip__button_bg: var(--B-color__betslipErrorSecondary);
  --B-betslip__button_bgColor--hover: var(
    --B-color__betslipErrorSecondary--hover
  );
  --B-betslip__buttonPressed_bgColor: var(
    --B-color__betslipErrorSecondary--active
  );
  --B-betslip__buttonText_color: var(--B-color__onBetslipErrorSecondary);
  --B-betslip__buttonText_color--hover: var(
    --B-color__onBetslipErrorSecondary--hover
  );
  --B-betslip__buttonPressedText_color: var(
    --B-color__onBetslipErrorSecondary--active
  );
  --B-betslip__buttonText_color--disabled: var(--B-color__onDisabledOnDark);

  --B-betslip__buttonTextWeightHighlighted: unset;
  --B-betslip__buttonTextHighlighted_color: var(
    --B-color__onBetslipErrorPrimary
  );
  --B-betslip__buttonTextHighlighted_color--hover: var(
    --B-color__onBetslipErrorPrimary--hover
  );
  --B-betslip__buttonTextHighlighted_color--active: var(
    --B-color__onBetslipErrorPrimary--active
  );
  --B-betslip__buttonHighlighted_bg: var(--B-color__betslipErrorPrimary);
  --B-betslip__buttonHighlighted_bgColor--hover: var(
    --B-color__betslipErrorPrimary--hover
  );
  --B-betslip__buttonPressedHighlighted_bgColor: var(
    --B-color__betslipErrorPrimary--active
  );

  /* Place Bet btn*/
  --B-betslip__placeBetButtonTextSize: 16px;
  --B-betslip__placeBetButtonFontFamily: unset;
  --B-betslip__placeBetButtonFontWeight: 700;
  --B-betslip__placeBetComponentButtonBorderRadius: 4px;
  --B-betslip__placeBetButtonTextTransform: normal;

  --B-betslip__placeBetButton_bg: var(--B-color__transaction);
  --B-betslip__placeBetButtonHover_bg: var(--B-color__transaction--hover);
  --B-betslip__placeBetButtonActive_bg: var(--B-color__transaction--active);
  --B-betslip__placeBetButtonText_color: var(--B-color__onTransaction);
  --B-betslip__placeBetButtonHoverText_color: var(
    --B-color__onTransaction--hover
  );
  --B-betslip__placeBetButtonActiveText_color: var(
    --B-color__onTransaction--active
  );
  --B-betslip__placeBetButtonDisabled_bg: var(--B-color__disabledOnDark);
  --B-betslip__placeBetButtonDisabledText_color: var(
    --B-color__onDisabledOnDark
  );
  --B-betslip__placeBetButtonDisabledBorder: none;
  --B-betslip__placeBetButtonDisabledHover_bg: var(
    --B-betslip__placeBetButtonDisabled_bg
  );
  --B-betslip__placeBetButtonDisabledHoverText_color: var(
    --B-betslip__placeBetButtonDisabledText_color
  );

  /* Approve Odds btn */
  --B-betslip__approveOddsButtonFontWeight: 700;
  --B-betslip__approveOddsButtonTextTransform: capitalize;
  --B-betslip__approveOddsButtonTextFontSize: 16px;
  --B-betslip__approveOddsButtonLineHeight: 18px;
  --B-betslip__approveOddsButtonBorderRadius: 4px;

  --B-betslip__approveOddsButton_bg: var(--B-color__buttonB);
  --B-betslip__approveOddsButtonHover_bg: var(--B-color__buttonB--hover);
  --B-betslip__approveOddsButtonActive_bg: var(--B-color__buttonB--active);
  --B-betslip__approveOddsButtonText_color: var(--B-color__onButtonB);
  --B-betslip__approveOddsButtonTextHover_color: var(
    --B-color__onButtonB--hover
  );
  --B-betslip__approveOddsButtonTextActive_color: var(
    --B-color__onButtonB--active
  );

  /* Receipt*/
  --B-betslip__receipt_bgColor: var(--B-color__surface);
  --B-betslip__receiptHeaderFontSize: 16px;
  --B-betslip__receiptHeaderFontWeight: 600;
  --B-betslip__receiptHeaderPadding: 16px;
  --B-betslip__receiptHeader_bgColor: var(--B-color__header);
  --B-betslip__receiptHeaderTitle_color: var(--B-color__onHeader);
  --B-betslip__modBetslipReceiptHeaderTitle_color: var(--B-color__onHeader);
  --B-betslip__modBetslipReceiptHeaderTitleFontWeight: 600;
  --B-betslip__receiptHeaderReceipt_color: var(--B-color__onHeader);

  --B-betslip__receiptTextSize: 12px;
  --B-betslip__receiptText_color: var(--B-color__onSurface);
  --B-betslip__receiptTextWeight: 600;

  --B-betslip__receiptCloseButtonBorderRadius: 2px;
  --B-betslip__receiptCloseButtonBorder: none;
  --B-betslip__receiptCloseButtonFontFamily: unset;
  --B-betslip__receiptCloseButtonTextSize: 16px;
  --B-betslip__receiptCloseButtonTextWeight: 700;
  --B-betslip__receiptCloseButtonTextTransform: normal;

  --B-betslip__receiptCloseButton_bgColor: var(--B-color__buttonB);
  --B-betslip__receiptCloseButton_bgColor--hover: var(
    --B-color__buttonB--hover
  );
  --B-betslip__receiptCloseButtonPressed_bgColor: var(
    --B-color__buttonB--active
  );
  --B-betslip__receiptCloseButtonHarmonized_bgColor: var(--B-color__buttonB);
  --B-betslip__receiptCloseButtonHarmonized_bgColor--hover: var(
    --B-color__buttonB--hover
  );
  --B-betslip__receiptCloseButtonPressedHarmonized_bgColor: var(
    --B-color__buttonB--active
  );
  --B-betslip__receiptCloseButtonText_color: var(--B-color__onButtonB);
  --B-betslip__receiptCloseButtonHover_color: var(--B-color__onButtonB--hover);
  --B-betslip__receiptCloseButtonActive_color: var(
    --B-color__onButtonB--active
  );

  --B-betslip__receiptCloseButtonBorderHover: none;
  --B-betslip__receiptCloseButtonBorderActive: none;

  --B-betslip__receiptSummaryProfitBoostPayoutLabelFontSize: 8px;
  --B-betslip__receiptProfitBoostPayoutLabelFontSize: 12px;
  --B-betslip__receiptSummaryTitleFontSize: 12px;
  --B-betslip__receiptSummaryTitle_color: var(--B-color__onHeader);
  --B-betslip__receiptSummaryTitleText_color: var(
    --B-betslip__receiptLabelText_color
  );
  --B-betslip__receiptLabelSmallFontSize: 9px;
  --B-betslip__receiptLabelText_color: var(--B-color__onSurface_weaker);
  --B-betslip__receiptLabelFontWeight: 600;
  --B-betslip__receiptValue_color: var(--B-color__onSurface);
  --B-betslip__receiptValueText_color: var(--B-betslip__receiptLabelText_color);
  --B-betslip__receiptValueTextFontSize: 16px;
  --B-betslip__receiptValueFontWeight: 700;

  --B-betslip__receiptOutcomeCriteriaFontSize: 14px;
  --B-betslip__receiptOutcomeCriteria_color: var(--B-color__onBetSlipOutcome);

  --B-betslip__receiptHighlightTextSize: var(--B-betslip__receiptTextSize);
  --B-betslip__receiptHighlightTextWeight: 700;
  --B-betslip__receiptHighlightText_color: var(--B-color__onSurface);

  --B-betslip__receiptOutcomeItemEventLink_color: var(
    --B-betslip__receiptHighlightText_color
  );
  --B-betslip__receiptOutcomeItemEventLinkSize: 14px;

  --B-betslip__receiptOutcomeItemOddsFontSize: 14px;
  --B-betslip__receiptOutcomeItemOddsLineHeight: 16px;
  --B-betslip__receiptOutcomeItemOdds_color: var(
    --B-betslip__receiptHighlightText_color
  );
  --B-betslip__receiptOutcomeItemOddsFontWeight: 700;
  --B-betslip__receiptOutcomeItemBoostedOddsFontSize: 14px;
  --B-betslip__receiptOutcomeItemBoostedOdds_color: var(--B-color__onSurface);

  --B-betslip__receiptularizedEventPathFragment_color: var(
    --B-color__onSurface_weaker
  );
  --B-betslip__printReceiptOutcomeItemFontSize: 11px;
  --B-betslip__receiptOutcomeBogIconFontSize: 12px;
  --B-betslip__receiptOutcomeLabelWeight: 600;
  --B-betslip__receiptOutcomeLabelFontSize: 11px;

  --B-betslip__receiptAwaitingStatus_bgColor: var(--B-color__info);
  --B-betslip__receiptAwaitingStatusText_color: var(--B-color__onInfo);
  --B-betslip__receiptAwaitingStatusTextFontSize: 14px;

  --B-betslip__receiptCheckboxLabel_color: var(--B-color__onSurface);
  --B-betslip__receiptCheckboxLabelFontSize: 12px;
  --B-betslip__receiptCheckboxLabelLineHeight: 20px;
  --B-betslip__receiptCheckboxLabelFontWeight: 700;

  /* Mobile/retail keyboard */
  --B-betslip__modTouchFeedbackWidth: 48px;

  --B-betslip__touchKeyboardFontFamilyPrimary: var(--B-font__primary);
  --B-betslip__touchKeyboardActionButtonBackround_bgColor: #d8d8d8;
  --B-betslip__touchKeyboardActionButton_bgColor: unset;
  --B-betslip__touchKeyboardActionButtonBorder: unset;
  --B-betslip__touchKeyboardActionButtonBorder--disabled: unset;
  --B-betslip__touchKeyboardActionButton_color: var(--B-color__buttonB);
  --B-betslip__touchKeyboardActionButton_color--disabled: #8b8b8b;

  --B-betslip__touchKeyboardCheckboxLabel_color: var(--B-color__onSurface);
  --B-betslip__touchKeyboardCheckboxLabel_color--disabled: var(
    --B-color__onDisabledOnDark
  );
  --B-betslip__touchKeyboardCheckboxLabelFontFamily: unset;

  --B-betslip__touchKeyboardButtonBackround_bgColor: var(--B-color__onSurface);
  --B-betslip__touchKeyboardButtonText_color: var(--B-color__onTheme);
  --B-betslip__touchKeyboardButtonFontFamily: unset;
  --B-betslip__touchKeyboardButtonFontWeight: bold;
  --B-betslip__touchKeyboardFontSizeNormal: 16px;
  --B-betslip__touchKeyboardButtonBorder: none;

  --B-betslip__retailKeyboard_bgColor: var(--B-color__surface);

  --B-betslip__modMobileKeyboard_bgColor: var(--B-color__surface);
  --B-betslip__modMobileKeyboardButton_bg: var(--B-color__buttonB);
  --B-betslip__modMobileKeyboardButtonBorderRadius: 4px;
  --B-betslip__mobileKeyboardButtonText_color: var(--B-color__onButtonB);
  --B-betslip__modMobileKeyboardButtonText_color: var(--B-color__onButtonB);
  --B-betslip__modMobileKeyboardButtonFontWeight: 700;
  --B-betslip__modMobileKeyboardButtonFontSize: 14px;
  --B-betslip__modMobileKeyboardButtonBorder: 1px solid transparent;
  --B-betslip__modMobileKeyboardButtonTouch_bg: var(--B-color__buttonB--active);
  --B-betslip__modMobileKeyboardButtonTouchText_color: var(
    --B-color__onButtonB--active
  );
  --B-betslip__modMobileKeyboardButtonTouchedFontWeight: 700;
  --B-betslip__modMobileKeyboardButtonTouchedFontSize: 30px;
  --B-betslip__modMobileKeyboardButtonTouchedShadow: 0 2px 4px 0
    rgba(0, 0, 0, 0.5);
  --B-betslip__modMobileKeyboardButtonTouchedBorderRadius: 4px;
  --B-betslip__modMobileKeyboardButtonTouchedBorder: 1px solid transparent;
  --B-betslip__mobileKeyboardBoxShadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);

  /* Errors/PBA */
  --B-betslip__overlay_bgColor: var(--B-color__betslipError);
  --B-betslip__overlay_information_bgColor: var(--B-color__surface);
  --B-betslip__overlay_pba_bgColor: var(--B-color__betslipError);
  --B-betslip__overlay_error_bgColor: var(--B-color__betslipError);
  --B-betslip__topbarBorderTopPba: 4px solid var(--B-color__header);
  --B-betslip__topbarBorderTopError: 4px solid var(--B-color__danger);
  --B-betslipError__borderColor: var(--B-color__warning);

  --B-betslip__pbaCurrencyWeight: 600;
  --B-betslip__pbaCurrency_color: var(--B-color__warning);
  --B-betslip__pbaBranding_color: var(--B-color__onBetslipError);

  --B-betslip__modFeedbackMargin: 16px;
  --B-betslip__feedbackFontSize: 16px;
  --B-betslip__feedbackFontFamily: unset;
  --B-betslip__feedbackParagrapghFontSize: 14px;
  --B-betslip__feedbackParagrapghFontWeight: 600;
  --B-betslip__feedbackParagraphFontFamily: unset;
  --B-betslip__feedbackErrorListFontSize: 14px;
  --B-betslipFeedback__textColor: var(--B-color__onBetslipError);

  --B-betslipSystemErrorsMessages__borderBottom: unset;
  --B-betslipSystemErrorsMessages__fontWeight: 600;
  --B-betslipSystemErrorsMessages__textColor: var(--B-color__onDisabledOnDark);
  --B-betslipSystemErrorsMessages__backgroundColor: var(
    --B-color__disabledOnDark
  );

  --B-betslip__pbaText_color: var(--B-color__onBetslipError);
  --B-betslip__pbaFontFamily: unset;
  --B-betslip__pbaFontSizeNormal: 16px;
  --B-betslip__pbaTitle_color: unset;

  --B-betslip__pbaSeparator: 1px solid var(--B-color__betslipErrorBorder);

  --B-betslipValidationErrorDescription__lineHeight: 16px;
  --B-betslipValidationErrorDescription__fontSize: 12px;
  --B-betBuilder_selectionsColor: var(--B-color__themeLight);
  --B-betslip__outcomeViewStickerContainerPadding: 0 0 4px 0;
}

[data-betty-theme] {
  --B-betofferSubcategory__borderTop: 1px solid var(--B-color__surfaceBorder);
  --B-betofferSubcategory__borderRadius: 0;
  --B-betofferSubcategory__margin: 0;
  --B-betofferSubcategory__eachWayFontFamily: var(--B-font__primary);
  --B-betofferSubcategory__backgroundColor: var(--B-color__surface);
  --B-betofferSubcategory__labelFontWeight: 600;
  --B-betofferSubcategory__boxShadow: none;
  --B-betofferSubcategory__labelMinHeight: 24px;
  --B-betofferSubcategory__extrasLabelMinHeight: 16px;
  --B-betofferSubcategory__extrasLabelLineHeight: 15px;
  --B-betofferSubcategory__extraFontSize: 12px;
  --B-betofferSubcategory__labelLineHeight: 20px;
  --B-betofferSubcategory__labelFontSize: 16px;
  --B-betofferSubcategory__labelFontFamily: var(--B-font__primary);
  --B-betofferSubcategory__labelFontColor: var(--B-color__onSurface);
}

[data-betty-theme] {
  --B-activityFeed__background: var(--B-color__surface);
  --B-activityFeed__borderColor: var(--B-color__surfaceBorder);

  --B-activityFeed__messageEventStartFontSize: 16px;
  --B-activityFeed__viewportColor: var(--B-color__onSurface);
  --B-activityFeed__eventStartHeaderFontWeight: 600;
  --B-activityFeed__eventStartTextFontSize: unset;
  --B-activityFeed__eventStartTextFontWeight: 600;
  --B-activityFeed__messageEventStartFontFamily: var(--B-font__primary);
  --B-activityFeed__eventStartHeaderFontSize: unset;
  --B-activityFeed__eventStartHeaderColor: var(--B-color__onSurface);
  --B-activityFeed__messageEventStartColor: var(--B-color__onSurface);
  --B-activityFeed__textColor: var(--B-color__onSurface);
  --B-activityFeed__itemFontSize: 14px;
  --B-activityFeed__liveFeedBackgroundColor: var(--B-color__surface);
  --B-activityFeed__footballBoxBackgroundColor: var(--B-color__surface);
  --B-activityFeed__footballBoxBorderColor: var(--B-color__surfaceBorder);
  --B-activityFeed__footballBoxBorderRadius: 4px;
  --B-activityFeed__footballTextFontFamily: var(--B-font__primary);
  --B-activityFeed__footballTeamFontSize: 13px;
  --B-activityFeed__messagePeriodEndFontSize: 12px;
}

[data-betty-theme] {
  --B-outcomesList__outcomeTextColor: var(--B-color__onSurface);
  --B-outcomesList__miliFontSize: 12px;
  --B-outcomesList__headerFontSize: 12px;
  --B-outcomesList__headerBackgroundColor: var(--B-color__surface);
  --B-outcomesList__headerBorderBottom: 1px solid var(--B-color__surfaceBorder);
  --B-outcomesList__microFontSize: 11px;
  --B-outcomesList__deciFontSize: 14px;
  --B-outcomesList__listLabelFontFamily: unset;
  --B-outcomesList__outcomeHeight: 36px;
  --B-outcomesList__labelColor: var(--B-color__onSurface);
  --B-outcomesList__labelColor--scratched: var(--B-color__onSurface);
  --B-outcomesList__labelTextSize: 14px;
  --B-outcomesList__distanceLabelColor: var(--B-color__onSurface);
  --B-outcomesList__rowHeaderColor: var(--B-color__onSurface);
  --B-outcomesList__rowHeaderLineColor: unset;
  --B-outcomesList__rowHeaderBackgroundColor: var(--B-color__surface);
  --B-outcomesList__betofferGoalScorerHeaderBorderBottom: 1px solid
    var(--B-color__surfaceBorder);
  --B-outcomesList__betofferGoalScorerHeaderBorderTop: 1px solid
    var(--B-color__surfaceBorder);
  --B-outcomesList__headerColor: var(--B-color__onSurface_weaker);
  --B-outcomesList__rowHeaderParticipantFontSize: 16px;
  --B-outcomesList__rowHeaderParticipantFontWeight: 600;
  --B-outcomesList__rowHeaderParticipantColor: var(--B-color__onSurface);
  --B-outcomesList__rowHeaderParticipantBorderColor: var(
    --B-color__surfaceBorder
  );
  --B-outcomesList__showListButtonHeight: 32px;
  --B-outcomesList__showListButtonWidth: 100%;
  --B-outcomesList__showListButtonPadding: 0;
  --B-outcomesList__showListButtonMarginTop: 4px;
  --B-outcomesList__showListButtonMarginBottom: 0px;
  --B-outcomesList__showListButtonBackgroundColor: var(--B-color__buttonGhostA);
  --B-outcomesList__showListButtonBackgroundColor--hover: var(
    --B-color__buttonGhostA--hover
  );
  --B-outcomesList__showListButtonBackgroundColor--active: var(
    --B-color__buttonGhostA--active
  );
  --B-outcomesList__showListButtonColor: var(--B-color__onButtonGhostA);
  --B-outcomesList__showListButtonColor--hover: var(
    --B-color__onButtonGhostA--hover
  );
  --B-outcomesList__showListButtonColor--active: var(
    --B-color__onButtonGhostA--active
  );
  --B-outcomesList__showListButtonBorder: 1px solid transparent;
  --B-outcomesList__showListButtonBorder--hover: 1px solid transparent;
  --B-outcomesList__showListButtonBorder--active: 1px solid transparent;
  --B-outcomesList__showListButtonFontFamily: var(--B-font__primary);
  --B-outcomesList__showListButtonFontSize: 12px;
  --B-outcomesList__showListButtonFontWeight: 600;
  --B-outcomesList__showListButtonTextTransform: unset;
  --B-outcomesList__showListButtonBorderRadius: 4px;

  --B-outcomesList__showListButtonArrowFontSize: 8px;
  --B-outcomesList__showListButtonArrowLineHeight: 26px;
}

[data-betty-theme] {
  --B-layoutCorrectScoreView__numberBarBackgroundColor: var(--B-color__surface);
  --B-layoutCorrectScoreView__backgroundColor: none;
  --B-layoutCorrectScoreView__numberColor: var(--B-color__onSurface);
  --B-layoutCorrectScoreView__color--hover: var(--B-color__onSurface--hover);

  --B-layoutCorrectScoreView__backgroundColor--selected: var(
    --B-color__highlight
  );
  --B-layoutCorrectScoreView__backgroundColor--selected--hover: var(
    --B-color__highlight--hover
  );
  --B-layoutCorrectScoreView__color--selected: var(--B-color__onHighlight);
  --B-layoutCorrectScoreView__color--selected--hover: var(
    --B-color__onHighlight--hover
  );

  /* rest of the variables */
  --B-layoutCorrectScoreView__fontSizeDeci: 14px;
  --B-layoutCorrectScoreView__fontWeight: 600;
  --B-layoutCorrectScoreView__numberFontWeight: 700;
  --B-layoutCorrectScoreView__color--inactive: var(--B-color__onDisabledOnDark);
  --B-layoutCorrectScoreView__numberBarBorder: 1px solid
    var(--B-color__surfaceBorder);
  --B-layoutCorrectScoreView__correctScoreTeamNameColor: unset;
  --B-layoutCorrectScoreView__numberBarBorderRadius: 4px;
}

[data-betty-theme] {
  --B-playerCast__headerButtonLineHeight: 36px;
  --B-playerCast__headerButtonBorderRadius: 4px;
  --B-playerCast__headerButtonFontSize: 12px;
  --B-playerCast__headerButtonFontFamily: var(--B-font__primary);
  --B-playerCast__headerButtonBackgroundColor: var(--B-color__sGP);
  --B-playerCast__headerButtonBackgroundColor--hover: var(
    --B-color__sGP--hover
  );
  --B-playerCast__headerButtonBackgroundColor--active: var(
    --B-color__sGP--active
  );
  --B-playerCast__headerButtonLabelColor: var(--B-color__onSGP);
  --B-playerCast__headerButtonLabelFontWeight: 700;
  --B-playerCast__headerButtonLabelFontFamily: var(--B-font__primary);
  --B-playerCast__headerButtonArrowColor: var(--B-color__onSurface);
  --B-playerCast__headerButtonArrowFontSize: 24px;
  --B-playerCast__headerButtonOpenedBackgroundColor--open: var(
    --B-color__surface
  );
  --B-playerCast__headerButtonOpenedBackgroundColor--open--hover: var(
    --B-color__surface--hover
  );
  --B-playerCast__headerButtonOpenedBackgroundColor--open--active: var(
    --B-color__surface--active
  );
  --B-playerCast__buttonOpenedColor--open: var(--B-color__onSurface);

  --B-playerCast__buttonIconCloseFontSize: 18px;
  --B-playerCast__palyerSelectButtonBackgroundColor: var(--B-color__surface);
  --B-playerCast__palyerSelectButtonBackgroundColor--hover: var(
    --B-color__surface--hover
  );
  --B-playerCast__palyerSelectButtonBackgroundColor--active: var(
    --B-color__surface--active
  );
  --B-playerCast__palyerSelectButtonBorder: unset;
}

[data-betty-theme] {
  --B-liveStats__fontSizeMicro: 11px;
  --B-liveStats__fontSizeCenti: 13px;
  --B-liveStats__fontSizeNormal: 16px;
  --B-liveStats__defaulAwayColor: var(--B-color__success);
  --B-liveStats__defaulHomeColor: var(--B-color__danger);
  --B-liveStats__fontSizeDeci: 14px;
}

[data-betty-theme] {
  --B-slider__thumbBackground: var(--B-color__transaction);
  --B-slider__thumbBackground--hover: var(--B-color__transaction);
  --B-slider__thumbBackground--active: var(--B-color__transaction);
  --B-slider__thumbRingBackground: var(--B-color__onTransaction);
  --B-slider__tooltipBackground: var(--B-color__transaction);
  --B-slider__tooltipColor: var(--B-color__onTransaction);
  --B-slider__lineColor: var(--B-color__surfaceBorder);
  --B-slider__tickMarkBackround: var(--B-color__transaction);

  --B-slider__betofferLineSliderBackground: var(--B-color__surface);
}

[data-betty-theme] {
  --B-externalStatistics__linkBtnTextColor: var(--B-color__onSurface);
  --B-externalStatisticsLink__btnBorder: unset;
  --B-externalStatisticsLink__btnBackgroundColor: var(--B-color__surface);

  --B-externalStatisticsLink__btnBorderRadius: 4px;
  --B-externalStatisticsLink__btnBackground--hover: var(
    --B-color__surface--hover
  );
  --B-externalStatisticsLink__btnBackground--down: var(
    --B-color__surface--active
  );
}

[data-betty-theme] {
  --B-coupon__background: var(--B-color__surface);
  --B-coupon__fontFamily: var(--B-font__primary);
  --B-coupon__titleOddsRowColor: var(--B-color__onSurface);
  --B-coupon__outcomeBorderBottom: 1px solid var(--B-color__surfaceBorder);
  --B-coupon__stakePayoutRawColor: var(--B-color__onSurface);
  --B-coupon__headerSize: 12px;

  --B-coupon__headerTextColor: var(--B-color__onSurface);
  --B-coupon__headerBackground: var(--B-color__surface);
  --B-coupon__headerBorderTopBottom: 1px solid var(--B-color__surfaceBorder);
  --B-coupon__headerBorderSides: 1px solid transparent;
  --B-coupon__textSize: 12px;

  --B-coupon__titleFontSize: 16px;
}

[data-betty-theme] {
  --B-cashOut__border: 1px solid var(--B-color__surface);
  --B-cashOut__background: var(--B-color__canvas);
  --B-cashOut__fontFamily: var(--B-font__primary);
  --B-cashOut__labelTextFontSize: 14px;
  --B-cashOut__labelTextFontWeight: 600;
  --B-cashOut__labelTextColor: var(--B-color__onCanvas);
  --B-cashOut__payoutColor: var(--B-color__onSurface_weaker);
}

[data-betty-theme] {
  --B-termSearchOverlay_backgroundColor: var(--B-color__canvas);
  --B-termSearchOverlay_zIndex: 301;
  --B-termSearchOverlay__Header_backgoundColor: var(--B-color__canvas);
  --B-termSearchOverlay__Header_boxShadow: none;
  --B-termSearchOverlay__HeaderContent_height: 48px;
  --B-termSearchOverlay__TextField_backgroundColor: #071d2a;
  --B-termSearchOverlay_borderRadius: 100px;
  --B-termSearchOverlay_TextFieldBorder: 2px solid #2f4553;
  --B-termSearchOverlay_TextFieldBorderRadius: 100px;
  --B-termSearchOverlay__Textfield_fontWeight: 600;
  --B-termSearchOverlay__SearchIcon_width: 72px;
  --B-termSearchOverlay__CloseIcon_width: 36px;
  --B-termSearchOverlay__Icons_fontSize: 25px;
  --B-termSearchOverlay__Icons_color: #557086;
  --B-termSearchOverlay__Icons_opacity: 1;

  --B-termSearchOverlayNoResults__color: var(--B-color__onCanvas_weaker);
  --B-termSearchOverlayResultHeader__fontSize: 12px;
  --B-termSearchOverlayResultHeader__padding: 20px 0 12px;
  --B-termSearchOverlayResultHeader__fontWeight: 700;
  --B-termSearchOverlayResultHeader__bgColor: transparent;
  --B-termSearchOverlayResult__fontSize: 16px;
  --B-termSearchOverlayResult__color: var(--B-color__onSurface);
  --B-retailTermSearchOverlayInputFocus__border: none;
  --B-termSearchOverlayShowSportsResult__bg: var(--B-color__header);
  --B-termSearchOverlayShowSportsResult__fontSize: 14px;
  --B-termSearchOverlayShowSportsResult__color: var(--B-color__onHeader);
  --B-termSearchOverlayShowSportsResult__fontFamily: var(--B-font__primary);
  --B-termSearchOverlayShowSportsResult__fontWeight: 700;
  --B-termSearchOverlayShowSportsResult__borderRadius: 4px;
  --B-termSearchOverlayShowSportsResult__textTransform: null;
  --B-termSearchOverlayShowSportsResultArrow__height: 16px;
  --B-termSearchOverlayShowSportsResult__borderWidth: 0 0 1px 0;
  --B-termSearchOverlayShowSportsResult__borderColor: transparent;
  --B-termSearchOverlayCollapsibleContainer__margin: 12px 0 0 0;
}

[data-betty-theme] {
  --B-chip__bg: var(--B-color__buttonB);
  --B-chip__bg--hover: var(--B-color__buttonB--hover);
  --B-chip__bg--active: var(--B-color__buttonB--active);
  --B-chip__textColor: var(--B-color__onButtonB);
  --B-chip__textColor--hover: var(--B-color__onButtonB--hover);
  --B-chip__textColor--active: var(--B-color__onButtonB--active);
  --B-chip__iconColor: var(--B-color__onButtonB);
  --B-chip__iconColor--hover: var(--B-color__onButtonB--hover);
  --B-chip__iconColor--active: var(--B-color__onButtonB--active);
  --B-chip__borderWidth: 0;
  --B-chip__borderColor: transparent;
  --B-chip__height: 32px;
  --B-chip__borderRadius: 16px;
  --B-chip__borderStyle: solid;
  --B-chip__closeIconBg: var(--B-color__onSurface_weaker);
  --B-chip__closeIconBg--hover: var(--B-color__onSurface_weaker--hover);
  --B-chip__closeIconBg--active: var(--B-color__onSurface_weaker--active);
  --B-chip__closeIconColor: var(--B-color__surface);
  --B-chip__closeIconColor--hover: var(--B-color__surface--hover);
  --B-chip__closeIconColor--active: var(--B-color__surface--active);
  --B-chip__closeIconHeight: 16px;
  --B-chip__closeIconWidth: 16px;
  --B-chip__lineHeight: 14px;
  --B-chip__fontWeight: 700;
}

[data-betty-theme] {
  --B-betofferCategories__categoryNoContentColor: var(
    --B-color__onSurface_weaker
  );
  --B-betofferCategories__categoryContainersMarginBottom: 8px;
  --B-betofferCategories__betofferCategoryBackgroundColor: var(
    --B-color__onSurface
  );
  --B-betofferCategories__betofferCategoryBorder: unset;
  --B-betofferCategories__betofferCategoryFilter: unset;
  --B-betofferCategories__betofferCategoryBorderRadius: 4px;
  --B-betofferCategories__betofferCategorySubcategoriesHeaderColor: var(
    --B-color__onSurface
  );
  --B-betofferCategories__filterScrollrArrowWidth: 17px;
  --B-betofferCategories__filterMenuItemHorizontalPadding: 16px;
  --B-betofferCategories__filterBackground: var(--B-color__surface);
  --B-betofferCategories__filterScrollArrowBackgroud: rgba(15, 33, 46, 0.5);
  --B-betofferCategories__filterScrollArrowWidth: unset;
  --B-betofferCategories__filterScrollArrowBorder: 1px solid
    var(--B-color__surfaceBorder);
  --B-betofferCategories__filterScrollArrowPaddingLeft: 0;
  --B-betofferCategories__filterScrollArrowBackgroundRight: unset;
  --B-betofferCategories__filterScrollArrowBackgroundLeft: unset;
  --B-betofferCategories__filterScrollArrowStroke: var(--B-color__onCanvas);
  --B-betofferCategories__filterScrollArrowStroke--hover: var(
    --B-color__onCanvas--hover
  );
  --B-betofferCategories__filterHeaderPadding: 0;
  --B-betofferCategories__filterFontSize: 12px;
  --B-betofferCategories__filterFontFamily: unset;
  --B-betofferCategories__filterFontWeight: 600;
  --B-betofferCategories__filterColor: var(--B-color__onSurface);
  --B-betofferCategories__filterColor--hover: var(--B-color__onSurface--hover);
  --B-betofferCategories__filterColor--selected: var(
    --B-color__onSurface--active
  );
  --B-betofferCategories__filterBorderBottomWidth--selected: 3px;
  --B-betofferCategories__filterBorderBottomColor--selected: var(
    --B-color__surfaceBorder
  );
  --B-betofferCategories__filterFontWeight--selected: 600;
  --B-betofferCategories__filterBackgroundColor--selected: unset;
  --B-betofferCategories__betofferCategoryLogoHeight: 19px;
  --B-betofferCategories__betofferCategoryLogoWidth: 48px;
  --B-betofferCategories__betofferCategoryLogo: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3e%3cstyle%3e .st0%7bfill:%23fa0919%7d.st1%7bfill:%23fff%7d %3c/style%3e%3cpath class='st0' d='M7567.6-3740h-.5c-1.1 0-1.9-1-1.7-2l6.5-36.6c-12.7 4.2-21.9 16.2-21.9 30.4 0 17.7 14.3 32 32 32v-23.8h-14.4zM7596-3753h1.5c1.3 0 2.1 1.3 1.6 2.4l-15.2 34.3c16.8-1 30.2-14.9 30.2-32 0-14.3-9.3-26.4-22.2-30.5l-5.8 25.8h9.9z'/%3e%3cpath class='st1' d='M7571.9-3778.6l-6.4 36.1c-.2 1.3.8 2.6 2.2 2.6h14.4v23.8c.6 0 1.3 0 1.9-.1l14.5-33c.8-1.7-.5-3.7-2.4-3.7h-10l5.8-25.8c-3.1-1-6.4-1.5-9.8-1.5-3.6-.1-7 .5-10.2 1.6z'/%3e%3cpath class='st1' d='M7567.1-3740h.5c-1.4 0-2.4-1.2-2.2-2.6l6.4-36.1-6.5 36.6c-.1 1.1.7 2.1 1.8 2.1zM7597.5-3753h-1.5c1.9 0 3.2 2 2.4 3.7l-14.5 33 15.2-34.3c.4-1.1-.4-2.4-1.6-2.4z'/%3e%3cg%3e%3cpath class='st0' d='M138.6 313.6h-4.2c-8.4 0-14.7-7.6-13.2-15.8l50.4-283.4C73.1 47.3 2 140.2 2 249.7c0 137 111 248 248 248V313.6H138.6zM358 213h11.6c9.7 0 16.2 10 12.3 18.8L264.5 497.3C394.7 489.8 498 381.8 498 249.7c0-110.5-72.2-204-172-236.1L281 213h77z'/%3e%3c/g%3e%3c/svg%3e");
  --B-betofferCategories__filterFontSize--selected: 14px;
  --B-betofferCategories__textShadow: 0px -1px 0px #000;
  --B-betofferCategories__filterIconPositionTop: 20px;
  --B-betofferCategories__filterIconPositionRight: -16px;
  --B-betofferCategories__noContentTextColor: #ffffff;
  --B-betofferCategories__noContentTextShadow: none;
}

[data-betty-theme='icon--favourite'] {
  --B-favourites__iconFill: var(--B-color__onSurface_weaker);
  --B-favourites__iconFill--hover: var(--B-color__onSurface_weaker--hover);
  --B-favourites__iconFill--active: var(--B-color__onSurface_weaker--active);
}

[data-betty-theme='icon--favourite--selected'] {
  --B-favourites__iconSelectedFill: var(--B-color__onFavorite);
  --B-favourites__iconSelectedFill--hover: var(--B-color__onFavorite--hover);
  --B-favourites__iconSelectedFill--active: var(--B-color__onFavorite--active);
}

/* header favourites icon variation */

[data-betty-theme='icon--headerfavourite'] {
  --B-favourites__iconFill: var(--B-color__onCanvas_weaker, #a0a0a0);
  --B-favourites__iconFill--hover: var(
    --B-color__onCanvas_weaker--hover,
    #a0a0a0
  );
  --B-favourites__iconFill--active: var(
    --B-color__onCanvas_weaker--active,
    #a0a0a0
  );
}

[data-betty-theme='icon--headerfavourite--selected'] {
  --B-favourites__iconSelectedFill: var(--B-color__onFavorite);
  --B-favourites__iconSelectedFill--hover: var(--B-color__onFavorite--hover);
  --B-favourites__iconSelectedFill--active: var(--B-color__onFavorite--active);
}

/* scoreboard favourites icon variation */

[data-betty-theme='icon--scoreboardFavourite'] {
  --B-favourites__iconFill: var(--B-color__onSurface_weaker);
  --B-favourites__iconFill--hover: var(--B-color__onSurface_weaker--hover);
  --B-favourites__iconFill--active: var(--B-color__onSurface_weaker--active);
}

[data-betty-theme='icon--scoreboardFavourite--selected'] {
  --B-favourites__iconSelectedFill: var(--B-color__onFavorite);
  --B-favourites__iconSelectedFill--hover: var(--B-color__onFavorite--hover);
  --B-favourites__iconSelectedFill--active: var(--B-color__onFavorite--active);
}

[data-betty-theme='icon--sandwichFilterStats'] {
  --B-icon__fill: var(--B-sandwichFilter__statsExternalIconColor);
  --B-icon__size: var(--B-sandwichFilter__statsExternalIconFontSize, 24px);
}

[data-betty-theme='icon--sandwichFilterStreaming'] {
  --B-icon__fill: var(--B-sandwichFilter__streamExternalIconColor);
  --B-icon__size: var(--B-sandwichFilter__streamExternalIconFontSize, 24px);
}

[data-betty-theme='icon--sandwichFilterSplashTick'] {
  --B-icon__fill: var(--B-sandwichFilter__leagueHighlightIconBackground);
  --B-icon__size: var(--B-sandwichFilter__streamExternalIconFontSize, 25px);
}

[data-betty-theme='icon--betslipClose'] {
  --B-icon__size: var(--B-sandwichFilter__betslipCloseIconFontSize, 23px);
}

[data-betty-theme='icon--betslipCancelRounded'] {
  --B-icon__size: var(--B-betslip__cancelIconFontSize, 16px);
}

[data-betty-theme='icon--betslipHeaderIcon'] {
  --B-icon__fill: var(--B-betslipHeader__buttonColor);
  --B-icon__size: var(--B-betslipHeader__buttonFontSize, 26px);
}

/* Icons used in the Sticker component */

/* it needs the sticker data-betty-theme */

/* to get the correct colors based on the sticker variation */

[data-betty-theme='sticker--secondChance'],
[data-betty-theme='sticker--oddsBoost'],
[data-betty-theme='sticker--freeBet'],
[data-betty-theme='sticker--special'],
[data-betty-theme='sticker--promotionsEarlySettlement'],
[data-betty-theme='sticker--profitBoost'] {
  --B-icon__fill: var(--B-sticker__color);
  --B-icon__size: var(--B-sticker__iconSize, 12px);
}

@media (max-width: 600px) {
  [data-betty-theme='icon--sandwichFilterStats'] {
    --B-icon__size: 20px;
  }
  [data-betty-theme='icon--sandwichFilterStreaming'] {
    --B-icon__size: 20px;
  }
}

[data-betty-theme] {
  --B-sitemap__padding: 8px 16px 0;
  --B-sitemap__contentPadding: 24px;
  --B-sitemap__borderRadius: 8px;
  --B-sitemap__background: var(--B-color__surface);
  --B-sitemap__shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  --B-sitemap__linkFontSize: 14px;
  --B-sitemap__linkLineHeight: 24px;
  --B-sitemap__linkFontWeight: 400;
  --B-sitemap__linkColor: var(--B-color__onSurface);
  --B-sitemap__linkColorHover: var(--B-color__onSurface--hover);
  --B-sitemap__linkColorActive: var(--B-color__onSurface--active);
  --B-sitemap__linkGap: 12px;
  --B-sitemap__titleLinkFontSize: 16px;
  --B-sitemap__titleLinkLineHeight: 24px;
  --B-sitemap__titleLinkFontWeight: 800;
}


[data-betty-theme] {
  --B-betslip__compressedModKambibcBetslipSummaryCashOutContainerMarginBottom: 0;
  --B-betslip__compressedModKambibcBetslipSummaryPlaceBetContentMarginTop: 0;
  --B-betslip__modKambibcBetslipTabsTabSelectedAfterBackground: #fff;
  --B-betslip__modKambibcBetslipTeaserContainerReactCollapsableNotCollapsedMarginBottom: 0px;
  --B-betslip__modKambibcBetslipSpinnerInnerBorderTop: 2px solid
    rgba(255, 255, 255, 0.7);
  --B-betslip__modKambibcBetslipSpinnerInnerBorderBottom: 2px solid
    rgba(255, 255, 255, 0.7);
  --B-betslip__modKambibcBetslipRewardsContainerReactCollapsableHeaderTouchFeedbackBackground: #fff;
  --B-betslip__modKambibcBetslipRewardsContainerReactCollapsableHeaderColor: rgba(
    0,
    0,
    0,
    0.87
  );
  --B-betslip__modKambibcBetslipRewardsContainerReactCollapsableHeaderTitleFontWeight: 700;
  --B-betslip__modKambibcBetslipRewardsContainerReactCollapsableHeaderAfterBorderColor: rgba(
    0,
    0,
    0,
    0.56
  );
  --B-betslip__modKambibcBetslipSystemDetailsTableThColor: rgba(0, 0, 0, 0.87);
  --B-betslip__modKambibcBetslipClearBtnPadding: 2px 10px 2px 0;
  --B-betslip__modKambibcBetslipOutcomeInfoMargin: 4px 0;
  --B-betslip__modKambibcBetslipOutcomeInfoFirstOfTypeMarginTop: 0;
  --B-betslip__modKambibcBetslipOutcomeInfoDivFirstOfTypeDisplay: inline-flex;
  --B-betslip__modKambibcBetslipOutcomeInfoDivFirstOfTypeAlignItems: flex-start;
  --B-betslip__modKambibcBetslipOutcomeInfoDivFirstOfTypeMarginBottom: 4px;
  --B-betslip__modKambibcBetslipSummaryPaddingTop: 12px;
  --B-betslip__modKambibcBetslipSummaryLabelLineHeight: 24px;
  --B-betslip__modKambibcBetslipSummaryLabelHeight: 24px;
  --B-betslip__modKambibcBetslipClearBtnWrapperBackground: #f5f5f5;
  --B-betslip__modKambibcBetslipClearBtnWrapperBorderBottom: 1px solid #ddd;
  --B-betslip__modKambibcBetslipClearBtnWrapperBorderTop: 1px solid #ddd;
  --B-betslip__modKambibcBetslipOutcomeClosedOddsColor: #ef382b;
  --B-betslip__modKambibcBetslipOutcomeClosedOddsFontSize: 14px;
  --B-betslip__modKambibcBetslipOutcomeClosedOddsTextTransform: uppercase;
  --B-betslip__modKambibcBetslipOutcomeClosedCloseBtnBeforeColor: #a8a8a8;
  --B-betslip__modKambibcBetslipOutcomeSuspendedOddsFontSize: 14px;
  --B-betslip__modKambibcBetslipSummaryTotalOddsIncreasingBeforeBackground: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0l5 7H0' fill='%2300D388' fill-rule='evenodd'/%3E%3C/svg%3E");
  --B-betslip__modKambibcBetslipOutcomeOddsIncreasingBeforeBackground: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0l5 7H0' fill='%2300D388' fill-rule='evenodd'/%3E%3C/svg%3E");
  --B-betslip__modKambibcBetslipSummaryTotalOddsDecreasingBeforeBackground: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L0 0h10' fill='%23EF382B' fill-rule='evenodd'/%3E%3C/svg%3E");
  --B-betslip__modKambibcBetslipOutcomeOddsDecreasingBeforeBackground: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L0 0h10' fill='%23EF382B' fill-rule='evenodd'/%3E%3C/svg%3E");
  --B-betslip__kambibcUtilNoToucheventsModBetslipPlaceBetBtnNotDisabledHoverBackgroundColor: #158067;
  --B-betslip__kambibcUtilNoToucheventsModBetslipPlaceBetBtnNotDisabledTouchFeedbackHoverBackground: #0e5544;
  --B-betslip__modKambibcBetslipPlaceBetBtnNotDisabledTouchFeedbackHoverActiveBackground: #0e5544;
  --B-betslip__modKambibcBetslipPlaceBetBtnNotDisabledTouchFeedbackBackground: #0e5544;
  --B-betslip__kambibcUtilNoToucheventsModBetslipApproveOddsBtnHoverBackgroundColor: #158067;
  --B-betslip__kambibcUtilNoToucheventsModBetslipApproveOddsBtnTouchFeedbackHoverBackground: #0e5544;
  --B-betslip__modKambibcBetslipApproveOddsBtnTouchFeedbackHoverActiveBackground: #0e5544;
  --B-betslip__modKambibcBetslipApproveOddsBtnTouchFeedbackBackground: #0e5544;
  --B-betslip__modKambibcBetslipRewardsContainerBackgroundColor: #f5f5f5;
  --B-betslip__modKambibcBetslipRewardsContainerBorderTop: 0;
  --B-betslip__modKambibcBetslipRewardsContainerListReactRewardOnlyChildBackgroundColor: #fff;
  --B-betslip__modKambibcBetslipReactCollapsableContainerContentBackgroundColor: #f5f5f5;
  --B-betslip__modKambibcBetslipReactCollapsableContainerContentBorderTop: 1px
    solid rgba(0, 0, 0, 0.08);
  --B-betslip__modKambibcBetslipSummaryValueFontWeight: bold;
  --B-betslip__modKambibcBetslipSummaryValueLineHeight: 18px;
  --B-betslip__modKambibcBetslipSummaryValueHeight: 18px;
  --B-betslip__modKambibcBetslipReceiptHeaderBackgroundColor: #00263a;
  --B-betslip__modKambibcBetslipReceiptHeaderColor: #fff;
  --B-betslip__modKambibcBetslipReceiptHeaderEventTimeColor: rgba(
    255,
    255,
    255,
    0.7
  );
  --B-betslip__modKambibcBetslipReceiptHeaderIdColor: rgba(255, 255, 255, 0.7);
  --B-betslip__modKambibcBetslipReceiptOutcomeItemEventGroupModularizedPathFragmentcontainerColor: rgba(
    0,
    0,
    0,
    0.54
  );
  --B-betslip__modKambibcBetslipReceiptOutcomeItemHeaderPColor: rgba(
    0,
    0,
    0,
    0.54
  );
  --B-betslip__modKambibcBetslipReceiptOutcomeItemCriteriaColor: rgba(
    0,
    0,
    0,
    0.54
  );
  --B-betslip__modKambibcBetslipReceiptLabelColor: rgba(0, 0, 0, 0.54);
  --B-betslip__modKambibcBetslipReceiptOutcomeItemHeaderHarmonizedPColor: #00263a;
  --B-betslip__modKambibcBetslipPReceiptOutcomeItemOddsWrapperSpanBetConfirmationFontWeight: bold;
  --B-betslip__modKambibcBetslipReceiptOutcomeItemBottomWrapperFontWeight: bold;
  --B-betslip__modKambibcBetslipPrintReceiptOutcomeItemEventLinkFontWeight: bold;
  --B-betslip__modKambibcBetslipReceiptRetainSelectionVerticalAlign: middle;
  --B-betslip__modKambibcBetslipPbaCurrencyColor: #ffd23b;
  --B-betslip__modKambibcBetslipPbaPunterProfilesContainerReactCollapsableHeaderColor: #ffd23b;
  --B-betslip__modKambibcBetslipFeedbackCurrencyColor: #ffd23b;
  --B-betslip__modKambibcBetslipFeedbackOddsColor: #ffd23b;
}