[data-betty-theme] { /* font-size */ --B-font__primary: Avenir Next, sans-serif; --B-font__secondary: Bebas Neue Pro, sans-serif; } [data-betty-theme] { /* Semantic/Theme */ --B-color__theme: #192033; --B-color__onTheme: #ffffff; --B-color__onTheme--hover: var(--B-color__onTheme); --B-color__onTheme--active: var(--B-color__onTheme); --B-color__onTheme_weaker: #b5c9ff; --B-color__onTheme_weaker--hover: var(--B-color__onTheme_weaker); --B-color__onTheme_weaker--active: var(--B-color__onTheme_weaker); --B-color__theme--hover: #202941; --B-color__theme--active: #232d48; --B-color__themeBorder: rgba(255, 255, 255, 0.16); /* Semantic/ThemeLight */ --B-color__themeLight: #eaedf5; --B-color__onThemeLight: #101523; --B-color__onThemeLight--hover: var(--B-color__onThemeLight); --B-color__onThemeLight--active: var(--B-color__onThemeLight); --B-color__onThemeLight_weaker: #5d6fa2; --B-color__onThemeLight_weaker--hover: var(--B-color__onThemeLight_weaker); --B-color__onThemeLight_weaker--active: var(--B-color__onThemeLight_weaker); --B-color__themeLight--hover: #e3e7f2; --B-color__themeLight--active: #e0e4f0; --B-color__themeLightBorder: rgba(0, 0, 0, 0.12); /* Semantic/ThemeDark */ --B-color__themeDark: #192033; --B-color__onThemeDark: #ffffff; --B-color__onThemeDark--hover: var(--B-color__onThemeDark); --B-color__onThemeDark--active: var(--B-color__onThemeDark); --B-color__onThemeDark_weaker: #8492b9; --B-color__onThemeDark_weaker--hover: var(--B-color__onThemeDark_weaker); --B-color__onThemeDark_weaker--active: var(--B-color__onThemeDark_weaker); --B-color__themeDark--hover: #29324a; --B-color__themeDark--active: #384b7d; --B-color__themeDarkBorder: rgba(118, 139, 195, 0.4); /* Semantic/Canvas */ --B-color__canvas: #101523; --B-color__onCanvas: #ffffff; --B-color__onCanvas--hover: var(--B-color__onCanvas); --B-color__onCanvas--active: var(--B-color__onCanvas); --B-color__onCanvas_weaker: #b4c7fb; --B-color__onCanvas_weaker--hover: var(--B-color__onCanvas_weaker); --B-color__onCanvas_weaker--active: var(--B-color__onCanvas_weaker); --B-color__canvas--hover: #161d31; --B-color__canvas--active: #1a2238; --B-color__canvasBorder: rgba(118, 139, 195, 0.4); /* Semantic/Surface */ --B-color__surface: #f6f8fe; --B-color__onSurface: #101523; --B-color__onSurface--hover: var(--B-color__onSurface); --B-color__onSurface--active: var(--B-color__onSurface); --B-color__onSurface_weaker: #5d6fa2; --B-color__onSurface_weaker--hover: #566e9f; --B-color__onSurface_weaker--active: #526998; --B-color__surface--hover: #f1f4fd; --B-color__surface--active: #edf1fd; --B-color__surfaceBorder: rgba(118, 139, 195, 0.4); /* Semantic/SurfaceAlternative */ --B-color__surfaceAlternative: var(--B-color__surface--hover); --B-color__onSurfaceAlternative: #101523; --B-color__onSurfaceAlternative--hover: var(--B-color__onSurfaceAlternative); --B-color__onSurfaceAlternative--active: var(--B-color__onSurfaceAlternative); --B-color__onSurfaceAlternative_weaker: #536492; --B-color__onSurfaceAlternative_weaker--hover: var( --B-color__onSurfaceAlternative_weaker ); --B-color__onSurfaceAlternative_weaker--active: var( --B-color__onSurfaceAlternative_weaker ); --B-color__surfaceAlternative--hover: #dfe6fa; --B-color__surfaceAlternative--active: #d6dff9; --B-color__surfaceAlternativeBorder: rgba(0, 0, 0, 0.12); /* Semantic/SurfaceHeader */ --B-color__surfaceHeader: #d9dfef; --B-color__onSurfaceHeader: #101523; --B-color__onSurfaceHeader--hover: var(--B-color__onSurfaceHeader); --B-color__onSurfaceHeader--active: var(--B-color__onSurfaceHeader); --B-color__onSurfaceHeader_weaker: #273356; --B-color__onSurfaceHeader_weaker--hover: var( --B-color__onSurfaceHeader_weaker ); --B-color__onSurfaceHeader_weaker--active: var( --B-color__onSurfaceHeader_weaker ); --B-color__surfaceHeader--hover: #cbd3e9; --B-color__surfaceHeader--active: #c3cde6; --B-color__surfaceHeaderBorder: rgba(0, 0, 0, 0.12); /* Semantic/Highlight */ --B-color__highlight: #ffc400; --B-color__onHighlight: #12192b; --B-color__onHighlight--hover: var(--B-color__onHighlight); --B-color__onHighlight--active: var(--B-color__onHighlight); --B-color__onHighlight_weaker: #54491f; --B-color__onHighlight_weaker--hover: var(--B-color__onHighlight_weaker); --B-color__onHighlight_weaker--active: var(--B-color__onHighlight_weaker); --B-color__highlight--hover: #cc9d00; --B-color__highlight--active: #ffc400; --B-color__highlightBorder: rgba(255, 255, 0, 0.6); /* Semantic/Reward */ --B-color__reward: var(--B-color__highlight); --B-color__onReward: var(--B-color__onHighlight); --B-color__onReward--hover: var(--B-color__onHighlight--hover); --B-color__onReward--active: var(--B-color__onHighlight--active); --B-color__onReward_weaker: var(--B-color__onHighlight_weaker); --B-color__onReward_weaker--hover: var(--B-color__onHighlight_weaker--hover); --B-color__onReward_weaker--active: var( --B-color__onHighlight_weaker--active ); --B-color__reward--hover: var(--B-color__highlight--hover); --B-color__reward--active: var(--B-color__highlight--active); --B-color__rewardBorder: var(--B-color__highlightBorder); /* Semantic/Transaction */ --B-color__transaction: #009a5f; --B-color__onTransaction: #fff; --B-color__onTransaction--hover: var(--B-color__onTransaction); --B-color__onTransaction--active: var(--B-color__onTransaction); --B-color__onTransaction_weaker: #c7e9dc; --B-color__onTransaction_weaker--hover: var(--B-color__onTransaction_weaker); --B-color__onTransaction_weaker--active: var(--B-color__onTransaction_weaker); --B-color__transaction--hover: #00804f; --B-color__transaction--active: #00b26e; --B-color__transactionBorder: rgba(0, 254, 189, 0.6); /* Semantic/Header */ --B-color__header: var(--B-color__theme); --B-color__onHeader: #ffffff; --B-color__onHeader--hover: var(--B-color__onHeader); --B-color__onHeader--active: var(--B-color__onHeader); --B-color__onHeader_weaker: #b4c7fb; --B-color__onHeader_weaker--hover: var(--B-color__onHeader_weaker); --B-color__onHeader_weaker--active: var(--B-color__onHeader_weaker); --B-color__header--hover: #29324a; --B-color__header--active: #384b7d; --B-color__headerBorder: rgba(118, 139, 195, 0.4); /* Semantic/Outcome */ --B-color__outcome: #d9dfef; --B-color__onOutcome: #101523; --B-color__onOutcome--hover: var(--B-color__onOutcome); --B-color__onOutcome--active: var(--B-color__onOutcome); --B-color__onOutcome_weaker: #0040a0; --B-color__onOutcome_weaker--hover: var(--B-color__onOutcome_weaker); --B-color__onOutcome_weaker--active: var(--B-color__onOutcome_weaker); --B-color__outcome--hover: #acbef1; --B-color__outcome--active: #768bc3; --B-color__outcomeBorder: #c1c9df; /* Semantic/Selected */ --B-color__selected: #0345a7; --B-color__onSelected: #e6ecf6; --B-color__onSelected--hover: var(--B-color__onSelected); --B-color__onSelected--active: var(--B-color__onSelected); --B-color__onSelected_weaker: #b4c7e5; --B-color__onSelected_weaker--hover: var(--B-color__onSelected_weaker); --B-color__onSelected_weaker--active: var(--B-color__onSelected_weaker); --B-color__selected--hover: #00317a; --B-color__selected--active: #002966; --B-color__selectedBorder: #0069ca; /* Semantic/ButtonA */ --B-color__buttonA: #d9dfef; --B-color__onButtonA: #101523; --B-color__onButtonA--hover: var(--B-color__onButtonA); --B-color__onButtonA--active: var(--B-color__onButtonA); --B-color__onButtonA_weaker: #192033; --B-color__onButtonA_weaker--hover: var(--B-color__onButtonA_weaker); --B-color__onButtonA_weaker--active: var(--B-color__onButtonA_weaker); --B-color__buttonA--hover: #acbef1; --B-color__buttonA--active: #768bc3; --B-color__buttonABorder: rgba(118, 139, 195, 0.4); /* Semantic/ButtonB */ --B-color__buttonB: var(--B-color__theme); --B-color__onButtonB: #ffffff; --B-color__onButtonB--hover: var(--B-color__onButtonB); --B-color__onButtonB--active: var(--B-color__onButtonB); --B-color__onButtonB_weaker: #b4c7fb; --B-color__onButtonB_weaker--hover: var(--B-color__onButtonB_weaker); --B-color__onButtonB_weaker--active: var(--B-color__onButtonB_weaker); --B-color__buttonB--hover: #29324a; --B-color__buttonB--active: #384b7d; --B-color__buttonBBorder: rgba(118, 139, 195, 0.4); /* Semantic/ButtonGhostA */ --B-color__buttonGhostA: rgba(0, 0, 0, 0); --B-color__onButtonGhostA: var(--B-color__onSurface); --B-color__onButtonGhostA--hover: var(--B-color__onButtonGhostA); --B-color__onButtonGhostA--active: var(--B-color__onButtonGhostA); --B-color__onButtonGhostA_weaker: rgba(12, 15, 25, 0.72); --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(1, 1, 1, 0.04); --B-color__buttonGhostA--active: rgba(1, 1, 2, 0.06); --B-color__buttonGhostABorder: rgba(0, 0, 0, 0.12); /* Semantic/ButtonGhostB */ --B-color__buttonGhostB: rgba(255, 255, 255, 0); --B-color__onButtonGhostB: #b5c9ff; --B-color__onButtonGhostB--hover: var(--B-color__onButtonGhostB); --B-color__onButtonGhostB--active: var(--B-color__onButtonGhostB); --B-color__onButtonGhostB_weaker: rgba(197, 213, 255, 0.78); --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(252, 253, 255, 0.04); --B-color__buttonGhostB--active: rgba(251, 252, 255, 0.06); --B-color__buttonGhostBBorder: rgba(118, 139, 195, 0.4); /* Semantic/Input */ --B-color__input: var(--B-color__theme); --B-color__onInput: #e8e9eb; --B-color__onInput--hover: var(--B-color__onInput); --B-color__onInput--active: var(--B-color__onInput); --B-color__onInput_weaker: #babdc3; --B-color__onInput_weaker--hover: var(--B-color__onInput_weaker); --B-color__onInput_weaker--active: var(--B-color__onInput_weaker); --B-color__input--hover: #202941; --B-color__input--active: #232d48; --B-color__inputBorder: rgba(255, 255, 255, 0.16); /* 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(255, 255, 255, 0.16); --B-color__onDisabledOnDark: rgba(255, 255, 255, 0.3); /* Semantic/Promo */ --B-color__promo: var(--B-color__theme); --B-color__onPromo: #ffffff; --B-color__onPromo--hover: var(--B-color__onPromo); --B-color__onPromo--active: var(--B-color__onPromo); --B-color__onPromo_weaker: #b4c7fb; --B-color__onPromo_weaker--hover: var(--B-color__onPromo_weaker); --B-color__onPromo_weaker--active: var(--B-color__onPromo_weaker); --B-color__promo--hover: #202941; --B-color__promo--active: #232d48; --B-color__promoBorder: rgba(255, 255, 255, 0.16); /* Semantic/Toaster */ --B-color__toaster: #192033; --B-color__onToaster: #ffffff; --B-color__onToaster--hover: var(--B-color__onToaster); --B-color__onToaster--active: var(--B-color__onToaster); --B-color__onToaster_weaker: #b4c7fb; --B-color__onToaster_weaker--hover: var(--B-color__onToaster_weaker); --B-color__onToaster_weaker--active: var(--B-color__onToaster_weaker); --B-color__toaster--hover: #202941; --B-color__toaster--active: #232d48; --B-color__toasterBorder: rgba(118, 139, 195, 0.4); /* Semantic/ToasterRing */ --B-color__toasterRing: #000000; /* Semantic/SandwichRow0 */ --B-color__sandwichRow0: var(--B-color__theme); --B-color__onSandwichRow0: #ffffff; --B-color__onSandwichRow0--hover: var(--B-color__onSandwichRow0); --B-color__onSandwichRow0--active: var(--B-color__onSandwichRow0); --B-color__onSandwichRow0_weaker: #ccced2; --B-color__onSandwichRow0_weaker--hover: var( --B-color__onSandwichRow0_weaker ); --B-color__onSandwichRow0_weaker--active: var( --B-color__onSandwichRow0_weaker ); --B-color__sandwichRow0--hover: #1d253a; --B-color__sandwichRow0--active: #202941; --B-color__sandwichRow0Border: rgba(193, 201, 223, 0.4); /* Semantic/SandwichRow1 */ --B-color__sandwichRow1: #f6f8fe; --B-color__onSandwichRow1: #101523; --B-color__onSandwichRow1--hover: var(--B-color__onSandwichRow1); --B-color__onSandwichRow1--active: var(--B-color__onSandwichRow1); --B-color__onSandwichRow1_weaker: #505560; --B-color__onSandwichRow1_weaker--hover: var( --B-color__onSandwichRow1_weaker ); --B-color__onSandwichRow1_weaker--active: var( --B-color__onSandwichRow1_weaker ); --B-color__sandwichRow1--hover: #acbef1; --B-color__sandwichRow1--active: #768bc3; --B-color__sandwichRow1Border: rgba(193, 201, 223, 0.4); /* Semantic/SandwichRow2 */ --B-color__sandwichRow2: #f6f8fe; --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: #505560; --B-color__onSandwichRow2_weaker--hover: var( --B-color__onSandwichRow2_weaker ); --B-color__onSandwichRow2_weaker--active: var( --B-color__onSandwichRow2_weaker ); --B-color__sandwichRow2--hover: #acbef1; --B-color__sandwichRow2--active: #768bc3; --B-color__sandwichRow2Border: rgba(193, 201, 223, 0.4); /* Semantic/SandwichRow3 */ --B-color__sandwichRow3: #f6f8fe; --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: #505560; --B-color__onSandwichRow3_weaker--hover: var( --B-color__onSandwichRow3_weaker ); --B-color__onSandwichRow3_weaker--active: var( --B-color__onSandwichRow3_weaker ); --B-color__sandwichRow3--hover: #acbef1; --B-color__sandwichRow3--active: #768bc3; --B-color__sandwichRow3Border: rgba(193, 201, 223, 0.4); /* Semantic/SandwichRow0Selected */ --B-color__sandwichRow0Selected: #d9dfef; --B-color__onSandwichRow0Selected: #101523; --B-color__onSandwichRow0Selected--hover: var( --B-color__onSandwichRow0Selected ); --B-color__onSandwichRow0Selected--active: var( --B-color__onSandwichRow0Selected ); --B-color__onSandwichRow0Selected_weaker: #484e5c; --B-color__onSandwichRow0Selected_weaker--hover: var( --B-color__onSandwichRow0Selected_weaker ); --B-color__onSandwichRow0Selected_weaker--active: var( --B-color__onSandwichRow0Selected_weaker ); --B-color__sandwichRow0Selected--hover: #cbd3e9; --B-color__sandwichRow0Selected--active: #c3cde6; --B-color__sandwichRow0SelectedBorder: rgba(193, 201, 223, 0.4); /* Semantic/SandwichRow1Selected */ --B-color__sandwichRow1Selected: #1d2333; --B-color__onSandwichRow1Selected: #ffffff; --B-color__onSandwichRow1Selected--hover: var( --B-color__onSandwichRow1Selected ); --B-color__onSandwichRow1Selected--active: var( --B-color__onSandwichRow1Selected ); --B-color__onSandwichRow1Selected_weaker: #cdcfd2; --B-color__onSandwichRow1Selected_weaker--hover: var( --B-color__onSandwichRow1Selected_weaker ); --B-color__onSandwichRow1Selected_weaker--active: var( --B-color__onSandwichRow1Selected_weaker ); --B-color__sandwichRow1Selected--hover: #242c40; --B-color__sandwichRow1Selected--active: #283046; --B-color__sandwichRow1SelectedBorder: rgba(118, 139, 195, 0.4); /* 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: #cdcfd2; --B-color__onSandwichRow2Selected_weaker--hover: var( --B-color__onSandwichRow2Selected_weaker ); --B-color__onSandwichRow2Selected_weaker--active: var( --B-color__onSandwichRow2Selected_weaker ); --B-color__sandwichRow2Selected--hover: #242c40; --B-color__sandwichRow2Selected--active: #283046; --B-color__sandwichRow2SelectedBorder: rgba(118, 139, 195, 0.4); /* 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: #cdcfd2; --B-color__onSandwichRow3Selected_weaker--hover: var( --B-color__onSandwichRow3Selected_weaker ); --B-color__onSandwichRow3Selected_weaker--active: var( --B-color__onSandwichRow3Selected_weaker ); --B-color__sandwichRow3Selected--hover: #242c40; --B-color__sandwichRow3Selected--active: #283046; --B-color__sandwichRow3SelectedBorder: rgba(118, 139, 195, 0.4); /* 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: #b3b3b3; --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, 209, 56, 0.78); --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, 253, 245, 0.04); --B-color__betslipErrorPrimary--active: rgba(255, 251, 240, 0.06); --B-color__betslipErrorPrimaryBorder: rgba(255, 255, 255, 0.16); /* 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(236, 236, 236, 0.78); --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(255, 255, 255, 0.16); /* Semantic/Success */ --B-color__success: #009a5f; --B-color__onSuccess: #fff; --B-color__onSuccess--hover: var(--B-color__onSuccess); --B-color__onSuccess--active: var(--B-color__onSuccess); --B-color__onSuccess_weaker: #c7e9dc; --B-color__onSuccess_weaker--hover: var(--B-color__onSuccess_weaker); --B-color__onSuccess_weaker--active: var(--B-color__onSuccess_weaker); --B-color__success--hover: #008652; --B-color__success--active: #007b4c; --B-color__successBorder: rgba(255, 255, 255, 0.16); /* Semantic/Warning */ --B-color__warning: #ffc400; --B-color__onWarning: #332700; --B-color__onWarning--hover: var(--B-color__onWarning); --B-color__onWarning--active: var(--B-color__onWarning); --B-color__onWarning_weaker: #6c5300; --B-color__onWarning_weaker--hover: var(--B-color__onWarning_weaker); --B-color__onWarning_weaker--active: var(--B-color__onWarning_weaker); --B-color__warning--hover: #ebb400; --B-color__warning--active: #e0ac00; --B-color__warningBorder: rgba(0, 0, 0, 0.12); /* Semantic/Danger */ --B-color__danger: #ff0000; --B-color__onDanger: #fff; --B-color__onDanger--hover: var(--B-color__onDanger); --B-color__onDanger--active: var(--B-color__onDanger); --B-color__onDanger_weaker: #ffc7c7; --B-color__onDanger_weaker--hover: var(--B-color__onDanger_weaker); --B-color__onDanger_weaker--active: var(--B-color__onDanger_weaker); --B-color__danger--hover: #eb0000; --B-color__danger--active: #e00000; --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: #d2d2d2; --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: #fff; --B-color__onBetWon--hover: var(--B-color__onBetWon); --B-color__onBetWon--active: var(--B-color__onBetWon); --B-color__onBetWon_weaker: #c7e9dc; --B-color__onBetWon_weaker--hover: var(--B-color__onBetWon_weaker); --B-color__onBetWon_weaker--active: var(--B-color__onBetWon_weaker); --B-color__betWon--hover: #008652; --B-color__betWon--active: #007b4c; --B-color__betWonBorder: rgba(255, 255, 255, 0.16); /* Semantic/BetOpen */ --B-color__betOpen: var(--B-color__warning); --B-color__onBetOpen: #332700; --B-color__onBetOpen--hover: var(--B-color__onBetOpen); --B-color__onBetOpen--active: var(--B-color__onBetOpen); --B-color__onBetOpen_weaker: #6c5300; --B-color__onBetOpen_weaker--hover: var(--B-color__onBetOpen_weaker); --B-color__onBetOpen_weaker--active: var(--B-color__onBetOpen_weaker); --B-color__betOpen--hover: #ebb400; --B-color__betOpen--active: #e0ac00; --B-color__betOpenBorder: rgba(0, 0, 0, 0.12); /* Semantic/BetLost */ --B-color__betLost: var(--B-color__danger); --B-color__onBetLost: #fff; --B-color__onBetLost--hover: var(--B-color__onBetLost); --B-color__onBetLost--active: var(--B-color__onBetLost); --B-color__onBetLost_weaker: #ffc7c7; --B-color__onBetLost_weaker--hover: var(--B-color__onBetLost_weaker); --B-color__onBetLost_weaker--active: var(--B-color__onBetLost_weaker); --B-color__betLost--hover: #eb0000; --B-color__betLost--active: #e00000; --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: #d2d2d2; --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: #ffc400; --B-color__onCashOut: #12192b; --B-color__onCashOut--hover: var(--B-color__onCashOut); --B-color__onCashOut--active: var(--B-color__onCashOut); --B-color__onCashOut_weaker: #54491f; --B-color__onCashOut_weaker--hover: var(--B-color__onCashOut_weaker); --B-color__onCashOut_weaker--active: var(--B-color__onCashOut_weaker); --B-color__cashOut--hover: #cc9d00; --B-color__cashOut--active: #ffc400; --B-color__cashOutBorder: rgba(255, 255, 0, 0.6); /* Semantic/Live */ --B-color__live: #ff003c; --B-color__onLive: #fff; --B-color__onLive--hover: var(--B-color__onLive); --B-color__onLive--active: var(--B-color__onLive); --B-color__onLive_weaker: #ffc7d4; --B-color__onLive_weaker--hover: var(--B-color__onLive_weaker); --B-color__onLive_weaker--active: var(--B-color__onLive_weaker); --B-color__live--hover: #ad0029; --B-color__live--active: #85001f; --B-color__liveBorder: rgba(255, 255, 255, 0.16); /* Semantic/Favorite */ --B-color__favorite: rgba(0, 0, 0, 0); --B-color__onFavorite: #ffc400; --B-color__onFavorite--hover: #f5bc00; --B-color__onFavorite--active: #e6b100; --B-color__onFavorite_weaker: rgba(199, 153, 0, 0.78); --B-color__onFavorite_weaker--hover: var(--B-color__onFavorite_weaker); --B-color__onFavorite_weaker--active: var(--B-color__onFavorite_weaker); --B-color__favorite--hover: rgba(0, 0, 0, 0.12); --B-color__favorite--active: rgba(0, 0, 0, 0.2); --B-color__favoriteBorder: rgba(255, 255, 255, 0.16); /* Semantic/OddsBoost */ --B-color__oddsBoost: #81a2fc; --B-color__onOddsBoost: #101523; --B-color__onOddsBoost--hover: var(--B-color__onOddsBoost); --B-color__onOddsBoost--active: var(--B-color__onOddsBoost); --B-color__onOddsBoost_weaker: #303c60; --B-color__onOddsBoost_weaker--hover: var(--B-color__onOddsBoost_weaker); --B-color__onOddsBoost_weaker--active: var(--B-color__onOddsBoost_weaker); --B-color__oddsBoost--hover: #6781ca; --B-color__oddsBoost--active: #768bc3; --B-color__oddsBoostBorder: rgba(0, 0, 0, 0.12); /* Semantic/ProfitBoost */ --B-color__profitBoost: #81a2fc; --B-color__onProfitBoost: #101523; --B-color__onProfitBoost--hover: var(--B-color__onProfitBoost); --B-color__onProfitBoost--active: var(--B-color__onProfitBoost); --B-color__onProfitBoost_weaker: #303c60; --B-color__onProfitBoost_weaker--hover: var(--B-color__onProfitBoost_weaker); --B-color__onProfitBoost_weaker--active: var(--B-color__onProfitBoost_weaker); --B-color__profitBoost--hover: #6781ca; --B-color__profitBoost--active: #768bc3; --B-color__profitBoostBorder: rgba(0, 0, 0, 0.12); /* Semantic/PriceBoost */ --B-color__priceBoost: #81a2fc; --B-color__onPriceBoost: #101523; --B-color__onPriceBoost--hover: var(--B-color__onPriceBoost); --B-color__onPriceBoost--active: var(--B-color__onPriceBoost); --B-color__onPriceBoost_weaker: #303c60; --B-color__onPriceBoost_weaker--hover: var(--B-color__onPriceBoost_weaker); --B-color__onPriceBoost_weaker--active: var(--B-color__onPriceBoost_weaker); --B-color__priceBoost--hover: #6781ca; --B-color__priceBoost--active: #768bc3; --B-color__priceBoostBorder: rgba(0, 0, 0, 0.12); /* Semantic/EachWay */ --B-color__eachWay: #81a2fc; --B-color__onEachWay: #101523; --B-color__onEachWay--hover: var(--B-color__onEachWay); --B-color__onEachWay--active: var(--B-color__onEachWay); --B-color__onEachWay_weaker: #303c60; --B-color__onEachWay_weaker--hover: var(--B-color__onEachWay_weaker); --B-color__onEachWay_weaker--active: var(--B-color__onEachWay_weaker); --B-color__eachWay--hover: #6781ca; --B-color__eachWay--active: #768bc3; --B-color__eachWayBorder: rgba(0, 0, 0, 0.12); /* Semantic/FreeBet */ --B-color__freeBet: #009a5f; --B-color__onFreeBet: #fff; --B-color__onFreeBet--hover: var(--B-color__onFreeBet); --B-color__onFreeBet--active: var(--B-color__onFreeBet); --B-color__onFreeBet_weaker: #c7e9dc; --B-color__onFreeBet_weaker--hover: var(--B-color__onFreeBet_weaker); --B-color__onFreeBet_weaker--active: var(--B-color__onFreeBet_weaker); --B-color__freeBet--hover: #00804f; --B-color__freeBet--active: #00b26e; --B-color__freeBetBorder: rgba(255, 255, 255, 0.16); /* Semantic/TeaserPlus */ --B-color__teaserPlus: #81a2fc; --B-color__onTeaserPlus: #101523; --B-color__onTeaserPlus--hover: var(--B-color__onTeaserPlus); --B-color__onTeaserPlus--active: var(--B-color__onTeaserPlus); --B-color__onTeaserPlus_weaker: #303c60; --B-color__onTeaserPlus_weaker--hover: var(--B-color__onTeaserPlus_weaker); --B-color__onTeaserPlus_weaker--active: var(--B-color__onTeaserPlus_weaker); --B-color__teaserPlus--hover: #6781ca; --B-color__teaserPlus--active: #768bc3; --B-color__teaserPlusBorder: rgba(0, 0, 0, 0.12); /* Semantic/SGP */ --B-color__sGP: #f3a831; --B-color__onSGP: #101523; --B-color__onSGP--hover: var(--B-color__onSGP); --B-color__onSGP--active: var(--B-color__onSGP); --B-color__onSGP_weaker: #503e27; --B-color__onSGP_weaker--hover: var(--B-color__onSGP_weaker); --B-color__onSGP_weaker--active: var(--B-color__onSGP_weaker); --B-color__sGP--hover: #f2ac45; --B-color__sGP--active: #f3b458; --B-color__sGPBorder: rgba(0, 0, 0, 0.12); /* Semantic/Special */ --B-color__special: #f3a831; --B-color__onSpecial: #101523; --B-color__onSpecial--hover: var(--B-color__onSpecial); --B-color__onSpecial--active: var(--B-color__onSpecial); --B-color__onSpecial_weaker: #503e27; --B-color__onSpecial_weaker--hover: var(--B-color__onSpecial_weaker); --B-color__onSpecial_weaker--active: var(--B-color__onSpecial_weaker); --B-color__special--hover: #f2ac45; --B-color__special--active: #f3b458; --B-color__specialBorder: rgba(0, 0, 0, 0.12); /* Semantic/SecondChance */ --B-color__secondChance: #81a2fc; --B-color__onSecondChance: #101523; --B-color__onSecondChance--hover: var(--B-color__onSecondChance); --B-color__onSecondChance--active: var(--B-color__onSecondChance); --B-color__onSecondChance_weaker: #303c60; --B-color__onSecondChance_weaker--hover: var( --B-color__onSecondChance_weaker ); --B-color__onSecondChance_weaker--active: var( --B-color__onSecondChance_weaker ); --B-color__secondChance--hover: #6781ca; --B-color__secondChance--active: #768bc3; --B-color__secondChanceBorder: rgba(0, 0, 0, 0.12); /* Semantic/EarlyPayout */ --B-color__earlyPayout: var(--B-color__transaction); --B-color__onEarlyPayout: #fff; --B-color__onEarlyPayout--hover: var(--B-color__onEarlyPayout); --B-color__onEarlyPayout--active: var(--B-color__onEarlyPayout); --B-color__onEarlyPayout_weaker: #c7e9dc; --B-color__onEarlyPayout_weaker--hover: var(--B-color__onEarlyPayout_weaker); --B-color__onEarlyPayout_weaker--active: var(--B-color__onEarlyPayout_weaker); --B-color__earlyPayout--hover: #00804f; --B-color__earlyPayout--active: #00b26e; --B-color__earlyPayoutBorder: rgba(255, 255, 255, 0.16); /* Semantic/New */ --B-color__new: #f3a831; --B-color__onNew: #31220a; --B-color__onNew--hover: var(--B-color__onNew); --B-color__onNew--active: var(--B-color__onNew); --B-color__onNew_weaker: #674815; --B-color__onNew_weaker--hover: var(--B-color__onNew_weaker); --B-color__onNew_weaker--active: var(--B-color__onNew_weaker); --B-color__new--hover: #f2ac45; --B-color__new--active: #f3b458; --B-color__newBorder: rgba(0, 0, 0, 0.12); /* Custom/ContextualStats */ --B-color__contextualStats: #e4eafc; /* Custom/PromoGradient */ /*--B-color__promoOverlay_start: rgba(25, 32, 51, 0.8);*/ /*--B-color__promoOverlay_end: rgba(25, 32, 51, 0.2);*/ /*--B-color__promoOverlayTranslucent_start: rgb(25, 32, 51);*/ /*--B-color__promoOverlayTranslucent_end: rgba(25, 32, 51, 0.8);*/ --B-color__duotoneGradient_start: rgb(25, 32, 51); --B-color__duotoneGradientOpacity_start: 0.8; --B-color__duotoneGradient_end: rgb(25, 32, 51); --B-color__duotoneGradientOpacity_end: 0.2; --B-color__duotone_stronger: #192033; --B-color__duotone_weaker: #ffffff; /* Custom/ScrollButtonGradient */ --B-color__scrollButtonCanvas_start: rgba(16, 21, 35, 0); --B-color__scrollButtonCanvas_end: rgb(16, 21, 35); --B-color__scrollButtonSurface_start: rgba(246, 248, 254, 0); --B-color__scrollButtonSurface_end: rgb(246, 248, 254); --B-color__scrollButtonEventList_start: rgba(246, 248, 254, 0); --B-color__scrollButtonEventList_end: rgb(246, 248, 254); --B-color__scrollButtonNavigationBar_start: rgba(25, 32, 51, 0); --B-color__scrollButtonNavigationBar_end: rgb(25, 32, 51); --B-color__sandwichRow0_start: rgba(25, 32, 51, 0.5); --B-color__sandwichRow0_end: rgb(25, 32, 51); --B-color__sandwichRow1_start: rgba(246, 248, 254, 0); --B-color__sandwichRow1_end: rgb(246, 248, 254); --B-color__sandwichRow2_start: rgba(246, 248, 254, 0); --B-color__sandwichRow2_end: rgb(246, 248, 254); --B-color__sandwichRow3_start: rgba(246, 248, 254, 0); --B-color__sandwichRow3_end: rgb(246, 248, 254); /* Custom/BetslipInput */ --B-color__betslipInput: #07acc6; --B-color__onBetslipInput: #fff; --B-color__onBetslipInput--hover: var(--B-color__onBetslipInput); --B-color__onBetslipInput--active: var(--B-color__onBetslipInput); --B-color__onBetslipInput_weaker: #c8edf2; --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); /* Custom/moduleGradient */ --B-color__moduleOverlay_start: rgba(25, 32, 51, 0.64); --B-color__moduleOverlay_end: rgb(25, 32, 51); /* 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: 'Bebas Neue Pro'; --B-typography__fontFamily_body: 'Avenir Next'; /* 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_regularBrand: 700; --B-typography__fontWeight_mediumBrand: 500; --B-typography__fontWeight_boldBrand: 500; --B-typography__fontWeight_regularBody: 500; --B-typography__fontWeight_mediumBody: 600; --B-typography__fontWeight_boldBody: 700; /* 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: 1px; --B-dimension__size_2xs: 2px; --B-dimension__size_xs: 4px; --B-dimension__size_sm: 8px; --B-dimension__size_md: 12px; --B-dimension__size_lg: 16px; --B-dimension__size_xl: 20px; --B-dimension__size_2xl: 24px; --B-dimension__size_3xl: 32px; --B-dimension__size_4xl: 40px; --B-dimension__size_5xl: 48px; --B-dimension__size_6xl: 56px; --B-dimension__size_7xl: 64px; /* Radius */ --B-dimension__radius_0: 0; --B-dimension__radius_xs: 2px; --B-dimension__radius_sm: 4px; --B-dimension__radius_md: 8px; --B-dimension__radius_lg: 16px; --B-dimension__radius_xl: 100px; /* CUSTOM padding */ --B-custom__padding_navigation10: 0px 5px; --B-custom__padding_navigation11: 0 6px; --B-custom__padding_navigation12: 0 11px; --B-custom__padding_navigation13: 0 12px; --B-custom__padding_navigation14: 0 14px; --B-custom__padding_navigation15: 0 20px; --B-custom__width10: 20px; --B-custom__height10: 20px; --B-custom__width11: 20px; --B-custom__height11: 20px; /* CUSTOM gradient overlays */ --B-custom__gradient_linear180deg: linear-gradient( 180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); --B-custom__gradient_linear360deg: linear-gradient( 360deg, rgba(255, 255, 255, 0) 0%, #ffffff 101.13% ); --B-custom__gradient_radial65: radial-gradient( 65.71% 134.36% at 28.51% 154.29%, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); --B-custom__gradient_radial70: radial-gradient( 70.21% 134.36% at 30.47% 154.29%, #ffffff 0%, rgba(255, 255, 255, 0) 100% ); --B-custom__gradient_radial75: radial-gradient( ellipse 180% 80% at 50% 90%, rgba(255, 255, 255, 0.9) 0%, rgba(240, 245, 252, 0.85) 35%, rgba(210, 220, 235, 0.6) 65%, rgba(0, 0, 0, 0.02) 100% ); --B-custom__gradient_radial80: radial-gradient( 80.77% 118.92% at 14.96% 167.74%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 225, 127, 0) 100% ); } [data-betty-theme] { --B-sportsHub__fontFamily: var(--B-font__primary); --B-sportsHub__margin: 0 0 16px 0; --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: 8px; --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__horizontalSportMargin: 0; --B-sportsHub__pageHeaderBackgroundColor: #fff; --B-sportsHub__pageTitleMargin: 24px; --B-sportsHub__pageTitleBoxShadow: none; --B-sportsHub__pageHeaderFontSize: 16px; --B-sportsHub__pageHeaderLineHeight: 24px; --B-sportsHub__pageHeaderFontWeight: 400; --B-sportsHub__pageHeaderTitleTextTransform: none; --B-sportsHub__pageHeaderBackArrowColor: #fff; --B-sportsHub__pageHeaderTitleColor: var(--B-color__onCanvas); --B-sportsHub__pageHeaderTitleFontFamily: inherit; --B-sportsHub__pageHeaderTitleFontWeight: 500; --B-sportsHub__pageHeaderTitleMargin: 11px 0; --B-sportsHub__pageHeaderPadding: 16px; --B-sportsHub__pageHeaderBorder: none; --B-sportsHub__horizontalSportMarginLayoutWide: 0; --B-sportsHub__pageTitleMarginLayoutWide: 0; --B-sportsHub__pageHeaderPaddingLeftLayoutWide: 12px; --B-sportsHub__pageHeaderPaddingRightLayoutWide: 27px; --B-sportsHub__emptyFavoritesViewPadding: 0 4px; --B-sportsHub__emptyFavoritesViewWidePadding: 0 16px; } [data-betty-theme] { --B-searchTrigger__iconSize: 20px; --B-searchTrigger__iconColor: var(--B-color__onHeader); --B-searchTrigger__placeholderFontColor: var(--B-color__onHeader_weaker); --B-searchTrigger__bg: var(--B-color__header); --B-searchTrigger__fontFamily: var(--B-font__primary); --B-searchTrigger__fontWeight: 500; --B-searchTrigger__borderRadius: var(--B-dimension__radius_md); --B-searchTrigger__border: 1px solid var(--B-color__canvasBorder); } [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--active: var(--B-color__input--active); --B-checkbox__color--hover: var(--B-color__input--hover); --B-checkbox__color--disabled: var(--B-color__onDisabledOnLight); } [data-betty-theme] { /* General */ --B-pageHeader__backgroundColor: var(--B-color__canvas); --B-pageHeader__titleColor: var(--B-color__onHeader); --B-pageHeader__lineHeight: 1.2; --B-pageHeader__fontSize: 16px; --B-pageHeader__fontWeight: 700; --B-pageHeader__height: 48px; --B-pageHeader__padding: 0 8px; --B-pageHeader__borderRadius: var(--B-dimension__radius_md); /* 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: var(--B-dimension__radius_md); --B-pageHeader__childrenWrapperPadding: 12px; } [data-betty-theme] { --B-navigationBar__height: 48px; --B-navigationBar__bg: var(--B-color__themeDark); --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__onThemeDark_weaker); --B-navigationBar__color--hover: var(--B-color__onThemeDark_weaker--hover); --B-navigationBar__color--active: var(--B-color__onThemeDark_weaker--active); --B-navigationBar__color--selected: var(--B-color__onThemeDark); --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; --B-navigationBar__fontSize: 11px; } /* 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--active: var(--B-color__input--active); --B-radioButton__color--hover: var(--B-color__input--hover); --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: var(--B-dimension__radius_md); --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--subHeader'], [data-betty-theme='collapsibleContainer--ipaMessage'] { --B-collapsibleContainer__height: 40px; --B-collapsibleContainer__bg: var(--B-color__header); --B-collapsibleContainer__bg--hover: var(--B-color__header--hover); --B-collapsibleContainer__bg--active: var(--B-color__header--active); --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: #3e4b6d; --B-collapsibleContainer__borderRadiusMobile: var(--B-dimension__radius_md); --B-collapsibleContainer__borderWidth: 1px; /**CHECK THIS WITH DESIGN*/ --B-collapsibleContainer__fontSizeTitle: 14px; --B-collapsibleContainer__fontSizeRightText: 14px; --B-collapsibleContainer__fontWeightRightText: 500; --B-collapsibleContainer__fontWeightTitle: 700; --B-collapsibleContainer__textTransform: none; --B-collapsibleContainer__textTransformRightLabel: none; } [data-betty-theme='collapsibleContainer--mainHeader'] { --B-collapsibleContainer__bg: #192033 var(--B-custom__gradient_radial70); --B-collapsibleContainer__bg--hover: #29324a var(--B-custom__gradient_radial70); --B-collapsibleContainer__bg--active: #384b7d var(--B-custom__gradient_radial70); } [data-betty-theme='collapsibleContainer--ipaMessage'] { --B-collapsibleContainer__whiteSpaceTitle: normal; } [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 0 1px 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; --B-collapsibleContainer__borderRadius: 0; --B-collapsibleContainer__boxShadow: none; } [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: 3px; --B-live__padding: 0 4px 0 0; --B-live__border: none; --B-live__transform: uppercase; --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: 3px; --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: var(--B-sticker__height); } [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: var(--B-sticker__height); } [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: var(--B-sticker__height); --B-sticker__padding: 1px 3px 1px 3px; } [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: var(--B-sticker__height); --B-sticker__padding: 1px 3px 1px 3px; } [data-betty-theme='sticker--reward'] { --B-sticker__height: 14px; --B-sticker__bg: var(--B-color__reward); --B-sticker__bg--hover: var(--B-color__reward--hover); --B-sticker__bg--active: var(--B-color__reward--active); --B-sticker__color: var(--B-color__onReward); --B-sticker__color--hover: var(--B-color__onReward--hover); --B-sticker__color--active: var(--B-color__onReward--active); --B-sticker__lineHeight: var(--B-sticker__height); --B-sticker__fontWeight: 700; --B-sticker__padding: 1px 3px 1px 3px; --B-sticker__textTransform: none; } [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: var(--B-sticker__height); --B-sticker__extraFontWeight: 700; --B-sticker__padding: 1px 3px 1px 3px; } [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: var(--B-sticker__height); --B-sticker__padding: 1px 3px 1px 3px; } [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: var(--B-sticker__height); --B-sticker__padding: 1px 3px 1px 3px; } [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: 500; --B-sticker__extraFontWeight: 500; --B-sticker__padding: 0px 4px; --B-sticker__textTransform: capitalize; --B-sticker__fontSize: 11px; } [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__secondary); --B-button__width: auto; --B-button__fontWeight: 800; --B-button__background--disabled: var(--B-color__disabledOnDark); --B-button__color--disabled: var(--B-color__onDisabledOnDark); --B-button__border: 1px solid var(--B-color__buttonBBorder); --B-button__border--hover: 1px solid var(--B-color__buttonBBorder); --B-button__border--active: 1px solid var(--B-color__buttonBBorder); --B-button__border--disabled: 1px solid var(--B-color__buttonBBorder); --B-button__borderRadius: var(--B-dimension__radius_sm); --B-button__textTransform: uppercase; --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__border: none; --B-button__border--hover: none; --B-button__border--active: none; --B-button__border--disabled: none; --B-button__minHeight: 32px; --B-button__padding: 8px; --B-button__fontSize: 14px; --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) var(--B-custom__gradient_radial70); --B-button__background--hover: var(--B-color__highlight--hover) var(--B-custom__gradient_radial70); --B-button__background--active: var(--B-color__highlight--active) var(--B-custom__gradient_radial70); --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__border: 1px solid var(--B-color__highlightBorder); --B-button__border--hover: 1px solid var(--B-color__highlightBorder); --B-button__border--active: 1px solid var(--B-color__highlightBorder); --B-button__border--disabled: 1px solid var(--B-color__buttonBBorder); --B-button__minHeight: 32px; --B-button__padding: 8px; --B-button__fontSize: 14px; --B-button__lineHeight: 15px; --B-button__itemsMargin: 0 3px; --B-button__iconWidth: 16px; --B-button__iconHeight: 16px; } [data-betty-theme='button--modal'] { --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; --B-button__borderRadius: var(--B-dimension__radius_md); } [data-betty-theme='button--az'], [data-betty-theme='button--az-featured'], [data-betty-theme='button--az-popular'] { --B-button__background: var(--B-color__buttonB) var(--B-custom__gradient_radial70); --B-button__background--hover: var(--B-color__buttonB--hover) var(--B-custom__gradient_radial70); --B-button__background--active: var(--B-color__buttonB--active) var(--B-custom__gradient_radial70); --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__boxShadow: none; --B-button__padding: 0 12px; --B-button__fontSize: 14px; --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__buttonB) var(--B-custom__gradient_radial70); --B-button__background--hover: var(--B-color__buttonB--hover) var(--B-custom__gradient_radial70); --B-button__background--active: var(--B-color__buttonB--active) var(--B-custom__gradient_radial70); --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__fontSize: 14px; --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) var(--B-custom__gradient_radial70); --B-button__background--hover: var(--B-color__buttonB--hover) var(--B-custom__gradient_radial70); --B-button__background--active: var(--B-color__buttonB--active) var(--B-custom__gradient_radial70); --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__fontWeight: inherit; --B-button__fontSize: 14px; --B-button__height: 40px; --B-button__padding: 0 12px; } [data-betty-theme='button--sports-browse-league'] { --B-button__background: var(--B-color__buttonB) var(--B-custom__gradient_radial70); --B-button__background--hover: var(--B-color__buttonB--hover) var(--B-custom__gradient_radial70); --B-button__background--active: var(--B-color__buttonB--active) var(--B-custom__gradient_radial70); --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__boxShadow: null; --B-button__fontWeight: inherit; --B-button__fontSize: 14px; --B-button__height: 40px; --B-button__padding: 0 12px; --B-button__width--fixedWidth: 160px; --B-button__justifyContent: flex-start; } [data-betty-theme='button--sports-subleague'] { --B-button__background: var(--B-color__buttonB) var(--B-custom__gradient_radial70); --B-button__background--hover: var(--B-color__buttonB--hover) var(--B-custom__gradient_radial70); --B-button__background--active: var(--B-color__buttonB--active) var(--B-custom__gradient_radial70); --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__fontSize: 14px; --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: 16px; --B-button__borderRadius: 4px; --B-button__minHeight: 40px; --B-button__padding: 12px; --B-button__lineHeight: 16px; --B-button__background: var(--B-color__buttonB) var(--B-custom__gradient_radial70); --B-button__background--hover: var(--B-color__buttonB--hover) var(--B-custom__gradient_radial70); --B-button__background--active: var(--B-color__buttonB--active) var(--B-custom__gradient_radial70); --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); } [data-betty-theme] { --B-socialBetSharing__sharedHeaderBackgroundColor: var(--B-color__theme); --B-socialBetSharing__sharedHeaderColor: var(--B-color__onTheme); } [data-betty-theme='button--socialBetSharing-shareScreenshot'] { --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__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__borderRadius: var( --B-dimension__radius_md ); /* buttonNormalRadius */ --B-button__border: var(--B-color__buttonBBorder); /* custom */ --B-button__height: 40px; --B-button__width: 100%; --B-button__maxWidth: 342px; --B-button__padding: 0 16px; --B-button__fontSize: 14px; --B-button__lineHeight: 16px; --B-button__fontWeight: 800; } [data-betty-theme='button--socialBetSharing-shareLink'] { --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__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__borderRadius: var( --B-dimension__radius_md ); /* buttonNormalRadius */ --B-button__border: 1px solid rgba(0, 0, 0, 0.12); --B-button__border--hover: 1px solid rgba(0, 0, 0, 0.12); --B-button__border--active: 1px solid rgba(0, 0, 0, 0.12); /* custom */ --B-button__height: 40px; --B-button__width: 100%; --B-button__maxWidth: 342px; --B-button__padding: 0 16px; --B-button__fontSize: 14px; --B-button__lineHeight: 16px; --B-button__fontWeight: 800; } [data-betty-theme='button--socialBetSharing-close'] { --B-button__color: #333333; --B-button__color--hover: #333333; --B-button__color--active: #333333; --B-button__background: var(--B-color__buttonGhostA); --B-button__background--hover: rgba(2, 2, 2, 0.04); --B-button__background--active: rgba(3, 3, 3, 0.06); --B-button__borderRadius: var( --B-dimension__radius_md ); /* buttonNormalRadius */ --B-button__border: none; --B-button__border--hover: none; --B-button__border--active: none; /* custom */ --B-button__height: 20px; --B-button__width: 20px; --B-button__maxWidth: 20px; --B-button__iconWidth: 20px; --B-button__iconHeight: 20px; --B-button__padding: 0 16px; --B-button__fontSize: 14px; --B-button__lineHeight: 20px; --B-button__fontWeight: 800; } [data-betty-theme='button--betslip-receipt__share-button'] { --B-button__color: var(--B-color__onButtonGhostB); --B-button__color--hover: var(--B-color__onButtonGhostB--hover); --B-button__color--active: var(--B-color__onButtonGhostB--active); --B-button__background: var(--B-color__buttonGhostB); --B-button__background--hover: var(--B-color__buttonGhostB--hover); --B-button__background--active: var(--B-color__buttonGhostB--active); --B-button__borderRadius: var( --B-dimension__radius_md ); /* buttonNormalRadius */ --B-button__border: none; --B-button__border--hover: none; --B-button__border--active: none; /* custom */ --B-button__height: 20px; --B-button__width: 20px; --B-button__maxWidth: 20px; --B-button__iconWidth: 20px; --B-button__iconHeight: 20px; --B-button__padding: 0; --B-button__fontSize: 14px; --B-button__lineHeight: 20px; --B-button__fontWeight: 800; } [data-betty-theme] { --B-outcomeButton__bg: #d9dfef var(--B-custom__gradient_linear360deg); --B-outcomeButton__bg--hover: #acbef1 var(--B-custom__gradient_linear360deg); --B-outcomeButton__bg--active: #768bc3 var(--B-custom__gradient_linear360deg); --B-outcomeButton__bg--selected: #0345a7 var(--B-custom__gradient_linear180deg); --B-outcomeButton__bg--selected--hover: #00317a var(--B-custom__gradient_linear180deg); --B-outcomeButton__bg--selected--active: #002966 var(--B-custom__gradient_linear180deg); --B-outcomeButton__bg--disabled: var(--B-color__disabledOnLight); --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__onDisabledOnLight); --B-outcomeButton__colorOdds--disabled: var(--B-color__onDisabledOnLight); --B-outcomeButton__fontSize: 0.75em; --B-outcomeButton__fontSizeOdds: 0.875em; --B-outcomeButton__fontWeight: 500; --B-outcomeButton__fontWeightOdds: 800; --B-outcomeButton__fontFamily: inherit; --B-outcomeButton__fontFamilyOdds: var(--B-font__secondary); --B-outcomeButton__fontStyle: inherit; --B-outcomeButton__fontStyleOdds: italic; --B-outcomeButton__borderRadius: 8px; --B-outcomeButton__border: 1px solid var(--B-color__outcomeBorder); --B-outcomeButton__border--hover: var(--B-outcomeButton__border); --B-outcomeButton__border--active: var(--B-outcomeButton__border); --B-outcomeButton__border--selected: 1px solid var(--B-color__selectedBorder); --B-outcomeButton__border--selected--hover: var( --B-outcomeButton__border--selected ); --B-outcomeButton__border--selected--active: var( --B-outcomeButton__border--selected ); --B-outcomeButton__border--disabled: 1px solid var(--B-color__disabledOnLight); --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; --B-outcomeButton__bgBlendMode: overlay; --B-outcomeButton__paddingMobile: 0 4px; } [data-betty-theme='outcomeButton--retail-row'] { --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__disabledOnLight); --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: 4px; --B-outcomeButton__lineHeight: var(--B-retail__lineHeightLabel, 2.2rem); --B-outcomeButton__padding: 0; --B-outcomeButton__margin: 0 5px 0 0; --B-outcomeButton__height: 5rem; --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: 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__disabledOnLight); --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: 4px; --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: var(--B-color__scrollButtonCanvas_start) 0%, var(--B-color__scrollButtonCanvas_end) 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: var(--B-color__scrollButtonNavigationBar_start) 0%, var(--B-color__scrollButtonNavigationBar_end) 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: var(--B-color__scrollButtonEventList_start) 0%, var(--B-color__scrollButtonEventList_end) 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='horizontalScroll--cardsCarousel'] { --B-horizontalScroll__bg: rgba(0, 69, 114, 0.79); --B-horizontalScroll__bg--hover: #152928; --B-horizontalScroll__bg--active: #152928; --B-horizontalScroll__arrowColor: #ffffff; --B-horizontalScroll__arrowColor--hover: #ffffff; --B-horizontalScroll__arrowColor--active: #ffffff; --B-horizontalScroll__arrowButtonBorder: 2px solid #e6f4f4; --B-horizontalScroll__arrowButtonWidth: 40px; --B-horizontalScroll__arrowButtonHeight: 40px; --B-horizontalScroll__arrowButtonBorderRadius: 16px; --B-horizontalScroll__arrowButtonTop: calc(50% - 20px); --B-horizontalScroll__arrowButtonDistanceFromEdge: 12px; } [data-betty-theme] { --B-notificationBadge__fill: var(--B-color__danger); } [data-betty-theme] { --B-spinner__innerColor: var(--B-color__onHeader_weaker); } [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: 1px; --B-chip__borderColor: var(--B-color__buttonB); --B-chip__height: 32px; --B-chip__borderRadius: 16px; --B-chip__borderStyle: solid; --B-chip__closeIconBg: transparent; --B-chip__closeIconBg--hover: transparent; --B-chip__closeIconBg--active: transparent; --B-chip__closeIconColor: var(--B-chip__textColor); --B-chip__closeIconColor--hover: var(--B-chip__textColor--hover); --B-chip__closeIconColor--active: var(--B-chip__textColor--active); --B-chip__closeIconHeight: 16px; --B-chip__closeIconWidth: 16px; --B-chip__lineHeight: 14px; --B-chip__fontWeight: 700; } [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: 700; --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: 500; --B-scoreboard__scoreGridFontWeight: 600; --B-scoreboard__neutralVenueText: var(--B-color__onHeader_weaker); --B-scoreboard__neutralVenueFontWeight: 500; --B-scoreboard__scoreCardFontWeight: 700; --B-scoreboard__scoreCardText: var(--B-color__header); --B-scoreboard__scoreCardBg: var(--B-color__onHeader); --B-scoreboard__scoreCardBorderRadius: 2px; --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__onHeader); --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: 500; --B-toaster__lineHeight: 125%; --B-toaster__padding: 12px; --B-toaster__background: var(--B-color__toaster); --B-toaster__color: var(--B-color__onToaster_weaker); --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: 40px; --B-sandwichFilter__menuArrowStroke: var(--B-color__onSandwichRow0); --B-sandwichFilter__menuArrowStroke--hover: var( --B-color__onSandwichRow0--hover ); --B-sandwichFilter__menuOptionCapRight: 10px; --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 var(--B-color__canvasBorder); --B-sandwichFilter__menuLevel1borderBottom: 1px solid var(--B-color__canvasBorder); --B-sandwichFilter__menuLevel2borderBottom: 1px solid var(--B-color__canvasBorder); --B-sandwichFilter__menuLevel3borderBottom: 1px solid var(--B-color__canvasBorder); --B-sandwichFilter__menuOptionLevel0BackgroundColor: var( --B-color__sandwichRow0 ); --B-sandwichFilter__menuOptionLevel1BackgroundColor: #d9dfef; --B-sandwichFilter__menuOptionLevel2BackgroundColor: #d9dfef; --B-sandwichFilter__menuOptionLevel3BackgroundColor: #d9dfef; --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 var(--B-color__sandwichRow0); --B-sandwichFilter__menuOptionLevel1Border: 1px solid var(--B-color__sandwichRow1Border); --B-sandwichFilter__menuOptionLevel2Border: 1px solid var(--B-color__sandwichRow2Border); --B-sandwichFilter__menuOptionLevel3Border: 1px solid var(--B-color__sandwichRow3Border); --B-sandwichFilter__menuOptionLevel0BackgroundColor--hover: var( --B-color__sandwichRow0--hover ); --B-sandwichFilter__menuOptionLevel1BackgroundColor--hover: #acbef1; --B-sandwichFilter__menuOptionLevel2BackgroundColor--hover: #acbef1; --B-sandwichFilter__menuOptionLevel3BackgroundColor--hover: #acbef1; --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 var(--B-color__sandwichRow0--hover); --B-sandwichFilter__menuOptionLevel1Border--hover: 1px solid var(--B-color__sandwichRow1Border); --B-sandwichFilter__menuOptionLevel2Border--hover: 1px solid var(--B-color__sandwichRow2Border); --B-sandwichFilter__menuOptionLevel3Border--hover: 1px solid var(--B-color__sandwichRow3Border); --B-sandwichFilter__menuOptionLevel0BackgroundColor--active: var( --B-color__sandwichRow0--active ); --B-sandwichFilter__menuOptionLevel1BackgroundColor--active: #768bc3; --B-sandwichFilter__menuOptionLevel2BackgroundColor--active: #768bc3; --B-sandwichFilter__menuOptionLevel3BackgroundColor--active: v#768BC3; --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 var(--B-color__sandwichRow0--active); --B-sandwichFilter__menuOptionLevel1Border--active: 1px solid var(--B-color__sandwichRow1Border); --B-sandwichFilter__menuOptionLevel2Border--active: 1px solid var(--B-color__sandwichRow2Border); --B-sandwichFilter__menuOptionLevel3Border--active: 1px solid var(--B-color__sandwichRow3Border); --B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor: #d9dfef; --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 ); --B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor--hover: var( --B-color__sandwichRow1Selected ); --B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor--hover: var( --B-color__sandwichRow2Selected ); --B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor--hover: var( --B-color__sandwichRow3Selected ); --B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor--active: var( --B-color__sandwichRow0Selected ); --B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor--active: var( --B-color__sandwichRow1Selected ); --B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor--active: var( --B-color__sandwichRow2Selected ); --B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor--active: var( --B-color__sandwichRow3Selected ); --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 var(--B-color__sandwichRow0SelectedBorder); --B-sandwichFilter__menuOptionLevel1SelectedBorder: 1px solid var(--B-color__sandwichRow1SelectedBorder); --B-sandwichFilter__menuOptionLevel2SelectedBorder: 1px solid var(--B-color__sandwichRow2SelectedBorder); --B-sandwichFilter__menuOptionLevel3SelectedBorder: 1px solid var(--B-color__sandwichRow3SelectedBorder); --B-sandwichFilter__menuOptionLevel0Height: 25px; --B-sandwichFilter__menuOptionLevel1Height: 25px; --B-sandwichFilter__menuOptionLevel2Height: 25px; --B-sandwichFilter__menuOptionLevel3Height: 25px; --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( 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__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: var(--B-dimension__radius_md) 0 0 var(--B-dimension__radius_md); --B-sandwichFilter__menu0ArrowBorderRadiusRight: 0 var(--B-dimension__radius_md) var(--B-dimension__radius_md) 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: 800; --B-sandwichFilter__leagueHighlightHeaderColor: var(--B-color__onCanvas); --B-sandwichFilter__leagueHighlightHeaderFontSize: 12px; --B-sandwichFilter__leagueHighlightHeaderFontWeight: 800; --B-sandwichFilter__leagueHighlightHeaderFontFamily: var(--B-font__secondary); --B-sandwichFilter__leagueHighlightIconBackground: var( --B-color__onCanvas_weaker ); --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__streamExternalIconColor: var(--B-color__onSurface_weaker); --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); --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 var(--B-color__surfaceBorder); --B-sandwichFilter__eventItemBorderLeft: none; --B-sandwichFilter__eventItemBorderRadius: 0; --B-sandwichFilter__eventItemBoxShadow: none; --B-sandwichFilter__eventParticipantsNameFontWeight: 700; --B-sandwichFilter__eventParticipantsNameColor: var(--B-color__onSurface); --B-sandwichFilter__eventParticipantsInfoServing: var(--B-color__warning); --B-sandwichFilter__eventGroupSectionTitleFontSize: 12px; --B-sandwichFilter__eventGroupSectionTitleFontWeight: 700; --B-sandwichFilter__eventGroupSectionTitleFontFamily: var(--B-font__primary); --B-sandwichFilter__filterHeaderBorder: none; --B-sandwichFilter__filterHeaderBorderTop: none; --B-sandwichFilter__eventGroupEmptyEventTitleTextColor: var( --B-color__onCanvas ); --B-sandwichFilter__eventGroupEmptyEventTitleTextFontSize: 14px; --B-sandwichFilter__eventGroupEmptyEventTitleTextFontWeight: 500; --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__surfaceHeader ); --B-sandwichFilter__filterHeaderBoxShadow: inset 0px -1px 0px var(--B-color__surfaceHeaderBorder); --B-sandwichFilter__filterHeaderBorderRadius: unset; --B-sandwichFilter__headerTextSize: 12px; --B-sandwichFilter__headerTextColor: var(--B-color__onSurfaceHeader); --B-sandwichFilter__headerFontWeight: 700; --B-sandwichFilter__groupHeaderFontWeight: 500; --B-sandwichFilter__headerIconColor: var(--B-color__onSurfaceHeader); --B-sandwichFilter__headerTitleColor: var(--B-color__onSurfaceHeader); --B-sandwichFilter__groupHeaderTitleFontSize: 12px; --B-sandwichFilter__betofferHeaderFont: 500; --B-sandwichFilter__betofferHeaderColor: var( --B-color__onSurfaceHeader_weaker ); --B-sandwichFilter__eventItemMatchClockDisabledMinWidth: 84px; --B-sandwichFilter__eventResultMatchFontSize: 14px; --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__header); --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: 16px; --B-sandwichFilter__smallEventResultMatchLineHeight: 16px; --B-sandwichFilter__smallEventResultPointsPadding: 2px 0; --B-sandwichFilter__setMatchPointsColor: var(--B-color__onSurface_weaker); --B-sandwichFilter__setMatchPointsOpacity: 1; --B-sandwichFilter__eventShowMoreOpacity: 1; --B-sandwichFilter__showMoreColor: var(--B-color__onSurface_weaker); --B-sandwichFilter__fontSizeNano: 10px; --B-sandwichFilter__showMoreFontWeight: 700; --B-sandwichFilter__eventShowMoreBorderRadius: var(--B-dimension__radius_sm); --B-sandwichFilter__eventShowMoreBackgroundColor: var( --B-color__buttonGhostA ); --B-sandwichFilter__eventShowMoreBackgroundColor--hover: var( --B-color__buttonGhostA--hover ); --B-sandwichFilter__eventShowMoreBackgroundColor--active: var( --B-color__buttonGhostA--active ); --B-sandwichFilter__showMoreBorder: none; --B-sandwichFilter__showMoreBorder--hover: none; --B-sandwichFilter__showMoreBorder--active: none; --B-sandwichFilter__showMoreTextColor: var(--B-color__onButtonGhostA); --B-sandwichFilter__showMoreTextColor--hover: var( --B-color__onButtonGhostA--hover ); --B-sandwichFilter__showMoreTextColor--active: var( --B-color__onButtonGhostA--active ); --B-sandwichFilter__eventShowMoreRightTextOpacity: var( --B-sandwichFilter__eventShowMoreOpacity ); --B-sandwichFilter__showMoreRightTextFontSize: 14px; --B-sandwichFilter__showMoreRightTextFontWeight: 800; --B-sandwichFilter__showMoreRightTextLineHeight: 16px; --B-sandwichFilter__eventShowMoreTextTransform: uppercase; --B-sandwichFilter__showMoreRightTextPadding: 0 8px; --B-sandwichFilter__eventItemListInfoMatchClockFontWeight: 500; --B-sandwichFilter__eventItemMatchClockFontFamily: var(--B-font__primary); --B-sandwichFilter__eventMobileOpacity: 1; --B-sandwichFilter__eventCountdownCircle: var(--B-color__theme); --B-sandwichFilter__eventItemCountdownMaxValueStroke: var( --B-color__disabledOnLight ); --B-sandwichFilter__eventItemListTinyInfoMatchClockFontWeight: unset; --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__onFavorite); --B-sandwichFilter__favouriteStariconSelectedStroke: var( --B-color__onFavorite ); --B-sandwichFilter__favouriteStariconSelectedFill--hover: var( --B-color__onFavorite--hover ); --B-sandwichFilter__favouriteStariconSelectedStroke--hover: var( --B-color__onFavorite--hover ); --B-sandwichFilter__favouriteStariconSelectedFillDown: var( --B-color__onFavorite--active ); --B-sandwichFilter__favouriteStariconSelectedStrokeDown: var( --B-color__onFavorite--active ); --B-sandwichFilter__filterMenuHeight: 40px; --B-sandwichFilter__filterMenuOptionFontSize: 12px; --B-sandwichFilter__filterMenuOptionHeight: 32px; --B-sandwichFilter__filterMenuOptionBorderRadius: var( --B-dimension__radius_xl ); --B-sandwichFilter__filterMenuPadding: 0 9px 0 9px; --B-sandwichFilter__betofferCombinedColumnMarginLeft: 10; --B-sandwichFilter__viewPadding: 0; --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: 88px; --B-sandwichFilter__menuForegroundLevel3Top: 128px; --B-sandwichFilter__menuLevel0borderRadiusTopRight: var( --B-dimension__radius_md ); --B-sandwichFilter__menuLevel0borderRadiusTopLeft: var( --B-dimension__radius_md ); --B-sandwichFilter__eventItemLastChildBorderBottomLeftRadius: var( --B-dimension__radius_md ); --B-sandwichFilter__eventItemLastChildBorderBottomRightRadius: var( --B-dimension__radius_md ); --B-sandwichFilter__eventShowMoreMargin: 0 5px; --B-sandwichFilter__groupHeaderTitleFontWeight: 700; --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 0 0 4px; @media (max-width: 600px) { --B-sandwichFilter__eventItemMatchClockDisabledMinWidth: 30px; } } [data-betty-theme] { --B-filterMenuFirstChildMarginLeft: 4px; --B-sandwichFilter__menuLevelFirstBorderRadius: var(--B-dimension__radius_md); --B-sandwichFilter__menuLevelLastBorderRadius: var(--B-dimension__radius_md); --B-sandwichFilter__searchOverlayCollapsibleContainerMargin: 12px 0 0 0; --B-sandwichFilter__backgroundWrapperBorder: 1px solid var(--B-color__surfaceBorder); --B-sandwichFilter__backgroundWrapperBorderNone: 0; --B-sandwichFilter__backgroundWrapperMarginBottom: 8px; --B-sandwichFilterListContainerBorderRadius: var(--B-dimension__radius_md); --B-sandwichFilter__menuOptionBackgroundBlendMode: overlay; --B-sandwichFilter__menuOptionBackgroundImage: var( --B-custom__gradient_radial65 ); --B-sandwichFilter__menuOptionLevel1BackgroundImage: linear-gradient( 360deg, rgba(255, 255, 255, 0) 0%, #ffffff 101.13% ); --B-sandwichFilter__backgroundWrapperWithoutTutorialBanner: 0; --B-sandwichFilter__termSearchListContainerBorderRadius: 0; --B-sandwichFilter__menuScrollButtonOffset: 1px; } [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: 500; --B-tutorialBanner__descriptionFontSize: 14px; --B-tutorialBanner__descriptionColor: var(--B-color__onSurface_weaker); --B-tutorialBanner__bg: var(--B-color__surface); --B-tutorialBanner__borderRadius: var(--B-dimension__radius_md); --B-tutorialBanner__titleFontFamily: var(--B-font__primary); --B-tutorialBanner__descriptionFontFamily: var(--B-font__primary); } [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: 500; --B-modal__descriptionLineHeight: 15px; --B-modal__descriptionColor: var(--B-color__onSurface); --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: var(--B-dimension__radius_lg); --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__surface); --B-rewardsLogin__color: var( --B-color__onSurface ); /*!* Background color here *!*/ --B-rewardsListContainerMargin: 8px; --B-rewardsHarmonizedListHeader__color: var(--B-color__surface); --B-rewardsHarmonizedListHeader__color--hover: var(--B-color__surface--hover); --B-rewardsHarmonizedEmptyListHeader__color--hover: var( --B-color__surface--hover ); --B-rewardsEmptyListHeader__color--hover: var(--B-color__surface--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: 12px; --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); --B-rewardsHarmonizedRewardOutcome__color--hover: var( --B-outcomeButton__colorOdds--hover ); --B-rewardsHarmonizedRewardOutcomeButton__bgColor--hover: var( --B-outcomeButton__bg--hover ); --B-rewardsHarmonizedRewardOutcomeButton__color: var( --B-outcomeButton__colorOdds ); --B-rewardsHarmonizedRewardOutcomeButton__bgColor: var(--B-outcomeButton__bg); --B-rewardsHarmonizedRewardItemDateText__color: var(--B-color__onSurface); --B-rewardsHarmonizedRewardItemValidForFontSize: 12px; --B-rewardsHarmonizedRewardItemValidForText__color: var(--B-color__onSurface); --B-rewardsHarmonizedRewardItemProgressCircle__color--disabled: var( --B-color__onDisabledOnLight ); --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: var(--B-dimension__radius_md); --B-rewardsItemBorderFirstChild: 0; --B-rewardsHarmonizedRewardItemBorderRadius: null; --B-rewardsHarmonizedRewardItemMarginTop: null; --B-rewardsItemBorderFirstChildAll: null; --B-rewardsItemBorderAll__color: null; --B-rewardsHarmonizedRewardItemMarginBottom: null; --B-rewardsHarmonizedRewardItemColor: null; --B-rewardsHarmonizedRewardItemLastChildBorderRadius: 0 0 var(--B-dimension__radius_md) var(--B-dimension__radius_md); --B-rewardsTypeHeaderPaddingLeft: 16px; --B-rewardsListMargin: 0; --B-rewardsHarmonizedListContentMargin: 0; --B-rewardsListPadding: 0 8px; --B-rewardsHarmonizedListPadding: 0px; --B-rewardListContentMargin: 8px 0 0 0; --B-rewardsListHeaderBoxShadow: none; --B-rewardsListHeaderBorderBottom: none; --B-rewardsTypeInfoHeaderFontSize: inherit; --B-rewardsTypeHeaderFontSize: inherit; --B-rewardsTypeFontWeight: 700; --B-rewardsRewardItemValidForFontSize: var( --B-rewardsHarmonizedRewardItemValidForFontSize ); --B-rewardsHarmonizedRewardExpiresTextFontSize: 12px; --B-rewardsHarmonizedRewardExpiresTextFontWeight: 500; --B-rewardsHarmonizedRewardItemTextTransform: none; --B-rewardsHarmonizedRewardItemValidForFontWeight: 500; --B-rewardsHarmonizedRewardItemValidForWrapperListPaddingLeft: 12px; --B-rewardsHarmonizedRewardItemValidForWrapperBeforeListTop: 0px; --B-rewardsHarmonizedPrePackPartPaddingBottom: 8px; --B-rewardsHarmonizedPrePackBorder: 1px solid rgba(0, 0, 0, 0.12); --B-rewardsHarmonizedPrePackBorderRadius: 8px; --B-rewardsHarmonizedPrePackPadding: 8px 12px 0px 12px; --B-rewardsHarmonizedPrePackMarginTop: 4px; --B-rewardsHarmonizedPrePackMarginBottom: 6px; --B-rewardsHarmonizedPrePackMaxWidth: 400px; --B-rewardsHarmonizedRewardsPrePackListMargin: 0px; --B-rewardsHarmonizedRewardsPrePackListPaddingLeft: 0px; --B-rewardsHarmonizedRewardsPrePackListPaddingBottom: 8px; --B-rewardsHarmonizedRewardsPrePackListPaddingList: 1px 0px 4px 14px; --B-rewardsHarmonizedRewardsPrePackListPaddingLeftList: 12px; --B-rewardsHarmonizedRewardsPrePackListBeforeTop: 5px; --B-rewardsHarmonizedRewardsPrePackListBeforeLeft: 0px; --B-rewardsHarmonizedRewardsPrePackListBeforeWidth: 4px; --B-rewardsHarmonizedRewardsPrePackListBeforeHeight: 4px; --B-rewardsHarmonizedRewardsPrePackListBeforeBorderRadius: 8px; --B-rewardsHarmonizedRewardsPrePackListBeforeBackgroundColor: var( --B-color__surface ); --B-rewardsHarmonizedRewardsPrePackListBeforeBorder: 2px solid var(--B-color__sameGameParlay); --B-rewardsHarmonizedRewardsPrePackListAfterBorderLeft: 3px dotted rgba(0, 0, 0, 0.12); --B-rewardsHarmonizedRewardsPrePackListAfterLeft: 2px; --B-rewardsHarmonizedRewardsPrePackListAfterTop: 17px; --B-rewardsItemIcon__bgColor: var(--B-color__success); --B-rewardsItemIcon__color: var(--B-color__surface); --B-rewardsItemIcon__width: 14px; --B-rewardsItemIcon__height: 14px; --B-rewardsItemIcon__borderRadius: 12px; --B-rewardsHarmonizedRewardOutcomeButtonMaxWidth: 400px; --B-rewardsHarmonizedRewardOutcomeButtonWidth: 100%; --B-rewardsHarmonizedRewardItemDateText__color: var( --B-color__onSurface_weaker ); --B-rewardsHarmonizedRewardItemTypeHeaderMaxWidth: 400px; } [data-betty-theme] { --B-sportsMenu__menuItemFontFamily: var(--B-font__secondary); --B-sportsMenu__menuItemBorderRadius: var(--B-dimension__radius_md); --B-sportsMenu__menuItemBoxShadow: none; --B-sportsMenu__menuItemPadding: 0 12px; --B-sportsMenu__menuItemColor: var(--B-color__onButtonB_weaker); --B-sportsMenu__menuItemColor--hover: var(--B-color__onButtonB_weaker--hover); --B-sportsMenu__menuItemColor--active: var( --B-color__onButtonB_weaker--active ); --B-sportsMenu__sportTextColor: var(--B-color__onButtonB_weaker); --B-sportsMenu__sportTextColor--hover: var( --B-color__onButtonB_weaker--hover ); --B-sportsMenu__sportTextColor--active: var( --B-color__onButtonB_weaker--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: 1px solid var(--B-color__buttonBBorder); --B-sportsMenu__menuItemBorder--hover: 1px solid var(--B-color__buttonBBorder); --B-sportsMenu__menuItemBorder--active: 1px solid var(--B-color__buttonBBorder); --B-sportsMenu__sportTextPaddingRight: 4px; --B-sportsMenu__sportTextFontSize: 16px; --B-sportsMenu__sportTextFontWeight: 800; --B-sportsMenu__sportTextTransform: uppercase; --B-sportsMenu__sportTextMarginLeft: 8px; --B-sportsMenu__allSportsBorderRadius: var( --B-sportsMenu__menuItemBorderRadius ); --B-sportsMenu__allSportsLineHeight: 40px; --B-sportsMenu__allSportsOpacity: 1; --B-sportsMenu__allSportsFontFamily: var(--B-font__secondary); --B-sportsMenu__allSportsFontSize: var(--B-sportsMenu__sportTextFontSize); --B-sportsMenu__allSportsFontWeight: var(--B-sportsMenu__sportTextFontWeight); --B-sportsMenu__allSportsTextTransform: var( --B-sportsMenu__sportTextTransform ); --B-sportsMenu__allSportsColor: var(--B-color__onButtonB_weaker); --B-sportsMenu__allSportsColor--hover: var( --B-color__onButtonB_weaker--hover ); --B-sportsMenu__allSportsColor--active: var( --B-color__onButtonB_weaker--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_weaker); --B-sportsMenu__allSportsArrowColor--hover: var( --B-color__onButtonB_weaker--hover ); --B-sportsMenu__allSportsArrowColor--active: var( --B-color__onButtonB_weaker--active ); --B-sportsMenu__allSportsTextPadding: 0 4px; } [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: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.12); --B-partnerSpecials__outcomesListItemBorder: 2px solid #7393ec; --B-partnerSpecials__oddsBorderRadius: var(--B-dimension__radius_sm); --B-partnerSpecials__oddsBorderHighlightedActive: var( --B-outcomeButton__border--selected--active ); --B-partnerSpecials__oddsBorderHighlightedHover: var( --B-outcomeButton__border--selected--hover ); --B-partnerSpecials__oddsBorderHighlighted: var( --B-outcomeButton__border--selected ); --B-partnerSpecials__oddsBorderActive: var(--B-outcomeButton__border--active); --B-partnerSpecials__oddsBorderHover: var(--B-outcomeButton__border--hover); --B-partnerSpecials__oddsBorderLeft: var(--B-outcomeButton__border); --B-partnerSpecials__oddsBorder: var(--B-outcomeButton__border); --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__outcomesListItemSquare: var(--B-color__surfaceBorder); --B-partnerSpecials__betslipOutcomesListItemSquare: var( --B-color__surfaceBorder ); --B-partnerSpecials__betslipOutcomesListItemBorder: #7393ec; --B-partnerSpecials__betslipOutcomesListItemCriteriaAndLabelColor: var( --B-color__onOutcome_weaker ); --B-partnerSpecials__betslipReceiptOutcomesListItemCriteriaAndLabelColor: var( --B-partnerSpecials__betslipOutcomesListItemCriteriaAndLabelColor ); --B-partnerSpecials__eventNameFontWeight: 700; --B-partnerSpecials__eventNameFontSize: 12px; --B-partnerSpecials__participantFontWeight: 700; --B-partnerSpecials__participantFontSize: 12px; --B-partnerSpecials__criterionFontWeight: 500; --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-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: var(--B-color__header); --B-termSearchOverlay__Textfield_color: var(--B-color__onHeader); --B-termSearchOverlay_borderRadius: var(--B-dimension__radius_md); --B-termSearchOverlay__SearchIcon_width: 72px; --B-termSearchOverlay__CloseIcon_width: 36px; --B-termSearchOverlay__Icons_fontSize: 25px; --B-termSearchOverlay__Icons_color: var(--B-color__onHeader); --B-termSearchOverlay__Icons_opacity: 1; --B-termSearchOverlay_TextFieldBorderRadius: var(--B-dimension__radius_md); --B-termSearchOverlay_TextFieldBorder: 1px solid var(--B-color__canvasBorder); --B-termSearchOverlayNoResults__color: var(--B-color__onCanvas_weaker); --B-termSearchOverlayResultHeader__fontSize: 12px; --B-termSearchOverlayResultHeader__padding: 20px 0 12px; --B-termSearchOverlayResultHeader__fontFamily: var(--B-font__primary); --B-termSearchOverlayResultHeader__fontWeight: 700; --B-termSearchOverlayResultHeader__bgColor: transparent; --B-termSearchOverlayResultHeader__color: var(--B-color__onCanvas); --B-termSearchOverlayResult__fontSize: 16px; --B-termSearchOverlayResult__color: var(--B-color__onSurface); --B-retailTermSearchOverlayInputFocus__border: var( --B-termSearchOverlay_TextFieldBorder ); --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: var( --B-dimension__radius_md ); --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-betslipHeader__textColor: var(--B-color__onHeader); --B-betslipHeader__backgroundColor: var(--B-color__header); --B-betslipHeader__borderTop: 4px solid #03f295; --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: var(--B-dimension__radius_lg) var(--B-dimension__radius_lg) 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: #333; --B-sportIcon__color--hover: #2e2e2e; --B-sportIcon__color--active: #2b2b2b; --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: 1.2em; --B-sportsAz__headerFontWeight: 700; --B-sportsAz__headerFontSize: 12px; --B-sportsAz__headerColor: var(--B-color__onCanvas); --B-sportsAz__headerLetterSpacing: normal; --B-sportsAz__headerTextTransform: none; --B-sportsAz__headerMargin: 16px 0 12px 38px; --B-sportsAz__buttonContainerMargin: 0 24px; --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: 700; --B-subtitle__fontSize: 12px; --B-subtitle__letterSpacing: normal; --B-subtitle__textTransform: none; --B-subtitle__lineHeight: 15px; --B-subtitle__color: var(--B-color__onHeader); --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__onHeader); --B-betslip__topbar_bgColor: var(--B-color__header); --B-betslip__topbarBorderTop: 4px solid var(--B-color__header); --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: 0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 0px rgba(0, 0, 0, 0.12), 0 24px 38px 0 rgba(0, 0, 0, 0.14); --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: 1px solid var(--B-color__surfaceBorder); --B-betslip__clearBtnPadding: 0 8px; --B-betslip__clearBtnLineHeight: 32px; --B-betslip__clearBtn_color: var(--B-color__onButtonGhostB); --B-betslip__clearBtnFontSize: 12px; --B-betslip__clearBtnFontWeight: 600; --B-betslip__clearBtnTextTransform: uppercase; --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: 2px 2px; --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: 16px; --B-betslip__tabsFontWeight: 800; --B-betslip__tabsText_color: var(--B-color__onHeader); --B-betslip__tabsText_color--hover: var(--B-color__onHeader--hover); --B-betslip__tabsMouseDownText_color: var(--B-color__onHeader--active); --B-betslip__tabsText_color--disabled: var(--B-color__onDisabledOnDark); --B-betslip__tabsSelectedText_color: var(--B-color__onHeader_weaker); --B-betslip__tabsSelectedText_color--hover: var( --B-color__onHeader_weaker--hover ); --B-betslip__tabsSelected_bgColor: transparent; --B-betslip__tabsSelectedTextWeight: 800; --B-betslip__tabsSelectedUnderline_bg: var(--B-color__onHeader_weaker); /* 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: 500; --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__secondary); --B-betslip__detailsValueFontSize: 24px; --B-betslip__detailsValueTextWeight: 800; --B-betslip__detailsValueText_color: var(--B-color__onSurface); --B-betslip__detailsSummaryPotentialPayoutVisibleValue_color: var( --B-color__onOutcome ); --B-betslip__detailsRewardFontSize: 16px; --B-betslip__detailsRewardFontWeight: 800; --B-betslip__detailsRewardText_color: var(--B-color__onOutcome); --B-betslip__modObsoleteOdds_color: var(--B-color__onOutcome_weaker); --B-betslip__modTotalBoostedOdds_color: var(--B-color__onOutcome); --B-betslip__modTotalOddsChangedObsoleteOdds_color: var( --B-color__onOutcome_weaker ); --B-betslip__modTotalOddsChangedBoostedOdds_color: var(--B-color__onOutcome); --B-betslip__modTotalOddsChanged_bg: transparent; --B-betslip__modTotalOddsChanged_color: var(--B-color__onSurface); --B-betslip__modSystemEachwayText_color: var(--B-color__onThemeLight); --B-betslip__modSystemEachwayFontSize: 12px; --B-betslip__modEachwayText_color: var(--B-color__onThemeLight); --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: 500; --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__onDisabledOnLight); --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__outcomeBorder); --B-betslip__outcomeFontSizeDeci: 12px; --B-betslip__modOutcome_bgColor: var(--B-betslip__outcome_bgColor); --B-betslip__modOutcomeText_color: var(--B-betslip__outcomeText_color); --B-betslip__modOutcomeBorderBottom: 1px solid var(--B-betslip__outcomeBorderBottom); --B-betslip__modOutcomeBorderRadius: 0px; --B-betslip__modOutcomeSuspended_bgColor: var(--B-color__disabledOnLight); --B-betslip__modOutcomeTextSuspended_color: var(--B-color__onDisabledOnLight); --B-betslip__modOutcomeOddsSuspendedFontSize: 14px; --B-betslip__modOutcomeOddsSuspended_color: var(--B-color__onDisabledOnLight); --B-betslip__modOutcomeOddsTransformSuspended: Uppercase; --B-betslip__modOutcomeBorderBottomSuspended: 1px solid transparent; --B-betslip__modOutcomeClosed_bgColor: var(--B-color__disabledOnLight); --B-betslip__modOutcomeTextClosedSecondary_color: var( --B-color__onDisabledOnLight ); --B-betslip__modOutcomeTextClosed_color: var(--B-color__onDisabledOnLight); --B-betslip__modOutcomeTextClosedTertiary_color: var(--B-color__danger); --B-betslip__modOutcomeTextClosedTertiaryCase: uppercase; --B-betslip__modOutcomeTextClosedTertiarySize: 14px; --B-betslip__modOutcomeBorderBottomClosed: 1px solid transparent; --B-betslip__modOutcomesListEvent_color: var(--B-color__onSurface); --B-betslip__outcomeDetailsOpenAfter_fontSize: 14px; --B-betslip__outcomeSystemIndexText_color: var(--B-color__onTheme); --B-betslip__outcomeSystemIndex_bg: var(--B-color__theme); --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: 500; --B-betslip__modOutcomeInfoMargin: 0; --B-betslip__modOutcomeInfoFirstMarginTop: 4px; --B-betslip__modOutcomeInfoFirstLineMarginBottom: unset; --B-betslip__modOutcomeStakeContainerMarginTop: -1px; --B-betslip__modOutcomeBogIconOpacity: 1; --B-betslip__bogIconOpacity: 1; --B-betslip__outcomeBogIcon: unset; --B-betslip__modOutcomeEventFontWeight: 500; --B-betslip__modOutcomeEventLinkFontSize: unset; --B-betslip__modOutcomeCriteriaMargin: 2px 0 0 0; --B-betslip__modOutcomeCriteriaFontSize: 12px; --B-betslip__modOutcomeCriteriaFontWeight: 500; --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__onDisabledOnLight ); --B-betslip__modOutcomeCloseIconOpacity: 1; --B-betslip__modOutcomeCloseIconTouch_color: unset; --B-betslip__modOutcomeCloseIconBorderSuspended: 1px solid var(--B-color__surfaceAlternativeBorder); --B-betslip__modOutcomeCloseIconSuspended_bg: transparent; --B-betslip__modOutcomeCloseIconSuspended_color: var( --B-color__onDisabledOnLight ); --B-betslip__modOutcomeCloseIconHoverSuspended_color: unset; --B-betslip__modOutcomeCloseIconTouchOpacitySuspended_color: unset; --B-betslip__modOutcomeCloseIconBorderClosed: 1px solid var(--B-color__surfaceAlternativeBorder); --B-betslip__modOutcomeCloseIconClosed_bg: transparent; --B-betslip__modOutcomeCloseIconClosed_color: var( --B-color__onDisabledOnLight ); --B-betslip__modOutcomeCloseIconOpacityClosed: 1; --B-betslip__modOutcomeCloseIconHoverOpacityClosed: 1; --B-betslip__modOutcomeCloseIconHoverClosed_color: unset; --B-betslip__modOutcomeCloseIconTouchOpacityClosed_color: unset; --B-betslipValidationCloseCloseIcon__opacity: 1; --B-betslipOutcomeCloseIcon__size: 23px; --B-betslipValidationCloseCloseIcon__color: var(--B-color__onDisabledOnLight); --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__danger); --B-betslip__modOutcomeCloseIconHover_color: var( --B-color__onSurface_weaker--hover ); --B-betslip__outcomeCloseIcon_bg: var(--B-color__surfaceAlternative); --B-betslip__outcomeCloseIcon_bg--hover: var( --B-color__surfaceAlternative--hover ); --B-betslip__outcomeCloseIcon_bg--active: var( --B-color__surfaceAlternative--active ); --B-betslip__modOutcomeCloseIconBorder: 1px solid var(--B-color__surfaceBorder); --B-betslipOutcomeCloseIcon__border: var( --B-betslip__modOutcomeCloseIconBorder ); --B-betslip__modOutcomeOddsFontSize: 16px; --B-betslip__modOutcomeOddsFontWeight: 800; --B-betslip__modOutcomeOddsLineHeight: 16px; --B-betslip__modOutcomeIconOddsChangingMarginRight: 3px; --B-betslip__modOutcomeOddsContainerMarginRight: 4px; --B-betslip__modOutcomeOddsContainerMarginBottom: 5px; --B-betslip__modOutcomeOddsText_color: var(--B-color__onSurface); --B-betslip__modOutcomeOddsTextBoosted_color: var(--B-color__onOutcome); --B-betslip__modOutcomeOddsTextIn_color: var(--B-color__onOutcome_weaker); --B-betslip__modNewOutcomeOddsChanged_bg: inherit; --B-betslip__modNewOutcomeOddsChanged_color: var(--B-color__onSurface); --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__onDisabledOnLight); --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: var( --B-color__onSurface ); --B-betslip__stakeInputFocusBorder: var(--B-color__outcomeBorder) 2px solid; --B-betslip__stakeInputFocusShadow: unset; --B-betslip__detailsStakeInputFontSize: 16px; --B-betslip__detailsStakeInputFontWeight: 800; --B-betslip__detailsStakeInputWidth: 66px; --B-betslip__singlesStakeInputText_color: var(--B-color__onSurface); --B-betslip__stakeInput_bgColor: var(--B-color__outcome); --B-betslip__detailsStakeInputBorder: 1px solid var(--B-color__onSurface_weaker); --B-betslip__detailsStakeInputBorderRadius: 3px; --B-betslip__detailsStakeInputBoxShadow: inset 0px 1px 4px 0px 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-color__surface); --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__onSurface); --B-betslip__teaserHeaderTitleSuffix_color: var(--B-color__onSurface); --B-betslip__teaserItemLabelText_color: var(--B-color__onSurface); --B-betslip__teaserItemLabelTextSize: 12px; --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: 14px; --B-betslip__rewardContainerInfoText_color: var(--B-color__onSurface); --B-betslip__rewardContainerInfoTextSize: 14px; --B-betslip__rewardContainerInfoFontWeight: 500; --B-betslip__rewardContainerExtraText_color: var(--B-color__onSurface); --B-betslip__rewardContainerExtraTextSize: 11px; --B-betslip__rewardContainerExtraTextWeight: 500; --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__surfaceBorder); /* Button */ --B-betslip__buttonRadius: 8px; --B-betslip__buttonFontSize: 16px; --B-betslip__buttonTextWeight: 800; --B-betslip__buttonFontFamily: var(--B-font__secondary); --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: 20px; --B-betslip__placeBetButtonFontFamily: var(--B-font__secondary); --B-betslip__placeBetButtonFontWeight: 800; --B-betslip__placeBetComponentButtonBorderRadius: var( --B-dimension__radius_sm ); --B-betslip__placeBetButtonTextTransform: uppercase; --B-betslip__placeBetButtonBorder: 1px solid var(--B-color__transactionBorder); --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__disabledOnLight); --B-betslip__placeBetButtonDisabledText_color: var( --B-color__onDisabledOnLight ); --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: 800; --B-betslip__approveOddsButtonTextTransform: uppercase; --B-betslip__approveOddsButtonTextFontSize: 20px; --B-betslip__approveOddsButtonLineHeight: 18px; --B-betslip__approveOddsButtonBorderRadius: var(--B-dimension__radius_sm); --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 ); /* BYOD barcode stuff */ --B-betslip__barcode_bgColor: var(--B-betslip__topbar_bgColor); --B-betslip__barcodeArrow: var(--B-betslip__topbarText_color); --B-betslip__deleteBarcodeButton_bgColor: #d0312d; --B-betslip__deleteBarcodeButton_bgColor--hover: #d64441; --B-betslip__deleteBarcodeButton_bgColor--active: #dc615e; --B-betslip__deleteBarcodeButton_textColor: var( --B-betslip__placeBetButtonText_color ); --B-betslip__deleteBarcodeButton_textColor--hover: var( --B-betslip__placeBetButtonHoverText_color ); --B-betslip__deleteBarcodeButton_textColor--active: var( --B-betslip__placeBetButtonActiveText_color ); /* Receipt*/ --B-betslip__receipt_bgColor: var(--B-color__surface); --B-betslip__receiptHeaderFontSize: 16px; --B-betslip__receiptHeaderFontWeight: 700; --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: 700; --B-betslip__receiptHeaderReceipt_color: var(--B-color__onHeader); --B-betslip__receiptTextSize: 12px; --B-betslip__receiptText_color: var(--B-color__onSurface); --B-betslip__receiptTextWeight: 500; --B-betslip__receiptCloseButtonBorderRadius: var(--B-dimension__radius_sm); --B-betslip__receiptCloseButtonBorder: 1px solid var(--B-color__buttonBBorder); --B-betslip__receiptCloseButtonFontFamily: var(--B-font__secondary); --B-betslip__receiptCloseButtonTextSize: 20px; --B-betslip__receiptCloseButtonTextWeight: 700; --B-betslip__receiptCloseButtonTextTransform: uppercase; --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: 1px solid var(--B-color__buttonBBorder); --B-betslip__receiptCloseButtonBorderActive: 1px solid var(--B-color__buttonBBorder); --B-betslip__receiptSummaryProfitBoostPayoutLabelFontSize: 8px; --B-betslip__receiptProfitBoostPayoutLabelFontSize: 12px; --B-betslip__receiptSummaryTitleFontSize: 12px; --B-betslip__receiptSummaryTitle_color: var(--B-color__onSurface); --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: 600; --B-betslip__receiptOutcomeCriteriaFontSize: 16px; --B-betslip__receiptOutcomeCriteria_color: var(--B-color__onBetSlipOutcome); --B-betslip__receiptHighlightTextSize: var(--B-betslip__receiptTextSize); --B-betslip__receiptHighlightTextWeight: 800; --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 ); --B-betslip__printReceiptOutcomeItemFontSize: 11px; --B-betslip__receiptOutcomeBogIconFontSize: 12px; --B-betslip__receiptOutcomeLabelWeight: 500; --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: #192033; --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__onDisabledOnLight ); --B-betslip__touchKeyboardCheckboxLabelFontFamily: unset; --B-betslip__touchKeyboardButtonBackround_bgColor: var(--B-color__buttonB); --B-betslip__touchKeyboardButtonText_color: var(--B-color__onButtonB); --B-betslip__touchKeyboardButtonFontFamily: unset; --B-betslip__touchKeyboardButtonFontWeight: 800; --B-betslip__touchKeyboardFontSizeNormal: 16px; --B-betslip__touchKeyboardButtonBorder: none; --B-betslip__retailKeyboard_bgColor: var(--B-color__buttonB); --B-betslip__modMobileKeyboard_bgColor: var(--B-color__surface); --B-betslip__modMobileKeyboardButton_bg: var(--B-color__buttonB); --B-betslip__modMobileKeyboardButtonBorderRadius: var( --B-dimension__radius_sm ); --B-betslip__mobileKeyboardButtonText_color: var(--B-color__onButtonB); --B-betslip__modMobileKeyboardButtonText_color: var(--B-color__onButtonB); --B-betslip__modMobileKeyboardButtonFontWeight: 800; --B-betslip__modMobileKeyboardButtonFontSize: 14px; --B-betslip__modMobileKeyboardButtonBorder: 1px solid var(--B-color__buttonBBorder); --B-betslip__modMobileKeyboardButtonTouch_bg: var(--B-color__buttonB--active); --B-betslip__modMobileKeyboardButtonTouchText_color: var( --B-color__onButtonB--active ); --B-betslip__modMobileKeyboardButtonTouchedFontWeight: 800; --B-betslip__modMobileKeyboardButtonTouchedFontSize: 16px; --B-betslip__modMobileKeyboardButtonTouchedShadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); --B-betslip__modMobileKeyboardButtonTouchedBorderRadius: var( --B-dimension__radius_md ); --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__danger); --B-betslip__pbaCurrencyWeight: 500; --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__feedbackFontWeight: 500; --B-betslip__feedbackFontFamily: var(--B-font__secondary); --B-betslip__feedbackParagrapghFontSize: 14px; --B-betslip__feedbackParagrapghFontWeight: 500; --B-betslip__feedbackParagraphFontFamily: unset; --B-betslip__feedbackErrorListFontSize: 14px; --B-betslipFeedback__textColor: var(--B-color__onBetslipError); --B-betslipSystemErrorsMessages__borderBottom: unset; --B-betslipSystemErrorsMessages__fontWeight: 500; --B-betslipSystemErrorsMessages__textColor: var( --B-color__onSurfaceAlternative ); --B-betslipSystemErrorsMessages__backgroundColor: var( --B-color__surfaceAlternative ); --B-betslip__pbaText_color: var(--B-color__onBetslipError); --B-betslip__pbaFontFamily: unset; --B-betslip__pbaFontSizeNormal: 16px; --B-betslip__pbaTitle_color: var(--B-color__onBetslipError); --B-betslip__pbaSeparator: 1px solid var(--B-color__betslipErrorBorder); --B-betslipValidationErrorDescription__lineHeight: 16px; --B-betslipValidationErrorDescription__fontSize: 12px; --B-betBuilder_selectionsColor: var(--B-color__onSurface_weaker); --B-partnerSpecials__betslipOutcomesListItemCriteriaAndLabelColor: var( --B-color__onSurface ); /*border-radius*/ --B-betslip__outcomeListmargin: 8px; --B-betslip__outcomeOnlyTypeBorderBottom: none; --B-betslip__outcomeOnlyTypeBorderRadius: var(--B-dimension__radius_sm); --B-betslip__outcomeOnlyTypeCloseButtonOpenBorderRadius: var( --B-dimension__radius_sm ) 0 0 var(--B-dimension__radius_sm); --B-betslip__outcomeLastTypeMarginBottom: 4px; --B-betslip__outcomeLastTypeBorderBottom: none; --B-betslip__outcomeLastTypeBorderRadius: 0 0 var(--B-dimension__radius_sm) var(--B-dimension__radius_sm); --B-betslip__outcomeLastTypeCloseButtonOpenBorderRadius: 0 0 0 var(--B-dimension__radius_sm); --B-betslip__outcomeFirstTypeBorderRadius: var(--B-dimension__radius_sm) var(--B-dimension__radius_sm) 0 0; --B-betslip__outcomeFirstTypeCloseButtonOpenBorderRadius: var( --B-dimension__radius_sm ) 0 0 0; --B-betslip__outcomeBorderRadiusLastTypeOpenBeforeBorderRadius: 0 0 var(--B-dimension__radius_sm) 0; --B-betslip__outcomeFirstTypeOpenBorderRadius: var(--B-dimension__radius_sm) 0 0 0; --B-betslip__outcomeBorderRadiusFirstTypeOpenBeforeBorderRadius: 0 var(--B-dimension__radius_sm) 0 0; --B-betslip__outcomeViewStickerContainerPadding: 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__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: 14px; --B-betofferSubcategory__labelFontWeight: 700; --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__viewportColor: var(--B-color__onSurface); --B-activityFeed__eventStartTextFontSize: 16px; --B-activityFeed__eventStartTextFontWeight: 500; --B-activityFeed__eventStartHeaderFontSize: 20px; --B-activityFeed__eventStartHeaderFontWeight: 700; --B-activityFeed__eventStartHeaderColor: var(--B-color__onSurface); --B-activityFeed__messageEventStartFontFamily: var(--B-font__primary); --B-activityFeed__messageEventStartFontSize: 16px; --B-activityFeed__messageEventStartColor: var(--B-color__onSurface_weaker); --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: var(--B-dimension__radius_sm); --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__headerFontWeight: 700; --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: 700; --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__secondary); --B-outcomesList__showListButtonFontSize: 14px; --B-outcomesList__showListButtonFontWeight: 800; --B-outcomesList__showListButtonTextTransform: uppercase; --B-outcomesList__showListButtonBorderRadius: var(--B-dimension__radius_sm); --B-outcomesList__showListButtonArrowFontSize: 8px; --B-outcomesList__showListButtonArrowLineHeight: 26px; --B-outcomesList__outcomeButtonMarginBottom: 3px; --B-outcomesList__headerLineHeight: 29px; --B-outcomesList__dropdownHeight: 31px; --B-outcomesList__dropdownLineHeight: 31px; } [data-betty-theme] { --B-layoutCorrectScoreView__backgroundColor: none; --B-layoutCorrectScoreView__numberColor: var(--B-color__onSurface); --B-layoutCorrectScoreView__fontSizeDeci: 14px; --B-layoutCorrectScoreView__fontWeight: 500; --B-layoutCorrectScoreView__numberFontWeight: 700; --B-layoutCorrectScoreView__backgroundColor--selected--hover: var( --B-color__selected ) var(--B-custom__gradient_linear180deg); --B-layoutCorrectScoreView__backgroundColor--selected: var( --B-color__selected ) var(--B-custom__gradient_linear180deg); --B-layoutCorrectScoreView__color--selected--hover: var(--B-color__surface); --B-layoutCorrectScoreView__color--selected: var(--B-color__surface); --B-layoutCorrectScoreView__color--hover: var(--B-color__onSurface); --B-layoutCorrectScoreView__numberBarBackgroundColor: transparent; --B-layoutCorrectScoreView__numberBarBorder: 1px solid var(--B-color__surfaceBorder); --B-layoutCorrectScoreView__color--inactive: var(--B-color__onSurface_weaker); --B-layoutCorrectScoreView__correctScoreTeamNameColor: unset; --B-layoutCorrectScoreView__numberBarBorderRadius: var( --B-dimension__radius_sm ); } [data-betty-theme] { --B-betofferCategories__categoryNoContentColor: var( --B-color__onSurface_weaker ); --B-betofferCategories__categoryContainersMarginBottom: 8px; --B-betofferCategories__betofferCategoryBackgroundColor: var( --B-color__surface ); --B-betofferCategories__betofferCategoryBorder: unset; --B-betofferCategories__betofferCategoryFilter: unset; --B-betofferCategories__betofferCategoryBorderRadius: 12px; --B-betofferCategories__betofferCategorySubcategoriesHeaderColor: var( --B-color__onSurface ); --B-betofferCategories__filterScrollrArrowWidth: 17px; --B-betofferCategories__filterMenuItemHorizontalPadding: 16px; --B-betofferCategories__filterBackground: transparent; --B-betofferCategories__filterScrollArrowBackgroud: var(--B-color__surface); --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__onSurface); --B-betofferCategories__filterScrollArrowStroke--hover: var( --B-color__surface--hover ); --B-betofferCategories__filterHeaderPadding: 0; --B-betofferCategories__filterFontSize: 12px; --B-betofferCategories__filterFontFamily: unset; --B-betofferCategories__filterFontWeight: 500; --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: 500; --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: none; --B-betofferCategories__filterIconPositionTop: 20px; --B-betofferCategories__filterIconPositionRight: -16px; --B-betofferCategories__noContentTextColor: var(--B-color__onCanvas); --B-betofferCategories__noContentTextShadow: none; } [data-betty-theme] { --B-playerCast__headerButtonLineHeight: 36px; --B-playerCast__headerButtonBorderRadius: 2px; --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__selected); --B-slider__thumbBackground--hover: var(--B-color__selected); --B-slider__thumbBackground--active: var(--B-color__selected); --B-slider__thumbRingBackground: var(--B-color__surface); --B-slider__tooltipBackground: var(--B-color__selected); --B-slider__tooltipColor: #fff; --B-slider__lineColor: rgba(126, 138, 170, 0.4); --B-slider__tickMarkBackround: rgba(126, 138, 170, 0.4); --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: var(--B-dimension__radius_md); --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__headerFontWeight: 700; --B-coupon__headerTextColor: var(--B-color__onHeader); --B-coupon__headerBackground: var(--B-color__header); --B-coupon__headerBorderTopBottom: 1px solid var(--B-color__headerBorder); --B-coupon__headerBorderSides: 1px solid transparent; --B-coupon__textSize: 12px; --B-coupon__titleFontSize: 12px; --B-coupon__titleFontWeight: 700; } [data-betty-theme] { --B-cashOut__border: 1px solid var(--B-color__surfaceBorder); --B-cashOut__background: var(--B-color__surface); --B-cashOut__fontFamily: var(--B-font__primary); --B-cashOut__labelTextFontSize: 14px; --B-cashOut__labelTextFontWeight: 700; --B-cashOut__labelTextColor: var(--B-color__onSurface); --B-cashOut__payoutColor: var(--B-color__onSurface_weaker); } [data-betty-theme] { --B-highlights__itemBg: #004572; --B-highlights__itemBg--dark: rgba(0, 69, 114, 0.8); --B-highlights__itemBorderRadius: 8px; --B-highlights__eventItemMarketNameColor: #e6ecf1; --B-highlights__eventItemMarketSideColor: rgba(255, 255, 255, 0.16); --B-highlights__eventItemTopTextColor: #e6ecf1; --B-highlights__eventHeaderInfoColor: #e6ecf1; --B-highlights__eventHeaderIconColor: #b3c7d5; --B-highlights__eventHeaderTimeColor: #b3c7d5; --B-highlights__eventLiveIconColor: #e6ecf1; --B-highlights__eventLivePeriodColor: #b3c7d5; --B-highlights__eventOverallScoreBorderRadius: 8px; --B-highlights__eventOverallScoreBg: #002b47; --B-highlights__eventOverallScoreBg--alt: #002b47; --B-highlights__eventOverallScoreColor: #e6eaed; --B-highlights__eventScoreSeparatorColor: #b3c7d5; --B-highlights__eventScoreSetColor: #b3c7d5; --B-highlights__eventScoreMatchDetailColor: #b3c7d5; --B-highlights__eventParticipantColor: #e6ecf1; --B-highlights__prepacksBBLineColor: rgba(255, 255, 255, 0.16); --B-highlights__prepacksBBDotColor: #ffa300; --B-highlights__prepacksSectionNameColor: #e6ecf1; --B-highlights__prepacksSectionOutcomeColor: #e6ecf1; --B-highlights__prepacksSectionMarketColor: #b3c7d5; --B-highlights__prepacksSpecialLabelTextColor: #332900; --B-highlights__prepacksSpecialLabelBorderColor: #ffcd00; --B-highlights__prepacksSpecialLabelBackgroundColor: #ffcd00; --B-highlights__prepacksBoostLabelTextColor: #00272c; --B-highlights__prepacksBoostLabelBorderColor: #00c1de; --B-highlights__prepacksBoostLabelBackgroundColor: #00c1de; --B-highlights__prepacksSelectionsOverlayBackground: linear-gradient( 180deg, rgba(0, 69, 114, 0) 0%, rgba(0, 69, 114, 1) 100% ); --B-highlights__modalSelectorBg: #f0f0f2; --B-highlights__modalHeaderColor: #03184f; --B-highlights__modalShowAllColor: #e6ecf1; --B-highlights__modalShowAllBg: #004572; --B-highlights__modalShowAllBg--hover: #005186; --B-highlights__modalShowAllBg--active: #005891; --B-highlights__modalShowAllBorder: 1px solid #004572; } [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); } [data-betty-theme='icon--headerfavourite'] { --B-favourites__iconFill: var(--B-color__onHeader_weaker); --B-favourites__iconFill--hover: var(--B-color__onHeader_weaker--hover); --B-favourites__iconFill--active: var(--B-color__onHeader_weaker--active); } [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); } [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); --B-icon__verticalAlign: -20%; } [data-betty-theme='icon--betslipClose'] { --B-icon__size: var(--B-sandwichFilter__betslipCloseIconFontSize, 23px); --B-icon__fill: var(--B-color__danger); } [data-betty-theme='icon--betslipCancelRounded'] { --B-icon__fill: var(--B-color__onButtonGhostA_weaker); --B-icon__size: 16px; } [data-betty-theme='icon--betslipHeaderIcon'] { --B-icon__fill: var(--B-color__onHeader_weaker); --B-icon__size: var(--B-betslipHeader__buttonFontSize, 26px); } [data-betty-theme='sticker--promotionBetslip'] { --B-icon__fill: var(--B-color__onSurface); --B-icon__size: 18px; --B-color__onSurfaceRewardsInfo: var(--B-color__onSurface); } [data-betty-theme] { --B-carousel__color: #fff; --B-carouselActionButton__backgroundColor: rgba(254, 254, 254, 0.04); --B-carouselActionButton__border: initial; --B-carouselActionButton__borderRadius: 4px; --B-carouselActionButton__color: #fff; --B-carouselActionButton__fontSize: 1.3rem; --B-carouselActionButtonWide__fontSize: 24px; --B-carouselBetOfferLabel__borderBottomColor: rgba(255, 255, 255, 0.7); --B-carouselBetOfferLabel__color: rgba(255, 255, 255, 0.7); --B-carouselEventList__backgroundColor: rgba(0, 0, 0, 0.7); --B-carouselEventList__marginBottom: 0.1875rem; --B-carouselEventListBetOfferHeader__color: rgba(255, 255, 255, 0.7); --B-carouselEventListBetOfferHeader__fontWeight: initial; --B-carouselEventListBetOfferHeader__textTransform: uppercase; --B-carouselEventListEventTime__color: rgba(255, 255, 255, 0.7); --B-carouselEventListEventTime__fontSize: 1.2rem; --B-carouselEventListEventTime__lineHeight: 2.2rem; --B-carouselEventListHeader__fontSize: 1.35rem; --B-carouselEventListHeader__minHeight: 3.5rem; --B-carouselEventListOutcomeOverUnder__fontWeight: initial; --B-carouselEventListParticipant__fontSize: 1.8rem; --B-carouselEventListParticipant__lineHeight: 2.2rem; --B-carouselEventListParticipant__padding: 0.5rem 0; --B-carouselHeader__color: #fff; --B-carouselMatchClock__color: rgba(255, 255, 255, 0.7); --B-carouselNowLabel__backgroundColor: #c93d79; --B-carouselNowLabel__color: #fff; --B-carouselScoreBoard__backgroundColor: #fff; --B-carouselScoreBoard__color: #000; --B-carouselScoreBoardCurrentPeriod__color: #f8d61f; --B-carouselScoreBoardServeIndicator__color: var( --B-scoreboard__iconServeIndicatorBg ); --B-carouselSlide__color: rgba(255, 255, 255, 0.7); --B-carouselSlideEventList__backgroundColor: rgba(0, 0, 0, 0.7); --B-carouselSlideEventListHeader__backgroundColor: rgba(0, 0, 0, 0.7); --B-carouselSlideHeader__color: #fff; --B-carouselSlideHeader__fontFamily: initial; --B-carouselSlideHeader__fontSize: 3.5rem; --B-carouselSlideHeader__textTransform: initial; --B-carouselTimeLabel__opacity: 1; --B-carouselBetOffer__topX: 1px; --B-carouselBetOffer__marginRight: 4; --B-carouselBetOfferCompact__width: 90; --B-carouselBetOfferSuspended__color: #666; } [data-betty-theme] { --B-favourites__acceptButtonBorder: 1px solid var(--B-color__themeBorder); --B-favourites__acceptButtonBackground: var(--B-color__theme); --B-favourites__acceptButtonColor: var(--B-color__onTheme); --B-favourites__acceptButtonDisabledBackground: var( --B-color__disabledOnLight ); --B-favourites__acceptButtonDisabledColor: var(--B-color__onDisabledOnLight); --B-favourites__acceptButtonDisabledBorder: 1px solid var(--B-color__themeBorder); --B-favourites__acceptButtonBackground--hover: var(--B-color__theme--hover); --B-favourites__acceptButtonBorder--hover: 1px solid var(--B-color__themeBorder); --B-favourites__acceptButtonBackground--active: var(--B-color__theme--active); --B-favourites__acceptButtonBorder--active: 1px solid var(--B-color__themeBorder); --B-favourites__closeButtonBorder: none; --B-favourites__closeButtonColor: var(--B-color__theme); --B-favourites__selectedItemBackground: var(--B-color__theme); --B-favourites__selectedItemColor: var(--B-color__onTheme); --B-favourites__selectedItemBoxShadow: none; --B-favourites__selectedItemHoverBackground: var(--B-color__theme--hover); --B-favourites__selectedSportBackground: var(--B-color__theme); --B-favourites__selectedSportFill: var(--B-color__onTheme); --B-favourites__listedSportFill: var(var(--B-color__theme)); --B-favourites__disabledSportBackground: var(--B-color__disabledOnLight); --B-favourites__disabledSportFill: var(--B-color__onDisabledOnLight); --B-favourites__selectedSportBorder: none; --B-favourites__userFavOverlayBackgroundColor: none; --B-favourites__listedSportBackground: var(--B-color__buttonA); --B-favourites__listedSportHoverBackground: var(--B-color__buttonA--hover); --B-favourites__listedSportBorder: none; --B-favourites__listedSportColor: #2e2e2e; --B-favourites__selectedSportColor: #2e2e2e; --B-favourites__selectItemButton: rgba(255, 255, 255, 0.32); --B-favourites__headerTextColor: #2e2e2e; --B-favourites__headerTextFontWeight: 700; --B-favourites__subHeaderTextColor: #2e2e2e; --B-favourites__subHeaderTextFontWeight: 400; --B-favourites__selectSportSortButtonBorder: 1px solid #7f7f7f; --B-favourites__sideMarginStandardInMobile: 0 auto; --B-favourites__maxWidthStandardMobile: 330px; --B-favourites__sportItemGridWidth: 180px; --B-favourites__selectFavTextColor: #7f7f7f; --B-favourites__selectStarDivBackground: #ef382b; --B-favourites__selectStarIconFill: #ffffff; --B-favourites__selectedItemDragBackground: #00385c; --B-favourites__selectedItemDragDropShadow: drop-shadow(0 8 24 0 #00000052); --B-favourites__selectExpandedStarIconFill: #ffff00; --B-favourites__subHeaderFontSize: 12px; --B-favourites__subHeaderLineHeight: 16px; --B-favourites__headerFontSize: 28px; --B-favourites__subHeaderMargin: 13px 0 6px 0px; --B-favourites__headerMargin: 13px 0 6px 0px; --B-favourites__sportOrderContainerMargin: 16px 0 40px 0; --B-favourites__closeButtonHeight: 48px; --B-favourites__closeButtonFontWeight: 800; --B-favourites__closeButtonFontSize: 15px; --B-favourites__closeButtonBorderRadius: 12px; --B-favourites__closeButtonLineHeight: 16px; --B-favourites__closeButtonPadding: 16px; --B-favourites__acceptButtonPadding: 0 16px 0 16px; --B-favourites__acceptButtonHeight: 48px; --B-favourites__acceptButtonWeight: 800; --B-favourites__acceptButtonFontSize: 15px; --B-favourites__acceptButtonLineHeight: 16px; --B-favourites__acceptButtonBorderRadius: 4px; --B-favourites__selectExpandedStarIconWidth: 16px; --B-favourites__selectExpandedStarIconHeight: 15px; --B-favourites__sportsIndexTextColor: #2e2e2e; --B-favourites__sportsIndexFontSize: 12px; --B-favourites__sportsIndexFontWeight: 700; --B-favourites__sportsIndexWidth: 15px; --B-favourites__selectedItemBorderRadius: 8px; --B-favourites__selectedItemPadding: 0 12px 0 16px; --B-favourites__sportNameItemColor: #e6e9ec; --B-favourites__sportNameFontSize: 13px; --B-favourites__sportNameFontWeight: 700; --B-favourites__userFavBorderRadius: 8px; --B-favourites__userFavSportNameFontSize: 13px; --B-favourites__userFavSportNameFontWeight: 700; --B-favourites__selectStarDivBorderRadius: 24px; --B-favourites__selectStarDivWidth: 24px; --B-favourites__selectStarDivHeight: 24px; --B-favourites__selectStarIconWidth: 16px; --B-favourites__selectStarIconHeight: 16px; --B-favourites__listedSportWidth: 32px; --B-favourites__listedSportHeight: 32px; --B-favourites__listedSportIconWidth: 32px; --B-favourites__listedSportIconHeight: 32px; --B-favourites__listedSportBorderRadius: 4px; --B-favourites__listedSportPadding: 12px; --B-favourites__listedSportFontSizeMobile: 11px; --B-favourites__listedSportFontSizeDesktop: 12px; --B-favourites__listedSportFontWeight: 500; --B-favourites__sportSelectionHeaderTextColor: #2e2e2e; --B-favourites__sportSelectionHeaderMargin: 0 0 6px 0px; --B-favourites__sportSelectionHeaderFontSize: 18px; --B-favourites__sportSelectionHeaderFontWeight: 700; --B-favourites__selectedItemBorder: none; } [data-betty-theme] { --B-mediaModule__textColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-mediaModule__textFontFamily: var(--B-typography__fontFamily_brand); --B-mediaModule__playButtonBackground: var(--B-color__highlight); --B-mediaModule__playButtonColor: var(--B-color__onHighlight); --B-mediaModule__playButtonHoverBackground: var(--B-color__highlight--hover); --B-mediaModule__playButtonHoverColor: var(--B-color__onHighlight--hover); --B-mediaModule__overlayBackground: linear-gradient( 0deg, var(--B-color__promo, var(--B-color__duotone_stronger)) 64%, var(--B-color__promo, var(--B-color__duotone_stronger)) 100% ); --B-mediaModule__actionButtonBackground: var(--B-color__buttonGhostB); --B-mediaModule__actionButtonColor: var(--B-color__onButtonGhostB); --B-mediaModule__actionButtonBorderColor: var(--B-color__buttonGhostBBorder); --B-mediaModule__actionButtonHoverBackground: var( --B-color__buttonGhostB--hover ); --B-mediaModule__actionButtonHoverColor: var( --B-color__onButtonGhostB--hover ); --B-mediaModule__actionButtonHoverBorderColor: var( --B-color__buttonGhostB--hoverBorder ); --B-mediaModule__videoThumbnailOverlayBackground: linear-gradient( 0deg, var(--B-color__promo, var(--B-color__duotone_stronger)) 64%, var(--B-color__promo, var(--B-color__duotone_stronger)) 100% ); /* stylelint-disable-next-line custom-property-pattern */ --B-mediaModule__defaultBorderRadius: var(--B-surfaceItemRadius); --B-mediaModule__accessoryBorderRadius: 4px; --B-mediaModule__carouselArrowBackground: var(--B-color__transaction); --B-mediaModule__carouselArrowColor: var(--B-color__onTransaction); --B-mediaModule__headerFontSize: var(--B-typography__fontSize_xl); --B-mediaModule__headerFontWeight: 800; --B-mediaModule__videoSubTitleFontWeight: 400; } [data-betty-theme] { --B-QDButton__color: var(--B-color__theme); --B-QDButton__color--primary: #fff; --B-QDButton__color--secondary: #666; --B-QDButton__color--tertiary: #fff; --B-QDButton__color--outlined: var(--B-color__theme); --B-QDButton__color--attention: #fff; --B-QDButton__color--hover: var(--B-color__onTheme); --B-QDButton__background: transparent; --B-QDButton__background--primary: var(--B-color__theme); --B-QDButton__background--primary--hover: var(--B-color__theme); --B-QDButton__background--secondary: #e5e5e5; --B-QDButton__background--tertiary: #3b2d3d; --B-QDButton__background--attention: #faa700; --B-QDButton__background--attention--hover: #ffcd1a; --B-QDButton__background--hover: var(--B-color__theme); --B-QDButton__background--disabled: #b4b4bf; --B-QDButton__borderRadius: 8px; } [data-betty-theme] { --B-QDModal__closeButtonBorderRadius: 4px; --B-QDModal__closeButtonColor: #073bc5; --B-QDModal__closeButtonBackground: #f0f0f2; --B-QDModal__closeButtonBackground--hover: #fbfbfb; --B-QDModal__wrapperBackground: #f0f0f2; --B-QDModal__wrapperBorderRadius: 12px; } [data-betty-theme] { --B-QDOutcome__oddsMovementIconColor--selected--down: rgba(255, 255, 255); --B-QDOutcome__oddsMovementIconColor--selected--up: rgba(255, 255, 255); --B-QDOutcome__oddsMovementIconColor--down: #d03a3a; --B-QDOutcome__oddsMovementIconColor--up: #109877; --B-QDOutcome__buttonBorderStyle: solid; --B-QDOutcome__buttonBorderRadius: 4px; --B-QDOutcome__buttonBackground: #e3f2fc; --B-QDOutcome__buttonBorderColor: #e3f2fc; --B-QDOutcome__buttonColor: #2d3032; --B-QDOutcome__buttonColor--hover: #2d3032; --B-QDOutcome__buttonBackground--hover: #daeefb; --B-QDOutcome__buttonBorderColor--hover: #daeefb; --B-QDOutcome__buttonColor--active: #2d3032; --B-QDOutcome__buttonBackground--active: #d5ecfb; --B-QDOutcome__buttonBorderColor--active: #d5ecfb; --B-QDOutcome__buttonBackground--selected: #0e8668; --B-QDOutcome__buttonBorderColor--selected: #0e8668; --B-QDOutcome__buttonColor--selected: #fff; --B-QDOutcome__buttonColor--selected--hover: #fff; --B-QDOutcome__buttonBackground--selected--hover: #0c735a; --B-QDOutcome__buttonBorderColor--selected--hover: #0c735a; --B-QDOutcome__buttonColor--selected--active: #ffffff; --B-QDOutcome__buttonBackground--selected--active: #0b6a52; --B-QDOutcome__buttonBorderColor--selected--active: #0b6a52; --B-QDOutcome__buttonBackground--disabled: #e0e0e0; --B-QDOutcome__buttonBorderColor--disabled: #e0e0e0; --B-QDOutcome__buttonColor--disabled: #bcbcbc; --B-QDOutcome__oddsColor--up: #109877; --B-QDOutcome__oddsColor--down: #d03a3a; --B-QDOutcome__oddsColor: #001b2d; --B-QDOutcome__oddsColor--selected: rgba(255, 255, 255); --B-QDOutcome__oddsColor--disabled: #bcbcbc; --B-QDOutcome__oddsColor--scratched: #0086df; } [data-betty-theme] { --B-recommendedOffer__itemBackgroundColor: var(--B-color__theme); --B-recommendedOffer__itemBorderRadius: 8px; --B-recommendedOffer__itemHeaderColor: #fff; --B-recommendedOffer__itemDescriptionColor: #fff; --B-recommendedOffer__itemExpertBorderColor: #fff; --B-recommendedOffer__eventItemMarketNameColor: #fff; --B-recommendedOffer__eventItemMarketSideColor: #5176d6; --B-recommendedOffer__eventParticipantColor: #fff; --B-recommendedOffer__eventDateTimeColor: #fff; --B-recommendedOffer__oddsColor: var(--B-color__theme); --B-recommendedOffer__oddsColor--selected: #fff; --B-recommendedOffer__oddsColor--disabled: #c3c3cc; --B-recommendedOffer__oddsScratched: #a6a5b1; --B-recommendedOffer__carouselArrowBackgroundColor: var(--B-color__theme); --B-recommendedOffer__carouselArrowBroderRadius: 8px; --B-recommendedOffer__carouselArrowTextColor: #fff; --B-recommendedOffer__carouselBackgroundColor: #0d205e; --B-recommendedOffer__carouselHeaderColor: #fff; --B-recommendedOffer__carouselBackgroundGradient: linear-gradient( 180deg, rgba(7, 58, 197, 0.64) 20%, #0a2f8e 90% ); --B-recommendedOffer__carouselBorderRadius: 8px; } [data-betty-theme] { --B-highlightsV2__lpFirstSectionTopMargin: 8px; --B-highlightsV2__lpSectionTopMargin: 16px; --B-highlightsV2__itemBg: var( --B-color__promo, var(--B-color__duotone_stronger) ); --B-highlightsV2__itemBg--light: color-mix( in srgb, var(--B-highlightsV2__itemBg) 40%, transparent ); --B-highlightsV2__itemBg--dark: color-mix( in srgb, var(--B-highlightsV2__itemBg) 100%, transparent ); --B-highlightsV2__itemBorderRadius: var(--B-surfaceItemRadius, 8px); --B-highlightsV2__itemBoxShadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.12); --B-highlightsV2__eventItemMarketNameColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__eventItemMarketSideColor: var( --B-color__promoBorder, color-mix(in srgb, var(--B-color__duotone_weaker) 20%, transparent) ); --B-highlightsV2__eventItemTopTextColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__headerInfoColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__headerIconColor: var(--B-color__highlight); --B-highlightsV2__headerTimeColor: var(--B-color__highlight); --B-highlightsV2__headerTimeFontWeight: 500; --B-highlightsV2__eventLiveIconColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__eventLivePeriodColor: var(--B-color__highlight); --B-highlightsV2__eventOverallScoreBorderRadius: var( --B-surfaceItemRadius, 8px ); --B-highlightsV2__eventOverallScoreBg: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__eventOverallScoreColor: var( --B-color__promo, var(--B-color__duotone_stronger) ); --B-highlightsV2__eventScoreSeparatorColor: var(--B-color__highlight); --B-highlightsV2__eventScoreSetColor: var(--B-color__highlight); --B-highlightsV2__eventParticipantColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__prepacksBBLineColor: var( --B-color__promoBorder, color-mix(in srgb, var(--B-color__duotone_weaker) 20%, transparent) ); --B-highlightsV2__prepacksBBDotColor: var( --B-color__sGP, var(--B-color__special) ); --B-highlightsV2__prepacksSectionNameColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__prepacksSectionOutcomeColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__prepacksSectionMarketColor: var( --B-color__onPromo_weaker, color-mix(in srgb, var(--B-color__duotone_weaker) 80%, transparent) ); --B-highlightsV2__specialLabelTextColor: var(--B-color__onSpecial); --B-highlightsV2__specialLabelBackgroundColor: var(--B-color__special); --B-highlightsV2__oddsBoostLabelTextColor: var(--B-color__onOddsBoost); --B-highlightsV2__oddsBoostLabelBackgroundColor: var(--B-color__oddsBoost); --B-highlightsV2__profitBoostLabelTextColor: var(--B-color__onProfitBoost); --B-highlightsV2__profitBoostLabelBackgroundColor: var( --B-color__profitBoost ); --B-highlightsV2__prepacksSelectionsOverlayBackground: linear-gradient( 180deg, color-mix(in srgb, var(--B-highlightsV2__itemBg) 0%, transparent) 0%, color-mix(in srgb, var(--B-highlightsV2__itemBg) 100%, transparent) 100% ); --B-highlightsV2__headerFontSize: 11px; --B-highlightsV2__headerLineHeight: 12px; --B-highlightsV2__headerFontWeight: 800; --B-highlightsV2__headerIconsFontSize: 16px; --B-highlightsV2__eventItemMarketNameFontWeight: 500; --B-highlightsV2__eventItemMarketNameFontSize: 10px; --B-highlightsV2__eventItemMarketLineHeight: 12px; --B-highlightsV2__eventItemMarketSideWidth: 0.5px; --B-highlightsV2__itemBoxBorder: none; --B-highlightsV2__eventItemTopTextFontSize: 12px; --B-highlightsV2__eventItemTopTextLineHeight: 16px; --B-highlightsV2__eventItemTopTextFontWeight: 700; --B-highlightsV2__eventItemBottomTextFontSize: 14px; --B-highlightsV2__eventItemBottomTextLineHeight: 16px; --B-highlightsV2__eventItemBottomTextFontWeight: 800; --B-highlightsV2__eventParticipantFontSize: 10px; --B-highlightsV2__eventParticipantLineHeight: 12px; --B-highlightsV2__eventParticipantFontWeight: 800; --B-highlightsV2__headerLabelFontSize: 8px; --B-highlightsV2__headerLabelFontWeight: 800; --B-highlightsV2__prepacksSectionNameLineHeight: 12px; --B-highlightsV2__prepacksSectionNameFontSize: 11px; --B-highlightsV2__prepacksSectionNameFontWeight: 500; --B-highlightsV2__eventOverallScoreFontSize: 16px; --B-highlightsV2__eventOverallScoreFontWeight: 800; --B-highlightsV2__eventSetScoreFontSize: 9px; --B-highlightsV2__eventSetScoreFontWeight: 700; --B-highlightsV2__prepacksSelectionsGroupHeaderFontSize: 9px; --B-highlightsV2__prepacksSelectionsGroupHeaderLineHeight: 12px; --B-highlightsV2__prepacksSelectionsGroupHeaderFontWeight: 500; --B-highlightsV2__prepacksSelectionsGroupHeaderColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__prepacksCustomLabelFontSize: 11px; --B-highlightsV2__prepacksCustomLabelLineHeight: 12px; --B-highlightsV2__prepacksCustomLabelFontWeight: 500; --B-highlightsV2__prepacksCustomLabelColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__modalBackground: var(--B-color__surface); --B-highlightsV2__modalBorderRadius: var(--B-surfaceItemRadius, 8px); --B-highlightsV2__modalHeaderColor: var(--B-color__onSurface); --B-highlightsV2__modalCloseButtonBorderRadius: 10px; --B-highlightsV2__modalCloseButtonColor: var(--B-color__onSurface); --B-highlightsV2__modalCloseButtonBackground: transparent; --B-highlightsV2__modalCloseButtonBorder: none; --B-highlightsV2__modalCloseButtonColor--hover: var( --B-color__onSurface--hover ); --B-highlightsV2__modalCloseButtonBackground--hover: transparent; --B-highlightsV2__modalCloseButtonBorder--hover: none; --B-highlightsV2__modalCloseButtonColor--active: var( --B-color__onSurface--active ); --B-highlightsV2__modalCloseButtonBackground--active: transparent; --B-highlightsV2__modalCloseButtonBorder--active: none; --B-highlightsV2__modalTopOffset: 140px; --B-highlightsV2__modalShowAllColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__modalShowAllBackground: var( --B-color__promo, var(--B-color__duotone_stronger) ); --B-highlightsV2__modalShowAllBorder: none; --B-highlightsV2__modalShowAllColor--hover: var( --B-color__onPromo--hover, var(--B-color__duotone_weaker) ); --B-highlightsV2__modalShowAllBackground--hover: var( --B-color__promo--hover, var(--B-color__duotone_stronger) ); --B-highlightsV2__modalShowAllBorder--hover: none; --B-highlightsV2__modalShowAllColor--active: var( --B-color__onPromo--active, var(--B-color__duotone_weaker) ); --B-highlightsV2__modalShowAllBackground--active: var( --B-color__promo--active, var(--B-color__duotone_stronger) ); --B-highlightsV2__modalShowAllBorder--active: none; --B-highlightsV2__carouselArrowBackground: var(--B-color__transaction); --B-highlightsV2__carouselArrowColor: var(--B-color__onTransaction); --B-highlightsV2__livePromoCardIconColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__promoCardBackgroundOverlay: linear-gradient( 180deg, color-mix(in srgb, var(--B-highlightsV2__itemBg) 64%, transparent) 0%, color-mix(in srgb, var(--B-highlightsV2__itemBg) 64%, transparent) 100% ); --B-highlightsV2__promoCardTextOverlay: linear-gradient( 180deg, color-mix(in srgb, var(--B-color__promo) 64%, transparent) 0%, color-mix(in srgb, var(--B-color__promo) 64%, transparent) 100% ); --B-highlightsV2__promoCardTextFontSize: 20px; --B-highlightsV2__promoCardTextFontWeight: 800; --B-highlightsV2__promoCardLineHeight: 24px; --B-highlightsV2__promoCardTextColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__promoCardTextIconColor: var( --B-color__onPromo, var(--B-color__duotone_weaker) ); --B-highlightsV2__promoCardLineColor: var(--B-color__highlight); --B-highlightsV2__livePromoCardLineColor: var(--B-color__highlight); } [data-betty-theme] { --B-highlightsOutcomeButton__bg: var(--B-outcomeButton__bg); --B-highlightsOutcomeButton__bg--hover: var(--B-outcomeButton__bg--hover); --B-highlightsOutcomeButton__bg--active: var(--B-outcomeButton__bg--active); --B-highlightsOutcomeButton__bg--selected: var( --B-outcomeButton__bg--selected ); --B-highlightsOutcomeButton__bg--selected--hover: var( --B-outcomeButton__bg--selected--hover ); --B-highlightsOutcomeButton__bg--selected--active: var( --B-outcomeButton__bg--selected--active ); --B-highlightsOutcomeButton__bg--disabled: var( --B-color__disabledOnDark, var(--B-color__duotone_weaker) ); --B-highlightsOutcomeButton__bgBlendMode: normal; --B-highlightsOutcomeButton__bgBlendMode--selected: normal; --B-highlightsOutcomeButton__color: var(--B-outcomeButton__color); --B-highlightsOutcomeButton__color--hover: var( --B-outcomeButton__color--hover ); --B-highlightsOutcomeButton__color--active: var( --B-outcomeButton__color--active ); --B-highlightsOutcomeButton__colorOdds: var(--B-outcomeButton__colorOdds); --B-highlightsOutcomeButton__colorOdds--hover: var( --B-outcomeButton__colorOdds--hover ); --B-highlightsOutcomeButton__colorOdds--active: var( --B-outcomeButton__colorOdds--active ); --B-highlightsOutcomeButton__color--selected: var( --B-outcomeButton__color--selected ); --B-highlightsOutcomeButton__color--selected--hover: var( --B-outcomeButton__color--selected--hover ); --B-highlightsOutcomeButton__color--selected--active: var( --B-outcomeButton__color--selected--active ); --B-highlightsOutcomeButton__colorOdds--selected: var( --B-outcomeButton__color--selected ); --B-highlightsOutcomeButton__colorOdds--selected--hover: var( --B-outcomeButton__color--selected--hover ); --B-highlightsOutcomeButton__colorOdds--selected--active: var( --B-outcomeButton__color--selected--active ); --B-highlightsOutcomeButton__color--disabled: var( --B-color__onDisabledOnDark, var(--B-color__duotone_stronger) ); --B-highlightsOutcomeButton__colorOdds--disabled: var( --B-color__onDisabledOnDark, var(--B-color__duotone_stronger) ); --B-highlightsOutcomeButton__colorOdds--scratched: var( --B-color__onOutcome_weaker, var(--B-outcomeButton__colorOdds) ); --B-highlightsOutcomeButton__oddsBoostIconBorderRadius: 4px; --B-highlightsOutcomeButton__oddsBoostIconBorder: 0.5px solid var(--B-color__oddsBoostBorder, var(--B-color__oddsBoost)); --B-highlightsOutcomeButton__oddsBoostIconBackground: var( --B-color__oddsBoost ); --B-highlightsOutcomeButton__oddsBoostIconColor: var(--B-color__onOddsBoost); --B-highlightsOutcomeButton__profitBoostIconBorderRadius: 4px; --B-highlightsOutcomeButton__profitBoostIconBorder: 0.5px solid var(--B-color__profitBoostBorder, var(--B-color__profitBoost)); --B-highlightsOutcomeButton__profitBoostIconBackground: var( --B-color__profitBoost ); --B-highlightsOutcomeButton__profitBoostIconColor: var( --B-color__onProfitBoost ); --B-highlightsOutcomeButton__fontSize: var(--B-outcomeButton__fontSize); --B-highlightsOutcomeButton__fontSizeOdds: var( --B-outcomeButton__fontSizeOdds ); --B-highlightsOutcomeButton__fontWeight: var(--B-outcomeButton__fontWeight); --B-highlightsOutcomeButton__fontWeightOdds: var( --B-outcomeButton__fontWeightOdds ); --B-highlightsOutcomeButton__fontFamily: var(--B-outcomeButton__fontFamily); --B-highlightsOutcomeButton__fontFamilyOdds: var( --B-outcomeButton__fontFamilyOdds ); --B-highlightsOutcomeButton__fontStyle: var(--B-outcomeButton__fontStyle); --B-highlightsOutcomeButton__fontStyleOdds: var( --B-outcomeButton__fontStyleOdds ); --B-highlightsOutcomeButton__borderRadius: var( --B-outcomeButton__borderRadius ); --B-highlightsOutcomeButton__border: var(--B-outcomeButton__border); --B-highlightsOutcomeButton__border--hover: var( --B-outcomeButton__border--hover ); --B-highlightsOutcomeButton__border--active: var( --B-outcomeButton__border--active ); --B-highlightsOutcomeButton__border--selected: var( --B-outcomeButton__border--selected ); --B-highlightsOutcomeButton__border--selected--hover: var( --B-outcomeButton__border--selected--hover ); --B-highlightsOutcomeButton__border--selected--active: var( --B-outcomeButton__border--selected--active ); --B-highlightsOutcomeButton__border--disabled: var( --B-outcomeButton__border--disabled ); --B-highlightsOutcomeButton__increaseOddsIndicatorColor: var( --B-outcomeButton__increaseOddsIndicatorColor ); --B-highlightsOutcomeButton__decreaseOddsIndicatorColor: var( --B-outcomeButton__decreaseOddsIndicatorColor ); --B-highlightsOutcomeButton__persistedOddsIndicatorColor: var( --B-outcomeButton__persistedOddsIndicatorColor ); --B-highlightsOutcomeButton__boxShadow: var(--B-outcomeButton__boxShadow); --B-highlightsOutcomeButton__height: 32px; } [data-betty-theme] { --B-racingTimeform__fontSize: 12px; --B-racingTimeform__color: #333333; --B-racingTimeform__fontWeight: 500; --B-racingTimeform__participantListColor: inherit; --B-racingTimeform__participantListBorderBottom: 500; --B-racingTimeform__participantListPadding: 0 12px 0 12px; --B-racingTimeform__participantListItemMarginBottom: 4px; --B-racingTimeform__participantListItemOutcomeMarginBottom: 0; --B-racingTimeform__participantListItemFontSize: 12px; --B-racingTimeform__participantListItemNameFontWeight: inherit; --B-racingTimeform__participantTimeformFontSize: 12px; --B-racingTimeform__participantTimeformAnalystsCommentsColor: #333333; --B-racingTimeform__participantTimeformTableHeaderColor: rgba(0, 0, 0, 0.54); --B-racingTimeform__participantTimeformTableHeaderFontSize: 10px; --B-racingTimeform__participantTimeformTableDataFontSize: 11px; } [data-betty-theme] { --B-racingMeetings__nextOffBetOfferCategoryMediumMarginBottom: 16px; --B-racingMeetings__nextOffBetOfferCategorySmallMarginBottom: 8px; --B-racingMeetings__nextOffCardBgColor: #ffffff; --B-racingMeetings__nextOffSubcategoryHeaderTogglerBgColor: #ffffff; --B-racingMeetings__nextOffCollapsibleContentBgColor: #ffffff; --B-racingMeetings__dayMargin: 16px; --B-racingMeetings__dayBottomBorder: null; --B-racingMeetings__backgroundColor: #ffffff; --B-racingMeetings__fontWeight: 500; --B-racingMeetings__titleFontSize: 14px; --B-racingMeetings__titleColor: #333333; --B-racingMeetings__titleBottomBorder: rgba(0, 0, 0, 0.12); --B-racingMeetings__streamingIconFontSize: inherit; --B-racingMeetings__streamingIconHeight: auto; --B-racingMeetings__titleFlatLayoutFontSize: 20px; --B-racingMeetings__dateFontSize: 14px; --B-racingMeetings__dateColor: rgba(0, 0, 0, 0.54); --B-racingMeetings__timesBgColor: #ffffff; --B-racingMeetings__timeBorderRight: rgba(0, 0, 0, 0.12); --B-racingMeetings__timeBorderBottom: rgba(0, 0, 0, 0.12); --B-racingMeetings__timeColor: #333333; --B-racingMeetings__timeFontWeight: inherit; --B-racingMeetings__timeBgColor--hover: #f7f7f7; --B-racingMeetings__timeBgColor--active: #f3f3f3; --B-racingMeetings__oddsEnhancementIconFontSize: auto; --B-racingMeetings__priceBoostIconFontSize: 12px; --B-racingMeetings__timeStartedBgColor: #6c6c6c; --B-racingMeetings__timeStartedColor: #fff; --B-racingMeetings__timeStartedFontSize: inherit; --B-racingMeetings__timeStartedIconBgColor: #11a56b; --B-racingMeetings__timeStartedIconColor: #fff; --B-racingMeetings__timeStartedIconFontSize: 8px; --B-racingMeetings__meetingsListBgColor: #ffffff; } [data-betty-theme] { --B-racingParticipant__silkIconLimitedHeight: 32px; --B-racingParticipant__silkIconLimitedImgHeight: 32px; --B-racingParticipant__silkIconLimitedImgWidth: 32px; --B-racingParticipant__startNumberFontSize: 10px; --B-racingParticipant__startNumberFontWeight: 800; --B-racingParticipant__racingCardStartNumberFont: inherit; --B-racingParticipant__racingCardStartNumberColor: 10px; --B-racingParticipant__racingCardStartNumberFontWeight: 800; --B-racingParticipant__startNumberLimitedWidth: 22px; --B-racingParticipant__startNumberLimitedMarginRight: 4px; --B-racingParticipant__startNumberLimitedFontSize: 10px; --B-racingParticipant__nameFontSize: 14px; --B-racingParticipant__nameFontFamily: inherit; --B-racingParticipant__nameFontWeight: 700; --B-racingParticipant__nameFontColor: inherit; --B-racingParticipant__nameMobileFontWeight: 450; --B-racingParticipant__nameMobileFontSize: 15px; --B-racingParticipant__nameLimitedFontSize: 14px; --B-racingParticipant__nameLimitedBgColor: #ffffff; --B-racingParticipant__infoTextFontSize: 10px; --B-racingParticipant__infoTextOpacity: 1; --B-racingParticipant__infoTextColor: #6c6c6c; --B-racingParticipant__infoTextMobileFontSize: 14px; --B-racingParticipant__racingParticipantDetailsPadding: 4px 12px 8px 14px; --B-racingParticipant__statsTagWrapperFontSize: 11px; --B-racingParticipant__statsTagHeight: 11px; --B-racingParticipant__statsTagFontSize: 11px; --B-racingParticipant__statsTagLineHeight: 11px; --B-racingParticipant__statsTagTextColor: #fff; --B-racingParticipant__statsTagBgColor: #8d8d8d; --B-racingParticipant__slimmedMarginBottom: 4px; --B-racingParticipant__nameMarginBottom: 4px; --B-racingParticipant__silkIconMarginLeft: 4px; --B-racingParticipant__silkIconBgImg: none; --B-racingParticipant__detailsPadding: 0 12px 8px 56px; --B-racingParticipant__racingCardLastBetofferBorderRadius: none; } [data-betty-theme] { --B-racingView__widePadding: 16px; --B-racingView__color: inherit; --B-racingView__padding: 0 15px; --B-racingView__headerTitleColor: #e6ecf1; --B-racingView__headerExtraColor: #e6ecf1; --B-racingView__tabFontSize: 14px; --B-racingView__tabFontWeight: 800; --B-racingView__tabSelectedBorderBottomColor: #ffffff; --B-racingView__tabSelectedFontWeight: var(--B-racingView__tabFontWeight); --B-racingView__tabsWrapperBgColor: transparent; --B-racingView__tabsWrapperJustifyContent: center; --B-racingView__resultMarkerBgColor: #fff; --B-racingView__resultMarkerBorderColor: #ff0a0a; } [data-betty-theme] { --B-racingBetoffers__multiPositionRowBottomBorder: 1px solid rgba(0, 0, 0, 0.12); --B-racingBetoffers__multiPositionRowBorderTop: none; --B-racingBetoffers__multiPositionRowPadding: 8px 12px; --B-racingBetoffers__betofferRowBorderBottom: 1px solid rgba(0, 0, 0, 0.12); --B-racingBetoffers__betofferRowBgColor: transparent; --B-racingBetoffers__betofferLastRowBorderBottom: null; --B-racingBetoffers__racingParticipantOutcomeContainerPadding: 8px 12px 8px 14px; --B-racingBetoffers__racingParticipantOutcomeContainerBgColor: transparent; --B-racingBetoffers__participantBetofferRowBg: #fff; --B-racingBetoffers__betofferRowBgColor--hover: var( --B-sandwichFilter__eventItemLinkBackgroundColor--hover ); --B-racingBetoffers__outcomeRowPadding: 12px; --B-racingBetoffers__outcomeRowBorderBottom: 1px solid rgba(0, 0, 0, 0.12); --B-racingBetoffers__outcomeRowLabelFontSize: 14px; --B-racingBetoffers__multiPositionRowButtonWidth: 70px; --B-racingBetoffers__multiPositionListPlaceBetButtonPadding: 0; --B-racingBetoffers__multiPositionPlaceBetButtonBg: var( --B-betslip__placeBetButton_bg ); --B-racingBetoffers__multiPositionPlaceBetButtonColor: var( --B-betslip__placeBetButtonText_color ); --B-racingBetoffers__multiPositionPlaceBetButtonFontSize: 16px; --B-racingBetoffers__multiPositionPlaceBetButtonBorderRadius: var( --B-betslip__placeBetComponentButtonBorderRadius ); --B-racingBetoffers__multiPositionPlaceBetButtonBg--hover: var( --B-betslip__placeBetButtonHover_bg ); --B-racingBetoffers__multiPositionPlaceBetButtonBg--active: var( --B-betslip__placeBetButtonActive_bg ); --B-racingBetoffers__multiPositionPlaceBetButtonDisabledBg: var( --B-betslip__placeBetButtonDisabled_bg ); --B-racingBetoffers__multiPositionPlaceBetButtonDisabledColor: var( --B-betslip__placeBetButtonDisabledText_color ); --B-racingBetoffers__multiPositionPlaceBetButtonDisabledBg--hover: var( --B-betslip__placeBetButtonDisabled_bg ); --B-racingBetoffers__multiPositionPlaceBetButtonLabelFontWeight: normal; --B-racingBetoffers__outcomeListMarginLeft: 8px; --B-racingBetoffers__outcomeListPaddingRight: 0; --B-racingBetoffers__outcomeButtonWidth: 70px; --B-racingBetoffers__outcomeButtonMinWidth: 40px; --B-racingBetoffers__outcomeButtonMarginLeft: 0; --B-racingBetoffers__outcomeButtonMarginRight: 0; --B-racingBetoffers__firstOutcomeButtonBorderRadius: var( --B-outcomeButton__borderRadius ); --B-racingBetoffers__lastOutcomeButtonBorderRadius: var( --B-outcomeButton__borderRadius ); --B-racingBetoffers__singleOutcomeButtonBorderRadius: var( --B-outcomeButton__borderRadius ); --B-racingBetoffers__adjacentOutcomeButtonMarginLeft: 4px; --B-racingBetoffers__emptyOutcomeButtonWidth: 70px; --B-racingBetoffers__emptyOutcomeButtonMinWidth: 40px; --B-racingBetoffers__participantOutcomeListMarginLeft: 12px; --B-racingBetoffers__singleOutcomeButtonWidth: 70px; --B-racingBetoffers__racingParticipantOutcomeContainerPaddingWide: 14px 12px; --B-racingBetoffers__lastOutcomeButtonWideWidthMedium: 70px; --B-racingBetoffers__participantOutcomeLimitedPadding: 4px 12px; --B-racingBetoffers__participantOutcomeLimitedBgColor: transparent; --B-racingBetoffers__participantOutcomeLimitedSeparatedPadding: 16px 12px; --B-racingBetoffers__participantOutcomeLimitedNarrowPadding: 4px 8px; --B-racingBetoffers__participantOutcomeLimitedNarrowSeparatedPadding: 8px; --B-racingBetoffers__limitedRowSeparatedBorderTop: 1px solid rgba(0, 0, 0, 0.12); --B-racingBetoffers__limitedHeaderHeight: 24px; --B-racingBetoffers__betofferLimitedHeaderFontSize: 12px; --B-racingBetoffers__betofferLimitedHeaderColor: #8d8d8d; --B-racingBetoffers__betofferDropdownArrowHeight: 24px; --B-racingBetoffers__betofferDropdownArrowPadding: 4px; --B-racingBetoffers__betofferDropdownSelectionsPadding: 4px; --B-racingBetoffers__betofferDropdownSelectionsFontWeight: inherit; --B-racingBetoffers__betofferDropdownSelectionsFontSize: inherit; --B-racingBetoffers__betofferDropdownSelectionsTextTransform: inherit; --B-racingBetoffers__limitedRowHeaderBorderBottom: 1px solid rgba(0, 0, 0, 0.12); --B-racingBetoffers__limitedRowHeaderHead2HeadBorderTop: 1px solid rgba(0, 0, 0, 0.12); --B-racingBetoffers__participantOutcomeHeaderLimitedVerticalPaddingTop: 8px; --B-racingBetoffers__participantOutcomeLastLimitedVerticalPaddingBottom: 8px; --B-racingBetoffers__participantOutcomeHead2HeadLimitedVerticalPaddingTop: 16px; --B-racingBetoffers__participantOutcomeHead2HeadLimitedVerticalPaddingBottom: 16px; --B-racingBetoffers__participantOutcomeLimitedHead2HeadNarrowPaddingTop: 8px; --B-racingBetoffers__participantOutcomeLimitedHead2HeadNarrowPaddingBottom: 8px; --B-racingBetoffers__participantLimitedHeaderFontSize: 12px; --B-racingBetoffers__participantLimitedHeaderLineHeight: 15px; --B-racingBetoffers__participantLimitedHeaderPadding: 8px 0 8px 4px; --B-racingBetoffers__participantLimitedOutcomesMarginLeft: 6px; --B-racingBetoffers__participantLimitedOutcomeButtonAdjacentMarginLeft: 4px; --B-racingBetoffers__cardBgColor: #ffffff; --B-racingBetoffers__nextOffCardBgColor: transparent; --B-racingBetoffers__subcategoryAdjacentBorderTop: 1px solid rgba(0, 0, 0, 0.12); --B-racingBetoffers__subcategoryHeaderTogglerBorderBottom: 1px solid rgba(0, 0, 0, 0.12); --B-racingBetoffers__subcategoryTogglerFontSize: 12px; --B-racingBetoffers__subcategoryBgColor: #ffffff; --B-racingBetoffers__subcategoryColor: #333333; --B-racingBetoffers__subcategoryBorderRadius: var(--B-dimension__radius_md); --B-racingBetoffers__subcategoryBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16); --B-racingBetoffers__subcategoryFontWeight: 500; --B-racingBetoffers__subcategoryHeaderColor: inherit; --B-racingBetoffers__subcategoryHeaderFontWeight: 500; --B-racingBetoffers__subcategoryHeaderFontSize: 12px; --B-racingBetoffers__subcategoryHeaderMatchClockColor: #333333; --B-racingBetoffers__subcategoryHeaderMatchClockFontSize: 12px; --B-racingBetoffers__subcategoryHeaderCountdownCircleMaxValueStroke: var( --B-sandwichFilter__eventItemCountdownMaxValueStroke ); --B-racingBetoffers__subcategoryHeaderCountdownCircleValueStroke: var( --B-sandwichFilter__eventCountdownCircle ); --B-racingBetoffers__subcategoryHeaderTitleColor: inherit; --B-racingBetoffers__subcategoryHeaderTitleFontWeight: 800; --B-racingBetoffers__subcateogryHeaderEnhancedEachWayColor: var( --B-outcomeButton__bg ); --B-racingBetoffers__subcategoryHeaderStreamingFontSize: inherit; --B-racingBetoffers__subcategoryHeaderStreamingIconLineHeight: 12px; --B-racingBetoffers__subcategoryHeaderTitleRowColor: inherit; --B-racingBetoffers__subcategoryHeaderEachWayLabelEnhancedFontWeight: 800; --B-racingBetoffers__subcategoryHeaderEachWayLabelEnhancedColor: #c93d79; --B-racingBetoffers__subcategoryHeaderMediumFontSize: 14px; --B-racingBetoffers__subcategoryHeaderSmallFontSize: 14px; --B-racingBetoffers__subcategoryTogglerSmallColor: inherit; --B-racingBetoffers__subcategoryTogglerSmallFontSize: 14px; --B-racingBetoffers__subcategoryTogglerSvgSmallFilter: none; } [data-betty-theme] { --B-racingAntePost__collapsableContainerMediumMarginBottom: 16px; --B-racingAntePost__collapsableContainerSmallMarginBottom: 8px; --B-racingAntePost__eventWrapperBorderBottom: 1px solid rgba(0, 0, 0, 0.12); --B-racingAntePost__eventWrapperLastBorderBottom: none; --B-racingAntePost__eventBetOfferOutcomeWideItemWidth: 0; --B-racingAntePost__eventBetOfferOutcomeWideItemMarginBottom: 0; --B-racingAntePost__eventWithBetOfferBg: #ffffff; --B-racingAntePost__eventWithBetOfferBorderBottom: 1px solid rgba(0, 0, 0, 0.12); --B-racingAntePost__eventBg: #ffffff; --B-racingAntePost__eventFontWeight: 500; --B-racingAntePost__eventDateFontSize: 12px; --B-racingAntePost__eventDateFontWeight: normal; --B-racingAntePost__eventDateColor: #6c6c6c; --B-racingAntePost__eventTimeFontSize: 12px; --B-racingAntePost__eventTimeFontWeight: normal; --B-racingAntePost__eventTimeColor: #6c6c6c; --B-racingAntePost__eventInfoNameFontSize: 16px; --B-racingAntePost__eventInfoNameFontWeight: normal; --B-racingAntePost__eventInfoNameColor: #333; --B-racingAntePost__eventInfoPathFontSize: 12px; --B-racingAntePost__eventInfoPathFontWeight: normal; --B-racingAntePost__eventInfoPathColor: #6c6c6c; --B-racingAntePost__eventInfoEwTerms: 12px; --B-racingAntePost__eventInfoEwTermsColor: #6c6c6c; --B-racingAntePost__eventBetOfferBg: #ffffff; --B-racingAntePost__eventBetOfferCounterFontSize: 14px; --B-racingAntePost__eventBetOfferCounterColor: rgba(0, 0, 0, 0.54); --B-racingAntePostEvents__noEventsBg: #ffffff; --B-racingAntePostEvents__noEventsColor: rgba(0, 0, 0, 0.54); --B-racingAntePostEvents__noEventsFontSize: 14px; } [data-betty-theme] { --B-racingCard__bg: transparent; --B-racingCard__tabFontSize: 14px; --B-racingCard__tabFontWeight: 300; --B-racingCard__collapsableContainerColor: inherit; --B-racingCard__collapsableHeaderBg: #00263a; --B-racingCard__headerCollapsibleTitleColor: rgba(255, 255, 255, 0.9); --B-racingCard__headerExtraColor: #ffffff59; --B-racingCard__columnMarginBottom: 8px; --B-racingCard__timeformCollapsibleBorderTop: 1px solid rgba(0, 0, 0, 0.06); --B-racingCard__mediumPadding: 0 16px; --B-racingCard__columnMarginBottomLarge: 16px; --B-racingCard__largePadding: 0 24px; --B-racingCard__streamToggleButtonBg: #00253d; --B-racingCard__streamToggleButtonColor: #e6e9ec; --B-racingCard__headerExtraBg: transparent; --B-racingCard__headerExtraArrowColor: rgba(255, 255, 255, 0.9); --B-racingCard__headerMeetingsTimesBorderRadius: 0; --B-racingCard__headerMeetingsTimesBg: #00263a; --B-racingCard__headerNoMeetingsColor: rgba(255, 255, 255, 0.9); --B-racingCard__headerFontSize: 14px; --B-racingCard__headerColor: rgba(255, 255, 255, 0.9); --B-racingCard__headerMarginBottom: 16px; --B-racingCard__headerBg: #fff; --B-racingCard__headerSmallMarginBottom: 8px; --B-racingCard__headerTitleColor: rgb(0, 0, 0); --B-racingCard__headerTitleFontSize: 12px; --B-racingCard__headerTitleLineHeight: 16px; --B-racingCard__headerSubtitleFontSize: 12px; --B-racingCard__headerSubtitleColor: rgba(0, 0, 0, 0.5); --B-racingCard__resultsBg: #eee; --B-racingCard__resultHeaderBgColor: #fff; --B-racingCard__resultHeaderBoxShadow: inset 4px 0 0 0 #00263a; --B-racingCard__resultHeaderColorColor: #262626; --B-racingCard__resultHeaderStatusFontSize: 16px; --B-racingCard__resultHeaderTimeFontSize: 12px; --B-racingCard__resultBeatenDistanceFontSize: 12px; --B-racingCard__resultBeatenDistanceColor: rgba(0, 0, 0, 0.54); --B-racingCard__resultBeatenDistanceDeadHeatColor: #e50028; --B-racingCard__resultEachWayTermsFontSize: 14px; --B-racingCard__resultEachWayTermsBg: transparent; --B-racingCard__resultParticipantBgColor: #f6f6f6; --B-racingCard__resultParticipantHeaderFontWeight: bold; --B-racingCard__resultParticipantHeaderFontSize: 14px; --B-racingCard__resultParticipantHeaderBgColor: #f6f6f6; --B-racingCard__resultParticipantHeaderBoxShadow: 0 1px 0 0 rgba(0, 0, 0, 0.12); --B-racingCard__resultParticipantHorseInfoFontSize: 12px; --B-racingCard__resultParticipantHorseInfoColor: rgba(0, 0, 0, 0.54); --B-racingCard__resultParticipantExtraInfoBgColor: #f6f6f6; --B-racingCard__resultParticipantExtraInfoBoxShadow: 0 1px 0 0 rgba(0, 0, 0, 0.12); --B-racingCard__resultParticipantExtraInfoFontSize: 12px; --B-racingCard__resultParticipantAllowanceFontSize: 9px; --B-racingCard__resultParticipantRunCommentColor: rgba(0, 0, 0, 0.54); --B-racingCard__resultParticipantPlaceDoubleColor: #168729; --B-racingCard__resultParticipantPlaceDeadHeatColor: #e50028; --B-racingCard__resultParticipantBreakdownBgColor: #f6f6f6; --B-racingCard__resultParticipantBreakdownFontSize: 14px; --B-racingCard__timesButtonWidth: 70px; --B-racingCard__timesButtonHeight: 42px; --B-racingCard__timesButtonLineHeight: 42px; --B-racingCard__timesButtonBorder: none; --B-racingCard__timesButtonColor: rgba(0, 0, 0, 0.5); --B-racingCard__timesButtonFontSize: 14px; --B-racingCard__timesButtonFontFamily: Roboto, Helvetica Neue, sans-serif; --B-racingCard__timesButtonFontWeight: none; --B-racingCard__timesButtonBorderRadius: 2px; --B-racingCard__timesButtonBgColor: #d8d8d8; --B-racingCard__timesButtonBgColor--hover: #e2e2e2; --B-racingCard__timesButtonBorder--hover: none; --B-racingCard__timesButtonBgColor--active: #cacaca; --B-racingCard__timesButtonBorder--active: none; --B-racingCard__timesButtonSelectedBgColor: #939393; --B-racingCard__timesButtonSelectedColor: #fff; --B-racingCard__timesButtonSelectedBorder: none; --B-racingCard__timesButtonSelectedBgColor--hover: #939393; --B-racingCard__timesButtonSelectedBorder--hover: none; --B-racingCard__timesButtonSelectedBgColor--active: #939393; --B-racingCard__timesButtonSelectedBorder--active: none; --B-racingCard__timesButtonLabelPointer: auto; } [data-betty-theme] { --B-casinoCommon__pageFontFamily: var(--B-font__primary); --B-casinoCommon__pageFontWeigth: 500; --B-casinoCommon__pageFontSize: 16px; --B-casinoCommon__pageBackground: var(--B-color__canvas); --B-casinoCommon__pageColor: var(--B-color__onCanvas); --B-casinoCommon__pageContainerMaxWidth: calc(1400px + 32px); --B-casinoCommon__pageContainerPadding: 32px 16px; --B-casinoCommon__pageContainerGap: 24px; --B-casinoCommon__pageLobbyPaddingTop: 24px; --B-casinoCommon__moduleMarginBottom: 36px; --B-casinoCommon__moduleGap: 16px; --B-casinoCommon__moduleMinHeight: 300px; --B-casinoCommon__moduleLoadingBackground: var(--B-color__onThemeDark); --B-casinoCommon__moduleLoadingTrain: var(--B-color__onThemeDark); --B-casinoCommon__moduleLoadingRail: var(--B-color__themeDark); --B-casinoCommon__showcaseColumnGap: 16px; --B-casinoCommon__showcaseRowGap: 12px; --B-casinoCommon__showcaseMinWidth: 380px; } [data-betty-theme] { --B-casinoDivider__height: 2px; --B-casinoDivider__backgroundColor: var(--B-color__canvasBorder); } [data-betty-theme] { --B-casinoGameCollection__background: var(--B-color__canvas); --B-casinoGameCollection__background--boxed: var(--B-color__themeLight); --B-casinoGameCollection__padding: 0; --B-casinoGameCollection__padding--boxed: 16px; --B-casinoGameCollection__borderRadius: 0; --B-casinoGameCollection__borderRadius--boxed: 8px; --B-casinoGameCollection__columnsGap: 16px; --B-casinoGameCollection__rowsGap: 16px; --B-casinoGameCollection__titleColor: var(--B-color__onCanvas); --B-casinoGameCollection__titleColor--boxed: var(--B-color__onCanvas); --B-casinoGameCollection__titleFontFamily: var(--B-font__primary); --B-casinoGameCollection__titleFontWeight: 800; --B-casinoGameCollection__titleFontSize: 20px; --B-casinoGameCollection__titleLineHeight: 32px; --B-casinoGameCollection__buttonBorderRadius: 8px; --B-casinoGameCollection__buttonGap: 4px; --B-casinoGameCollection__buttonBackground: var(--B-color__buttonB); --B-casinoGameCollection__buttonBackground--hover: var( --B-color__buttonB--hover ); --B-casinoGameCollection__buttonBackground--active: var( --B-color__buttonB--active ); --B-casinoGameCollection__buttonColor: var(--B-color__onButtonB); --B-casinoGameCollection__buttonAccentColor: var(--B-color__onButtonB_weaker); --B-casinoGameCollection__buttonFontSize: 14px; --B-casinoGameCollection__buttonFontWeight: 600; --B-casinoGameCollection__buttonFontFamily: var(--B-font__primary); --B-casinoGameCollection__buttonPadding: 0 12px; --B-casinoGameCollection__buttonHeight: 32px; --B-casinoGameCollection__buttonBorder--focus: 1px solid var(--B-color__themeLightBorder); } [data-betty-theme] { --B-casinoGameRibbon__borderRadius: 0 0 4px 0; --B-casinoGameRibbon__gap: 4px; --B-casinoGameRibbon__padding: 4px 6px; --B-casinoGameRibbon__fontSize: 9px; --B-casinoGameRibbon__lineHeight: 12px; --B-casinoGameRibbon__fontFamily: var(--B-font__primary); --B-casinoGameRibbon__fontWeight: 800; --B-casinoGameRibbon__backgroundColor: var(--B-color__success); --B-casinoGameRibbon__color: var(--B-color__onSuccess); } /* Styling Variants */ [data-betty-theme~='casinoGameRibbon--m'] { --B-casinoGameRibbon__padding: 8px; --B-casinoGameRibbon__fontSize: 13px; --B-casinoGameRibbon__lineHeight: 16px; } [data-betty-theme~='casinoGameRibbon--l'] { --B-casinoGameRibbon__padding: 12px; --B-casinoGameRibbon__fontSize: 15px; --B-casinoGameRibbon__lineHeight: 16px; } [data-betty-theme~='casinoGameRibbon--xl'], [data-betty-theme~='casinoGameRibbon--xxl'] { --B-casinoGameRibbon__padding: 12px; --B-casinoGameRibbon__fontSize: 18px; --B-casinoGameRibbon__lineHeight: 20px; } /* Theme Variants */ [data-betty-theme~='casinoGameRibbon--theme_a'] { --B-casinoGameRibbon__backgroundColor: var(--B-color__success); --B-casinoGameRibbon__color: var(--B-color__onSuccess); } [data-betty-theme~='casinoGameRibbon--theme_b'] { --B-casinoGameRibbon__backgroundColor: var(--B-color__special); --B-casinoGameRibbon__color: var(--B-color__onSpecial); } [data-betty-theme~='casinoGameRibbon--theme_c'] { --B-casinoGameRibbon__backgroundColor: var(--B-color__live); --B-casinoGameRibbon__color: var(--B-color__onLive); } [data-betty-theme~='casinoGameRibbon--theme_d'] { --B-casinoGameRibbon__backgroundColor: var(--B-color__freeBet); --B-casinoGameRibbon__color: var(--B-color__onFreeBet); } [data-betty-theme~='casinoGameRibbon--theme_e'] { --B-casinoGameRibbon__backgroundColor: var(--B-color__oddsBoost); --B-casinoGameRibbon__color: var(--B-color__onOddsBoost); } [data-betty-theme] { --B-casinoGameThumbnail__gap: 4px; --B-casinoGameThumbnail__artworkBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoGameThumbnail__artworkBorderRadius: 8px; --B-casinoGameThumbnail__artworkBoxShadow: 0 1px 8px 0 rgba(0, 0, 0, 0.24); --B-casinoGameThumbnail__titleColor: var(--B-color__onSurface); --B-casinoGameThumbnail__titleColor--boxed: var(--B-color__onSurface); --B-casinoGameThumbnail__titleGap: 2px; --B-casinoGameThumbnail__titleFontFamily: var(--B-font__primary); --B-casinoGameThumbnail__titleFontWeight: 800; --B-casinoGameThumbnail__titleFontSize: 10px; --B-casinoGameThumbnail__titleLineHeight: 12px; --B-casinoGameThumbnail__subtitleColor: var(--B-color__onSurface); --B-casinoGameThumbnail__subtitleColor--boxed: var(--B-color__onSurface); --B-casinoGameThumbnail__subtitleFontFamily: var(--B-font__secondary); --B-casinoGameThumbnail__subtitleFontWeight: 500; --B-casinoGameThumbnail__subtitleFontSize: 10px; --B-casinoGameThumbnail__subtitleLineHeight: 12px; --B-casinoGameThumbnail__artworkPlaceholderBackground: #002f51; --B-casinoGameThumbnail__artworkPlaceholderIconColor: var( --B-color__highlight ); } /* Styling Variants */ [data-betty-theme='casinoGameThumbnail--s'] { --B-casinoGameThumbnail__gap: 8px; --B-casinoGameThumbnail__titleFontSize: 12px; --B-casinoGameThumbnail__titleLineHeight: 16px; } [data-betty-theme='casinoGameThumbnail--m'] { --B-casinoGameThumbnail__gap: 8px; --B-casinoGameThumbnail__titleFontSize: 12px; --B-casinoGameThumbnail__titleLineHeight: 16px; } [data-betty-theme='casinoGameThumbnail--l'] { --B-casinoGameThumbnail__gap: 8px; --B-casinoGameThumbnail__titleFontSize: 15px; --B-casinoGameThumbnail__titleLineHeight: 16px; } [data-betty-theme='casinoGameThumbnail--xl'] { --B-casinoGameThumbnail__gap: 8px; --B-casinoGameThumbnail__titleFontSize: 18px; --B-casinoGameThumbnail__titleLineHeight: 20px; } [data-betty-theme='casinoGameThumbnail--xxl'] { --B-casinoGameThumbnail__gap: 8px; --B-casinoGameThumbnail__titleFontSize: 18px; --B-casinoGameThumbnail__titleLineHeight: 20px; } [data-betty-theme] { --B-casinoGameTraits__feedGap: 2px; --B-casinoGameTraits__feedPadding: 2px; --B-casinoGameTraits__feedBackground: var(--B-color__sandwichRow0); --B-casinoGameTraits__feedBorderRadius: 4px 4px 0 0; --B-casinoGameTraits__feedColor: var(--B-color__onSandwichRow0); --B-casinoGameTraits__feedFontFamily: var(--B-font__primary); --B-casinoGameTraits__feedFontWeight: 700; --B-casinoGameTraits__infoPadding: 0 4px; --B-casinoGameTraits__infoFontSize: 10px; --B-casinoGameTraits__infoLineHeight: 10px; --B-casinoGameTraits__infoGap: 2px; --B-casinoGameTraits__infoIconColor: var(--B-color__highlight); --B-casinoGameTraits__infoSecondaryFontWeight: 500; --B-casinoGameTraits__resultsSize: 16px; --B-casinoGameTraits__resultsLatestItemBorderColor: var(--B-color__onSuccess); --B-casinoGameTraits__resultsFontSize: 9px; --B-casinoGameTraits__resultsLineHeight: 12px; --B-casinoGameTraits__resultsItemColor: var(--B-color__onSuccess); --B-casinoGameTraits__resultsItemBorderRadius: 2px; --B-casinoGameTraits__resultsGap: 2px; --B-casinoGameTraits__rouletteValueColor--red: var(--B-color__danger); --B-casinoGameTraits__rouletteValueColor--black: var(--B-color__toasterRing); --B-casinoGameTraits__rouletteValueColor--zero: var(--B-color__success); --B-casinoGameTraits__baccaratValueColor--tie: var(--B-color__success); --B-casinoGameTraits__baccaratValueColor--player: var(--B-color__danger); --B-casinoGameTraits__baccaratValueColor--bank: var(--B-color__warning); } /* Styling Variants */ [data-betty-theme='casinoGameTraits--m'] { --B-casinoGameTraits__infoFontSize: 15px; --B-casinoGameTraits__infoLineHeight: 20px; --B-casinoGameTraits__infoGap: 4px; --B-casinoGameTraits__resultsSize: 24px; --B-casinoGameTraits__resultsFontSize: 13px; --B-casinoGameTraits__resultsLineHeight: 16px; } [data-betty-theme='casinoGameTraits--l'] { --B-casinoGameTraits__feedPadding: 4px; --B-casinoGameTraits__feedGap: 4px; --B-casinoGameTraits__infoFontSize: 18px; --B-casinoGameTraits__infoLineHeight: 24px; --B-casinoGameTraits__infoGap: 4px; --B-casinoGameTraits__resultsSize: 28px; --B-casinoGameTraits__resultsFontSize: 15px; --B-casinoGameTraits__resultsLineHeight: 20px; --B-casinoGameTraits__resultsGap: 4px; } [data-betty-theme='casinoGameTraits--xl'], [data-betty-theme='casinoGameTraits--xxl'] { --B-casinoGameTraits__feedPadding: 4px 8px; --B-casinoGameTraits__feedGap: 4px; --B-casinoGameTraits__infoFontSize: 22px; --B-casinoGameTraits__infoLineHeight: 24px; --B-casinoGameTraits__infoGap: 4px; --B-casinoGameTraits__resultsSize: 32px; --B-casinoGameTraits__resultsFontSize: 18px; --B-casinoGameTraits__resultsLineHeight: 24px; --B-casinoGameTraits__resultsGap: 4px; } [data-betty-theme] { --B-casinoGame__pagePadding: 0; --B-casinoGame__gamePadding: 32px; --B-casinoGame__informationBackground: var(--B-color__themeDark); --B-casinoGame__informationColor: var(--B-color__onThemeDark); --B-casinoGame__informationFontFamily: var(--B-font__secondary); --B-casinoGame__informationFontWeight: 500; --B-casinoGame__informationPadding: 32px; --B-casinoGame__informationHeaderGap: 16px; --B-casinoGame__informationTitleGap: 16px; --B-casinoGame__informationTitleFontFamily: var(--B-font__primary); --B-casinoGame__informationTitleFontWeight: 900; --B-casinoGame__informationTitleFontSize: 22px; --B-casinoGame__informationSubTitleFontFamily: var(--B-font__secondary); --B-casinoGame__informationSubTitleFontWeight: 500; --B-casinoGame__informationSubTitleFontSize: 12px; --B-casinoGame__informationImageBorderRadius: 8px; --B-casinoGame__informationImageWidth: 88px; --B-casinoGame__informationImageHeight: 88px; --B-casinoGame__informationDescriptionFontSize: 13px; --B-casinoGame__informationDescriptionLineHeight: 16px; --B-casinoGame__informationDescriptionMarginTop: 24px; --B-casinoGame__informationDescriptionGap: 16px; --B-casinoGame__informationVideoMarginTop: 32px; --B-casinoGame__informationVideoBorderRadius: 6px; --B-casinoGame__buttonBorderRadius: 8px; --B-casinoGame__buttonGap: 2px; --B-casinoGame__buttonPadding: 0 12px; --B-casinoGame__buttonBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoGame__videoButtonFontFamily: var(--B-font__primary); --B-casinoGame__videoButtonFontWeight: 800; --B-casinoGame__videoButtonHeight: 32px; --B-casinoGame__videoButtonFontSize: 12px; --B-casinoGame__videoButtonLineHeight: 16px; --B-casinoGame__videoButtonBackground: var(--B-color__buttonA); --B-casinoGame__videoButtonBackground--hover: var(--B-color__buttonA--hover); --B-casinoGame__videoButtonBackground--active: var( --B-color__buttonA--active ); --B-casinoGame__videoButtonColor: var(--B-color__onButtonA); --B-casinoGame__playButtonHeight: 56px; --B-casinoGame__playButtonFontSize: 16px; --B-casinoGame__playButtonLineHeight: 20px; --B-casinoGame__playButtonBackground: var(--B-color__buttonA); --B-casinoGame__playButtonBackground--hover: var(--B-color__buttonA--hover); --B-casinoGame__playButtonBackground--active: var(--B-color__buttonA--active); --B-casinoGame__playButtonColor: var(--B-color__onButtonA); --B-casinoGame__playButtonMarginTop: 24px; @media (max-width: 768px) { --B-casinoGame__informationPadding: 64px 32px; --B-casinoGame__pagePadding: 32px 70px 0; } } [data-betty-theme] { --B-casinoNavigationHeader__color: var(--B-color__onHeader); --B-casinoNavigationHeader__background: var(--B-color__header); --B-casinoNavigationHeader__minHeight: 48px; --B-casinoNavigationHeader__gap: 8px; --B-casinoNavigationHeader__maxWidth: 100%; --B-casinoNavigationHeader__padding: 0 16px; --B-casinoNavigationHeader__buttonSize: 40px; --B-casinoNavigationHeader__buttonBackground: var(--B-color__buttonGhostB); --B-casinoNavigationHeader__buttonBackground--hover: var( --B-color__buttonGhostB--hover ); --B-casinoNavigationHeader__buttonColor: var(--B-color__onButtonGhostB); --B-casinoNavigationHeader__buttonIconSize: 20px; --B-casinoNavigationHeader__buttonIconBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoNavigationHeader__titleFontFamily: var(--B-font__primary); --B-casinoNavigationHeader__titleFontWeight: 800; --B-casinoNavigationHeader__titlePadding: 0; --B-casinoNavigationHeader__titleFontSize: 16px; --B-casinoNavigationHeader__titleLineHeight: 20px; } [data-betty-theme] { --B-casinoPagedCollection__arrowZIndex: 500; --B-casinoPagedCollection__arrowSize: 26px; --B-casinoPagedCollection__arrowBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoPagedCollection__arrowBoxShadow: 0 24px 38px 0 rgba(0, 0, 0, 0.14), 0 9px 46px 0 rgba(0, 0, 0, 0.12), 0 11px 15px 0 rgba(0, 0, 0, 0.2); --B-casinoPagedCollection__arrowBoxShadow--hover: var( --B-casinoPagedCollection__arrowBoxShadow ); --B-casinoPagedCollection__arrowBackground: var(--B-color__transaction); --B-casinoPagedCollection__arrowBackground--hover: var( --B-color__transaction--hover ); --B-casinoPagedCollection__arrowBackground--active: var( --B-color__transaction--active ); --B-casinoPagedCollection__arrowColor: var(--B-color__onTransaction); --B-casinoPagedCollection__arrowColor--hover: var( --B-color__onTransaction--hover ); --B-casinoPagedCollection__arrowColor--active: var( --B-color__onTransaction--active ); --B-casinoPagedCollection__arrowLineHeight: 1; --B-casinoPagedCollection__arrowFontSize: 14px; --B-casinoPagedCollection__arrowHorizontalOffset: 8px; --B-casinoPagedCollection__arrowBorderRadius: 50%; --B-casinoPagedCollection__indicatorGap: 6px; --B-casinoPagedCollection__indicatorPadding: 8px 12px; --B-casinoPagedCollection__indicatorBorderRadius: 16px; --B-casinoPagedCollection__indicatorHorizontalOffset: 48px; --B-casinoPagedCollection__indicatorVerticalOffset: 24px; --B-casinoPagedCollection__indicatorBackground: var( --B-color__disabledOnDark ); --B-casinoPagedCollection__indicatorDotSize: 6px; --B-casinoPagedCollection__indicatorDotBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoPagedCollection__indicatorDotBackground: var( --B-color__onHighlight_weaker ); --B-casinoPagedCollection__indicatorDotBackground--hover: var( --B-color__onHighlight_weaker--hover ); --B-casinoPagedCollection__indicatorDotBackground--active: var( --B-color__onHighlight_weaker--active ); --B-casinoPagedCollection__indicatorDotBackground--selected: var( --B-color__highlight ); } [data-betty-theme] { --B-casinoPagination__margin: 16px 0; --B-casinoPagination__border--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoPagination__currentPageFontFamily: var(--B-font__secondary); --B-casinoPagination__currentPageFontWeight: 600; --B-casinoPagination__currentPageColor: var(--B-color__onThemeLight); --B-casinoPagination__currentPageColor--boxed: var(--B-color__onThemeLight); --B-casinoPagination__currentPageFontSize: 14px; --B-casinoPagination__labelFontFamily: var(--B-font__secondary); --B-casinoPagination__labelFontWeight: 600; --B-casinoPagination__labelColor: var(--B-color__onThemeLight); --B-casinoPagination__labelColor--boxed: var(--B-color__onThemeLight); --B-casinoPagination__labelMargin: auto 4px; --B-casinoPagination__labelFontSize: 14px; --B-casinoPagination__iconArrowBackground: var(--B-color__buttonB); --B-casinoPagination__iconArrowBackground--boxed--disabled: var( --B-color__disabledOnLight ); --B-casinoPagination__iconArrowBackground--boxed: var(--B-color__buttonB); --B-casinoPagination__iconArrowBackground--disabled: var( --B-color__disabledOnLight ); --B-casinoPagination__iconArrowColor: var(--B-color__onButtonB); --B-casinoPagination__iconArrowColor--boxed--disabled: var( --B-color__onDisabledOnLight ); --B-casinoPagination__iconArrowColor--boxed: var(--B-color__onButtonB); --B-casinoPagination__iconArrowColor--disabled: var( --B-color__onDisabledOnLight ); --B-casinoPagination__iconArrowOpacity: 1; --B-casinoPagination__iconArrowOpacity--boxed--disabled: 1; --B-casinoPagination__iconArrowOpacity--boxed: 1; --B-casinoPagination__iconArrowOpacity--disabled: 1; --B-casinoPagination__iconArrowSize: 22px; --B-casinoPagination__iconArrowMargin: auto 4px; --B-casinoPagination__iconArrowBorderRadius: 50%; --B-casinoPagination__iconArrowFontSize: 13px; } [data-betty-theme] { --B-casinoQuickFilter__padding: 0 12px; --B-casinoQuickFilter__height: 40px; --B-casinoQuickFilter__gap: 4px; --B-casinoQuickFilter__borderRadius: 8px; --B-casinoQuickFilter__background: var(--B-color__buttonB); --B-casinoQuickFilter__background--hover: var(--B-color__buttonB--hover); --B-casinoQuickFilter__background--active: var(--B-color__buttonB--active); --B-casinoQuickFilter__background--selected: var(--B-color__highlight); --B-casinoQuickFilter__color: var(--B-color__onButtonB); --B-casinoQuickFilter__color--selected: var(--B-color__onHighlight); --B-casinoQuickFilter__border--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoQuickFilter__iconSize: 20px; --B-casinoQuickFilter__titleFontFamily: var(--B-font__primary); --B-casinoQuickFilter__titleFontWeight: 800; --B-casinoQuickFilter__titleFontSize: 14px; --B-casinoQuickFilter__titleLineHeight: 16px; } [data-betty-theme] { --B-casinoScrollCollection__background: var(--B-color__canvas); --B-casinoScrollCollection__background--boxed: var(--B-color__themeLight); --B-casinoScrollCollection__padding: 0px; --B-casinoScrollCollection__padding--boxed: 16px; --B-casinoScrollCollection__borderRadius: 0; --B-casinoScrollCollection__borderRadius--boxed: 8px; --B-casinoScrollCollection__columnsGap: 16px; --B-casinoScrollCollection__rowsGap: 16px; --B-casinoScrollCollection__titleColor: var(--B-color__onCanvas); --B-casinoScrollCollection__titleColor--boxed: var(--B-color__onCanvas); --B-casinoScrollCollection__titleFontFamily: var(--B-font__primary); --B-casinoScrollCollection__titleFontWeight: 800; --B-casinoScrollCollection__titleFontSize: 20px; --B-casinoScrollCollection__titleLineHeight: 32px; --B-casinoScrollCollection__titleGap: 8px; --B-casinoScrollCollection__buttonBorderRadius: 8px; --B-casinoScrollCollection__buttonGap: 4px; --B-casinoScrollCollection__buttonBackground: var(--B-color__buttonB); --B-casinoScrollCollection__buttonBackground--hover: var( --B-color__buttonB--hover ); --B-casinoScrollCollection__buttonBackground--active: var( --B-color__buttonB--active ); --B-casinoScrollCollection__buttonColor: var(--B-color__onButtonB); --B-casinoScrollCollection__buttonAccentColor: var( --B-color__onButtonB_weaker ); --B-casinoScrollCollection__buttonFontSize: 14px; --B-casinoScrollCollection__buttonFontWeight: 600; --B-casinoScrollCollection__buttonFontFamily: var(--B-font__primary); --B-casinoScrollCollection__buttonPadding: 0 12px; --B-casinoScrollCollection__buttonHeight: 32px; --B-casinoScrollCollection__buttonBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoScrollCollection__scrollOverlayGradient: var(--B-color__canvas); --B-casinoScrollCollection__scrollOverlayGradient--boxed: var( --B-color__themeLight ); --B-casinoScrollCollection__scrollOverlayBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoScrollCollection__scrollOverlayWidth: 40px; --B-casinoScrollCollection__scrollOverlayPadding: 0; --B-casinoScrollCollection__scrollButtonBackground: var(--B-color__buttonB); --B-casinoScrollCollection__scrollButtonBackground--hover: var( --B-color__buttonB--hover ); --B-casinoScrollCollection__scrollButtonBackground--active: var( --B-color__buttonB--active ); --B-casinoScrollCollection__scrollButtonColor: var(--B-color__onButtonB); --B-casinoScrollCollection__scrollButtonPadding: 0; --B-casinoScrollCollection__scrollButtonBorderRadius: 4px; --B-casinoScrollCollection__scrollButtonWidth: 24px; } [data-betty-theme] { --B-casinoSearchResultCard__gap: 12px; --B-casinoSearchResultCard__backgroundColor: var(--B-color__themeLight); --B-casinoSearchResultCard__padding: 12px 16px 12px 12px; --B-casinoSearchResultCard__borderRadius: 8px; --B-casinoSearchResultCard__color: var(--B-color__onThemeLight); --B-casinoSearchResultCard__width: auto; --B-casinoSearchResultCard__thumbnailWidth: 64px; --B-casinoSearchResultCard__thumbnailBorderRadius: 8px; --B-casinoSearchResultCard__titleGap: 4px; --B-casinoSearchResultCard__titleFontSize: 18px; --B-casinoSearchResultCard__titleFontFamily: var(--B-font__primary); --B-casinoSearchResultCard__titleFontWeight: 800; --B-casinoSearchResultCard__descriptionFontSize: 12px; --B-casinoSearchResultCard__descriptionFontFamily: var(--B-font__secondary); --B-casinoSearchResultCard__descriptionFontWeight: 500; --B-casinoSearchResultCard__buttonBorderRadius: 8px; --B-casinoSearchResultCard__buttonBackground: var(--B-color__buttonB); --B-casinoSearchResultCard__buttonBackground--hover: var( --B-color__buttonB--hover ); --B-casinoSearchResultCard__buttonColor: var(--B-color__onButtonB); --B-casinoSearchResultCard__buttonFontSize: 14px; --B-casinoSearchResultCard__buttonFontWeight: 600; --B-casinoSearchResultCard__buttonFontFamily: var(--B-font__primary); --B-casinoSearchResultCard__buttonPadding: 0 12px; --B-casinoSearchResultCard__buttonHeight: 40px; } [data-betty-theme] { --B-casinoSearch__padding: 32px 0; --B-casinoSearch__gap: 24px; --B-casinoSearch__titleFontFamily: var(--B-font__primary); --B-casinoSearch__titleFontWeight: 800; --B-casinoSearch__titleFontSize: 18px; --B-casinoSearch__titleMarginBottom: 8px; --B-casinoSearch__titleColor: var(--B-color__onCanvas); --B-casinoSearch__subTitleFontFamily: var(--B-font__secondary); --B-casinoSearch__subTitleFontWeight: 500; --B-casinoSearch__subTitleFontSize: 12px; --B-casinoSearch__subTitleMarginBottom: 16px; --B-casinoSearch__subTitleColor: var(--B-color__onCanvas); --B-casinoSearch__gameListMarginTop: 8px; --B-casinoSearch__gameListMarginBottom: 16px; --B-casinoSearch__gameListGap: 16px; --B-casinoSearch__searchBarBorder: 1px solid var(--B-color__canvasBorder); --B-casinoSearch__searchBarBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoSearch__searchBarBackground: var(--B-color__canvas); --B-casinoSearch__searchBarColor: var(--B-color__onCanvas); --B-casinoSearch__searchBarBorderRadius: 8px; --B-casinoSearch__searchBarFontFamily: var(--B-font__primary); --B-casinoSearch__searchBarFontWeight: 500; --B-casinoSearch__searchBarFontSize: 13px; --B-casinoSearch__searchBarLineHeight: 1; --B-casinoSearch__searchBarPlaceholderFontSize: var( --B-casinoSearch__searchBarFontSize ); --B-casinoSearch__searchBarPlaceholderFontSize--focus: 11px; --B-casinoSearch__searchBarButtonSize: 16px; --B-casinoSearch__searchBarButtonIconSize: 16px; --B-casinoSearch__searchBarButtonColor: var(--B-color__onCanvas_weaker); --B-casinoSearch__searchBarButtonBorder--focus: 1px solid var(--B-color__themeLightBorder); } [data-betty-theme] { --B-casinoStudioThumbnail__width: 152px; --B-casinoStudioThumbnail__padding: 0; --B-casinoStudioThumbnail__borderColor: var(--B-color__highlight); --B-casinoStudioThumbnail__borderColor--selected: var( --B-color__themeLightBorder ); --B-casinoStudioThumbnail__background: var(--B-color__theme); } [data-betty-theme] { --B-casinoTabs__gap: 4px; --B-casinoTabs__containerGridColumnSize: 80px; --B-casinoTabs__containerGridColumnSizeSmall: 60px; --B-casinoTabs__itemMarginBottom: 4px; --B-casinoTabs__itemSizeSmall: 40px; --B-casinoTabs__itemBoxShadow: none; --B-casinoTabs__itemBorderRadius: 8px; --B-casinoTabs__itemColor: var(--B-color__theme); --B-casinoTabs__itemColor--hover: var(--B-color__highlight); --B-casinoTabs__itemColor--selected: var(--B-color__highlight); --B-casinoTabs__itemBackground: transparent; --B-casinoTabs__itemBackground--hover: transparent; --B-casinoTabs__itemBackground--selected: transparent; --B-casinoTabs__itemWrapperPadding: 4px; --B-casinoTabs__itemWrapperBorderRadius: 12px; --B-casinoTabs__itemWrapperBackground--hover: transparent; --B-casinoTabs__itemWrapperBackground--selected: transparent; --B-casinoTabs__itemWrapperBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoTabs__itemTextFontSize: 12px; --B-casinoTabs__itemTextLineHeight: 16px; --B-casinoTabs__itemTextFontWeight: 500; --B-casinoTabs__itemTextFontWeight--selected: 800; --B-casinoTabs__itemTextColor: var(--B-color__onCanvas); --B-casinoTabs__itemTextColor--hover: var(--B-casinoTabs__itemTextColor); --B-casinoTabs__itemTextColor--selected: var(--B-casinoTabs__itemTextColor); --B-casinoTabs__iconSize: 32px; --B-casinoTabs__iconSizeSmall: 24px; --B-casinoTabs__itemIconColor: inherit; --B-casinoTabs__fallbackIconBackground: rgba(0, 0, 0, 0.1); --B-casinoTabs__fallbackIconBorderRadius: 4px; --B-casinoTabs__fallbackIconColor: #ffffff; --B-casinoTabs__fallbackIconFontSize: 16px; --B-casinoTabs__fallbackIconLineHeight: 1; --B-casinoTabs__slimItemPadding: 12px 16px; --B-casinoTabs__slimItemBorderRadius: 8px; --B-casinoTabs__slimItemBoxShadow: none; --B-casinoTabs__slimItemBackground: var(--B-color__theme); --B-casinoTabs__slimItemBackground--hover: var(--B-color__highlight); --B-casinoTabs__slimItemBackground--selected: var(--B-color__highlight); --B-casinoTabs__slimItemColor: var(--B-color__onTheme); --B-casinoTabs__slimItemColor--hover: var(--B-color__onHighlight); --B-casinoTabs__slimItemColor--selected: var(--B-color__onHighlight); --B-casinoTabs__slimItemTextFontSize: 12px; --B-casinoTabs__slimItemBorder--focus: 1px solid var(--B-color__theme); } [data-betty-theme] { --B-casinoTop10__iconStrokeColor: var(--B-color__highlight); --B-casinoTop10__iconFillColor: var(--B-color__theme); } [data-betty-theme] { --B-casinoError__gap: 24px; --B-casinoError__maxWidth: 342px; --B-casinoError__color: var(--B-color__onThemeLight); --B-casinoError__iconContainerSize: 72px; --B-casinoError__iconContainerBorderRadius: 12px; --B-casinoError__iconContainerBackground: var(--B-color__danger); --B-casinoError__iconContainerColor: var(--B-color__onDanger); --B-casinoError__iconSize: 40px; --B-casinoError__contentPadding: 0 24px; --B-casinoError__contentGap: 8px; --B-casinoError__titleFontSize: 22px; --B-casinoError__titleLineHeight: 24px; --B-casinoError__titleFontFamily: var(--B-font__primary); --B-casinoError__titleFontWeight: 800; --B-casinoError__descriptionFontSize: 13px; --B-casinoError__descriptionLineHeight: 16px; --B-casinoError__descriptionFontFamily: var(--B-font__primary); --B-casinoError__descriptionFontWeight: 500; --B-casinoError__buttonPadding: 16px; --B-casinoError__buttonBorderRadius: 4px; --B-casinoError__buttonBackground: var(--B-color__buttonA); --B-casinoError__buttonColor: var(--B-color__onButtonA); --B-casinoError__buttonBackground--hover: var(--B-color__buttonA--hover); --B-casinoError__buttonColor--hover: var(--B-color__onButtonA--hover); --B-casinoError__buttonBackground--active: var(--B-color__buttonA--active); --B-casinoError__buttonColor--active: var(--B-color__onButtonA--active); --B-casinoError__buttonBorder--focus: 1px solid var(--B-color__themeLightBorder); --B-casinoError__buttonFontSize: 16px; --B-casinoError__buttonLineHeight: 20px; --B-casinoError__buttonFontFamily: var(--B-font__primary); --B-casinoError__buttonFontWeight: 800; } [data-betty-theme] { --B-casinoJackpot__collectionBorderColor: var(--B-color__promoBorder); --B-casinoJackpot__collectionBorderColor--focus: var( --B-color__themeLightBorder ); --B-casinoJackpot__collectionBorderRadius: 8px; --B-casinoJackpot__collectionBackground: var(--B-color__promo); --B-casinoJackpot__collectionColor: var(--B-color__onPromo); --B-casinoJackpot__collectionColumnsGap: 16px; --B-casinoJackpot__collectionRowsGap: 16px; --B-casinoJackpot__scrollButtonOverlay: var(--B-color__promo); --B-casinoJackpot__scrollButtonBackground: var(--B-color__buttonA); --B-casinoJackpot__scrollButtonBackground--hover: var( --B-color__buttonA--hover ); --B-casinoJackpot__scrollButtonBackground--active: var( --B-color__buttonA--active ); --B-casinoJackpot__scrollButtonColor: var(--B-color__onButtonA); --B-casinoJackpot__scrollButtonColor--hover: var(--B-color__onButtonA--hover); --B-casinoJackpot__scrollButtonColor--active: var( --B-color__onButtonA--active ); --B-casinoJackpot__scrollWrapperPadding: 16px; --B-casinoJackpot__bottomContentOffset: 0; --B-casinoJackpot__valuePadding: 0 16px; --B-casinoJackpot__valueMinHeight: 56px; --B-casinoJackpot__valueBorderRadius: 8px; --B-casinoJackpot__valueBackground: var(--B-color__highlight); --B-casinoJackpot__valueColor: var(--B-color__onHighlight); --B-casinoJackpot__valueFontFamily: var(--B-font__primary); --B-casinoJackpot__valueFontWeight: 800; --B-casinoJackpot__valueFontSize: 16px; --B-casinoJackpot__valueLineHeight: 20px; --B-casinoJackpot__gap: 16px; --B-casinoJackpot__compactGap: 8px; --B-casinoJackpot__padding: 16px 32px; --B-casinoJackpot__compactPadding: 16px 16px 0; --B-casinoJackpot__maxWidth: 366px; --B-casinoJackpot__logoHeight: 114px; } [data-betty-theme] { --B-highlightsV2__itemBg: var(--B-color__surface); --B-highlightsV2__itemBoxBorder: 1px solid var(--B-color__surfaceBorder); --B-highlightsV2__eventItemMarketNameColor: var(--B-color__onSurface); --B-highlightsV2__eventItemMarketSideColor: var(--B-color__surfaceBorder); --B-highlightsV2__eventItemTopTextColor: var(--B-color__onSurface); --B-highlightsV2__headerInfoColor: var(--B-color__onSurface); --B-highlightsV2__headerIconColor: var(--B-color__onSurface_weaker); --B-highlightsV2__headerFontWeight: 700; --B-highlightsV2__eventItemBottomTextFontWeight: 700; --B-highlightsV2__eventParticipantFontWeight: 700; --B-highlightsV2__headerLabelFontWeight: 700; --B-highlightsV2__eventOverallScoreFontWeight: 700; --B-highlightsV2__promoCardTextFontWeight: 700; --B-highlightsV2__headerTimeColor: var(--B-color__onSurface_weaker); --B-highlightsV2__eventLiveIconColor: var(--B-color__onSurface); --B-highlightsV2__eventLivePeriodColor: var(--B-color__onSurface_weaker); --B-highlightsV2__eventOverallScoreBg: var(--B-color__onSurface); --B-highlightsV2__eventOverallScoreColor: var(--B-color__surface); --B-highlightsV2__eventScoreSeparatorColor: var(--B-color__onCanvas_weaker); --B-highlightsV2__eventScoreSetColor: var(--B-color__onCanvas_weaker); --B-highlightsV2__eventParticipantColor: var(--B-color__onSurface); --B-highlightsV2__prepacksBBLineColor: var(--B-color__surfaceBorder); --B-highlightsV2__prepacksBBDotColor: #7393ec; --B-highlightsV2__prepacksSectionNameColor: var(--B-color__onSurface); --B-highlightsV2__prepacksSectionOutcomeColor: var(--B-color__onSurface); --B-highlightsV2__prepacksSectionMarketColor: var( --B-color__onSurface_weaker ); --B-highlightsV2__prepacksSelectionsGroupHeaderColor: var( --B-color__onSurface ); --B-highlightsV2__prepacksCustomLabelColor: var(--B-color__onSurface); --B-highlightsV2__modalShowAllColor: var(--B-color__onSurface); --B-highlightsV2__modalShowAllBackground: var(--B-color__surface); --B-highlightsV2__modalShowAllColor--hover: var(--B-color__onSurface--hover); --B-highlightsV2__modalShowAllBackground--hover: var( --B-color__surface--hover ); --B-highlightsV2__modalShowAllColor--active: var( --B-color__onSurface--active ); --B-highlightsV2__modalShowAllBackground--active: var( --B-color__surface--active ); --B-highlightsV2__carouselArrowBackground: var(--B-color__highlight); --B-highlightsV2__carouselArrowColor: var(--B-color__onHighlight); --B-highlightsV2__livePromoCardIconColor: var(--B-color__onPromo); --B-highlightsV2__promoCardBackgroundOverlay: linear-gradient( 180deg, color-mix(in srgb, var(--B-color__promo) 32%, transparent) 0%, color-mix(in srgb, var(--B-color__promo) 32%, transparent) 100% ); --B-highlightsV2__promoCardTextOverlay: linear-gradient( 180deg, color-mix(in srgb, var(--B-color__promo) 64%, transparent) 0%, color-mix(in srgb, var(--B-color__promo) 64%, transparent) 100% ); --B-highlightsV2__livePromoCardLineColor: var(--B-color__live); } [data-betty-theme] { --B-highlightsOutcomeButton__bg--disabled: var( --B-outcomeButton__bg--disabled ); --B-highlightsOutcomeButton__color--disabled: var( --B-outcomeButton__color--disabled ); --B-highlightsOutcomeButton__colorOdds--disabled: var( --B-outcomeButton__colorOdds--disabled ); --B-highlightsOutcomeButton__bgBlendMode: overlay; --B-highlightsOutcomeButton__bgBlendMode--selected: overlay; } [data-betty-theme] { --B-typography__fontSize_3xs: 9px; --B-typography__fontSize_2xs: 10px; --B-typography__fontSize_xs: 11px; --B-typography__fontSize_sm: 12px; --B-typography__fontSize_md: 14px; --B-typography__fontSize_lg: 16px; --B-typography__fontSize_xl: 20px; --B-typography__fontSize_2xl: 24px; --B-typography__fontSize_3xl: 32px; --B-typography__fontSize_4xl: 40px; --B-typography__fontSize_5xl: 48px; --B-typography__fontSize_6xl: 56px; /* LineHeight */ --B-typography__lineHeight_xs: 12px; --B-typography__lineHeight_sm: 14px; --B-typography__lineHeight_md: 16px; --B-typography__lineHeight_lg: 20px; --B-typography__lineHeight_xl: 24px; --B-typography__lineHeight_2xl: 32px; --B-typography__lineHeight_3xl: 40px; --B-typography__lineHeight_4xl: 48px; /* FontWeight */ --B-typography__fontWeight_regularBrand: 400; --B-typography__fontWeight_mediumBrand: 500; --B-typography__fontWeight_boldBrand: 700; --B-typography__fontWeight_regularBody: 500; --B-typography__fontWeight_mediumBody: 700; --B-typography__fontWeight_boldBody: 800; /* LetterSpacing */ --B-typography__letterSpacing_tight: -2px; --B-typography__letterSpacing_tighter: -1px; --B-typography__letterSpacing_default: 0px; --B-typography__letterSpacing_wider: 1px; --B-typography__letterSpacing_wide: 2px; /* Space */ --B-dimension__space_0: 0px; --B-dimension__space_1: 1px; --B-dimension__space_2xs: 2px; --B-dimension__space_xs: 4px; --B-dimension__space_sm: 8px; --B-dimension__space_md: 12px; --B-dimension__space_lg: 16px; --B-dimension__space_xl: 20px; --B-dimension__space_2xl: 24px; --B-dimension__space_3xl: 32px; --B-dimension__space_4xl: 40px; /* Size */ --B-dimension__size_0: 0px; --B-dimension__size_1: 1px; --B-dimension__size_2xs: 2px; --B-dimension__size_xs: 4px; --B-dimension__size_sm: 8px; --B-dimension__size_md: 12px; --B-dimension__size_lg: 16px; --B-dimension__size_xl: 20px; --B-dimension__size_2xl: 24px; --B-dimension__size_3xl: 32px; --B-dimension__size_4xl: 40px; --B-dimension__size_5xl: 48px; --B-dimension__size_6xl: 56px; --B-dimension__size_7xl: 64px; /* Radius */ --B-dimension__radius_0: 0px; --B-dimension__radius_xs: 2px; --B-dimension__radius_sm: 4px; --B-dimension__radius_md: 8px; --B-dimension__radius_lg: 16px; --B-dimension__radius_xl: 100px; --B-poolCard__minWidth: 329px; --B-poolCard__minHeight: 99px; --B-dashboard__maxWidth: 1200px; --B-poolCard__borderBoxshadow: rgba(0, 0, 0, 0.16) 0px 2px 8px; --B-font__main: var(--B-font__primary); --B-font__headline: var(--B-font__secondary); --B-dashboard__labelFontSize: var(--B-typography__fontSize_xl); --B-dashboard__labelFontWeight: var(--B-typography__fontWeight_boldBrand); --B-navbar__height: 48px; --B-poolBetCollapsibleContainer__strokeWidthArrow: 2px; --B-poolBetCollapsibleContainer__arrowTransformCollapse: rotate(0deg); --B-poolBetCollapsibleContainer__arrowTransformExpand: rotate(180deg); --B-poolBetCollapsibleContainer__arrowColor: var(--B-color__onSurface); --B-poolBetslipMainContainer__position: relative; --B-poolBetslipMainContainer__zindex: 1100; --B-poolBetslipMainContainer__fontFamily: var(--B-font__main); --B-poolBetslipContainer__position: fixed; --B-poolBetslipContainer__height: auto; --B-poolBetslipContainer__bottom: var(--B-dimension__space_0); --B-poolBetslipContainer__width: 100%; --B-poolBetslipContainer__boxShadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.46); --B-poolBetslipContainer__borderRadius: var(--B-dimension__radius_lg) var(--B-dimension__radius_lg) var(--B-dimension__space_0) var(--B-dimension__space_0); --B-poolBetslipContainer__widthTablet: 23.4375em; --B-poolBetslipContainer__rightTablet: 0.8125em; --B-poolBetslipHeader__alignItems: center; --B-poolBetslipHeader__backgroundColor: var(--B-color__theme); --B-poolBetslipHeader__color: var(--B-color__onHeader); --B-poolBetslipHeader__cursor: pointer; --B-poolBetslipHeader__display: flex; --B-poolBetslipHeader__height: 38px; --B-poolBetslipHeader__width: 100%; --B-poolBetslipHeader__borderRadius: var(--B-dimension__radius_lg) var(--B-dimension__radius_lg) var(--B-dimension__space_0) var(--B-dimension__space_0); --B-poolBetslipHeaderTitle__paddingLeft: var(--B-dimension__space_lg); --B-poolBetslipHeaderTitle__flex: 1 0 auto; --B-poolBetslipHeaderButtons__padding: var(--B-dimension__space_0) var(--B-dimension__space_md); --B-poolBetslipHeaderButton__marginRight: var(--B-dimension__space_xs); --B-poolBetslipHeaderButton__color: var(--B-color__onHeader); --B-poolBetslipHeaderButton__size: var(--B-dimension__size_2xl); --B-poolBetslipInnerContent__display: block; --B-poolBetslipInnerContent__backgroundColor: var(--B-color__canvas); --B-poolBetslipTabsList__display: inline-flex; --B-poolBetslipTabsList__lineHeight: 41px; --B-poolBetslipTabsList__listStyle: none; --B-poolBetslipTabsList__margin: var(--B-dimension__space_0); --B-poolBetslipTabsList__paddingLeft: var(--B-dimension__space_0); --B-poolBetslipTabsList__position: relative; --B-poolBetslipTabsList__width: 100%; --B-poolBetslipTabsList__backgroundColor: var(--B-color__theme); --B-poolBetslipTabsTab__alignItems: center; --B-poolBetslipTabsTab__color: #b3b3b3; --B-poolBetslipTabsTab__color--selected: var(--B-color__surface); --B-poolBetslipTabsTab__display: flex; --B-poolBetslipTabsTab__flexGrow: 1; --B-poolBetslipTabsTab__fontSize: var(--B-typography__fontSize_sm); --B-poolBetslipTabsTab__fontWeight: 400; --B-poolBetslipTabsTab__justifyContent: center; --B-poolBetslipTabsTab__margin: var(--B-dimension__space_0); --B-poolBetslipTabsTab__transition: color 0.2s ease-out; --B-poolBetslipTabsTab__overflow: visible; --B-poolBetslipTabsTab__padding: var(--B-dimension__space_0) var(--B-dimension__space_md); --B-poolBetslipTabsTab__position: relative; --B-poolBetslipTabsTab__whiteSpace: nowrap; --B-poolBetslipTabsTab__boxShadow--selected: inset var(--B-dimension__space_0) -0.3125rem var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-color__surface); --B-poolBetslipTabsTab__backgroundColor--selected: unset; --B-poolBetslip__tabPanel_background: var(--B-color__canvas); --B-poolBetslipBetCard__backgroundColor: var(--B-color__canvas); --B-poolBetslipBetCard__color: var(--B-color__onSurface); --B-poolBetslipBetCard__overflow: hidden; --B-poolBetslipBetCard__borderRadius: var(--B-dimension__radius_sm); --B-poolBetslipBetCard__boxShadow: rgba(0, 0, 0, 0.16) 0px 2px 8px; --B-poolBetslipBetCard__display: flex; --B-poolBetslipBetCard__alignItems: center; --B-poolBetslipBetCardPlacing__opacity: 0.8; --B-poolBetslipBetCardPlacingSuccess__borderLeft: 3px solid var(--B-color__success); --B-poolBetslipBetCardPlacingError__borderLeft: 3px solid var(--B-color__danger); --B-poolBetslipBetContent__backgroundColor: var(--B-color__surface); --B-poolBetslipBetContent__borderLeft: 1px solid var(--B-color__surfaceAlternativeBorder); --B-poolBetslipBetContent__padding: var(--B-dimension__space_sm) var(--B-dimension__space_sm); --B-poolBetslipBetContent__width: 100%; --B-poolBetslipBetRemoveBtn__width: var(--B-dimension__space_2xl); --B-poolBetslipBetRemoveBtn__alignItems: center; --B-poolBetslipBetRemoveBtn__display: flex; --B-poolBetslipBetRemoveBtn__flexDirection: column; --B-poolBetslipBetRemoveBtn__fontSize: var(--B-typography__fontSize_sm); --B-poolBetslipBetRemoveBtn__color: var(--B-color__danger); --B-poolBetslipBetRemoveBtn__cursor: pointer; --B-poolBetslipBetRemoveBtn__backgroundColor: var(--B-color__canvas); --B-poolBetslipOpenBetContainer__backgroundColor: var( --B-color__surfaceAlternative--active ); --B-poolBetslipOpenBetContainer__display: flex; --B-poolBetslipOpenBetContainer__flexDirection: column; --B-poolBetslipOpenBetContainer__gap: var(--B-dimension__space_sm); --B-poolBetslipOpenBetContainer__padding: var(--B-dimension__space_sm); --B-poolBetslipBetofferTitle__fontSize: var(--B-typography__fontSize_md); --B-poolBetslipBetofferTitle__fontWeight: 800; --B-poolBetslipSelectionInfo__fontSize: var(--B-typography__fontSize_sm); --B-poolBetslipSelectionInfo__fontWeight: 500; --B-poolBetslipSelectionInfo__margin: var(--B-dimension__space_xs) var(--B-dimension__space_0); --B-poolBetslipBetslipBtns__margin: var(--B-dimension__space_2xs) var(--B-dimension__space_0); --B-poolBetslipBetslipBtns__display: flex; --B-poolBetslipBetslipBtns__gap: var(--B-dimension__space_xs); --B-poolBetslipBetslipBtns__button_flex: 1; --B-poolBetslipBetslipBtns__button_height: 32px; --B-poolBetslipBetslipBtns__button_borderRadius: var( --B-dimension__radius_md ); --B-poolBetslipBetslipBtns__button_padding: var(--B-dimension__space_0) var(--B-dimension__space_sm); --B-poolBetslipBetslipBtns__button_border: 1px solid rgba(0, 0, 0, 0.1); --B-poolBetslipBetslipBtns__button_fontSize: var(--B-typography__fontSize_sm); --B-poolBetslipBetslipBtns__button_fontWeight: 800; --B-poolBetslipBetslipBtns__button_cursor: pointer; --B-poolBetslipSaveBet__color: var(--B-color__onButtonB); --B-poolBetslipSaveBet__backgroundColor--hover: var( --B-color__buttonB--hover ); --B-poolBetslipSaveBet__backgroundColor--active: var( --B-color__buttonB--active ); --B-poolBetslipSaveBet__backgroundColor: var(--B-color__buttonB); --B-poolBetslipSaveBet__border: 1px solid var(--B-color__buttonGhostABorder); --B-poolBetslipPlaceBet__color: var(--B-color__onTransaction); --B-poolBetslipPlaceBet__backgroundColor: var(--B-color__transaction); --B-poolBetslipPlaceBet__backgroundColor--hover: var( --B-color__transaction--hover ); --B-poolBetslipPlaceBet__backgroundColor--active: var( --B-color__transaction--active ); --B-poolBetslipPlaceBetPlacing__cursor: not-allowed; --B-poolBetslipPlaceBetSuccess__backgroundColor: var(--B-color__success); --B-poolBetslipPlaceBetSuccess__cursor: not-allowed; --B-poolBetslipPlaceBetError__backgroundColor: var(--B-color__danger); --B-poolBetslipPlaceBetError__backgroundColor--hover: var( --B-color__danger--hover ); --B-poolBetslipPlaceBet__background--disabled: var(--B-color__disabledOnDark); --B-poolBetslipPlaceBet__color--disabled: var(--B-color__onDisabledOnDark); --B-poolBetslipPlaceBet__cursor--disabled: not-allowed; --B-poolBetslipSpinner__display: inline-block; --B-poolBetslipSpinner__width: var(--B-dimension__space_md); --B-poolBetslipSpinner__height: var(--B-dimension__space_md); --B-poolBetslipSpinner__border: 2px solid transparent; --B-poolBetslipSpinner__borderTop: 2px solid #fff; --B-poolBetslipSpinner__borderRadius: 50%; --B-poolBetslipSpinner__animation: spin 1s linear infinite; --B-poolBetslipSpinner__marginRight: 0.5rem; --B-poolBetslipErrorMessage__background: var(--B-color__buttonGhostB--active); --B-poolBetslipErrorMessage__fontSize: var(--B-typography__fontSize_sm); --B-poolBetslipErrorMessage__backgroundColor: var(--B-color__onDanger_weaker); --B-poolBetslipErrorMessage__borderRadius: var(--B-dimension__radius_sm); --B-poolCardBetslipButton__fill: var(--B-color__theme); --B-poolBetslipArrow__width: var(--B-dimension__size_2xl); --B-poolBetslipArrow__height: var(--B-dimension__size_2xl); --B-poolBetslipRemoveButton__color: var(--B-color__danger); --B-poolBetslipRemoveButton__size: var(--B-dimension__size_lg); --B-poolBetslipRemoveButton__color--hover: var(--B-color__danger--hover); --B-poolSavedCardRemoveButton__fill: var(--B-color__onSurface_weaker); --B-poolSavedCardRemoveButton__size: var(--B-dimension__size_xl); --B-poolSavedCardRemoveButton__fill--hover: var( --B-color__onSurface_weaker--hover ); --B-poolBetslipArrowSvg__transform--on: rotate(180deg); --B-poolBetslipArrowSvg__transform--off: rotate(0deg); --B-poolBetslipArrowPath__fill: none; --B-poolBetslipArrowPath__strokeWidth: var( --B-poolBetCollapsibleContainer__strokeWidthArrow ); --B-poolBetslipArrowPath__stroke--on: var(--B-color__onHeader); --B-poolBetslipArrowPath__stroke--off: var(--B-color__onHeader); --B-poolCard__outcomesListWrapperBackgroundColor: var(--B-color__canvas); --B-poolCard__outcomesListItemTextColor: var( --B-color__surfaceAlternative--active ); --B-poolCard__eventNameFontSize: var(--B-typography__fontSize_sm); --B-poolCard__eventNameFontWeight: 200; --B-poolCard__displayArrow: block; --B-poolCard__divisionColor: var(--B-color__themeLight); --B-poolCard__defaultStroke: var(--B-color__danger); --B-poolCard__collapsedStroke: var(--B-color__success); --B-poolCard__arrowFill: var(--B-color__onSurface); --B-poolCard__arrow_size: var(--B-dimension__size_xl); --B-poolCard__arrowMarginRight: var(--B-dimension__size_xs); --B-poolCard__autopickButtonBorder: 1px solid var(--B-color__onHighlight); --B-poolCard__autopickButtonBackground: var(--B-color__buttonB); --B-poolCard__autopickButtonColor: var(--B-color__onButtonB); --B-poolCard__autopickButtonDisabledBackground: var( --B-color__disabledOnDark ); --B-poolCard__autopickButtonDisabledColor: rgba(0, 0, 0, 0.32); --B-poolCard__autopickButtonDisabledBorder: 1px solid rgba(0, 0, 0, 0.32); --B-poolCard__autopickButtonPadding: 0 16px 0 16px; --B-poolCard__autopickButtonHeight: 40px; --B-poolCard__autopickButtonMinWidth: 236px; --B-poolCard__autopickButtonWeight: 800; --B-poolCard__autopickButtonFontSize: 15px; --B-poolCard__autopickButtonLineHeight: 16px; --B-poolCard__autopickButtonBorderRadius: 8px; --B-poolCard__selectedItemBackground: var(--B-color__selected); --B-poolCard__selectedItemColor: var(--B-color__surface); --B-poolCard__inActiveSelectedItemBackground: none; --B-poolCard__inActiveSelectedItemColor: var(--B-color__onDisabledOnDark); --B-poolCard__overViewGap: var(--B-dimension__space_sm) var(--B-dimension__space_sm); --B-poolCard__overViewMargin: var(--B-dimension__space_0); --B-poolCard__detailPadding: var(--B-dimension__space_md) var(--B-dimension__space_lg) var(--B-dimension__space_xs) var(--B-dimension__space_0); --B-poolCard__buttonMinheight: var(--B-dimension__space_4xl); --B-poolCard__buttonBorderRadius: var(--B-dimension__radius_sm); --B-poolCard__buttonBorder: 1px solid var(--B-color__outcomeBorder); --B-poolCard__buttonColor: var(--B-color__onOutcome); --B-poolCard__buttonColor--hover: var(--B-color__onOutcome--hover); --B-poolCard__buttonColor--active: var(--B-color__onThemeLight--active); --B-poolCard__buttonBackground: var(--B-color__outcome); --B-poolCard__buttonBackground--hover: var(--B-color__themeLight--hover); --B-poolCard__buttonBackground--active: var(--B-color__themeLight--active); --B-poolCard__buttonPadding: var(--B-dimension__space_0) var(--B-dimension__space_sm); --B-poolCard__buttonFontSize: var(--B-typography__fontSize_xs); --B-poolCard__buttonLineHeight: var(--B-typography__lineHeight_xs); --B-poolCard__leftContainerMinWidth: var(--B-dimension__space_3xl); --B-poolCard__leftContainerColor: var(--B-color__onCanvas); --B-poolCard__leftContainerFontSize: var(--B-typography__fontSize_md); --B-poolCard__leftContainerLineHeight: var(--B-typography__lineHeight_md); --B-poolCard__infoRowFontSize: var(--B-typography__fontSize_sm); --B-poolCard__infoRowLineHeight: var(--B-typography__lineHeight_md); --B-poolCard__infoRowColor: var(--B-color__onCanvas_weaker); --B-poolCard__infoRowBorderBottom: 1px solid var(--B-color__canvasBorder); --B-poolCard__infoRowPaddingBottom: var(--B-dimension__space_2xs); --B-poolCard__infoRowMinHeight: 28px; --B-poolCard__infoRowGap: var(--B-dimension__space_xs); --B-poolCard__infoRowMargin: 0 0 12px 30px; --B-poolCard__divisionFontSize: var(--B-typography__fontSize_3xs); --B-poolCard__betOffersBottomMargin: 10px; --B-poolCard__buttonContainerBackgroundColor: var(--B-color__canvas); --B-poolCard__buttonContainerMargin: var(--B-dimension__space_0) var(--B-dimension__space_sm); } [data-betty-theme='button--pool-betoffer'] { --B-button__minHeight: var(--B-poolCard__buttonMinheight); --B-button__borderRadius: var(--B-poolCard__buttonBorderRadius); --B-button__border: var(--B-poolCard__buttonBorder); --B-button__border--hover: none; --B-button__border--active: none; --B-button__boxShadow: none; --B-button__color: var(--B-poolCard__buttonColor); --B-button__color--hover: var(--B-poolCard__buttonColor--hover); --B-button__color--active: var(--B-poolCard__buttonColor--active); --B-button__background: var(--B-poolCard__buttonBackground); --B-button__background--hover: var(--B-poolCard__buttonBackground--hover); --B-button__background--active: var(--B-poolCard__buttonBackground--active); --B-button__padding: var(--B-poolCard__buttonPadding); --B-button__fontSize: var(--B-poolCard__buttonFontSize); --B-button__fontWeight: normal; --B-button__lineHeight: var(--B-poolCard__buttonLineHeight); --B-button__itemsMargin: 3px 3px; --B-button__iconWidth: 20px; --B-button__iconHeight: 20px; --B-button__leadingIconColor: rgb(51, 51, 51); --B-button__leadingIconColor--hover: #2e2e2e; --B-button__leadingIconColor--active: #2b2b2b; --B-button__iconOpacity: 0.87; } [data-betty-theme='pool-main-navigation-bar'] { --B-navigationBar__fontFamily: var(--B-font__main); --B-navigationBar__fontWeight: 800; --B-navigationBar__bg: var(--B-color__themeDark); --B-navigationBar__color: var(--B-color__onThemeDark_weaker); --B-navigationBar__color--selected: var(--B-color__onThemeDark); --B-navigationBar__color--hover: var(--B-color__onThemeDark); --B-navigationBar__color--active: var(--B-color__onThemeDark_weaker--hover); --B-navigationBar__height: var(--B-navbar__height); --B-navigationBar__fontSize: var(--B-typography__fontSize_sm); --B-navigationBar__borderBottom--selected: 2px solid var(--B-color__highlight); --B-navigationBar__textTransform: none; --B-navigationBar__boxShadow: 0 0 0 0; --B-navigationBar__borderTop: none; } [data-betty-theme='pool-sub-navigation-bar'] { --B-navigationBar__bg: var(--B-color__canvas); --B-navigationBar__fontWeight: 800; --B-navigationBar__color: var(--B-color__onCanvas_weaker); --B-navigationBar__color--selected: var(--B-color__onCanvas); --B-navigationBar__color--hover: var(--B-color__onCanvas--hover); --B-navigationBar__color--active: var(--B-color__onCanvas_weaker); --B-navigationBar__height: var(--B-navbar__height); --B-navigationBar__fontSize: var(--B-typography__fontSize_sm); --B-navigationBar__borderBottom--selected: 2px solid var(--B-color__onSurface); --B-navigationBar__boxShadow: 0 0 0 0; --B-navigationBar__borderTop: none; --B-navigationBar__textTransform: none; } [data-betty-theme='sticker--pool-bethistory-status-won'] { --B-sticker__fontSize: var(--B-typography__fontSize_2xs); --B-sticker__padding: 0px 3px; --B-sticker__height: 14px; --B-sticker__bg: var(--B-color__betWon); --B-sticker__color: #ffffff; --B-sticker__borderRadius: var(--B-dimension__radius_sm); --B-sticker__textTransform: uppercase; } [data-betty-theme='sticker--pool-bethistory-status-lost'] { --B-sticker__fontSize: var(--B-typography__fontSize_2xs); --B-sticker__padding: 0px 3px; --B-sticker__height: 14px; --B-sticker__bg: var(--B-color__betLost); --B-sticker__color: #ffffff; --B-sticker__borderRadius: var(--B-dimension__radius_sm); --B-sticker__textTransform: uppercase; } [data-betty-theme='sticker--pool-bethistory-status-void'] { --B-sticker__fontSize: var(--B-typography__fontSize_2xs); --B-sticker__padding: 0px 3px; --B-sticker__height: 14px; --B-sticker__bg: var(--B-color__betOpen); --B-sticker__color: #6c6c6c; --B-sticker__borderRadius: var(--B-dimension__radius_sm); --B-sticker__textTransform: uppercase; } [data-betty-theme='sticker--pool-bethistory-status-pending'] { --B-sticker__fontSize: var(--B-typography__fontSize_2xs); --B-sticker__padding: 0px 3px; --B-sticker__height: 14px; --B-sticker__bg: none; --B-sticker__color: #6c6c6c; --B-sticker__borderRadius: var(--B-dimension__radius_sm); --B-sticker__textTransform: uppercase; } [data-betty-theme='result-dashboard'] { --B-dashboard__bg: var(--B-color__canvas); --B-dashboard__color: var(--B-color__onSurface); --B-dashboard__wrapperPadding: var(--B-dimension__space_lg); --B-dashboard__padding: var(--B-dimension__space_lg) var(--B-dimension__space_0) var(--B-dimension__space_lg) var(--B-dimension__space_0); --B-dashboard__minWidth: var(--B-poolCard__minWidth); --B-dashboard__gap: var(--B-dimension__space_sm); } [data-betty-theme='open-dashboard'] { --B-dashboard__bg: var(--B-color__canvas); --B-dashboard__color: var(--B-color__onSurface); --B-dashboard__wrapperPadding: var(--B-dimension__space_0); --B-dashboard__padding: var(--B-dimension__space_lg); --B-dashboard__minWidth: var(--B-poolCard__minWidth); --B-dashboard__gap: var(--B-dimension__space_sm); } [data-betty-theme='poolCard'] { --B-poolCard__backgroundColor: var(--B-color__theme); --B-poolCard__color: var(--B-color__onHeader); --B-poolCard__borderRadius: var(--B-dimension__radius_md); --B-poolCard__flexBasis: 300px; --B-poolCard__contentMargin: var(--B-dimension__space_md) var(--B-dimension__space_lg); --B-poolCard__labelColor: var(--B-color__onHeader); --B-poolCard__labelMargin: var(--B-dimension__space_0); --B-poolCardStandAlone__boxShadow: var(--B-poolCard__borderBoxshadow); --B-poolCardStandAlone__borderRadius: var(--B-dimension__space_0); --B-poolCard__maxWidth: 369px; --B-poolCardPie__marginLeft: var(--B-dimension__space_sm); --B-poolCardPie__width: 12px; --B-poolCardPie__height: 12px; --B-poolCardPiePlenty__color: var(--B-color__highlight); --B-poolCardPieWarning__color: var(--B-color__special, #ffc107); --B-poolCardPieUrgent__color: var(--B-color__warning, #ff5252); --B-poolCardPie__background: var(--B-color__onDisabledOnDark); --B-poolCardDivider__height: 1px; --B-poolCardDivider__margin: var(--B-dimension__space_md) var(--B-dimension__space_0); --B-poolCardDivider__color: var(--B-color__transaction); --B-poolCardInfoRow__fontSize: var(--B-typography__fontSize_sm); --B-poolCardInfoRow__lineHeight: var(--B-typography__lineHeight_sm); --B-poolCardInfoRow__marginTop: var(--B-dimension__space_xs); --B-poolCardInfoRow__fontWeight: var(--B-typography__fontWeight_mediumBrand); --B-poolCardInfoRowDim__color: var(--B-color__onHeader_weaker); --B-poolCardInfoRowDim__fontWeight: var( --B-typography__fontWeight_regularBrand ); --B-poolCardBackButton__marginRight: 5px; --B-poolCardBackButton__fill: var(--B-color__onTheme); --B-poolCardBackButton__hoverFill: var(--B-color__onThemeDark_weaker--hover); --B-poolCardBackButton__activeFill: var( --B-color__onThemeDark_weaker--active ); --B-poolCardBackButton__width: var(--B-dimension__size_xl); --B-poolCardBackButton__height: var(--B-dimension__size_xl); --B-poolSavedCardBackButton__fill: var(--B-color__onSurface); --B-poolSavedCardBackButton__hoverFill: var( --B-color__onSurface_weaker--hover ); --B-poolSavedCardBackButton__activeFill: var( --B-color__onSurface_weaker--active ); --B-poolSavedCard__backgroundColor: var(--B-color__surface); --B-poolSavedCardInfoRow__color: var(--B-color__onSurface); --B-poolSavedCardInfoRowDim__color: var(--B-color__onSurface_weaker); } [data-betty-theme='FAQ'] { --B-poolCardFaq__backgroundColor: var(--B-color__canvas); --B-poolCardFaq__color: var(--B-color__onSurface); --B-poolCardFaq__padding: var(--B-dimension__space_lg); --B-poolCardFaq__contentPadding: var(--B-dimension__space_lg); --B-poolCardFaq__fontSize: var(--B-typography__fontSize_md); --B-poolCardFaqTitle__fontSize: var(--B-typography__fontSize_lg); } [data-betty-theme='pool-bet-history'] { --B-poolBetHistory__color: var(--B-color__onSurface); --B-poolBetHistory__backgroundColor: var(--B-color__canvas); --B-poolBetHistory__padding: var(--B-dimension__space_lg); --B-poolBetHistory__wrapperPadding: var(--B-dimension__space_lg) var(--B-dimension__space_0) var(--B-dimension__space_lg) var(--B-dimension__space_lg); --B-poolBetHistory__wrapperWidth: 90%; --B-poolBetHistory__wrapperMinWidth: var(--B-poolCard__minWidth); --B-poolBetHistory__gap: var(--B-dimension__space_sm); } [data-betty-theme='pool-bet-history-item'] { --B-poolBetHistoryItem__minWidth: var(--B-poolCard__minWidth); --B-poolBetHistoryItem__backgroundColor: var(--B-color__surface); --B-poolBetHistoryItem__color: var(--B-color__onBetOpen); --B-poolBetHistoryItem__borderRadius: var(--B-dimension__radius_md); --B-poolBetHistoryItem__boxShadow: var(--B-poolCard__borderBoxshadow); --B-poolBetHistoryStakeLabel__fontSize: var(--B-typography__fontSize_sm); --B-poolBetHistoryStakeLabel__lineHeight: var(--B-typography__lineHeight_sm); --B-poolBetHistoryStakeLabel__color: var(--B-color__onSurface_weaker); --B-poolBetHistoryStakeLabel__marginTop: var(--B-dimension__space_md); --B-poolBetHistorySubtitle__fontSize: var(--B-typography__fontSize_sm); --B-poolBetHistorySubtitle__lineHeight: var(--B-typography__lineHeight_sm); --B-poolBetHistorySubtitle__color: var(--B-color__onSurface_weaker); --B-poolBetHistoryDivider__margin: 0 var(--B-dimension__space_xs); --B-poolBetHistoryTitle__fontSize: var(--B-typography__fontSize_sm); --B-poolBetHistoryTitle__lineHeight: var(--B-typography__lineHeight_sm); --B-poolBetHistory__radius: var(--B-dimension__radius_md); --B-poolBetHistory__contentMargin: var(--B-dimension__space_md) var(--B-dimension__space_lg); } [data-betty-theme='pool-bet-history-coupon-row'] { --B-poolBetHistoryCouponRowIndicator__width: var(--B-dimension__space_2xl); --B-poolBetHistoryCouponRowIndicator__fontSize: var( --B-typography__fontSize_sm ); --B-poolBetHistoryCouponRowIndicator__color: var(--B-color__surface); --B-poolBetHistoryCouponRowIndicator__borderTop: 1px solid var(--B-color__themeBorder); --B-poolBetHistoryCouponRow__borderTop: 1px solid var(--B-color__surfaceBorder); --B-poolBetHistoryCouponRowStatusWon__backgroundColor: var(--B-color__betWon); --B-poolBetHistoryCouponRowStatusWon__color: var(--B-color__onBetWon); --B-poolBetHistoryCouponRowStatusLost__backgroundColor: var( --B-color__betLost ); --B-poolBetHistoryCouponRowStatusLost__color: var(--B-color__onBetLost); --B-poolBetHistoryCouponRowStatusPending__backgroundColor: var( --B-color__betOpen ); --B-poolBetHistoryCouponRowStatusPending__color: var(--B-color__onBetOpen); --B-poolBetHistoryCouponRowContent__padding: var(--B-dimension__space_md); --B-poolBetHistoryCouponRowContent__background: var( --B-color__surface--hover ); --B-poolBetHistoryCouponRowLabel__fontSize: var(--B-typography__fontSize_sm); --B-poolBetHistoryCouponRowLabel__lineHeight: var( --B-typography__lineHeight_sm ); --B-poolBetHistoryCouponRowLabel__color--selected: var(--B-color__onSurface); --B-poolBetHistoryCouponRowLabelBetOffer__color: var( --B-color__onSurface_weaker ); } [data-betty-actionable-content-theme] { --B-actionableContent__arrowColor: white; --B-actionableContent__arrow_bg: var(--B-horizontalScroll__bg); --B-actionableContent__arrow_bg--hover: var(--B-horizontalScroll__bg--hover); --B-actionableContent__arrow_bg--active: var( --B-horizontalScroll__bg--active ); --B-actionableContent__menuItemFontFamily: var( --B-sportsMenu__menuItemFontFamily ); --B-actionableContent__menuItemBorderRadius: var( --B-sportsMenu__menuItemBorderRadius ); --B-actionableContent__menuItemBoxShadow: var( --B-sportsMenu__menuItemBoxShadow ); --B-actionableContent__menuItemColor: var(--B-sportsMenu__menuItemColor); --B-actionableContent__menuItemBgColor: var(--B-sportsMenu__menuItemBgColor); --B-actionableContent__menuItemBorder: var(--B-sportsMenu__menuItemBorder); --B-actionableContent__menuItemMargin: var(--B-sportsMenu__menuItemMargin); --B-actionableContent__menuItemColor--hover: var( --B-sportsMenu__menuItemColor--hover ); --B-actionableContent__menuItemBgColor--hover: var( --B-sportsMenu__menuItemBgColor--hover ); --B-actionableContent__menuItemBorder--hover: var( --B-sportsMenu__menuItemBorder--hover ); --B-actionableContent__menuItemColor--active: var( --B-sportsMenu__menuItemColor--active ); --B-actionableContent__menuItemBgColor--active: var( --B-sportsMenu__menuItemBgColor--active ); --B-actionableContent__menuItemBorder--active: var( --B-sportsMenu__menuItemBorder--active ); --B-actionableContent__inlineItemHeight: 40px; --B-actionableContent__inlineItemPadding: 10px; --B-actionableContent__inlineItemInnerGap: 6px; --B-actionableContent__inlineTextFontSize: 12px; --B-actionableContent__inlineTextPadding: 2px; --B-actionableContent__inlineTextFontWeight: 700; --B-actionableContent__inlineTextLineHeight: 16px; --B-actionableContent__stackItemHeight: 64px; --B-actionableContent__stackItemInnerGap: 6px; --B-actionableContent__stackItemPadding: 10px 12px; --B-actionableContent__stackTextFontSize: 12px; --B-actionableContent__stackTextFontWeight: 700; --B-actionableContent__stackTextLineHeight: 16px; --B-actionableContent__sportTextTransform: var( --B-sportsMenu__sportTextTransform ); --B-actionableContent__sportTextColor: var(--B-sportsMenu__sportTextColor); } [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; }