[data-betty-theme] { /* font-size */ --B-font__primary: Roboto, Helvetica Neue, sans-serif; --B-font__secondary: var(--B-font__primary); } [data-betty-theme] { /* ButtonA aliases */ --B-color__buttonA: var(--B-color__surface); --B-color__buttonA--hover: var(--B-color__surface--hover); --B-color__buttonA--active: var(--B-color__surface--active); --B-color__onButtonA: var(--B-color__onSurface); --B-color__onButtonA--hover: var(--B-color__onSurface--hover); --B-color__onButtonA--active: var(--B-color__onSurface--active); --B-color__onButtonA_weaker: var(--B-color__onSurface_weaker); --B-color__onButtonA_weaker--hover: var(--B-color__onSurface_weaker--hover); --B-color__onButtonA_weaker--active: var(--B-color__onSurface_weaker--active); --B-color__buttonABorder: var(--B-color__surfaceBorder); /* PromoHighlight aliases */ --B-color__promoHighlight: var(--B-color__highlight); --B-color__onPromoHighlight: var(--B-color__onHighlight); --B-color__onPromoHighlight--hover: var(--B-color__onPromoHighlight); --B-color__onPromoHighlight--active: var(--B-color__onPromoHighlight); --B-color__onPromoHighlight_weaker: var(--B-color__onHighlight_weaker); --B-color__onPromoHighlight_weaker--hover: var( --B-color__onPromoHighlight_weaker ); --B-color__onPromoHighlight_weaker--active: var( --B-color__onPromoHighlight_weaker ); --B-color__promoHighlight--hover: var(--B-color__highlight--hover); --B-color__promoHighlight--active: var(--B-color__highlight--active); --B-color__promoHighlightBorder: var(--B-color__highlightBorder); /* Disabled tokens */ --B-color__disabledOnLight: rgba(0, 0, 0, 0.12); --B-color__onDisabledOnLight: rgba(0, 0, 0, 0.16); --B-color__disabledOnDark: rgba(255, 255, 255, 0.16); --B-color__onDisabledOnDark: rgba(255, 255, 255, 0.3); } [data-betty-theme] { /* * * * * * * * * * * * * * */ /* PRIMITIVES (Tier1) */ /* Tier1 - Primitive/Color/Core */ /*--B-primitive__color__core__50: #ffffff;*/ /*--B-primitive__color__core__100: #000000;*/ /*--B-primitive__color__core__200: #000000;*/ /*--B-primitive__color__core__300: #000000;*/ /*--B-primitive__color__core__400: #000000;*/ /*--B-primitive__color__core__500: #000000;*/ /*--B-primitive__color__core__600: #000000;*/ /*--B-primitive__color__core__700: #000000;*/ /*--B-primitive__color__core__800: #000000;*/ /*--B-primitive__color__core__900: #000000;*/ /*--B-primitive__color__core__950: #000000;*/ /*--B-primitive__color__core__base: #ffffff;*/ /* Tier1 - Primitive/Color/Accent */ /* --B-primitive__color__accent__50: #f9f4e7; --B-primitive__color__accent__100: #f4e5c8; --B-primitive__color__accent__200: #f4cd88; --B-primitive__color__accent__300: #ecac54; --B-primitive__color__accent__400: #e78d2c; --B-primitive__color__accent__500: #e3640e; --B-primitive__color__accent__600: #c54816; --B-primitive__color__accent__700: #a52d15; --B-primitive__color__accent__800: #8d1b0e; --B-primitive__color__accent__900: #73160f; --B-primitive__color__accent__950: #430503; --B-primitive__color__accent__base: #e3640e;*/ /* Tier1 - Primitive/Color/Action */ /*--B-primitive__color__action__50: #eef8e9;*/ /*--B-primitive__color__action__100: #dbf2d0;*/ /*--B-primitive__color__action__200: #aeeda3;*/ /*--B-primitive__color__action__300: #73dc76;*/ /*--B-primitive__color__action__400: #3fc557;*/ /*--B-primitive__color__action__500: #1da64a;*/ /*--B-primitive__color__action__600: #0ba251;*/ /*--B-primitive__color__action__700: #0d6b47;*/ /*--B-primitive__color__action__800: #075d46;*/ /*--B-primitive__color__action__900: #074940;*/ /*--B-primitive__color__action__950: #03292a;*/ /*--B-primitive__color__action__base: #0ba251;*/ /* Tier1 - Primitive/Color/Neutral */ /*--B-primitive__color__neutral__0: #ffffff;*/ /*--B-primitive__color__neutral__50: #fafafb;*/ /*--B-primitive__color__neutral__100: #f4f4f6;*/ /*--B-primitive__color__neutral__200: #efefef;*/ /*--B-primitive__color__neutral__300: #d3d3d9;*/ /*--B-primitive__color__neutral__400: #b5b5c0;*/ /*--B-primitive__color__neutral__500: #a6a5b1;*/ /*--B-primitive__color__neutral__600: #8d8b99;*/ /*--B-primitive__color__neutral__700: #6c6a74;*/ /*--B-primitive__color__neutral__800: #54535a;*/ /*--B-primitive__color__neutral__900: #313135;*/ /*--B-primitive__color__neutral__950: #212121;*/ /*--B-primitive__color__neutral__1000: #000000;*/ /* Tier1 - Primitive/Color/Signal/Green */ /*--B-primitive__color__signal__green__50: #effcee;*/ /*--B-primitive__color__signal__green__100: #d5f7d4;*/ /*--B-primitive__color__signal__green__200: #aaeeb3;*/ /*--B-primitive__color__signal__green__300: #77df98;*/ /*--B-primitive__color__signal__green__400: #41c880;*/ /*--B-primitive__color__signal__green__500: #1bac74;*/ /*--B-primitive__color__signal__green__600: #0ba251;*/ /*--B-primitive__color__signal__green__700: #0c6f65;*/ /*--B-primitive__color__signal__green__800: #0c585a;*/ /*--B-primitive__color__signal__green__900: #0b3e47;*/ /*--B-primitive__color__signal__green__950: #051e29;*/ /* Tier1 - Primitive/Color/Signal/Yellow */ /*--B-primitive__color__signal__yellow__50: #ffffeb;*/ /*--B-primitive__color__signal__yellow__100: #fffac7;*/ /*--B-primitive__color__signal__yellow__200: #fff385;*/ /*--B-primitive__color__signal__yellow__300: #ffe347;*/ /*--B-primitive__color__signal__yellow__400: #ffcd1a;*/ /*--B-primitive__color__signal__yellow__500: #faa700;*/ /*--B-primitive__color__signal__yellow__600: #e07b00;*/ /*--B-primitive__color__signal__yellow__700: #bb5202;*/ /*--B-primitive__color__signal__yellow__800: #963c08;*/ /*--B-primitive__color__signal__yellow__900: #7a300b;*/ /*--B-primitive__color__signal__yellow__950: #471500;*/ /* Tier1 - Primitive/Color/Signal/Red */ /*--B-primitive__color__signal__red__50: #fff0f5;*/ /*--B-primitive__color__signal__red__100: #ffe0ea;*/ /*--B-primitive__color__signal__red__200: #ffc7d5;*/ /*--B-primitive__color__signal__red__300: #ff9eb1;*/ /*--B-primitive__color__signal__red__400: #ff6b81;*/ /*--B-primitive__color__signal__red__500: #fa384b;*/ /*--B-primitive__color__signal__red__600: #e71d27;*/ /*--B-primitive__color__signal__red__700: #c91313;*/ /*--B-primitive__color__signal__red__800: #a01a13;*/ /*--B-primitive__color__signal__red__900: #872217;*/ /*--B-primitive__color__signal__red__950: #470f06;*/ /* Tier1 - Primitive/Color/Shade */ /*--B-primitive__color__shade__none: rgba(0, 0, 0, 0);*/ /*--B-primitive__color__shade__black-100: rgba(0, 0, 0, 0.08);*/ /*--B-primitive__color__shade__black-200: rgba(0, 0, 0, 0.16);*/ /*--B-primitive__color__shade__black-300: rgba(0, 0, 0, 0.24);*/ /*--B-primitive__color__shade__black-400: rgba(0, 0, 0, 0.32);*/ /*--B-primitive__color__shade__black-500: rgba(0, 0, 0, 0.48);*/ /*--B-primitive__color__shade__black-600: rgba(0, 0, 0, 0.64);*/ /*--B-primitive__color__shade__black-700: rgba(0, 0, 0, 0.72);*/ /*--B-primitive__color__shade__black-800: rgba(0, 0, 0, 0.8);*/ /*--B-primitive__color__shade__black-900: rgba(0, 0, 0, 0.95);*/ /*--B-primitive__color__shade__white-100: rgba(255, 255, 255, 0.08);*/ /*--B-primitive__color__shade__white-200: rgba(255, 255, 255, 0.16);*/ /*--B-primitive__color__shade__white-300: rgba(255, 255, 255, 0.24);*/ /*--B-primitive__color__shade__white-400: rgba(255, 255, 255, 0.32);*/ /*--B-primitive__color__shade__white-500: rgba(255, 255, 255, 0.48);*/ /*--B-primitive__color__shade__white-600: rgba(255, 255, 255, 0.64);*/ /*--B-primitive__color__shade__white-700: rgba(255, 255, 255, 0.7);*/ /*--B-primitive__color__shade__white-800: rgba(255, 255, 255, 0.8);*/ /*--B-primitive__color__shade__white-900: rgba(255, 255, 255, 0.95);*/ /* Tier1 - Primitive/Opacity/Dark */ /*--B-primitive__opacity__dark__0: 0;*/ /*--B-primitive__opacity__dark__50: 4;*/ /*--B-primitive__opacity__dark__100: 8;*/ /*--B-primitive__opacity__dark__200: 12;*/ /*--B-primitive__opacity__dark__300: 24;*/ /*--B-primitive__opacity__dark__500: 36;*/ /*--B-primitive__opacity__dark__700: 56;*/ /*--B-primitive__opacity__dark__900: 87;*/ /*--B-primitive__opacity__dark__1000: 100;*/ /* Tier1 - Primitive/Opacity/Light */ /*--B-primitive__opacity__light__0: 0;*/ /*--B-primitive__opacity__light__50: 4;*/ /*--B-primitive__opacity__light__100: 12;*/ /*--B-primitive__opacity__light__200: 16;*/ /*--B-primitive__opacity__light__300: 24;*/ /*--B-primitive__opacity__light__500: 40;*/ /*--B-primitive__opacity__light__700: 70;*/ /*--B-primitive__opacity__light__900: 100;*/ /*--B-primitive__opacity__light__1000: 100;*/ /* Tier1 - Primitive/Typography/FontFamily */ /*--B-primitive__typography__fontFamily__brand: 'Roboto';*/ /*--B-primitive__typography__fontFamily__body: 'Roboto';*/ /* Tier1 - Primitive/Typography/FontStyle */ /*--B-primitive__typography__fontStyle__regular-brand: 'Medium';*/ /*--B-primitive__typography__fontStyle__medium-brand: 'Bold';*/ /*--B-primitive__typography__fontStyle__bold-brand: 'ExtraBold';*/ /*--B-primitive__typography__fontStyle__regular-body: 'Medium';*/ /*--B-primitive__typography__fontStyle__medium-body: 'Bold';*/ /*--B-primitive__typography__fontStyle__bold-body: 'Extra Bold';*/ /* Tier1 - Primitive/Typography/FontWeight */ /*--B-primitive__typography__fontWeight__regular-brand: 500;*/ /*--B-primitive__typography__fontWeight__medium-brand: 700;*/ /*--B-primitive__typography__fontWeight__bold-brand: 800;*/ /*--B-primitive__typography__fontWeight__regular-body: 500;*/ /*--B-primitive__typography__fontWeight__medium-body: 700;*/ /*--B-primitive__typography__fontWeight__bold-body: 800;*/ /* Tier1 - Primitive/Typography/FontSize */ /*--B-primitive__typography__fontSize__3xs: 9;*/ /*--B-primitive__typography__fontSize__2xs: 10;*/ /*--B-primitive__typography__fontSize__xs: 12;*/ /*--B-primitive__typography__fontSize__sm: 14;*/ /*--B-primitive__typography__fontSize__md: 16;*/ /*--B-primitive__typography__fontSize__lg: 16;*/ /*--B-primitive__typography__fontSize__xl: 20;*/ /*--B-primitive__typography__fontSize__2xl: 24;*/ /*--B-primitive__typography__fontSize__3xl: 32;*/ /*--B-primitive__typography__fontSize__4xl: 40;*/ /*--B-primitive__typography__fontSize__5xl: 48;*/ /*--B-primitive__typography__fontSize__6xl: 56;*/ /* Tier1 - Primitive/Typography/LineHeight */ /*--B-primitive__typography__lineHeight__xs: 12;*/ /*--B-primitive__typography__lineHeight__sm: 14;*/ /*--B-primitive__typography__lineHeight__md: 16;*/ /*--B-primitive__typography__lineHeight__lg: 20;*/ /*--B-primitive__typography__lineHeight__xl: 24;*/ /*--B-primitive__typography__lineHeight__2xl: 32;*/ /*--B-primitive__typography__lineHeight__3xl: 40;*/ /*--B-primitive__typography__lineHeight__4xl: 48;*/ /*--B-primitive__typography__lineHeight__5xl: 56;*/ /*--B-primitive__typography__lineHeight__6xl: 64;*/ /* Tier1 - Primitive/Typography/LetterSpacing */ /*--B-primitive__typography__letterSpacing__tight: -1;*/ /*--B-primitive__typography__letterSpacing__tighter: -0.5;*/ /*--B-primitive__typography__letterSpacing__default: 0;*/ /*--B-primitive__typography__letterSpacing__wider: 0.5;*/ /*--B-primitive__typography__letterSpacing__wide: 1;*/ /* Tier1 - Primitive/Dimension/Space */ /*--B-primitive__dimension__space__0: 0;*/ /*--B-primitive__dimension__space__1: 1;*/ /*--B-primitive__dimension__space__2xs: 2;*/ /*--B-primitive__dimension__space__xs: 4;*/ /*--B-primitive__dimension__space__sm: 8;*/ /*--B-primitive__dimension__space__md: 12;*/ /*--B-primitive__dimension__space__lg: 16;*/ /*--B-primitive__dimension__space__xl: 20;*/ /*--B-primitive__dimension__space__2xl: 24;*/ /*--B-primitive__dimension__space__3xl: 32;*/ /*--B-primitive__dimension__space__4xl: 40;*/ /* Tier1 - Primitive/Dimension/Size */ /*--B-primitive__dimension__size__0: 0;*/ /*--B-primitive__dimension__size__1: 1;*/ /*--B-primitive__dimension__size__2xs: 2;*/ /*--B-primitive__dimension__size__xs: 4;*/ /*--B-primitive__dimension__size__sm: 8;*/ /*--B-primitive__dimension__size__md: 12;*/ /*--B-primitive__dimension__size__lg: 16;*/ /*--B-primitive__dimension__size__xl: 20;*/ /*--B-primitive__dimension__size__2xl: 24;*/ /*--B-primitive__dimension__size__3xl: 32;*/ /*--B-primitive__dimension__size__4xl: 40;*/ /*--B-primitive__dimension__size__5xl: 48;*/ /*--B-primitive__dimension__size__6xl: 56;*/ /*--B-primitive__dimension__size__7xl: 64;*/ /* Tier1 - Primitive/Dimension/Radius */ --B-dimension__radius_0: 0; --B-dimension__radius_999: 999px; --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; /* * * * * * * * * * * * * * */ /* SEMANTIC TOKENS (Tier2) */ /* Tier2 - Semantic/Color/Theme */ --B-color__theme: #ffffff; --B-color__onTheme: #171717; --B-color__onTheme--hover: var(--B-color__onTheme); --B-color__onTheme--active: var(--B-color__onTheme); --B-color__onTheme_weaker: #2b2b2b; --B-color__onTheme_weaker--hover: var(--B-color__onTheme_weaker); --B-color__onTheme_weaker--active: var(--B-color__onTheme_weaker); --B-color__theme--hover: rgb(246, 246, 246); --B-color__theme--active: rgb(241, 241, 241); --B-color__themeBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/ThemeLight */ --B-color__themeLight: #f6f6f7; --B-color__onThemeLight: #2d3032; --B-color__onThemeLight--hover: var(--B-color__onThemeLight); --B-color__onThemeLight--active: var(--B-color__onThemeLight); --B-color__onThemeLight_weaker: #404547; --B-color__onThemeLight_weaker--hover: var(--B-color__onThemeLight_weaker); --B-color__onThemeLight_weaker--active: var(--B-color__onThemeLight_weaker); --B-color__themeLight--hover: #f1f1f2; --B-color__themeLight--active: #eeeef0; --B-color__themeLightBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/ThemeDark */ --B-color__themeDark: #000000; --B-color__onThemeDark: #fafafa; --B-color__onThemeDark--hover: var(--B-color__onThemeDark); --B-color__onThemeDark--active: var(--B-color__onThemeDark); --B-color__onThemeDark_weaker: #e6e6e6; --B-color__onThemeDark_weaker--hover: var(--B-color__onThemeDark_weaker); --B-color__onThemeDark_weaker--active: var(--B-color__onThemeDark_weaker); --B-color__themeDark--hover: rgb(32, 32, 32); --B-color__themeDark--active: rgb(47, 47, 47); --B-color__themeDarkBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/Canvas */ --B-color__canvas: #efefef; /* Semantic/ButtonGhostC */ --B-color__buttonGhostC: rgba(0, 0, 0, 0); --B-color__onButtonGhostC: #171717; --B-color__onButtonGhostC--hover: var(--B-color__onButtonGhostC); --B-color__onButtonGhostC--active: var(--B-color__onButtonGhostC); --B-color__onButtonGhostC_weaker: #363636; --B-color__onButtonGhostC_weaker--hover: var( --B-color__onButtonGhostC_weaker ); --B-color__onButtonGhostC_weaker--active: var( --B-color__onButtonGhostC_weaker ); --B-color__buttonGhostC--hover: rgba(1, 1, 1, 0.04); --B-color__buttonGhostC--active: rgba(1, 1, 1, 0.06); --B-color__buttonGhostCBorder: rgba(0, 0, 0, 0.12); --B-color__onCanvas: #212121; --B-color__onCanvas--hover: var(--B-color__onCanvas); --B-color__onCanvas--active: var(--B-color__onCanvas); --B-color__onCanvas_weaker: #404040; --B-color__onCanvas_weaker--hover: var(--B-color__onCanvas_weaker); --B-color__onCanvas_weaker--active: var(--B-color__onCanvas_weaker); --B-color__canvas--hover: #e5e5e5; --B-color__canvas--active: #e0e0e0; --B-color__canvasBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/Surface */ --B-color__surface: #ffffff; --B-color__onSurface: #212121; --B-color__onSurface--hover: var(--B-color__onSurface); --B-color__onSurface--active: var(--B-color__onSurface); --B-color__onSurface_weaker: #353535; --B-color__onSurface_weaker--hover: var(--B-color__onSurface_weaker); --B-color__onSurface_weaker--active: var(--B-color__onSurface_weaker); --B-color__surface--hover: #fafafa; --B-color__surface--active: rgb(242, 242, 242); --B-color__surfaceBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/SurfaceAlternative */ --B-color__surfaceAlternative: var(--B-color__surface--hover); --B-color__onSurfaceAlternative: #171717; --B-color__onSurfaceAlternative--hover: var(--B-color__onSurfaceAlternative); --B-color__onSurfaceAlternative--active: var(--B-color__onSurfaceAlternative); --B-color__onSurfaceAlternative_weaker: #2b2b2b; --B-color__onSurfaceAlternative_weaker--hover: var( --B-color__onSurfaceAlternative_weaker ); --B-color__onSurfaceAlternative_weaker--active: var( --B-color__onSurfaceAlternative_weaker ); --B-color__surfaceAlternative--hover: #f0f0f0; --B-color__surfaceAlternative--active: #ebebeb; --B-color__surfaceAlternativeBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/SurfaceHeader */ --B-color__surfaceHeader: var(--B-color__surface--hover); --B-color__onSurfaceHeader: #171717; --B-color__onSurfaceHeader--hover: var(--B-color__onSurfaceHeader); --B-color__onSurfaceHeader--active: var(--B-color__onSurfaceHeader); --B-color__onSurfaceHeader_weaker: #2b2b2b; --B-color__onSurfaceHeader_weaker--hover: var( --B-color__onSurfaceHeader_weaker ); --B-color__onSurfaceHeader_weaker--active: var( --B-color__onSurfaceHeader_weaker ); --B-color__surfaceHeader--hover: #f0f0f0; --B-color__surfaceHeader--active: #ebebeb; --B-color__surfaceHeaderBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/Highlight */ --B-color__highlight: #e3640e; --B-color__onHighlight: #ffffff; --B-color__onHighlight--hover: var(--B-color__onHighlight); --B-color__onHighlight--active: var(--B-color__onHighlight); --B-color__onHighlight_weaker: #e0e0e0; --B-color__onHighlight_weaker--hover: var(--B-color__onHighlight_weaker); --B-color__onHighlight_weaker--active: var(--B-color__onHighlight_weaker); --B-color__highlight--hover: #f76808; --B-color__highlight--active: #d55600; --B-color__highlightBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/Transaction */ --B-color__transaction: #0ba251; --B-color__onTransaction: #ffffff; --B-color__onTransaction--hover: var(--B-color__onTransaction); --B-color__onTransaction--active: var(--B-color__onTransaction); --B-color__onTransaction_weaker: #e0e0e0; --B-color__onTransaction_weaker--hover: var(--B-color__onTransaction_weaker); --B-color__onTransaction_weaker--active: var(--B-color__onTransaction_weaker); --B-color__transaction--hover: #11aa58; --B-color__transaction--active: #098a45; --B-color__transactionBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/Header */ --B-color__header: var(--B-color__theme); --B-color__onHeader: #171717; --B-color__onHeader--hover: var(--B-color__onHeader); --B-color__onHeader--active: var(--B-color__onHeader); --B-color__onHeader_weaker: #2b2b2b; --B-color__onHeader_weaker--hover: var(--B-color__onHeader_weaker); --B-color__onHeader_weaker--active: var(--B-color__onHeader_weaker); --B-color__header--hover: rgb(246, 246, 246); --B-color__header--active: rgb(241, 241, 241); --B-color__headerBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/Outcome */ --B-color__outcome: #f6f6f7; --B-color__onOutcome: #2d3032; --B-color__onOutcome--hover: var(--B-color__onOutcome); --B-color__onOutcome--active: var(--B-color__onOutcome); --B-color__onOutcome_weaker: #474f52; --B-color__onOutcome_weaker--hover: var(--B-color__onOutcome_weaker); --B-color__onOutcome_weaker--active: var(--B-color__onOutcome_weaker); --B-color__outcome--hover: #d9edd9; --B-color__outcome--active: #c7e5c7; --B-color__outcomeBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/Selected */ --B-color__selected: var(--B-color__transaction); --B-color__onSelected: #f8fbfa; --B-color__onSelected--hover: var(--B-color__onSelected); --B-color__onSelected--active: var(--B-color__onSelected); --B-color__onSelected_weaker: #d1e5de; --B-color__onSelected_weaker--hover: var(--B-color__onSelected_weaker); --B-color__onSelected_weaker--active: var(--B-color__onSelected_weaker); --B-color__selected--hover: #0a8f47; --B-color__selected--active: #098543; --B-color__selectedBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/ButtonA */ --B-color__buttonA: #212121; --B-color__onButtonA: #ffffff; --B-color__onButtonA--hover: var(--B-color__onButtonA); --B-color__onButtonA--active: var(--B-color__onButtonA); --B-color__onButtonA_weaker: #efefef; --B-color__onButtonA_weaker--hover: var(--B-color__onButtonA_weaker); --B-color__onButtonA_weaker--active: var(--B-color__onButtonA_weaker); --B-color__buttonA--hover: #54535a; --B-color__buttonA--active: #6c6a74; --B-color__buttonABorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/ButtonB */ --B-color__buttonB: var(--B-color__theme); --B-color__onButtonB: #000000; --B-color__onButtonB--hover: var(--B-color__onButtonB); --B-color__onButtonB--active: var(--B-color__onButtonB); --B-color__onButtonB_weaker: #313135; --B-color__onButtonB_weaker--hover: var(--B-color__onButtonB_weaker); --B-color__onButtonB_weaker--active: var(--B-color__onButtonB_weaker); --B-color__buttonB--hover: #f9f4e7; --B-color__buttonB--active: #f4e5c8; --B-color__buttonBBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/ButtonGhostA */ --B-color__buttonGhostA: rgba(255, 255, 255, 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: #353535; --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(244, 229, 200, 0.2); --B-color__buttonGhostA--active: rgba(244, 229, 200, 0.4); --B-color__buttonGhostABorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/ButtonGhostB */ --B-color__buttonGhostB: rgba(255, 255, 255, 0); --B-color__onButtonGhostB: var(--B-color__highlight); --B-color__onButtonGhostB--hover: var(--B-color__onButtonGhostB); --B-color__onButtonGhostB--active: var(--B-color__onButtonGhostB); --B-color__onButtonGhostB_weaker: #f27928; --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(244, 229, 200, 0.2); --B-color__buttonGhostB--active: rgba(244, 229, 200, 0.4); --B-color__buttonGhostBBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/Input */ --B-color__input: var(--B-color__highlight); --B-color__onInput: var(--B-color__onHighlight); --B-color__onInput--hover: var(--B-color__onInput); --B-color__onInput--active: var(--B-color__onInput); --B-color__onInput_weaker: var(--B-color__onHighlight_weaker); --B-color__onInput_weaker--hover: var(--B-color__onInput_weaker); --B-color__onInput_weaker--active: var(--B-color__onInput_weaker); --B-color__input--hover: var(--B-color__highlight--hover); --B-color__input--active: var(--B-color__highlight--active); --B-color__inputBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/DisabledOnLight */ --B-color__disabledOnLight: rgba(0, 0, 0, 0.12); --B-color__onDisabledOnLight: rgba(0, 0, 0, 0.16); /* Tier2 - Semantic/Color/DisabledOnDark */ --B-color__disabledOnDark: rgba(255, 255, 255, 0.16); --B-color__onDisabledOnDark: rgba(255, 255, 255, 0.3); /* Tier2 - Semantic/Color/Promo */ --B-color__promo: var(--B-color__theme); --B-color__onPromo: #171717; --B-color__onPromo--hover: var(--B-color__onPromo); --B-color__onPromo--active: var(--B-color__onPromo); --B-color__onPromo_weaker: #2b2b2b; --B-color__onPromo_weaker--hover: var(--B-color__onPromo_weaker); --B-color__onPromo_weaker--active: var(--B-color__onPromo_weaker); --B-color__promo--hover: rgb(246, 246, 246); --B-color__promo--active: rgb(241, 241, 241); --B-color__promoBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/PromoOverlay */ --B-color__promoOverlay: rgba(0, 0, 0, 0.8); --B-color__promoOverlayTranslucent: rgba(255, 255, 255, 0.8); /* Tier2 - Semantic/Color/Toaster */ --B-color__toaster: #31322e; --B-color__onToaster: #fafafa; --B-color__onToaster--hover: var(--B-color__onToaster); --B-color__onToaster--active: var(--B-color__onToaster); --B-color__onToaster_weaker: #e6e6e6; --B-color__onToaster_weaker--hover: var(--B-color__onToaster_weaker); --B-color__onToaster_weaker--active: var(--B-color__onToaster_weaker); --B-color__toaster--hover: rgb(75, 76, 72); --B-color__toaster--active: rgb(87, 88, 84); --B-color__toasterBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/ToasterRing */ --B-color__toasterRing: #000000; /* Tier2 - Semantic/Color/SandwichRow0 */ --B-color__sandwichRow0: var(--B-color__theme); --B-color__onSandwichRow0: #171717; --B-color__onSandwichRow0--hover: var(--B-color__onSandwichRow0); --B-color__onSandwichRow0--active: var(--B-color__onSandwichRow0); --B-color__onSandwichRow0_weaker: #2b2b2b; --B-color__onSandwichRow0_weaker--hover: var( --B-color__onSandwichRow0_weaker ); --B-color__onSandwichRow0_weaker--active: var( --B-color__onSandwichRow0_weaker ); --B-color__sandwichRow0--hover: rgb(246, 246, 246); --B-color__sandwichRow0--active: rgb(241, 241, 241); --B-color__sandwichRow0Border: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/SandwichRow1 */ --B-color__sandwichRow1: #ffffff; --B-color__onSandwichRow1: var(--B-color__onSandwichRow0); --B-color__onSandwichRow1--hover: var(--B-color__onSandwichRow1); --B-color__onSandwichRow1--active: var(--B-color__onSandwichRow1); --B-color__onSandwichRow1_weaker: #2b2b2b; --B-color__onSandwichRow1_weaker--hover: var( --B-color__onSandwichRow1_weaker ); --B-color__onSandwichRow1_weaker--active: var( --B-color__onSandwichRow1_weaker ); --B-color__sandwichRow1--hover: rgb(246, 246, 246); --B-color__sandwichRow1--active: rgb(241, 241, 241); --B-color__sandwichRow1Border: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/SandwichRow2 */ --B-color__sandwichRow2: #ffffff; --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: #2b2b2b; --B-color__onSandwichRow2_weaker--hover: var( --B-color__onSandwichRow2_weaker ); --B-color__onSandwichRow2_weaker--active: var( --B-color__onSandwichRow2_weaker ); --B-color__sandwichRow2--hover: rgb(246, 246, 246); --B-color__sandwichRow2--active: rgb(241, 241, 241); --B-color__sandwichRow2Border: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/SandwichRow3 */ --B-color__sandwichRow3: #ffffff; --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: #2b2b2b; --B-color__onSandwichRow3_weaker--hover: var( --B-color__onSandwichRow3_weaker ); --B-color__onSandwichRow3_weaker--active: var( --B-color__onSandwichRow3_weaker ); --B-color__sandwichRow3--hover: rgb(246, 246, 246); --B-color__sandwichRow3--active: rgb(241, 241, 241); --B-color__sandwichRow3Border: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/SandwichRow0Selected */ --B-color__sandwichRow0Selected: #212121; --B-color__onSandwichRow0Selected: #ffffff; --B-color__onSandwichRow0Selected--hover: var( --B-color__onSandwichRow0Selected ); --B-color__onSandwichRow0Selected--active: var( --B-color__onSandwichRow0Selected ); --B-color__onSandwichRow0Selected_weaker: #ebebeb; --B-color__onSandwichRow0Selected_weaker--hover: var( --B-color__onSandwichRow0Selected_weaker ); --B-color__onSandwichRow0Selected_weaker--active: var( --B-color__onSandwichRow0Selected_weaker ); --B-color__sandwichRow0Selected--hover: rgb(42, 42, 42); --B-color__sandwichRow0Selected--active: rgb(46, 46, 46); --B-color__sandwichRow0SelectedBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/SandwichRow1Selected */ --B-color__sandwichRow1Selected: var(--B-color__sandwichRow0Selected); --B-color__onSandwichRow1Selected: #ffffff; --B-color__onSandwichRow1Selected--hover: var( --B-color__onSandwichRow1Selected ); --B-color__onSandwichRow1Selected--active: var( --B-color__onSandwichRow1Selected ); --B-color__onSandwichRow1Selected_weaker: #ebebeb; --B-color__onSandwichRow1Selected_weaker--hover: var( --B-color__onSandwichRow1Selected_weaker ); --B-color__onSandwichRow1Selected_weaker--active: var( --B-color__onSandwichRow1Selected_weaker ); --B-color__sandwichRow1Selected--hover: rgb(42, 42, 42); --B-color__sandwichRow1Selected--active: rgb(46, 46, 46); --B-color__sandwichRow1SelectedBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/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: #ebebeb; --B-color__onSandwichRow2Selected_weaker--hover: var( --B-color__onSandwichRow2Selected_weaker ); --B-color__onSandwichRow2Selected_weaker--active: var( --B-color__onSandwichRow2Selected_weaker ); --B-color__sandwichRow2Selected--hover: rgb(42, 42, 42); --B-color__sandwichRow2Selected--active: rgb(46, 46, 46); --B-color__sandwichRow2SelectedBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/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: #ebebeb; --B-color__onSandwichRow3Selected_weaker--hover: var( --B-color__onSandwichRow3Selected_weaker ); --B-color__onSandwichRow3Selected_weaker--active: var( --B-color__onSandwichRow3Selected_weaker ); --B-color__sandwichRow3Selected--hover: rgb(42, 42, 42); --B-color__sandwichRow3Selected--active: rgb(46, 46, 46); --B-color__sandwichRow3SelectedBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/BetslipError */ --B-color__betslipError: #000000; --B-color__onBetslipError: #fafafa; --B-color__onBetslipError--hover: var(--B-color__onBetslipError); --B-color__onBetslipError--active: var(--B-color__onBetslipError); --B-color__onBetslipError_weaker: #e6e6e6; --B-color__onBetslipError_weaker--hover: var( --B-color__onBetslipError_weaker ); --B-color__onBetslipError_weaker--active: var( --B-color__onBetslipError_weaker ); --B-color__betslipError--hover: rgb(32, 32, 32); --B-color__betslipError--active: rgb(47, 47, 47); --B-color__betslipErrorBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/BetslipErrorPrimary */ --B-color__betslipErrorPrimary: rgba(0, 0, 0, 0); --B-color__onBetslipErrorPrimary: var(--B-color__promo); --B-color__onBetslipErrorPrimary--hover: var( --B-color__onBetslipErrorPrimary ); --B-color__onBetslipErrorPrimary--active: var( --B-color__onBetslipErrorPrimary ); --B-color__onBetslipErrorPrimary_weaker: #ebebeb; --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(33, 33, 33, 0.13); --B-color__betslipErrorPrimary--active: rgba(48, 48, 48, 0.19); --B-color__betslipErrorPrimaryBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/BetslipErrorSecondary */ --B-color__betslipErrorSecondary: rgba(0, 0, 0, 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: #e6e6e6; --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(32, 32, 32, 0.13); --B-color__betslipErrorSecondary--active: rgba(47, 47, 47, 0.19); --B-color__betslipErrorSecondaryBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/Success */ --B-color__success: #0ba251; --B-color__onSuccess: #f8fbfa; --B-color__onSuccess--hover: var(--B-color__onSuccess); --B-color__onSuccess--active: var(--B-color__onSuccess); --B-color__onSuccess_weaker: #d1e5de; --B-color__onSuccess_weaker--hover: var(--B-color__onSuccess_weaker); --B-color__onSuccess_weaker--active: var(--B-color__onSuccess_weaker); --B-color__success--hover: #0a8f47; --B-color__success--active: #098543; --B-color__successBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/Warning */ --B-color__warning: #faa700; --B-color__onWarning: #2e1f00; --B-color__onWarning--hover: var(--B-color__onWarning); --B-color__onWarning--active: var(--B-color__onWarning); --B-color__onWarning_weaker: #6b4800; --B-color__onWarning_weaker--hover: var(--B-color__onWarning_weaker); --B-color__onWarning_weaker--active: var(--B-color__onWarning_weaker); --B-color__warning--hover: #e69900; --B-color__warning--active: #db9300; --B-color__warningBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/Danger */ --B-color__danger: #e71d27; --B-color__onDanger: #fbf8f9; --B-color__onDanger--hover: var(--B-color__onDanger); --B-color__onDanger--active: var(--B-color__onDanger); --B-color__onDanger_weaker: #e5d1d8; --B-color__onDanger_weaker--hover: var(--B-color__onDanger_weaker); --B-color__onDanger_weaker--active: var(--B-color__onDanger_weaker); --B-color__danger--hover: #d91721; --B-color__danger--active: #cf161f; --B-color__dangerBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/Info */ --B-color__info: #666666; --B-color__onInfo: #fafafa; --B-color__onInfo--hover: var(--B-color__onInfo); --B-color__onInfo--active: var(--B-color__onInfo); --B-color__onInfo_weaker: #dbdbdb; --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.12); /* Tier2 - Semantic/Color/BetWon */ --B-color__betWon: var(--B-color__success); --B-color__onBetWon: #f8fbfa; --B-color__onBetWon--hover: var(--B-color__onBetWon); --B-color__onBetWon--active: var(--B-color__onBetWon); --B-color__onBetWon_weaker: #d1e5de; --B-color__onBetWon_weaker--hover: var(--B-color__onBetWon_weaker); --B-color__onBetWon_weaker--active: var(--B-color__onBetWon_weaker); --B-color__betWon--hover: #0a8f47; --B-color__betWon--active: #098543; --B-color__betWonBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/BetOpen */ --B-color__betOpen: var(--B-color__warning); --B-color__onBetOpen: #2e1f00; --B-color__onBetOpen--hover: var(--B-color__onBetOpen); --B-color__onBetOpen--active: var(--B-color__onBetOpen); --B-color__onBetOpen_weaker: #6b4800; --B-color__onBetOpen_weaker--hover: var(--B-color__onBetOpen_weaker); --B-color__onBetOpen_weaker--active: var(--B-color__onBetOpen_weaker); --B-color__betOpen--hover: #e69900; --B-color__betOpen--active: #db9300; --B-color__betOpenBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/BetLost */ --B-color__betLost: var(--B-color__danger); --B-color__onBetLost: #fbf8f9; --B-color__onBetLost--hover: var(--B-color__onBetLost); --B-color__onBetLost--active: var(--B-color__onBetLost); --B-color__onBetLost_weaker: #e5d1d8; --B-color__onBetLost_weaker--hover: var(--B-color__onBetLost_weaker); --B-color__onBetLost_weaker--active: var(--B-color__onBetLost_weaker); --B-color__betLost--hover: #d91721; --B-color__betLost--active: #cf161f; --B-color__betLostBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/BetVoid */ --B-color__betVoid: var(--B-color__info); --B-color__onBetVoid: #fafafa; --B-color__onBetVoid--hover: var(--B-color__onBetVoid); --B-color__onBetVoid--active: var(--B-color__onBetVoid); --B-color__onBetVoid_weaker: #dbdbdb; --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.12); /* Tier2 - Semantic/Color/CashOut */ --B-color__cashOut: var(--B-color__highlight); --B-color__onCashOut: var(--B-color__onHighlight); --B-color__onCashOut--hover: var(--B-color__onCashOut); --B-color__onCashOut--active: var(--B-color__onCashOut); --B-color__onCashOut_weaker: var(--B-color__onHighlight_weaker); --B-color__onCashOut_weaker--hover: var(--B-color__onCashOut_weaker); --B-color__onCashOut_weaker--active: var(--B-color__onCashOut_weaker); --B-color__cashOut--hover: var(--B-color__highlight--hover); --B-color__cashOut--active: var(--B-color__highlight--active); --B-color__cashOutBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/Live */ --B-color__live: #ed1c34; --B-color__onLive: #fbf8f9; --B-color__onLive--hover: var(--B-color__onLive); --B-color__onLive--active: var(--B-color__onLive); --B-color__onLive_weaker: #e5d1d8; --B-color__onLive_weaker--hover: var(--B-color__onLive_weaker); --B-color__onLive_weaker--active: var(--B-color__onLive_weaker); --B-color__live--hover: #aa0d1f; --B-color__live--active: #840a18; --B-color__liveBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/Favorite */ --B-color__favorite: rgba(0, 0, 0, 0.12); --B-color__onFavorite: #ffcd00; --B-color__onFavorite--hover: #ffd114; --B-color__onFavorite--active: #ffd733; --B-color__onFavorite_weaker: #d6ac00; --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.16); --B-color__favorite--active: rgba(0, 0, 0, 0.2); --B-color__favoriteBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/OddsBoost */ --B-color__oddsBoost: var(--B-color__earlyPayout); --B-color__onOddsBoost: var(--B-color__onEarlyPayout); --B-color__onOddsBoost--hover: var(--B-color__onOddsBoost); --B-color__onOddsBoost--active: var(--B-color__onOddsBoost); --B-color__onOddsBoost_weaker: #e0e0e0; --B-color__onOddsBoost_weaker--hover: var(--B-color__onOddsBoost_weaker); --B-color__onOddsBoost_weaker--active: var(--B-color__onOddsBoost_weaker); --B-color__oddsBoost--hover: var(--B-color__earlyPayout--hover); --B-color__oddsBoost--active: var(--B-color__earlyPayout--active); --B-color__oddsBoostBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/ProfitBoost */ --B-color__profitBoost: var(--B-color__earlyPayout); --B-color__onProfitBoost: var(--B-color__onEarlyPayout); --B-color__onProfitBoost--hover: var(--B-color__onProfitBoost); --B-color__onProfitBoost--active: var(--B-color__onProfitBoost); --B-color__onProfitBoost_weaker: #e0e0e0; --B-color__onProfitBoost_weaker--hover: var(--B-color__onProfitBoost_weaker); --B-color__onProfitBoost_weaker--active: var(--B-color__onProfitBoost_weaker); --B-color__profitBoost--hover: var(--B-color__earlyPayout--hover); --B-color__profitBoost--active: var(--B-color__earlyPayout--active); --B-color__profitBoostBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/PriceBoost */ --B-color__priceBoost: var(--B-color__earlyPayout); --B-color__onPriceBoost: var(--B-color__onEarlyPayout); --B-color__onPriceBoost--hover: var(--B-color__onPriceBoost); --B-color__onPriceBoost--active: var(--B-color__onPriceBoost); --B-color__onPriceBoost_weaker: #e0e0e0; --B-color__onPriceBoost_weaker--hover: var(--B-color__onPriceBoost_weaker); --B-color__onPriceBoost_weaker--active: var(--B-color__onPriceBoost_weaker); --B-color__priceBoost--hover: var(--B-color__earlyPayout--hover); --B-color__priceBoost--active: var(--B-color__earlyPayout--active); --B-color__priceBoostBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/EachWay */ --B-color__eachWay: var(--B-color__earlyPayout); --B-color__onEachWay: var(--B-color__onEarlyPayout); --B-color__onEachWay--hover: var(--B-color__onEachWay); --B-color__onEachWay--active: var(--B-color__onEachWay); --B-color__onEachWay_weaker: #e0e0e0; --B-color__onEachWay_weaker--hover: var(--B-color__onEachWay_weaker); --B-color__onEachWay_weaker--active: var(--B-color__onEachWay_weaker); --B-color__eachWay--hover: var(--B-color__earlyPayout--hover); --B-color__eachWay--active: var(--B-color__earlyPayout--active); --B-color__eachWayBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/FreeBet */ --B-color__freeBet: var(--B-color__earlyPayout); --B-color__onFreeBet: var(--B-color__onEarlyPayout); --B-color__onFreeBet--hover: var(--B-color__onFreeBet); --B-color__onFreeBet--active: var(--B-color__onFreeBet); --B-color__onFreeBet_weaker: #e0e0e0; --B-color__onFreeBet_weaker--hover: var(--B-color__onFreeBet_weaker); --B-color__onFreeBet_weaker--active: var(--B-color__onFreeBet_weaker); --B-color__freeBet--hover: var(--B-color__earlyPayout--hover); --B-color__freeBet--active: var(--B-color__earlyPayout--active); --B-color__freeBetBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/TeaserPlus */ --B-color__teaserPlus: var(--B-color__earlyPayout); --B-color__onTeaserPlus: var(--B-color__onEarlyPayout); --B-color__onTeaserPlus--hover: var(--B-color__onTeaserPlus); --B-color__onTeaserPlus--active: var(--B-color__onTeaserPlus); --B-color__onTeaserPlus_weaker: #e0e0e0; --B-color__onTeaserPlus_weaker--hover: var(--B-color__onTeaserPlus_weaker); --B-color__onTeaserPlus_weaker--active: var(--B-color__onTeaserPlus_weaker); --B-color__teaserPlus--hover: var(--B-color__earlyPayout--hover); --B-color__teaserPlus--active: var(--B-color__earlyPayout--active); --B-color__teaserPlusBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/SGP */ --B-color__sGP: #ffa300; --B-color__onSGP: #2e1d00; --B-color__onSGP--hover: var(--B-color__onSGP); --B-color__onSGP--active: var(--B-color__onSGP); --B-color__onSGP_weaker: #6b4400; --B-color__onSGP_weaker--hover: var(--B-color__onSGP_weaker); --B-color__onSGP_weaker--active: var(--B-color__onSGP_weaker); --B-color__sGP--hover: #cc8200; --B-color__sGP--active: #b37200; --B-color__sGPBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/Special */ --B-color__special: #ffcd00; --B-color__onSpecial: #2e2500; --B-color__onSpecial--hover: var(--B-color__onSpecial); --B-color__onSpecial--active: var(--B-color__onSpecial); --B-color__onSpecial_weaker: #6b5600; --B-color__onSpecial_weaker--hover: var(--B-color__onSpecial_weaker); --B-color__onSpecial_weaker--active: var(--B-color__onSpecial_weaker); --B-color__special--hover: #cca400; --B-color__special--active: #b38f00; --B-color__specialBorder: rgba(0, 0, 0, 0.12); /* Tier2 - Semantic/Color/SecondChance */ --B-color__secondChance: var(--B-color__earlyPayout); --B-color__onSecondChance: var(--B-color__onEarlyPayout); --B-color__onSecondChance--hover: var(--B-color__onSecondChance); --B-color__onSecondChance--active: var(--B-color__onSecondChance); --B-color__onSecondChance_weaker: #e0e0e0; --B-color__onSecondChance_weaker--hover: var( --B-color__onSecondChance_weaker ); --B-color__onSecondChance_weaker--active: var( --B-color__onSecondChance_weaker ); --B-color__secondChance--hover: var(--B-color__earlyPayout--hover); --B-color__secondChance--active: var(--B-color__earlyPayout--active); --B-color__secondChanceBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/EarlyPayout */ --B-color__earlyPayout: #11882d; --B-color__onEarlyPayout: #ffffff; --B-color__onEarlyPayout--hover: var(--B-color__onEarlyPayout); --B-color__onEarlyPayout--active: var(--B-color__onEarlyPayout); --B-color__onEarlyPayout_weaker: var(--B-color__onHighlight_weaker); --B-color__onEarlyPayout_weaker--hover: var(--B-color__onEarlyPayout_weaker); --B-color__onEarlyPayout_weaker--active: var(--B-color__onEarlyPayout_weaker); --B-color__earlyPayout--hover: #0e7627; --B-color__earlyPayout--active: #0c6421; --B-color__earlyPayoutBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/New */ --B-color__new: var(--B-color__earlyPayout); --B-color__onNew: var(--B-color__onEarlyPayout); --B-color__onNew--hover: var(--B-color__onNew); --B-color__onNew--active: var(--B-color__onNew); --B-color__onNew_weaker: #e0e0e0; --B-color__onNew_weaker--hover: var(--B-color__onNew_weaker); --B-color__onNew_weaker--active: var(--B-color__onNew_weaker); --B-color__new--hover: var(--B-color__earlyPayout--hover); --B-color__new--active: var(--B-color__earlyPayout--active); --B-color__newBorder: rgba(255, 255, 255, 0.12); /* Tier2 - Semantic/Color/ContextualStats */ --B-color__contextualStats: rgba(33, 33, 33, 0.04); /* Tier2 - Semantic/Color/BetslipInput */ --B-color__betslipInput: #07acc6; --B-color__onBetslipInput: #f8fbfb; --B-color__onBetslipInput--hover: var(--B-color__onBetslipInput); --B-color__onBetslipInput--active: var(--B-color__onBetslipInput); --B-color__onBetslipInput_weaker: #d1e5e5; --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.12); /* Tier2 - Semantic/Number/Radius */ --B-number__outcomeRadius: var(--B-dimension__radius_sm); --B-number__buttonRadius: var(--B-dimension__radius_md); --B-number__buttonAlternativeRadius: var(--B-dimension__radius_md); --B-number__buttonIconRadius: var(--B-dimension__radius_md); --B-number__buttonIconAlternativeRadius: var(--B-dimension__radius_999); --B-number__surfaceItemRadius: var(--B-dimension__radius_md); /* Tier2 - Semantic/Gradient/ScrollButton */ --B-gradient__scrollButtonSurface: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); --B-gradient__scrollButtonCanvas: linear-gradient( 90deg, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 100% ); --B-gradient__scrollButtonEventList: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); --B-gradient__scrollButtonNavigationBar: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); --B-gradient__sandwichRow0: linear-gradient( 90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100% ); --B-gradient__sandwichRow1: linear-gradient( 90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100% ); --B-gradient__sandwichRow2: linear-gradient( 90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100% ); --B-gradient__sandwichRow3: linear-gradient( 90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100% ); /* Tier2 - Semantic/Gradient/Promo */ --B-gradient__promoGradientOverlay: linear-gradient( 90deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100% ); --B-gradient__promoGradientOverlayTranslucent: linear-gradient( 90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 100% ); /* Tier2 - Semantic/Gradient/Module */ --B-gradient__moduleGradientOverlay: linear-gradient( 90deg, rgba(255, 255, 255, 0.64) 0%, rgba(255, 255, 255, 1) 100% ); --B-surfaceItemRadius: 8px; } [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: 4px; --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__highlight); --B-searchTrigger__placeholderFontColor: var(--B-color__onHeader_weaker); --B-searchTrigger__bg: var(--B-color__header); --B-searchTrigger__fontFamily: var(--B-font__primary); --B-searchTrigger__fontSize: 12px; --B-searchTrigger__fontWeight: 500; --B-searchTrigger__borderRadius: var(--B-dimension__radius_md); } [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__header); --B-pageHeader__titleColor: var(--B-color__onHeader); --B-pageHeader__lineHeight: 1.2; --B-pageHeader__fontSize: 16px; --B-pageHeader__fontWeight: 800; --B-pageHeader__height: 48px; --B-pageHeader__padding: 0 8px; --B-pageHeader__borderRadius: var(--B-dimension__radius_md); /* Separator */ --B-pageHeader__separatorColor: var(--B-color__surfaceBorder); /* 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: 800; --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__boxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16); --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'], [data-betty-theme='collapsibleContainer--timeformHeader'], [data-betty-theme='collapsibleContainer--racing'] { --B-collapsibleContainer__height: 40px; --B-collapsibleContainer__bg: var(--B-color__onCanvas); --B-collapsibleContainer__bg--hover: var(--B-color__onButtonB_weaker); --B-collapsibleContainer__bg--active: var(--B-color__buttonA--hover); --B-collapsibleContainer__color: var(--B-color__onButtonA); --B-collapsibleContainer__colorLabelDetails: var(--B-color__onButtonA); --B-collapsibleContainer__colorRightText: #f4f4f6; --B-collapsibleContainer__bgContent: var(--B-color__onButtonA); --B-collapsibleContainer__borderBottomHeader: none; --B-collapsibleContainer__borderColor: transparent; --B-collapsibleContainer__borderRadiusMobile: var(--B-dimension__radius_md); --B-collapsibleContainer__borderWidth: 0; /**CHECK THIS WITH DESIGN*/ --B-collapsibleContainer__fontSizeTitle: 14px; --B-collapsibleContainer__fontSizeRightText: 14px; --B-collapsibleContainer__fontWeightRightText: 500; --B-collapsibleContainer__fontWeightTitle: 800; --B-collapsibleContainer__textTransform: none; --B-collapsibleContainer__textTransformRightLabel: none; } [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: 800; --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: 14px; --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: 800; --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__fontWeight: 800; --B-sticker__extraFontWeight: 800; --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='sticker--insurance'] { --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: normal; --B-sticker__fontWeight: 700; --B-sticker__padding: 1px 3px 1px 3px; --B-sticker__textTransform: uppercase; } [data-betty-theme='sticker--autoSub'] { --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__fontWeight: 700; --B-sticker__padding: 1px 3px 1px 3px; --B-sticker__textTransform: uppercase; } [data-betty-theme] { --B-button__fontFamily: var(--B-font__primary); --B-button__width: auto; --B-button__fontWeight: 800; --B-button__background--disabled: var(--B-color__disabledOnLight); --B-button__color--disabled: var(--B-color__onDisabledOnLight); --B-button__border: none; --B-button__border--hover: none; --B-button__border--active: none; --B-button__border--disabled: none; --B-button__borderRadius: var(--B-dimension__radius_md); --B-button__textTransform: none; --B-button__width--fixedWidth: 160px; } [data-betty-theme='button--textBanner'] { --B-button__background: var(--B-color__buttonGhostA); --B-button__background--hover: var(--B-color__buttonGhostA--hover); --B-button__background--active: var(--B-color__buttonGhostA--active); --B-button__color: var(--B-color__onButtonGhostA); --B-button__color--hover: var(--B-color__onButtonGhostA--hover); --B-button__color--active: var(--B-color__onButtonGhostA--active); --B-button__minHeight: 32px; --B-button__padding: 8px; --B-button__fontSize: 12px; --B-button__lineHeight: 15px; --B-button__itemsMargin: 0 3px; --B-button__iconWidth: 16px; --B-button__iconHeight: 16px; } [data-betty-theme='button--filledBanner'] { --B-button__background: var(--B-color__highlight); --B-button__background--hover: var(--B-color__highlight--hover); --B-button__background--active: var(--B-color__highlight--active); --B-button__color: var(--B-color__onHighlight); --B-button__color--hover: var(--B-color__onHighlight--hover); --B-button__color--active: var(--B-color__onHighlight--active); --B-button__minHeight: 32px; --B-button__padding: 8px; --B-button__fontSize: 12px; --B-button__lineHeight: 15px; --B-button__itemsMargin: 0 3px; --B-button__iconWidth: 16px; --B-button__iconHeight: 16px; } [data-betty-theme='button--modal'] { --B-button__background: var(--B-color__buttonGhostA); --B-button__background--hover: var(--B-color__buttonGhostA--hover); --B-button__background--active: var(--B-color__buttonGhostA--active); --B-button__color: var(--B-color__onButtonGhostA); --B-button__color--hover: var(--B-color__onButtonGhostA--hover); --B-button__color--active: var(--B-color__onButtonGhostA--active); --B-button__minHeight: 40px; --B-button__padding: 10px; --B-button__fontSize: 14px; --B-button__lineHeight: 18px; --B-button__itemsMargin: 0 4px; --B-button__iconWidth: 20px; --B-button__iconHeight: 20px; } [data-betty-theme='button--az'], [data-betty-theme='button--az-featured'], [data-betty-theme='button--az-popular'] { --B-button__background: var(--B-color__buttonB); --B-button__background--hover: var(--B-color__buttonB--hover); --B-button__background--active: var(--B-color__buttonB--active); --B-button__color: var(--B-color__onButtonB); --B-button__color--hover: var(--B-color__onButtonB--hover); --B-button__color--active: var(--B-color__onButtonB--active); --B-button__leadingIconColor: var(--B-color__highlight); --B-button__leadingIconColor--hover: var(--B-color__highlight); --B-button__leadingIconColor--active: var(--B-color__highlight); --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__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: 1px solid var(--B-color__buttonGhostABorder); --B-button__border--hover: 1px solid var(--B-color__buttonGhostABorder); --B-button__border--active: 1px solid var(--B-color__buttonGhostABorder); --B-button__fontSize: 12px; --B-button__padding: 2px 6px 3px 13px; --B-button__iconWidth: 20px; --B-button__iconHeight: 20px; --B-button__lineHeight: 30px; } [data-betty-theme='button--sports-top-league'] { --B-button__background: var(--B-color__buttonB); --B-button__background--hover: var(--B-color__buttonB--hover); --B-button__background--active: var(--B-color__buttonB--active); --B-button__color: var(--B-color__onButtonB); --B-button__color--hover: var(--B-color__onButtonB--hover); --B-button__color--active: var(--B-color__onButtonB--active); --B-button__textTransform: none; --B-button__fontWeight: inherit; --B-button__fontSize: 12px; --B-button__height: 40px; --B-button__padding: 0 12px; } [data-betty-theme='button--sports-browse-league'] { --B-button__background: var(--B-color__buttonB); --B-button__background--hover: var(--B-color__buttonB--hover); --B-button__background--active: var(--B-color__buttonB--active); --B-button__color: var(--B-color__onButtonB); --B-button__color--hover: var(--B-color__onButtonB--hover); --B-button__color--active: var(--B-color__onButtonB--active); --B-button__boxShadow: null; --B-button__fontWeight: inherit; --B-button__fontSize: 12px; --B-button__height: 40px; --B-button__padding: 0 12px; --B-button__fontFamily: var(--B-font__primary); --B-button__width--fixedWidth: 160px; --B-button__justifyContent: flex-start; } [data-betty-theme='button--sports-subleague'] { --B-button__background: var(--B-color__buttonB); --B-button__background--hover: var(--B-color__buttonB--hover); --B-button__background--active: var(--B-color__buttonB--active); --B-button__color: var(--B-color__onButtonB); --B-button__color--hover: var(--B-color__onButtonB--hover); --B-button__color--active: var(--B-color__onButtonB--active); --B-button__fontSize: 12px; --B-button__height: 40px; --B-button__width--fixedWidth: 160px; --B-button__justifyContent: flex-start; --B-button__padding: 0 12px; } [data-betty-theme='button--save'] { --B-button__fontSize: 14px; --B-button__borderRadius: 4px; --B-button__minHeight: 40px; --B-button__padding: 14px; --B-button__lineHeight: 16px; --B-button__background: var(--B-color__buttonB); --B-button__background--hover: var(--B-color__buttonB--hover); --B-button__background--active: var(--B-color__buttonB--active); --B-button__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='button--favorite-selection'] { --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__padding: 0 12px; --B-button__fontSize: 14px; --B-button__fontWeight: 500; --B-button__lineHeight: 40px; --B-button__itemsMargin: 0 3px; --B-button__iconWidth: 20px; --B-button__iconHeight: 20px; --B-button__leadingIconColor: var(--B-color__onButtonB); --B-button__leadingIconColor--hover: var(--B-color__onButtonB--hover); --B-button__leadingIconColor--active: var(--B-color__onButtonB--active); --B-button__iconOpacity: 0.87; --B-button__maxWidth: 160px; } [data-betty-theme] { /* global tokens */ --B-socialBetSharing__sharedHeaderBackgroundColor: var(--B-color__theme); --B-socialBetSharing__sharedHeaderColor: var(--B-color__onTheme); --B-socialBetSharing__sharedHeaderHeight: 64px; --B-socialBetSharing__sharedHeaderSVGHeight: 32px; } [data-betty-theme='modal--socialBetSharing'] { /* modal tokens */ --B-modal__socialBetSharingTitleColor__onPromo: var(--B-color__onPromo, #fff); --B-modal__backgroundRepeat: no-repeat, no-repeat, no-repeat; --B-modal__backgroundPosition: top, top, bottom; --B-modal__contentWrapperBackgroundImage: linear-gradient( to bottom, color-mix( in srgb, var(--B-color__promo, var(--B-color__theme)) 64%, transparent ), color-mix( in srgb, var(--B-color__promo, var(--B-color__theme)) 64%, transparent ) ), url('https://client-assets.bc.kambicdn.com/images/social-bet-sharing/common-top.png'), url('https://client-assets.bc.kambicdn.com/images/social-bet-sharing/common-bottom.png'), linear-gradient(to bottom, #1b1b1b, #1b1b1b); } [data-betty-theme='button--socialBetSharing-shareScreenshot'], [data-betty-theme='button--socialBetSharing-shareNow'] { --B-button__fontSize: 14px; --B-button__fontWeight: 800; --B-button__color: var(--B-color__onButtonA); --B-button__color--hover: var(--B-color__onButtonA--hover); --B-button__color--active: var(--B-color__onButtonA--active); --B-button__background: var(--B-color__highlight); --B-button__background--hover: var(--B-color__highlight--hover); --B-button__background--active: var(--B-color__highlight--active); --B-button__borderRadius: var( --B-dimension__radius_md ); /* buttonNormalRadius */ /* custom */ --B-button__height: 40px; --B-button__width: 100%; --B-button__gap: 4px; --B-button__opacity: 1; --B-button__padding: 0 12px; } [data-betty-theme='button--socialBetSharing__close'] { --B-button__leadingIconColor: var(--B-color__onButtonGhostB, #fff); --B-button__leadingIconColor--active: var( --B-color__onButtonGhostB--active, #fff ); --B-button__leadingIconColor--hover: var( --B-color__onButtonGhostB--hover, #fff ); --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: 40px; --B-button__width: 44px; --B-button__maxWidth: 40px; --B-button__iconWidth: 20px; --B-button__iconHeight: 20px; --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: 40px; --B-button__width: 44px; --B-button__maxWidth: 44px; --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: 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-color__onOutcome); --B-outcomeButton__color--hover: var(--B-color__onOutcome--hover); --B-outcomeButton__color--active: var(--B-color__onOutcome--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.75em; --B-outcomeButton__fontWeight: 500; --B-outcomeButton__fontWeightOdds: 800; --B-outcomeButton__fontFamily: inherit; --B-outcomeButton__fontFamilyOdds: inherit; --B-outcomeButton__fontStyle: inherit; --B-outcomeButton__fontStyleOdds: inherit; --B-outcomeButton__borderRadius: var(--B-dimension__radius_sm); --B-outcomeButton__border: none; --B-outcomeButton__border--hover: none; --B-outcomeButton__border--active: none; --B-outcomeButton__border--selected: none; --B-outcomeButton__border--selected--hover: none; --B-outcomeButton__border--selected--active: none; --B-outcomeButton__border--disabled: none; --B-outcomeButton__increaseOddsIndicatorColor: var(--B-color__success); --B-outcomeButton__decreaseOddsIndicatorColor: var(--B-color__danger); --B-outcomeButton__persistedOddsIndicatorColor: var(--B-color__onOutcome); --B-outcomeButton__boxShadow: none; --B-outcomeButton__height: 36px; --B-outcomeButton__VERTICAL_ALIGNMENT_BOTTOM_OFFSET: 5px; --B-outcomeButton__bgBlendMode: normal; --B-outcomeButton__maskImage: none; } [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'] { --B-horizontalScroll__bg: rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 100%; --B-horizontalScroll__bg--hover: var(--B-color__canvas--hover); --B-horizontalScroll__bg--active: var(--B-color__canvas--active); --B-horizontalScroll__arrowColor: var(--B-color__onCanvas); --B-horizontalScroll__arrowColor--hover: var(--B-color__onCanvas--hover); --B-horizontalScroll__arrowColor--active: var(--B-color__onCanvas--active); --B-horizontalScroll__arrowsDisplay: none; --B-horizontalScroll__arrowWidth: 0px; --B-horizontalScroll__arrowButtonTop: 0; } [data-betty-theme='horizontalScroll--sportsMenu'] { --B-horizontalScroll__bg: transparent; --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; --B-horizontalScroll__arrowWidth: 0px; --B-horizontalScroll__arrowButtonTop: -1px; } [data-betty-theme='horizontalScroll--sandwichFilterBetofferList'] { --B-horizontalScroll__bg: rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100%; --B-horizontalScroll__bg--hover: var(--B-color__surface--hover); --B-horizontalScroll__bg--active: var(--B-color__surface--active); --B-horizontalScroll__arrowColor: var(--B-color__onSurface); --B-horizontalScroll__arrowColor--hover: var(--B-color__onSurface--hover); --B-horizontalScroll__arrowColor--active: var(--B-color__onSurface--active); --B-horizontalScroll__arrowsDisplay: none; } [data-betty-theme='horizontalScroll--navigationBar'] { --B-horizontalScroll__bg: rgba(55, 255, 255, 0) 0%, rgba(55, 255, 255, 0.5) 50%, rgba(55, 255, 255, 0.7) 70%, rgba(55, 255, 255, 1) 100%; --B-horizontalScroll__bg--hover: var(--B-color__header--hover); --B-horizontalScroll__bg--active: var(--B-color__header--active); --B-horizontalScroll__arrowColor: var(--B-color__onHeader); --B-horizontalScroll__arrowColor--hover: var(--B-color__onHeader--hover); --B-horizontalScroll__arrowColor--active: var(--B-color__onHeader--active); } [data-betty-theme='horizontalScroll--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: 800; } [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: 700; --B-scoreboard__headerFontSize: 11px; --B-scoreboard__headerFontWeight: 700; --B-scoreboard__prematchHeaderFontSize: 12px; --B-scoreboard__prematchFontSize: 16px; --B-scoreboard__prematchTeamLabelFontWeight: 700; --B-scoreboard__teamLabelFontWeight: 800; --B-scoreboard__gridHeaderColor: var(--B-color__onHeader_weaker); --B-scoreboard__gridHeaderFontWeight: 500; --B-scoreboard__gridHeaderTennisFontWeight: 500; --B-scoreboard__scoreGridFontWeight: 700; --B-scoreboard__neutralVenueText: var(--B-color__onHeader_weaker); --B-scoreboard__neutralVenueFontWeight: 400; --B-scoreboard__scoreCardFontWeight: 800; --B-scoreboard__scoreCardText: var(--B-color__onHighlight); --B-scoreboard__scoreCardBg: var(--B-color__highlight); --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__onDisabledOnLight); --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: 48px; --B-sandwichFilter__menuArrowStroke: var(--B-color__onSandwichRow0); --B-sandwichFilter__menuArrowStroke--hover: var( --B-color__onSandwichRow0--hover ); --B-sandwichFilter__menuOptionCapRight: 8px; --B-sandwichFilter__menuOptionFontSize: 12px; --B-sandwichFilter__menuOptionFontWeight: 800; --B-sandwichFilter__menuOptionSelectedTextWeight: 800; --B-sandwichFilter__menuLevel0Height: 48px; --B-sandwichFilter__menuLevel0BackgroundColor: var(--B-color__sandwichRow0); --B-sandwichFilter__menuLevel1BackgroundColor: var(--B-color__sandwichRow1); --B-sandwichFilter__menuLevel2BackgroundColor: var(--B-color__sandwichRow2); --B-sandwichFilter__menuLevel3BackgroundColor: var(--B-color__sandwichRow3); --B-sandwichFilter__menuLevel0borderBottom: 1px solid transparent; --B-sandwichFilter__menuLevel1borderBottom: 1px solid transparent; --B-sandwichFilter__menuLevel2borderBottom: 1px solid transparent; --B-sandwichFilter__menuLevel3borderBottom: 1px solid transparent; --B-sandwichFilter__menuOptionLevel0BackgroundColor: var( --B-color__sandwichRow0 ); --B-sandwichFilter__menuOptionLevel1BackgroundColor: var( --B-color__sandwichRow1 ); --B-sandwichFilter__menuOptionLevel2BackgroundColor: var( --B-color__sandwichRow2 ); --B-sandwichFilter__menuOptionLevel3BackgroundColor: var( --B-color__sandwichRow3 ); --B-sandwichFilter__menuOptionLevel0TextColor: var(--B-color__onSandwichRow0); --B-sandwichFilter__menuOptionLevel1TextColor: var(--B-color__onSandwichRow1); --B-sandwichFilter__menuOptionLevel2TextColor: var(--B-color__onSandwichRow2); --B-sandwichFilter__menuOptionLevel3TextColor: var(--B-color__onSandwichRow3); --B-sandwichFilter__menuOptionLevel0Border: 1px solid transparent; --B-sandwichFilter__menuOptionLevel1Border: 1px solid transparent; --B-sandwichFilter__menuOptionLevel2Border: 1px solid transparent; --B-sandwichFilter__menuOptionLevel3Border: 1px solid transparent; --B-sandwichFilter__menuOptionLevel0BackgroundColor--hover: var( --B-color__sandwichRow0--hover ); --B-sandwichFilter__menuOptionLevel1BackgroundColor--hover: var( --B-color__sandwichRow1--hover ); --B-sandwichFilter__menuOptionLevel2BackgroundColor--hover: var( --B-color__sandwichRow2--hover ); --B-sandwichFilter__menuOptionLevel3BackgroundColor--hover: var( --B-color__sandwichRow3--hover ); --B-sandwichFilter__menuOptionLevel0TextColor--hover: var( --B-color__onSandwichRow0--hover ); --B-sandwichFilter__menuOptionLevel1TextColor--hover: var( --B-color__onSandwichRow1--hover ); --B-sandwichFilter__menuOptionLevel2TextColor--hover: var( --B-color__onSandwichRow2--hover ); --B-sandwichFilter__menuOptionLevel3TextColor--hover: var( --B-color__onSandwichRow3--hover ); --B-sandwichFilter__menuOptionLevel0Border--hover: 1px solid transparent; --B-sandwichFilter__menuOptionLevel1Border--hover: 1px solid transparent; --B-sandwichFilter__menuOptionLevel2Border--hover: 1px solid transparent; --B-sandwichFilter__menuOptionLevel3Border--hover: 1px solid transparent; --B-sandwichFilter__menuOptionLevel0BackgroundColor--active: var( --B-color__sandwichRow0--active ); --B-sandwichFilter__menuOptionLevel1BackgroundColor--active: var( --B-color__sandwichRow1--active ); --B-sandwichFilter__menuOptionLevel2BackgroundColor--active: var( --B-color__sandwichRow2--active ); --B-sandwichFilter__menuOptionLevel3BackgroundColor--active: var( --B-color__sandwichRow3--active ); --B-sandwichFilter__menuOptionLevel0TextColor--active: var( --B-color__onSandwichRow0--active ); --B-sandwichFilter__menuOptionLevel1TextColor--active: var( --B-color__onSandwichRow1--active ); --B-sandwichFilter__menuOptionLevel2TextColor--active: var( --B-color__onSandwichRow2--active ); --B-sandwichFilter__menuOptionLevel3TextColor--active: var( --B-color__onSandwichRow3--active ); --B-sandwichFilter__menuOptionLevel0Border--active: 1px solid transparent; --B-sandwichFilter__menuOptionLevel1Border--active: 1px solid transparent; --B-sandwichFilter__menuOptionLevel2Border--active: 1px solid transparent; --B-sandwichFilter__menuOptionLevel3Border--active: 1px solid transparent; --B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor: var( --B-color__sandwichRow0Selected ); --B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor: var( --B-color__sandwichRow1Selected ); --B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor: var( --B-color__sandwichRow2Selected ); --B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor: var( --B-color__sandwichRow3Selected ); --B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor--hover: var( --B-color__sandwichRow0Selected--hover ); --B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor--hover: var( --B-color__sandwichRow1Selected--hover ); --B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor--hover: var( --B-color__sandwichRow2Selected--hover ); --B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor--hover: var( --B-color__sandwichRow3Selected--hover ); --B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor--active: var( --B-color__sandwichRow0Selected--active ); --B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor--active: var( --B-color__sandwichRow1Selected--active ); --B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor--active: var( --B-color__sandwichRow2Selected--active ); --B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor--active: var( --B-color__sandwichRow3Selected--active ); --B-sandwichFilter__menuOptionLevel0SelectedTextColor: var( --B-color__onSandwichRow0Selected ); --B-sandwichFilter__menuOptionLevel1SelectedTextColor: var( --B-color__onSandwichRow1Selected ); --B-sandwichFilter__menuOptionLevel2SelectedTextColor: var( --B-color__onSandwichRow2Selected ); --B-sandwichFilter__menuOptionLevel3SelectedTextColor: var( --B-color__onSandwichRow3Selected ); --B-sandwichFilter__menuOptionLevel0SelectedTextColor--hover: var( --B-color__onSandwichRow0Selected--hover ); --B-sandwichFilter__menuOptionLevel1SelectedTextColor--hover: var( --B-color__onSandwichRow1Selected--hover ); --B-sandwichFilter__menuOptionLevel2SelectedTextColor--hover: var( --B-color__onSandwichRow2Selected--hover ); --B-sandwichFilter__menuOptionLevel3SelectedTextColor--hover: var( --B-color__onSandwichRow3Selected--hover ); --B-sandwichFilter__menuOptionLevel0SelectedTextColor--active: var( --B-color__onSandwichRow0Selected--active ); --B-sandwichFilter__menuOptionLevel1SelectedTextColor--active: var( --B-color__onSandwichRow1Selected--active ); --B-sandwichFilter__menuOptionLevel2SelectedTextColor--active: var( --B-color__onSandwichRow2Selected--active ); --B-sandwichFilter__menuOptionLevel3SelectedTextColor--active: var( --B-color__onSandwichRow3Selected--active ); --B-sandwichFilter__menuOptionLevel0SelectedBorder: 1px solid transparent; --B-sandwichFilter__menuOptionLevel1SelectedBorder: 1px solid transparent; --B-sandwichFilter__menuOptionLevel2SelectedBorder: 1px solid transparent; --B-sandwichFilter__menuOptionLevel3SelectedBorder: 1px solid transparent; --B-sandwichFilter__menuOptionLevel0Height: 32px; --B-sandwichFilter__menuOptionLevel1Height: 32px; --B-sandwichFilter__menuOptionLevel2Height: 32px; --B-sandwichFilter__menuOptionLevel3Height: 32px; --B-sandwichFilter__menu0ArrowBackgroundLeft: linear-gradient( -90deg, rgba(255, 255, 255, 0.4) 0%, #fff 100% ); --B-sandwichFilter__menu0ArrowBackgroundRight: linear-gradient( 90deg, rgba(255, 255, 255, 0.4) 0%, #fff 100% ); --B-sandwichFilter__menu0ArrowBackgroundLeft--hover: #f6f6f6; --B-sandwichFilter__menu0ArrowBackgroundRight--hover: #f6f6f6; --B-sandwichFilter__menu1ArrowBackgroundLeft: linear-gradient( -90deg, rgba(255, 255, 255, 0.4) 0%, #fff 100% ); --B-sandwichFilter__menu1ArrowBackgroundRight: linear-gradient( 90deg, rgba(255, 255, 255, 0.4) 0%, #fff 100% ); --B-sandwichFilter__menu1ArrowBackgroundLeft--hover: #f6f6f6; --B-sandwichFilter__menu1ArrowBackgroundRight--hover: #f6f6f6; --B-sandwichFilter__menu2ArrowBackgroundLeft: linear-gradient( -90deg, rgba(255, 255, 255, 0.4) 0%, #fff 100% ); --B-sandwichFilter__menu2ArrowBackgroundRight: linear-gradient( 90deg, rgba(255, 255, 255, 0.4) 0%, #fff 100% ); --B-sandwichFilter__menu2ArrowBackgroundLeft--hover: #f6f6f6; --B-sandwichFilter__menu2ArrowBackgroundRight--hover: #f6f6f6; --B-sandwichFilter__menu3ArrowBackgroundLeft: linear-gradient( -90deg, rgba(255, 255, 255, 0.4) 0%, #fff 100% ); --B-sandwichFilter__menu3ArrowBackgroundRight: linear-gradient( 90deg, rgba(255, 255, 255, 0.4) 0%, #fff 100% ); --B-sandwichFilter__menu3ArrowBackgroundLeft--hover: #f6f6f6; --B-sandwichFilter__menu3ArrowBackgroundRight--hover: #f6f6f6; --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: 14px; --B-sandwichFilter__leagueHighlightHeaderFontWeightSmall: 800; --B-sandwichFilter__leagueHighlightHeaderColor: var(--B-color__onCanvas); --B-sandwichFilter__leagueHighlightHeaderFontSize: 14px; --B-sandwichFilter__leagueHighlightHeaderFontWeight: 800; --B-sandwichFilter__leagueHighlightHeaderFontFamily: var(--B-font__primary); --B-sandwichFilter__leagueHighlightIconBackground: var( --B-color__transaction ); --B-sandwichFilter__leagueHighlightIconTickColor: var(--B-color__canvas); --B-sandwichFilter__statsExternalIconColor: var(--B-color__onSurface_weaker); --B-sandwichFilter__statsExternalIconFontSize: 24px; --B-sandwichFilter__streamExternalIconFontSize: 24px; --B-sandwichFilter__eventMatchClockColor: var(--B-color__onSurface_weaker); --B-sandwichFilter__eventMatchClockColor--hover: var( --B-color__onSurface_weaker--hover ); --B-sandwichFilter__eventGroupBetofferLabelsTextColor: var( --B-color__onCanvas ); --B-sandwichFilter__eventItemCriterionLabelColor: var( --B-color__onSurface_weaker ); --B-sandwichFilter__eventItemLinkBackgroundColor: var(--B-color__surface); --B-sandwichFilter__eventItemLinkBackgroundColor--hover: var( --B-color__surface--hover ); --B-sandwichFilter__eventItemLinkBackgroundColor--touch: var( --B-color__surface--active ); --B-sandwichFilter__eventItemBorderTop: solid 1px var(--B-color__surfaceHeaderBorder); --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: 800; --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: 12px; --B-sandwichFilter__eventGroupEmptyEventTitleTextFontWeight: 400; --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: 13px; --B-sandwichFilter__headerTextColor: var(--B-color__onSurfaceHeader); --B-sandwichFilter__headerFontWeight: 800; --B-sandwichFilter__groupHeaderFontWeight: 800; --B-sandwichFilter__headerIconColor: var(--B-color__onSurfaceHeader); --B-sandwichFilter__headerTitleColor: var(--B-color__onSurfaceHeader); --B-sandwichFilter__groupHeaderTitleFontSize: 13px; --B-sandwichFilter__betofferHeaderFont: 500; --B-sandwichFilter__betofferHeaderColor: var( --B-color__onSurfaceHeader_weaker ); --B-sandwichFilter__eventItemMatchClockDisabledMinWidth: 84px; --B-sandwichFilter__eventResultMatchFontSize: 16px; --B-sandwichFilter__eventResultMatchFontWeight: 500; --B-sandwichFilter__eventResultMatchLineHeight: 16px; --B-sandwichFilter__eventResultSetColor: var(--B-color__onSurface); --B-sandwichFilter__eventResultSetFontWeight: unset; --B-sandwichFilter__eventResultBackground: var(--B-color__highlight); --B-sandwichFilter__eventResultColor: var(--B-color__onHighlight); --B-sandwichFilter__eventResultFontWeight: 700; --B-sandwichFilter__eventResultDivider: var(--B-color__surface); --B-sandwichFilter__smallEventResultSetFontSize: unset; --B-sandwichFilter__smallEventResultSetLineHeight: unset; --B-sandwichFilter__smallEventResultMatchFontSize: unset; --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: unset; --B-sandwichFilter__eventShowMoreBorderRadius: var(--B-dimension__radius_md); --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: 1px solid var(--B-color__highlight); --B-sandwichFilter__showMoreBorder--hover: 1px solid var(--B-color__highlight); --B-sandwichFilter__showMoreBorder--active: 1px solid var(--B-color__highlight); --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: 12px; --B-sandwichFilter__showMoreRightTextFontWeight: 500; --B-sandwichFilter__showMoreRightTextLineHeight: 16px; --B-sandwichFilter__eventShowMoreTextTransform: capitalize; --B-sandwichFilter__showMoreRightTextPadding: 0; --B-sandwichFilter__eventItemListInfoMatchClockFontWeight: 500; --B-sandwichFilter__eventItemMatchClockFontFamily: var(--B-font__primary); --B-sandwichFilter__eventMobileOpacity: 1; --B-sandwichFilter__eventCountdownCircle: var(--B-color__highlight); --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__filterMenuHeight: 48px; --B-sandwichFilter__filterMenuOptionMarginLeftFirstItem: 3px; --B-sandwichFilter__filterMenuOptionFontSize: 12px; --B-sandwichFilter__filterMenuOptionHeight: 32px; --B-sandwichFilter__filterMenuOptionBorderRadius: var( --B-dimension__radius_sm ); --B-sandwichFilter__filterMenuPadding: 0 9px 0 9px; --B-sandwichFilter__betofferCombinedColumnMarginLeft: 10; --B-sandwichFilter__viewWidePadding: 0 16px; --B-sandwichFilter__viewPadding: 0 12px; --B-sandwichFilter__topX: 1px; --B-sandwichFilter__outcomeCompactWidth: 90; --B-sandwichFilter__betofferOutcomeMarginRight: 4; --B-sandwichFilter__eventParticipantsNameFontSize: 16px; --B-sandwichFilter__menuForegroundLevel1Top: 48px; --B-sandwichFilter__menuForegroundLevel2Top: 96px; --B-sandwichFilter__menuForegroundLevel3Top: 144px; --B-sandwichFilter__menuLevel0borderRadiusTopRight: 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: 800; --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; --B-sandwichFilter__betslipCloseIconFontSize: 16px; @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__backgroundWrapperShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16); --B-sandwichFilter__listBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16); --B-sandwichFilter__backgroundWrapperMarginBottom: 8px; --B-sandwichFilterListContainerBorderRadius: var(--B-dimension__radius_md); --B-sandwichFilter__dataEqStateSmallLeagueHighlightHeaderMarginBottom: 16px; } [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: 800; --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); --B-tutorialBanner__boxShadow: 0 2px 8px rgba(0, 0, 0, 0.16); } [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: 700; --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_md); --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: 800; --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: 20px; --B-rewardsHarmonizedRewardItemLineHeight: 24px; --B-rewardsHarmonizedRewardItemPadding: 8px 4px 8px 0px; --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-rewardsHarmonizedRewardExpiresTextLineHeight: 16px; --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__primary); --B-sportsMenu__menuItemBorderRadius: var(--B-dimension__radius_md); --B-sportsMenu__menuItemBoxShadow: none; --B-sportsMenu__menuItemPadding: 0 12px; --B-sportsMenu__menuItemColor: var(--B-color__highlight); --B-sportsMenu__menuItemColor--hover: var(--B-color__highlight--hover); --B-sportsMenu__menuItemColor--active: var(--B-color__highlight--active); --B-sportsMenu__sportTextColor: var(--B-color__onButtonB); --B-sportsMenu__sportTextColor--hover: var(--B-color__onButtonB--hover); --B-sportsMenu__sportTextColor--active: var(--B-color__onButtonB--active); --B-sportsMenu__menuItemBgColor: var(--B-color__buttonB); --B-sportsMenu__menuItemBgColor--hover: var(--B-color__buttonB--hover); --B-sportsMenu__menuItemBgColor--active: var(--B-color__buttonB--active); --B-sportsMenu__menuItemBorder: none; --B-sportsMenu__menuItemBorder--hover: none; --B-sportsMenu__menuItemBorder--active: none; --B-sportsMenu__sportTextPaddingRight: 4px; --B-sportsMenu__sportTextFontSize: 14px; --B-sportsMenu__sportTextFontWeight: 800; --B-sportsMenu__sportTextTransform: none; --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__primary); --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); --B-sportsMenu__allSportsColor--hover: var(--B-color__onButtonB--hover); --B-sportsMenu__allSportsColor--active: var(--B-color__onButtonB--active); --B-sportsMenu__allSportsBgColor: var(--B-color__buttonB); --B-sportsMenu__allSportsBgColor--hover: var(--B-color__buttonB--hover); --B-sportsMenu__allSportsBgColor--active: var(--B-color__buttonB--active); --B-sportsMenu__allSportsArrowHeight: null; --B-sportsMenu__allSportsArrowLineHeight: 16px; --B-sportsMenu__allSportsArrowFontSize: 14px; --B-sportsMenu__allSportsArrowFontWeight: null; --B-sportsMenu__allSportsArrowColor: var(--B-color__onButtonB); --B-sportsMenu__allSportsArrowColor--hover: var(--B-color__onButtonB--hover); --B-sportsMenu__allSportsArrowColor--active: var( --B-color__onButtonB--active ); --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: 0 2px 15px 0 rgba(60, 64, 67, 0.08); --B-partnerSpecials__outcomesListItemBorder: 2px solid var(--B-color__sGP); --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__outcomeBorder); --B-partnerSpecials__betslipOutcomesListItemSquare: var( --B-color__outcomeBorder ); --B-partnerSpecials__betslipOutcomesListItemBorder: var(--B-color__sGP); --B-partnerSpecials__betslipOutcomesListItemCriteriaAndLabelColor: var( --B-color__onSurface ); --B-partnerSpecials__betslipReceiptOutcomesListItemCriteriaAndLabelColor: var( --B-partnerSpecials__betslipOutcomesListItemCriteriaAndLabelColor ); --B-partnerSpecials__eventNameFontWeight: 800; --B-partnerSpecials__eventNameFontSize: 11px; --B-partnerSpecials__participantFontWeight: 700; --B-partnerSpecials__participantFontSize: 12px; --B-partnerSpecials__criterionFontWeight: 400; --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__Textfield_fontSize: 16px; --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__highlight); --B-termSearchOverlay__Icons_opacity: 1; --B-termSearchOverlay_TextFieldBorderRadius: var(--B-dimension__radius_md); --B-termSearchOverlay_TextFieldBorder: none; --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: 800; --B-termSearchOverlayResultHeader__bgColor: transparent; --B-termSearchOverlayResult__fontSize: 16px; --B-termSearchOverlayResult__color: var(--B-color__onSurface); --B-retailTermSearchOverlayInputFocus__border: none; --B-termSearchOverlayShowSportsResult__bg: var(--B-color__header); --B-termSearchOverlayShowSportsResult__fontSize: 12px; --B-termSearchOverlayShowSportsResult__color: var(--B-color__onHeader); --B-termSearchOverlayShowSportsResult__fontFamily: var(--B-font__primary); --B-termSearchOverlayShowSportsResult__fontWeight: 800; --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; } [data-betty-theme] { --B-betslipHeader__textColor: var(--B-color__theme); --B-betslipHeader__backgroundColor: var(--B-color__onCanvas); --B-betslipHeader__borderTop: none; --B-betslipHeader__padding: 0 15px; --B-betslipHeader__height: 48px; --B-betslipHeader__textTransform: none; --B-betslipHeader__fontFamily: inherit; --B-betslipHeader__borderStyle: none; --B-betslipHeader__borderWidth: unset; --B-betslipHeader__borderImage: unset; --B-betslipHeader__borderRadius: var(--B-dimension__radius_lg) var(--B-dimension__radius_lg) 0 0; --B-betslipHeader__oddsFontSize: 16px; --B-betslipHeader__oddsFontWeight: 800; --B-betslipHeader__titleFontFamily: inherit; --B-betslipHeader__titleTextTransform: unset; --B-betslipHeader__oddsVisibility: unset; --B-betslipHeader__outcomeCountFontWeight: 800; --B-betslipHeader__oddsAtFontWeight: 800; --B-betslipHeader__titleFontSize: 16px; --B-betslipHeader__titleFontWeight: 800; --B-betslipHeader__buttonsOpacity: unset; --B-betslipHeader__buttonColor: var(--B-color__highlight); --B-betslipHeader__buttonBorderRadius: unset; --B-betslipHeader__toggleBtnWidth: 9px; --B-betslipHeader__toggleBtnHeight: 9px; --B-betslipHeader__toggleBtnBorderRadius: unset; --B-betslipHeader__minimizedHeaderBtnColor: var(--B-color__highlight); --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: 24px; --B-sportsAz__headerFontWeight: 800; --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 12px; --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: 800; --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: 14px; --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__surface); --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__onButtonGhostA); --B-betslip__clearBtnFontSize: 12px; --B-betslip__clearBtnFontWeight: 800; --B-betslip__clearBtnTextTransform: normal; --B-betslip__toWinInputBorder: 1px solid var(--B-color__surfaceBorder); --B-betslip__toWinInputBorderFocus: 2px solid var(--B-color__onSurface); /* Live label */ --B-betslip__modOutcomeLive_bg: var(--B-color__live); --B-betslip__modOutcomeLiveBorderRadius: 2px; --B-betslip__modOutcomeLiveTextTransform: uppercase; --B-betslip__modOutcomeLiveLabelText_color: var(--B-color__onLive); --B-betslip__modOutcomeLiveLabelPadding: 2px 2px; --B-betslip__modOutcomeLiveLabelFontSize: 10px; --B-betslip__modOutcomeLiveLabelFontWeight: 800; --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__onCanvas); --B-betslip__tabsHeight: 48px; --B-betslip__tabsMinHeight: 48px; --B-betslip__tabsContainer_bgColor: var(--B-color__onCanvas); --B-betslip__tabsFontSize: 14px; --B-betslip__tabsFontWeight: 800; --B-betslip__tabsText_color: var(--B-color__theme); --B-betslip__tabsText_color--hover: var(--B-color__theme--hover); --B-betslip__tabsMouseDownText_color: var(--B-color__theme--active); --B-betslip__tabsText_color--disabled: var(--B-color__onDisabledOnDark); --B-betslip__tabsSelectedText_color: var(--B-color__highlight); --B-betslip__tabsSelectedText_color--hover: var(--B-color__highlight); --B-betslip__tabsSelected_bgColor: transparent; --B-betslip__tabsSelectedTextWeight: 800; --B-betslip__tabsSelectedUnderline_bg: var(--B-color__highlight); /* 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__primary); --B-betslip__detailsValueFontSize: 16px; --B-betslip__detailsValueTextWeight: 800; --B-betslip__detailsValueText_color: var(--B-color__onSurface); --B-betslip__detailsSummaryPotentialPayoutVisibleValue_color: var( --B-color__onOutcome ); --B-betslip__detailsRewardFontSize: 12px; --B-betslip__detailsRewardFontWeight: 800; --B-betslip__detailsRewardText_color: var(--B-color__success); --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__highlight); --B-betslip__outcomeSystemIndex_bg: var(--B-color__onSurface); --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: 14px; --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__success); --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: 12x; --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: 14px; --B-betslip__detailsStakeInputFontWeight: 800; --B-betslip__detailsStakeInputWidth: 66px; --B-betslip__singlesStakeInputText_color: var(--B-color__onSurface); --B-betslip__stakeInput_bgColor: var(--B-color__surface); --B-betslip__detailsStakeInputBorder: 1px solid var(--B-color__onSurface); --B-betslip__detailsStakeInputBorderRadius: 3px; --B-betslip__singlesStakeInputPlaceholderText_color: var( --B-color__onSurface ); --B-betslip__detailsStakeInputCurrencyFontSize: 14px; --B-betslip__detailsStakeInputTitleFontSize: 14px; --B-betslip__eventlistLiveText_color: var(--B-color__danger); --B-betslip__detailsText_color: #ccc; --B-betslip__detailsPayoutTaxTextWeight: 600; --B-betslip__bethistoryTeaserMarginLeft: 4px; --B-betslip__oddsChangedFeedbackLabel_color: rgba(255, 255, 255, 0.7); --B-betslip__oddsChangedFeedbackNewValue_color: var( --B-color__onSurface_weaker ); --B-betslip__oddsChangedFeedbackPreviousValue_color: var( --B-color__onSurface_weaker ); --B-betslip__freebets_bgColor: rgba(255, 255, 255, 0.06); --B-betslip__freebets_bgColor--hover: rgba(255, 255, 255, 0.06); --B-betslip__kambiBCFreebetLabel_color: var(--B-color__onSurface); /* Teaser */ --B-betslip__teaser_bgColor: var(--B-betslip_bg); --B-betslip__teaserContainerHeaderFontSize: 14px; --B-betslip__teaserHeader_bgColor: var(--B-color__surface); --B-betslip__teaserHeaderText_color: var(--B-color__onSurface); --B-betslip__teaserHeaderTitleExtra_color: var(--B-color__onSurface); --B-betslip__teaserHeaderTitleSuffix_color: var(--B-color__onSurface_weaker); --B-betslip__teaserItemLabelText_color: var(--B-color__onSurface); --B-betslip__teaserItemLabelTextSize: 14px; --B-betslip__teaserItemLabelPadding: 0 0 0 16px; --B-betslip__teaserItemLabelTextFontWeight: 800; --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: unset; --B-betslip__rewardHeaderExpandedBorderBottom: unset; --B-betslip__rewardContainerHeaderFontWeight: 800; --B-betslip__rewardContainerTitleWeight: 800; --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__onSurface_weaker); /* Button */ --B-betslip__buttonRadius: 8px; --B-betslip__buttonFontSize: 16px; --B-betslip__buttonTextWeight: 800; --B-betslip__buttonFontFamily: unset; --B-betslip__buttonTextTransform: uppercase; --B-betslip__button_bg: var(--B-color__betslipErrorSecondary); --B-betslip__button_bgColor--hover: var( --B-color__betslipErrorSecondary--hover ); --B-betslip__buttonPressed_bgColor: var( --B-color__betslipErrorSecondary--active ); --B-betslip__buttonText_color: var(--B-color__onBetslipErrorSecondary); --B-betslip__buttonText_color--hover: var( --B-color__onBetslipErrorSecondary--hover ); --B-betslip__buttonPressedText_color: var( --B-color__onBetslipErrorSecondary--active ); --B-betslip__buttonText_color--disabled: var(--B-color__onDisabledOnDark); --B-betslip__buttonTextWeightHighlighted: unset; --B-betslip__buttonTextHighlighted_color: var( --B-color__onBetslipErrorPrimary ); --B-betslip__buttonTextHighlighted_color--hover: var( --B-color__onBetslipErrorPrimary--hover ); --B-betslip__buttonTextHighlighted_color--active: var( --B-color__onBetslipErrorPrimary--active ); --B-betslip__buttonHighlighted_bg: var(--B-color__betslipErrorPrimary); --B-betslip__buttonHighlighted_bgColor--hover: var( --B-color__betslipErrorPrimary--hover ); --B-betslip__buttonPressedHighlighted_bgColor: var( --B-color__betslipErrorPrimary--active ); /* Place Bet btn*/ --B-betslip__placeBetButtonTextSize: 16px; --B-betslip__placeBetButtonFontFamily: unset; --B-betslip__placeBetButtonFontWeight: 800; --B-betslip__placeBetComponentButtonBorderRadius: var( --B-dimension__radius_md ); --B-betslip__placeBetButtonTextTransform: normal; --B-betslip__placeBetButton_bg: var(--B-color__transaction); --B-betslip__placeBetButtonHover_bg: var(--B-color__transaction--hover); --B-betslip__placeBetButtonActive_bg: var(--B-color__transaction--active); --B-betslip__placeBetButtonText_color: var(--B-color__onTransaction); --B-betslip__placeBetButtonHoverText_color: var( --B-color__onTransaction--hover ); --B-betslip__placeBetButtonActiveText_color: var( --B-color__onTransaction--active ); --B-betslip__placeBetButtonDisabled_bg: var(--B-color__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: capitalize; --B-betslip__approveOddsButtonTextFontSize: 16px; --B-betslip__approveOddsButtonLineHeight: 18px; --B-betslip__approveOddsButtonBorderRadius: var(--B-dimension__radius_md); --B-betslip__approveOddsButton_bg: var(--B-color__highlight); --B-betslip__approveOddsButtonHover_bg: var(--B-color__highlight--hover); --B-betslip__approveOddsButtonActive_bg: var(--B-color__highlight--active); --B-betslip__approveOddsButtonText_color: var(--B-color__onHighlight); --B-betslip__approveOddsButtonTextHover_color: var( --B-color__onHighlight--hover ); --B-betslip__approveOddsButtonTextActive_color: var( --B-color__onHighlight--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__onCanvas); --B-betslip__receiptHeaderTitle_color: var(--B-color__surface); --B-betslip__modBetslipReceiptHeaderTitle_color: var(--B-color__surface); --B-betslip__modBetslipReceiptHeaderTitleFontWeight: 800; --B-betslip__receiptHeaderReceipt_color: var(--B-color__surface); --B-betslip__receiptTextSize: 12px; --B-betslip__receiptText_color: var(--B-color__onSurface); --B-betslip__receiptTextWeight: 500; --B-betslip__receiptCloseButtonBorderRadius: var(--B-dimension__radius_md); --B-betslip__receiptCloseButtonBorder: none; --B-betslip__receiptCloseButtonFontFamily: unset; --B-betslip__receiptCloseButtonTextSize: 16px; --B-betslip__receiptCloseButtonTextWeight: 800; --B-betslip__receiptCloseButtonTextTransform: normal; --B-betslip__receiptCloseButton_bgColor: var(--B-color__highlight); --B-betslip__receiptCloseButton_bgColor--hover: var( --B-color__highlight--hover ); --B-betslip__receiptCloseButtonPressed_bgColor: var( --B-color__highlight--active ); --B-betslip__receiptCloseButtonHarmonized_bgColor: var(--B-color__highlight); --B-betslip__receiptCloseButtonHarmonized_bgColor--hover: var( --B-color__highlight--hover ); --B-betslip__receiptCloseButtonPressedHarmonized_bgColor: var( --B-color__highlight--active ); --B-betslip__receiptCloseButtonText_color: var(--B-color__onHighlight); --B-betslip__receiptCloseButtonHover_color: var( --B-color__onHighlight--hover ); --B-betslip__receiptCloseButtonActive_color: var( --B-color__onHighlight--active ); --B-betslip__receiptCloseButtonBorderHover: none; --B-betslip__receiptCloseButtonBorderActive: none; --B-betslip__receiptSummaryProfitBoostPayoutLabelFontSize: 8px; --B-betslip__receiptProfitBoostPayoutLabelFontSize: 12px; --B-betslip__receiptSummaryTitleFontSize: 14px; --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: 700; --B-betslip__receiptLabelFontSize: 12px; --B-betslip__receiptValue_color: var(--B-color__onSurface); --B-betslip__receiptValueText_color: var(--B-betslip__receiptLabelText_color); --B-betslip__receiptValueTextFontSize: 16px; --B-betslip__receiptValueFontWeight: 700; --B-betslip__receiptOutcomeCriteriaFontSize: 14px; --B-betslip__receiptOutcomeCriteria_color: var(--B-color__onBetSlipOutcome); --B-betslip__receiptHighlightTextSize: var(--B-betslip__receiptTextSize); --B-betslip__receiptHighlightTextWeight: 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_weaker ); --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: 800; /* Mobile/retail keyboard */ --B-betslip__modTouchFeedbackWidth: 48px; --B-betslip__touchKeyboardFontFamilyPrimary: var(--B-font__primary); --B-betslip__touchKeyboardActionButtonBackround_bgColor: #d8d8d8; --B-betslip__touchKeyboardActionButton_bgColor: unset; --B-betslip__touchKeyboardActionButtonBorder: unset; --B-betslip__touchKeyboardActionButtonBorder--disabled: unset; --B-betslip__touchKeyboardActionButton_color: var(--B-color__buttonB); --B-betslip__touchKeyboardActionButton_color--disabled: #8b8b8b; --B-betslip__touchKeyboardCheckboxLabel_color: var(--B-color__onSurface); --B-betslip__touchKeyboardCheckboxLabel_color--disabled: var( --B-color__onDisabledOnLight ); --B-betslip__touchKeyboardCheckboxLabelFontFamily: unset; --B-betslip__touchKeyboardButtonBackround_bgColor: var(--B-color__onSurface); --B-betslip__touchKeyboardButtonText_color: var(--B-color__onTheme); --B-betslip__touchKeyboardButtonFontFamily: unset; --B-betslip__touchKeyboardButtonFontWeight: 800; --B-betslip__touchKeyboardFontSizeNormal: 16px; --B-betslip__touchKeyboardButtonBorder: none; --B-betslip__retailKeyboard_bgColor: var(--B-color__surface); --B-betslip__modMobileKeyboard_bgColor: var(--B-color__surface); --B-betslip__modMobileKeyboardButton_bg: var(--B-color__buttonA); --B-betslip__modMobileKeyboardButtonBorderRadius: var( --B-dimension__radius_md ); --B-betslip__mobileKeyboardButtonText_color: var(--B-color__onButtonA); --B-betslip__modMobileKeyboardButtonText_color: var(--B-color__onButtonA); --B-betslip__modMobileKeyboardButtonFontWeight: 800; --B-betslip__modMobileKeyboardButtonFontSize: 14px; --B-betslip__modMobileKeyboardButtonBorder: 1px solid transparent; --B-betslip__modMobileKeyboardButtonTouch_bg: var(--B-color__buttonA--active); --B-betslip__modMobileKeyboardButtonTouchText_color: var( --B-color__onButtonA--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); /*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: 800; --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: 800; --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: 14px; --B-outcomesList__headerFontSize: 12px; --B-outcomesList__headerFontWeight: 800; --B-outcomesList__headerBackgroundColor: var(--B-color__surface); --B-outcomesList__headerBorderBottom: 1px solid var(--B-color__surfaceBorder); --B-outcomesList__microFontSize: 12px; --B-outcomesList__deciFontSize: 16px; --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: 14px; --B-outcomesList__rowHeaderParticipantFontWeight: 500; --B-outcomesList__rowHeaderParticipantColor: var(--B-color__onSurface); --B-outcomesList__rowHeaderParticipantBorderColor: var( --B-color__surfaceBorder ); --B-outcomesList__showListButtonHeight: 32px; --B-outcomesList__showListButtonWidth: 100%; --B-outcomesList__showListButtonPadding: 0; --B-outcomesList__showListButtonMarginTop: 4px; --B-outcomesList__showListButtonMarginBottom: 0px; --B-outcomesList__showListButtonBackgroundColor: var(--B-color__buttonGhostA); --B-outcomesList__showListButtonBackgroundColor--hover: var( --B-color__buttonGhostA--hover ); --B-outcomesList__showListButtonBackgroundColor--active: var( --B-color__buttonGhostA--active ); --B-outcomesList__showListButtonColor: var(--B-color__onButtonGhostA); --B-outcomesList__showListButtonColor--hover: var( --B-color__onButtonGhostA--hover ); --B-outcomesList__showListButtonColor--active: var( --B-color__onButtonGhostA--active ); --B-outcomesList__showListButtonBorder: 1px solid transparent; --B-outcomesList__showListButtonBorder--hover: 1px solid transparent; --B-outcomesList__showListButtonBorder--active: 1px solid transparent; --B-outcomesList__showListButtonFontFamily: var(--B-font__primary); --B-outcomesList__showListButtonFontSize: 12px; --B-outcomesList__showListButtonFontWeight: 800; --B-outcomesList__showListButtonTextTransform: unset; --B-outcomesList__showListButtonBorderRadius: var(--B-dimension__radius_md); --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: 800; --B-singleColumn__layoutCorrectScoreViewLayoutNumberSize: 14px; --B-layoutCorrectScoreView__backgroundColor--selected--hover: var( --B-color__highlight--hover ); --B-layoutCorrectScoreView__backgroundColor--selected: var( --B-color__highlight ); --B-layoutCorrectScoreView__color--selected--hover: var( --B-color__onHighlight--hover ); --B-layoutCorrectScoreView__color--selected: var(--B-color__onHighlight); --B-layoutCorrectScoreView__color--hover: var(--B-color__onHighlight--hover); --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: var( --B-dimension__radius_md ); --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: 800; --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__highlight); --B-slider__thumbBackground--hover: var(--B-color__highlight); --B-slider__thumbBackground--active: var(--B-color__highlight); --B-slider__thumbRingBackground: var(--B-color__surface); --B-slider__tooltipBackground: var(--B-color__highlight); --B-slider__tooltipColor: var(--B-color__onHighlight); --B-slider__lineColor: var(--B-color__surfaceBorder); --B-slider__tickMarkBackround: var(--B-color__highlight); --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: 800; --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: 800; } [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-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='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__highlight); --B-icon__size: var(--B-betslipHeader__buttonFontSize, 26px); } [data-betty-theme='sticker--promotionBetslip'] { --B-icon__fill: var(--B-color__onSurface); --B-icon__size: 16px; --B-color__onSurfaceRewardsInfo: var(--B-color__onSurface); --B-sticker__iconHeight: auto; --B-sticker__iconWidth: auto; } [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] { /* Accept button */ --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: var(--B-dimension__radius_md); --B-favourites__acceptButtonBorder: 1px solid transparent; --B-favourites__acceptButtonBorder--hover: 1px solid transparent; --B-favourites__acceptButtonBorder--active: 1px solid transparent; --B-favourites__acceptButtonDisabledBorder: 1px solid transparent; --B-favourites__acceptButtonBackground: var(--B-color__buttonB); --B-favourites__acceptButtonBackground--hover: var(--B-color__buttonB--hover); --B-favourites__acceptButtonBackground--active: var( --B-color__buttonB--active ); --B-favourites__acceptButtonDisabledBackground: var( --B-color__disabledOnLight ); --B-favourites__acceptButtonColor: var(--B-color__onButtonB); --B-favourites__acceptButtonDisabledColor: var(--B-color__onDisabledOnLight); /* Close button */ --B-favourites__closeButtonHeight: 48px; --B-favourites__closeButtonFontWeight: 800; --B-favourites__closeButtonFontSize: 14px; --B-favourites__closeButtonBorderRadius: var(--B-dimension__radius_md); --B-favourites__closeButtonLineHeight: 16px; --B-favourites__closeButtonPadding: 16px; --B-favourites__closeButtonBorder: 1px solid transparent; --B-favourites__closeButtonColor: var(--B-color__theme); /* Your Favourite Sport headers + indexing */ --B-favourites__headerTextColor: var(--B-color__onSurface); --B-favourites__headerTextFontWeight: 800; --B-favourites__headerFontSize: 28px; --B-favourites__headerMargin: 13px 0 6px 0px; --B-favourites__subHeaderTextColor: var(--B-color__onSurface); --B-favourites__subHeaderTextFontWeight: 500; --B-favourites__subHeaderFontSize: 12px; --B-favourites__subHeaderLineHeight: 16px; --B-favourites__subHeaderMargin: 13px 0 6px 0px; --B-favourites__sportsIndexTextColor: var(--B-color__onSurface); --B-favourites__sportsIndexFontSize: 12px; --B-favourites__sportsIndexFontWeight: 800; --B-favourites__sportsIndexWidth: 15px; /* Your Favourite Sport selected button */ --B-favourites__selectedItemBorderRadius: var(--B-dimension__radius_md); --B-favourites__selectedItemPadding: 0 12px 0 16px; --B-favourites__selectedItemBorder: none; --B-favourites__selectedItemColor: var(--B-color__onButtonB); --B-favourites__selectedItemHoverColor: var(--B-color__onButtonB--hover); --B-favourites__selectedItemActiveColor: var(--B-color__onButtonB--active); --B-favourites__sportNameFontSize: 14px; --B-favourites__sportNameFontWeight: 500; --B-favourites__sportNameItemColor: var(--B-favourites__selectedItemColor); --B-favourites__selectedItemBoxShadow: none; --B-favourites__selectedItemBackground: var(--B-color__buttonB); --B-favourites__selectedItemHoverBackground: var(--B-color__buttonB--hover); --B-favourites__selectedItemActiveBackground: var(--B-color__theme--active); --B-favourites__selectedItemDragBackground: var(--B-color__theme); --B-favourites__selectedItemDragDropShadow: drop-shadow(0 8 24 0 #00000052); --B-favourites__selectItemButton: rgba(255, 255, 255, 0.32); --B-favourites__selectedSportBackground: var(--B-color__buttonB); --B-favourites__selectedSportBackgroundActive: var( --B-color__buttonB--active ); --B-favourites__selectedSportColor: var(--B-color__onButtonB); --B-favourites__selectedSportFill: var(--B-color__onButtonB); --B-favourites__selectedSportHoverFill: var(--B-color__onTheme--hover); --B-favourites__selectedSportActiveFill: var(--B-color__onTheme--active); --B-favourites__selectedSportBorder: none; --B-favourites__disabledSportBackground: var(--B-color__disabledOnLight); --B-favourites__disabledSportFill: var(--B-color__onDisabledOnLight); /* Choose favourites header */ --B-favourites__sportSelectionHeaderTextColor: var(--B-color__onSurface); --B-favourites__sportSelectionHeaderMargin: 0 0 6px 0px; --B-favourites__sportSelectionHeaderFontSize: 18px; --B-favourites__sportSelectionHeaderFontWeight: 800; /* Your Favourite Sport not selected button */ --B-favourites__notSelectedSportDragButtonBg: transparent; --B-favourites__userFavOverlayBackgroundColor: none; --B-favourites__selectSportSortButtonBorder: 1px solid var(--B-color__onCanvas_weaker); --B-favourites__selectFavTextColor: var(--B-color__onCanvas_weaker); --B-favourites__userFavBorderRadius: var(--B-dimension__radius_md); --B-favourites__userFavSportNameFontSize: 14px; --B-favourites__userFavSportNameFontWeight: 500; /* Selected sport star */ --B-favourites__selectExpandedStarIconFill: var(--B-color__warning); --B-favourites__selectExpandedStarIconHoverFill: var(--B-color__warning); --B-favourites__selectExpandedStarIconActiveFill: var(--B-color__warning); --B-favourites__selectExpandedStarIconWidth: 16px; --B-favourites__selectExpandedStarIconHeight: 15px; /* Selected sport badge */ --B-favourites__selectStarDivBackground: var(--B-color__danger); --B-favourites__selectStarIconFill: var(--B-color__onDanger); --B-favourites__selectStarDivBorderRadius: 24px; --B-favourites__selectStarDivWidth: 24px; --B-favourites__selectStarDivHeight: 24px; --B-favourites__selectStarIconWidth: 16px; --B-favourites__selectStarIconHeight: 16px; /* General */ --B-favourites__sideMarginStandardInMobile: 0 auto; --B-favourites__maxWidthStandardMobile: 330px; --B-favourites__maxWidthExpandedMobile: 334px; --B-favourites__sportItemGridWidth: 160px; --B-favourites__sportOrderContainerMargin: 16px 0 40px 0; /* Not in use, in button folder */ --B-favourites__listedSportBorder: none; --B-favourites__listedSportColor: var(--B-color__onButtonA); --B-favourites__listedSportBackground: var(--B-color__buttonB); --B-favourites__listedSportHoverBackground: var(--B-color__buttonB--hover); --B-favourites__listedSportFill: var(--B-color__onButtonB); --B-favourites__listedSportWidth: 32px; --B-favourites__listedSportHeight: 32px; --B-favourites__listedSportIconWidth: 32px; --B-favourites__listedSportIconHeight: 32px; --B-favourites__listedSportBorderRadius: var(--B-dimension__radius_md); --B-favourites__listedSportPadding: 12px; --B-favourites__listedSportFontSizeMobile: 11px; --B-favourites__listedSportFontSizeDesktop: 12px; --B-favourites__listedSportFontWeight: 500; } [data-betty-theme='media-module'] { --B-mediaModule__textColor: var(--B-color__onPromo); --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) 64%, var(--B-color__promo) 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__buttonGhostBBorder ); --B-mediaModule__videoThumbnailOverlayBackground: linear-gradient( 0deg, var(--B-color__promo) 64%, var(--B-color__promo) 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='recommended-offer'] { --B-recommendedOffer__carouselBackgroundColor: var(--B-color__promo); --B-recommendedOffer__carouselBackgroundGradient: linear-gradient( 180deg, color-mix(in srgb, var(--B-color__promo) 64%, transparent) 0%, color-mix(in srgb, var(--B-color__promo) 100%, transparent) 100% ); --B-recommendedOffer__carouselBorderRadius: var(--B-surfaceItemRadius); --B-recommendedOffer__carouselArrowBackgroundColor: var(--B-color__promo); --B-recommendedOffer__carouselArrowBackgroundColor--hover: var( --B-color__promo--hover ); --B-recommendedOffer__carouselArrowBackgroundColor--active: var( --B-color__promo--active ); --B-recommendedOffer__carouselArrowBackgroundColor--disabled: var( --B-color__disabledOnDark ); --B-recommendedOffer__carouselArrowBorderColor: var(--B-color__promoBorder); --B-recommendedOffer__carouselArrowBorderColor--hover: var( --B-color__promoBorder ); --B-recommendedOffer__carouselArrowBorderColor--active: var( --B-color__promoBorder ); --B-recommendedOffer__carouselArrowBorderColor--disabled: unset; --B-recommendedOffer__carouselArrowBorderRadius: 999px; --B-recommendedOffer__carouselArrowTextColor: var(--B-color__onPromo); --B-recommendedOffer__carouselArrowTextColor--hover: var( --B-color__onPromo--hover ); --B-recommendedOffer__carouselArrowTextColor--active: var( --B-color__onPromo--active ); --B-recommendedOffer__carouselArrowTextColor--disabled: var( --B-color__onDisabledOnDark ); --B-recommendedOffer__carouselArrowFontSize: var(--B-typography__fontSize_lg); --B-recommendedOffer__eventDateTimeColor: var(--B-color__onPromo); --B-recommendedOffer__eventDateFontSize: 12px; --B-recommendedOffer__eventDateLineHeight: 16px; --B-recommendedOffer__eventDateFontWeight: 700; --B-recommendedOffer__itemBackgroundColor: var(--B-color__promo); --B-recommendedOffer__itemBorderRadius: 8px; --B-recommendedOffer__itemExpertBorderColor: var(--B-color__onPromo); --B-recommendedOffer__eventItemMarketSideColor: var(--B-color__promoBorder); --B-recommendedOffer__marketNameColor: var(--B-color__onPromo); --B-recommendedOffer__marketNameFontSize: 11px; --B-recommendedOffer__marketNameLineHeight: 12px; --B-recommendedOffer__marketNameFontWeight: 500; --B-recommendedOffer__recommendationHeaderColor: var(--B-color__onPromo); --B-recommendedOffer__recommendationHeaderFontFamily: var( --B-font__secondary ); --B-recommendedOffer__recommendationHeaderFontSize: 14px; --B-recommendedOffer__recommendationHeaderFontSizeWide: 16px; --B-recommendedOffer__recommendationHeaderLineHeight: 16px; --B-recommendedOffer__recommendationHeaderFontWeight: 800; --B-recommendedOffer__recommendationDescriptionColor: var(--B-color__onPromo); --B-recommendedOffer__recommendationDescriptionFontSize: 11px; --B-recommendedOffer__recommendationDescriptionFontSizeWide: 14px; --B-recommendedOffer__recommendationDescriptionLineHeight: 12px; --B-recommendedOffer__recommendationDescriptionLineHeightWide: 16px; --B-recommendedOffer__recommendationDescriptionFontWeight: 500; --B-recommendedOffer__expertHeadlineColor: var(--B-color__onPromo); --B-recommendedOffer__expertHeadlineFontFamily: var(--B-font__secondary); --B-recommendedOffer__expertHeadlineFontSize: 20px; --B-recommendedOffer__expertHeadlineFontSizeWide: 24px; --B-recommendedOffer__expertHeadlineLineHeight: 20px; --B-recommendedOffer__expertHeadlineFontWeight: 800; --B-recommendedOffer__nameAndIconFontSize: 16px; --B-recommendedOffer__tournamentColor: var( --B-recommendedOffer__participantColor ); --B-recommendedOffer__tournamentFontSize: 16px; --B-recommendedOffer__tournamentFontSizeNarrow: 14px; --B-recommendedOffer__tournamentLineHeight: 20px; --B-recommendedOffer__tournamentFontWeight: 800; --B-recommendedOffer__participantColor: var(--B-color__onPromo); --B-recommendedOffer__participantNameFontFamily: var(--B-font__secondary); --B-recommendedOffer__participantNameFontSize: 15px; --B-recommendedOffer__participantNameFontSizeWide: 20px; --B-recommendedOffer__participantNameLineHeight: 16px; --B-recommendedOffer__participantNameLineHeightWide: 24px; --B-recommendedOffer__participantNameFontWeight: 800; --B-recommendedOffer__dividerColor: var( --B-recommendedOffer__participantColor ); --B-recommendedOffer__dividerFontSize: 18px; --B-recommendedOffer__dividerLineHeight: 28px; --B-recommendedOffer__dividerFontWeight: 800; } [data-betty-theme] { --B-highlightsV2__headerTimeFontWeight: 800; --B-highlightsV2__eventOverallScoreBg: transparent; --B-highlightsV2__eventOverallScoreColor: var(--B-color__onPromo); --B-highlightsV2__livePromoCardIconColor: var(--B-color__promo); --B-highlightsV2__livePromoCardLineColor: var(--B-color__live); --B-highlightsV2__promoCardBackgroundOverlay: linear-gradient( 180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100% ); --B-highlightsV2__promoCardTextOverlay: var(--B-color__promoOverlay); --B-highlightsV2__promoCardTextColor: var(--B-color__promo); --B-highlightsV2__promoCardTextFontWeight: 800; --B-highlightsV2__carouselArrowBackground: 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-highlightsOutcomeButton__bg: var(--B-color__highlight); --B-highlightsOutcomeButton__bg--hover: var(--B-color__highlight--hover); --B-highlightsOutcomeButton__bg--active: var(--B-color__highlight--active); --B-highlightsOutcomeButton__bg--selected: var(--B-color__transaction); --B-highlightsOutcomeButton__bg--selected--hover: var( --B-color__transaction--hover ); --B-highlightsOutcomeButton__bg--selected--active: var( --B-color__transaction--active ); --B-highlightsOutcomeButton__bg--disabled: var( --B-outcomeButton__bg--disabled ); --B-highlightsOutcomeButton__color: var(--B-color__onHighlight); --B-highlightsOutcomeButton__color--hover: var(--B-color__onHighlight--hover); --B-highlightsOutcomeButton__color--active: var( --B-color__onHighlight--active ); --B-highlightsOutcomeButton__colorOdds: var(--B-color__onHighlight); --B-highlightsOutcomeButton__colorOdds--hover: var( --B-color__onHighlight--hover ); --B-highlightsOutcomeButton__colorOdds--active: var( --B-color__onHighlight--active ); --B-highlightsOutcomeButton__color--selected: var(--B-color__onTransaction); --B-highlightsOutcomeButton__color--selected--hover: var( --B-color__onTransaction--hover ); --B-highlightsOutcomeButton__color--selected--active: var( --B-color__onTransaction--active ); --B-highlightsOutcomeButton__colorOdds--selected: var( --B-color__onTransaction ); --B-highlightsOutcomeButton__colorOdds--selected--hover: var( --B-color__onTransaction--hover ); --B-highlightsOutcomeButton__colorOdds--selected--active: var( --B-color__onTransaction--active ); --B-highlightsOutcomeButton__color--disabled: var( --B-outcomeButton__color--disabled ); --B-highlightsOutcomeButton__colorOdds--disabled: var( --B-outcomeButton__colorOdds--disabled ); } [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; --B-racingMeetings__iconContainerMargin: 4px; --B-racingMeetings__iconContainerWidth: 14px; --B-racingMeetings__iconStreamingContainerWidth: 20px; --B-racingMeetings__iconContainerHeight: 14px; --B-racingMeetings__iconContainerBorderRadius: 2px; --B-racingMeetings__iconContainerBg: var(--B-color__theme); --B-racingMeetings__iconColor: var(--B-color__onTheme); --B-racingMeetings__iconWidth: 12px; --B-racingMeetings__iconHeight: 12px; } [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: 16px; --B-racingCard__tabFontWeight: 800; --B-racingCard__collapsableContainerColor: inherit; --B-racingCard__collapsableHeaderBg: #00263a; --B-racingCard__headerCollapsibleTitleColor: #e6ecf1; --B-racingCard__headerExtraColor: rgba(230, 236, 241, 0.5); --B-racingCard__columnMarginBottom: 8px; --B-racingCard__timeformCollapsibleBorderTop: 1px solid rgba(0, 0, 0, 0.12); --B-racingCard__mediumPadding: 0 16px; --B-racingCard__columnMarginBottomLarge: 16px; --B-racingCard__mediumColumnPaddingForBoxShadow: 8px; --B-racingCard__largeColumnPaddingForBoxShadow: 12px; --B-racingCard__largePadding: 0 24px; --B-racingCard__streamToggleButtonBg: #00253d; --B-racingCard__streamToggleButtonColor: #e6e9ec; --B-racingCard__headerExtraBg: transparent; --B-racingCard__headerExtraArrowColor: #e6ecf1; --B-racingCard__headerMeetingsTimesBorderRadius: 0; --B-racingCard__headerMeetingsTimesBg: var(--B-color__surface); --B-racingCard__headerNoMeetingsColor: #fff; --B-racingCard__headerFontSize: 14px; --B-racingCard__headerColor: var(--B-color__onSurface); --B-racingCard__headerMarginBottom: 16px; --B-racingCard__headerBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16); --B-racingCard__headerBorderRadius: 8px; --B-racingCard__headerBg: #fff; --B-racingCard__headerSmallMarginBottom: 8px; --B-racingCard__headerTitleColor: #333333; --B-racingCard__headerTitleFontSize: 12px; --B-racingCard__headerTitleLineHeight: 16px; --B-racingCard__headerSubtitleFontSize: 12px; --B-racingCard__headerSubtitleColor: #333333; --B-racingCard__resultsBg: transparent; --B-racingCard__resultHeaderBgColor: #fff; --B-racingCard__resultHeaderBoxShadow: inset 4px 0 0 0 #004572; --B-racingCard__resultHeaderColorColor: #262626; --B-racingCard__resultHeaderStatusFontSize: 14px; --B-racingCard__resultHeaderTimeFontSize: 12px; --B-racingCard__resultHeaderBorderRadius: var(--B-surfaceItemRadius); --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: #f7f7f7; --B-racingCard__resultParticipantBorderRadius: var(--B-eventListRadius); --B-racingCard__resultParticipantBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16); --B-racingCard__resultParticipantHeaderFontWeight: bold; --B-racingCard__resultParticipantHeaderFontSize: 14px; --B-racingCard__resultParticipantHeaderBgColor: #f7f7f7; --B-racingCard__resultParticipantHeaderBoxShadow: 0 1px 0 0 rgba(0, 0, 0, 0.12); --B-racingCard__resultParticipantHeaderBorderRadius: var( --B-surfaceItemRadius ) var(--B-surfaceItemRadius) 0 0; --B-racingCard__resultParticipantHorseFontWeight: 500; --B-racingCard__resultParticipantHorseInfoFontSize: 12px; --B-racingCard__resultParticipantHorseInfoColor: #6c6c6c; --B-racingCard__resultParticipantExtraInfoBgColor: #f6f6f6; --B-racingCard__resultParticipantExtraInfoBoxShadow: none; --B-racingCard__resultParticipantExtraInfoFontSize: 12px; --B-racingCard__resultParticipantExtraInfoBorderRadius: 0 0 var(--B-surfaceItemRadius) var(--B-surfaceItemRadius); --B-racingCard__resultParticipantAllowanceFontSize: 9px; --B-racingCard__resultParticipantRunCommentColor: #6c6c6c; --B-racingCard__resultParticipantPlaceDoubleColor: #168729; --B-racingCard__resultParticipantPlaceDeadHeatColor: #e50028; --B-racingCard__resultParticipantBreakdownBgColor: #f7f7f7; --B-racingCard__resultParticipantBreakdownFontSize: 14px; --B-racingCard__resultParticipantBreakdownTitleFontWeight: 800; --B-racingCard__resultParticipantBreakdownValueFontWeight: 500; --B-racingCard__timesButtonWidth: 70px; --B-racingCard__timesButtonHeight: 42px; --B-racingCard__timesButtonLineHeight: 42px; --B-racingCard__timesButtonBorder: inherit; --B-racingCard__timesButtonColor: #e6ecf1; --B-racingCard__timesButtonFontSize: 14px; --B-racingCard__timesButtonFontFamily: 'Inter', 'Helvetica Neue', sans-serif; --B-racingCard__timesButtonFontWeight: none; --B-racingCard__timesButtonBorderRadius: var(--B-dimension__radius_md); --B-racingCard__timesButtonBgColor: #004572; --B-racingCard__timesButtonBgColor--hover: #005186; --B-racingCard__timesButtonBorder--hover: none; --B-racingCard__timesButtonBgColor--active: #005891; --B-racingCard__timesButtonBorder--active: none; --B-racingCard__timesButtonSelectedBgColor: rgba(0, 0, 0, 0.36); --B-racingCard__timesButtonSelectedColor: #e6ecf1; --B-racingCard__timesButtonSelectedBorder: none; --B-racingCard__timesButtonSelectedBgColor--hover: rgba(0, 0, 0, 0.36); --B-racingCard__timesButtonSelectedBorder--hover: none; --B-racingCard__timesButtonSelectedBgColor--active: rgba(0, 0, 0, 0.36); --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-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__header); --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); /* Lots of components use this value and need to be aligned */ --B-marketContainerButton__width: 120px; --B-marketContainerButton__height: 36px; --B-marketContainerButtonFull__height: 54px; } [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-theme='pool-racing'] { --B-poolRacing__padding: 0 0 40px 0; --B-poolRacing__fontFamily: var(--B-font__main); --B-poolRacing__minHeight: 100vh; --B-poolRacing__bg: var(--B-color__canvas); --B-poolRacing-retail__margin: 0; --B-poolRacing-retail__padding: 0; --B-poolRacing-retail-betslip__width: 400px; --B-poolRacing-retail-betslip__bg: var(--B-color__canvas); --B-poolRacing-retail-betslip__eventPadding: 56px; --B-poolRacing-retail-betslip__dashboardPadding: 8px; } [data-betty-theme='pool-racing-navigation-bar'] { --B-navigationBar__bg: var(--B-color__themeDark); --B-navigationBar__fontWeight: 800; --B-navigationBar__color: var(--B-color__onThemeDark_weaker); --B-navigationBar__color--selected: var(--B-color__onThemeDark); --B-navigationBar__color--hover: var(--B-color__onThemeDark--hover); --B-navigationBar__color--active: var(--B-color__onThemeDark_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__highlight); --B-navigationBar__boxShadow: 0 0 0 0; --B-navigationBar__borderTop: 1px solid var(--B-color__themeDarkBorder); --B-navigationBar__textTransform: none; } [data-betty-theme='pool-racing-dashboard'] { --B-dashboard__bg: var(--B-color__surface--hover); --B-dashboard__padding: var(--B-dimension__space_0) var(--B-dimension__space_lg) var(--B-dimension__space_lg) var(--B-dimension__space_lg); --B-dashboard-countries__bottomBorderRadius: var(--B-dimension__radius_md); --B-dashboard-upcomingRaces__buttonFade: rgb( from var(--B-color__surface--hover) R G B / 0.3 ) 0%, rgb(from var(--B-color__surface--hover) R G B / 0.5) 50%, rgb(from var(--B-color__surface--hover) R G B / 0.75) 70%, rgb(from var(--B-color__surface--hover) R G B / 1) 100%; --B-dashboard-upcomingRaces__buttonFadeWidth: var(--B-dimension__size_4xl); --B-dashboard-upcomingRaces__buttonHeight: var( --B-upcomingRaceItem__height, 64px ); --B-dashboard-sortDropdown__fontSize: var(--B-typography__fontSize_sm); --B-dashboard-sortDropdown__padding: var(--B-dimension__space_md) var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_0); --B-dashboard-sortDropdown__arrowSpace: 2rem; /* See size breakpoints in tier1 */ @media (max-width: 600px) { --B-dashboard__padding: var(--B-dimension__space_0) var(--B-dimension__space_md) var(--B-dimension__space_lg) var(--B-dimension__space_md); } } [data-betty-theme='pool-racing-timeField'] { --B-timeField__fontSize--normal: var(--B-typography__fontSize_md); --B-timeField__bg--normal: var(--B-color__surface); --B-timeField__color--normal: var(--B-color__onSurface); --B-timeField__width--urgent: 45px; --B-timeField__bg--urgent: var(--B-color__new); --B-timeField__color--urgent: var(--B-color__onNew); --B-timeField__width--warning: 38px; --B-timeField__bg--warning: var(--B-color__live); --B-timeField__color--warning: var(--B-color__onLive); --B-timeField__height--special: 14px; --B-timeField__padding--special: var(--B-dimension__space_0) var(--B-dimension__space_xs); --B-timeField__borderRadius--special: var(--B-dimension__radius_xs); --B-timeField__fontSize--special: 10px; --B-timeField__fontWeight--special: var(--B-typography__fontWeight_boldBody); } [data-betty-theme='pool-racing-dashboard-poolcard'] { --B-dashboard-poolCard__marginTop: var(--B-dimension__space_md); --B-dashboard-poolCard__borderRadius: var(--B-dimension__radius_md); --B-dashboard-poolCard__boxShadow: var(--B-poolCard__borderBoxshadow); --B-dashboard-poolCard__headerHeight: var(--B-dimension__size_4xl); --B-dashboard-poolCard__headerSurface: var(--B-color__surface--hover); --B-dashboard-poolCard__headerBottomBorder: var(--B-dimension__size_1) solid var(--B-color__surfaceBorder); --B-dashboard-poolCard__iconSize: var(--B-dimension__size_md); --B-dashboard-poolCard__iconMargin: var(--B-dimension__space_0) var(--B-dimension__size_sm); --B-dashboard-poolCard-label__fontSize: var(--B-typography__fontSize_sm); --B-dashboard-poolCard-label__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-dashboard-poolCard__raceSurface: var(--B-color__surface); --B-dashboard-poolCard__raceCardSpacing: var(--B-dimension__space_sm); --B-dashboard-poolCard__raceCardGap: var(--B-dimension__space_sm); } [data-betty-theme='pool-racing-poolcard-cardDetails'] { --B-poolcard-details__gap: var(--B-dimension__space_lg); --B-poolcard-details__margin: var(--B-dimension__space_0) var(--B-dimension__space_lg); --B-poolcard-details__padding: var(--B-dimension__space_0); --B-poolcard-details-sandwich__bottomBorderRadius: var( --B-dimension__radius_md ); --B-poolcard-details-sandwich__boxShadow: var(--B-poolCard__borderBoxshadow); /* See size breakpoints in tier1 */ @media (max-width: 600px) { --B-poolcard-details__gap: var(--B-dimension__space_md); } } [data-betty-theme='pool-racing-raceInfo'] { --B-poolCard-raceInfo__minHeight: 42px; --B-poolCard-raceInfo__margin: var(--B-dimension__space_0) var(--B-dimension__space_lg); --B-poolCard-raceInfo__border: solid var(--B-dimension__size_1) var(--B-color__disabledOnLight); --B-poolCard-raceInfo__borderRadius: var(--B-dimension__radius_md); --B-poolCard-raceInfo__bg: var(--B-color__surface, #fff); --B-poolCard-raceInfo__fontSize: var(--B-typography__fontSize_sm, 12px); --B-poolCard-raceInfo__lineHeight: var(--B-typography__lineHeight_xs, 12px); --B-poolCard-raceInfo__padding: var(--B-dimension__space_md); --B-poolCard-raceInfo__boxShadow: 0 var(--B-dimension__space_2xs) var(--B-dimension__space_sm) 0 var(--B-color__onDisabledOnLight); --B-poolCard-raceInfo-label__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-poolCard-raceInfo-header__gap: var(--B-dimension__space_sm, 8px); --B-poolCard-raceInfo-data__marginTop: var(--B-dimension__space_xs, 4px); } [data-betty-theme='pool-racing-marketContainer'] { --B-poolCard-marketContainer__bg: var(--B-color__surface); --B-poolCard-marketContainer__margin: var(--B-dimension__space_0) var(--B-dimension__space_lg); --B-poolCard-marketContainer__boxShadow: var(--B-poolCard__borderBoxshadow); --B-poolCard-marketContainer__borderRadius: var(--B-dimension__radius_md); --B-poolCard-marketContainer-children__borderBottom: var( --B-dimension__size_1 ) solid var(--B-color__surfaceBorder); --B-poolCard-marketContainer-row__height: 75px; --B-poolCard-marketContainer-row__padding: var(--B-dimension__space_sm) var(--B-dimension__space_lg); --B-poolCard-marketContainer-row-scratched__bg: var(--B-color__surface); --B-poolCard-marketContainer-row-scratched-label__width: var( --B-marketContainerButton__width ); /* See defintion at the top */ --B-poolCard-marketContainer-row-scratched-label__fontWeight: var( --B-typography__fontWeight_mediumBody ); --B-poolCard-marketContainer-row-scratched-label__fontSize: var( --B-typography__fontSize_lg ); --B-poolCard-marketContainer-row-scratched-label__color: var( --B-color__onSurface ); --B-poolCard-marketContainer-actions__gap: var(--B-dimension__space_xs); --B-poolCard-marketContainer-oddsContainer__color: var(--B-color__theme); --B-poolCard-marketContainer-oddsContainer__marginRight: var( --B-dimension__size_lg ); --B-poolCard-marketContainer-oddsContainer__width: 120px; --B-poolCard-marketContainer-oddsContainer-odds__fontSize: var( --B-typography__fontSize_md ); --B-poolCard-marketContainer-oddsContainer-odds__fontWeight: var( --B-typography__fontWeight_mediumBody ); --B-poolCard-marketContainer-outcomeButtons__gap: var( --B-dimension__space_xs ); --B-poolCard-marketContainer-outcomeButtons__fontSize: var( --B-typography__fontSize_xl ); --B-poolCard-marketContainer-outcomeButtons__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-poolCard-marketContainer-outcomeButton__width: var( --B-marketContainerButton__width ); /* See defintion at the top */ --B-poolCard-marketContainer-outcomeButton__fontSize: var( --B-typography__fontSize_md ); --B-poolCard-marketContainer-outcomeButton__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-poolCard-marketContainer-finishingPosition__fontSize: var( --B-typography__fontSize_lg; ); /* See size breakpoints in tier1 */ @media (max-width: 600px) { --B-poolCard-marketContainer-row__padding: var(--B-dimension__space_sm) var(--B-dimension__space_md); --B-poolCard-marketContainer-outcomeButton__width: 70px; --B-poolCard-marketContainer-outcomeButton__fontSize: var( --B-typography__fontSize_sm ); --B-poolCard-marketContainer-oddsContainer-odds__fontSize: var( --B-typography__fontSize_2xs ); } } [data-betty-theme='pool-racing-marketContainer-betTypeInfo'] { --B-poolCard-betTypeInfo__height: var(--B-dimension__size_6xl); --B-poolCard-betTypeInfo__padding: var(--B-dimension__space_sm) var(--B-dimension__space_lg); --B-poolCard-betTypeInfo-labelWrapper__gap: var(--B-dimension__space_2xs); --B-poolCard-betTypeInfo-label__fontSize: var(--B-typography__fontSize_md); --B-poolCard-betTypeInfo-label__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-poolCard-betTypeInfo-label__color: var(--B-color__onSurface); --B-poolCard-betTypeInfo-subLabel__fontSize: var(--B-typography__fontSize_sm); --B-poolCard-betTypeInfo-subLabel__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-poolCard-betTypeInfo-subLabel__color: var(--B-color__onSurface); --B-poolCard-betTypeInfo-positions__gap: var(--B-dimension__space_xs); --B-poolCard-betTypeInfo-positionsEmptyDiv__display: flex; --B-poolCard-betTypeInfo-position__fontSize: var(--B-typography__fontSize_sm); --B-poolCard-betTypeInfo-position__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-poolCard-betTypeInfo-position__color: var( --B-color__onSurfaceHeader_weaker ); --B-poolCard-betTypeInfo-position__width: var( --B-marketContainerButton__width ); /* See defintion at the top */ --B-poolCard-betTypeInfo-position__maxWidth: var( --B-poolCard-marketContainer-outcomeButton__width ); /* See size breakpoints in tier1 */ @media (max-width: 600px) { --B-poolCard-betTypeInfo__height: var(--B-dimension__size_5xl); --B-poolCard-betTypeInfo-positionsEmptyDiv__display: none; --B-poolCard-betTypeInfo-position__maxWidth: none !important; } } [data-betty-theme='pool-racing-outcomeItem'] { --B-poolCard-outcomeItem__size: 100%; --B-poolCard-outcomeItem__gap: var(--B-dimension__space_lg); --B-poolCard-outcomeItem-details__gap: var(--B-dimension__space_xs); --B-poolCard-outcomeItem-details-label__fontSize: var( --B-typography__fontSize_md ); --B-poolCard-outcomeItem-details-label__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-poolCard-outcomeItem-details-label__color: var(--B-color__text_primary); --B-poolCard-outcomeItem-details-jockey__fontSize: var( --B-typography__fontSize_sm ); --B-poolCard-outcomeItem-details-jockey__color: var( --B-color__onSurface_weaker ); --B-poolCard-outcomeItem-details-initial-jockey__color: var( --B-color__onSurface ); --B-poolCard-outcomeItem-details-initial-jockey__color: var( --B-color__onSurface ); --B-poolCard-outcomeItem-details-initial-jockey__fontWeight: var( --B-typography__fontWeight_boldBrand ); --B-poolCard-outcomeItem-details-sortOrder__width: var( --B-dimension__space_4xl ); --B-poolCard-outcomeItem-details-sortOrder__height: 100%; --B-poolCard-outcomeItem-details-sortOrder__border: var(--B-dimension__size_1) solid; --B-poolCard-outcomeItem-details-sortOrder__borderRadius: var( --B-dimension__radius_sm ); --B-poolCard-outcomeItem-details-sortOrder__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-poolCard-outcomeItem-details-sortOrder__fontSize: var( --B-typography__fontSize_md ); --B-poolCard-outcomeItem-finishingPosition__width: 36px; --B-poolCard-outcomeItem-finishingPosition__color: var(--B-color__onSurface); --B-poolCard-outcomeItem-finishingPosition__fontFamily: var(--B-font__main); --B-poolCard-outcomeItem-finishingPosition__fontSize: var( --B-typography__fontSize_lg ); --B-poolCard-outcomeItem-finishingPosition__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-poolCard-outcomeItem-finishingPosition__lineHeight: var( --B-typography__lineHeight_lg ); --B-poolCard-outcomeItem-finishingPosition__letterSpacing: var( --B-typography__letterSpacing_default ); /* See size breakpoints in tier1 */ @media (max-width: 600px) { --B-poolCard-outcomeItem-details-sortOrder__width: 30px; } } [data-betty-theme='pool-racing-betOfferQuickNavigation'] { --B-betOfferNavigation__gap: 10px; --B-betOfferNavigation__margin: var(--B-dimension__space_0) var(--B-dimension__space_lg); --B-betOfferNavigationSeperator__width: var(--B-dimension__size_1, 1px); --B-betOfferNavigationSeperator__height: 42px; --B-betOfferNavigationSeperator__margin: var(--B-dimension__space_0) var(--B-dimension__space_sm); --B-betOfferNavigationSeperator__backgroundColor: var( --B-color__surfaceBorder, rgba(0, 0, 0, 0.12) ); } [data-betty-theme='pool-racing-betOfferNavigationItem'] { --B-betOffer-navigationItem__height: var(--B-dimension__size_5xl); --B-betOffer-navigationItem__width: 80px; --B-betOffer-navigationItem__width--noMTP: 72px; --B-betOffer-navigationItem__height--dashboard: 68px; --B-betOffer-navigationItem__width--dashboard: 120px; --B-betOffer-navigationItem__padding: var(--B-dimension__space_sm); --B-betOffer-navigationItem__padding--dashboard: var(--B-dimension__space_sm) var(--B-dimension__space_lg); --B-betOffer-navigationItem__borderRadius: var(--B-dimension__radius_md); --B-betOffer-navigationItem__border: var(--B-dimension__size_1) solid var(--B-color__buttonABorder); --B-betOffer-navigationItem__bg: var(--B-color__buttonA); --B-betOffer-navigationItem__bg--hover: var(--B-color__buttonA--hover); --B-betOffer-navigationItem__bg--selected: var(--B-color__buttonB); --B-betOffer-navigationItem__bg--selectedHover: var( --B-color__buttonB--hover ); --B-betOffer-navigationItem__bg--highlighted: var(--B-color__buttonA); --B-betOffer-navigationItem__bg--highlightedHover: var( --B-color__buttonA--hover ); --B-betOffer-navigationItem__color: var(--B-color__onButtonA); --B-betOffer-navigationItem__color--hover: var(--B-color__onButtonA--hover); --B-betOffer-navigationItem__color--selected: var(--B-color__onButtonB); --B-betOffer-navigationItem__color--selectedHover: var( --B-color__onButtonB--hover ); --B-betOffer-navigationItem__color--highlighted: var(--B-color__onButtonA); --B-betOffer-navigationItem__color--highlightedHover: var( --B-color__onButtonA--hover ); --B-betOffer-navigationItem__borderColor--highlighted: var( --B-dimension__size_2xs ) solid var(--B-color__buttonB); --B-betOffer-navigationItem__regularFontWeight: var( --B-typography__fontWeight_regularBody ); --B-betOffer-navigationItem__boldFontWeight: var( --B-typography__fontWeight_boldBody ); --B-betOffer-navigationItem__regularFontSize: var( --B-typography__fontSize_sm ); --B-betOffer-navigationItem__dashboardOrderFontSize: var( --B-typography__fontSize_md ); --B-betOffer-navigationItem__regularTimeFontSize: var( --B-typography__fontSize_sm ); --B-betOffer-navigationItem__dashboardTimeFontSize: var( --B-typography__fontSize_lg ); --B-betOffer-navigationItem-header__gap: var(--B-dimension__space_xs); --B-betOffer-navigationItem-header-outcomeSelected__size: 10px; --B-betOffer-navigationItem-header-outcomeSelected__bg: var( --B-color__success ); --B-betOffer-navigationItem-header-outcomeSelected__color: var( --B-color__onSuccess ); --B-betOffer-navigationItem__settledRingSize: 14px; --B-betOffer-navigationItem__settledRingMargin: var(--B-dimension__space_xs); --B-betOffer-navigationItem__settledRingBorder: 3px solid #ff0a0a; /* See size breakpoints in tier1 */ @media (max-width: 600px) { --B-betOffer-navigationItem__height: 42px; --B-betOffer-navigationItem__height--dashboard: 62px; --B-betOffer-navigationItem__width--dashboard: 85px; --B-betOffer-navigationItem__width--noMTP: 64px; --B-betOffer-navigationItem__padding--dashboard: var( --B-dimension__space_sm ); --B-betOffer-navigationItem__settledRingSize: var(--B-dimension__size_md); } } [data-betty-theme='pool-racing-poolCard-quickSelect'] { --B-poolCard-quickSelect__backgroundColor: var(--B-color__theme); --B-poolCard-quickSelect__color: var(--B-color__onHeader); --B-poolCard-quickSelect-sectionTop__margin: var(--B-dimension__space_md); --B-poolCard-quickSelect-sectionTop__height: var(--B-dimension__size_5xl); --B-poolCard-quickSelect-sectionTop__justifyContent: flex-start; --B-poolCard-quickSelect-leftSection__gap: var(--B-dimension__space_sm); --B-poolCard-quickSelect-backButton__size: var(--B-dimension__size_xl); --B-poolCard-quickSelect-backButton__margin: 10px; --B-poolCard-quickSelect-backButton__hoverFill: var( --B-color__onThemeDark_weaker--hover ); --B-poolCard-quickSelect-backButton__activeFill: var( --B-color__onThemeDark_weaker--active ); --B-poolCard-quickSelect-expandButton__size: var(--B-dimension__size_2xl); --B-poolCard-quickSelect-pools__margin: 0 var(--B-dimension__space_md) var(--B-dimension__space_lg); --B-poolCard-quickSelect-pools__gap: var(--B-dimension__size_lg); --B-poolCard-quickSelect-pools__maxHeight: 288px; --B-poolCard-quickSelect-pools__scrollbarColor: var(--B-color__headerBorder) var(--B-poolCard-quickSelect__backgroundColor); --B-poolCard-quickSelect-pools__color: var(--B-color__onHeader); /* See size breakpoints in tier1 */ @media (max-width: 600px) { --B-poolCard-quickSelect-sectionTop__justifyContent: space-between; } } [data-betty-theme='pool-racing-poolCard-quickSelect-details'] { --B-poolCard-quickSelect-details__bg: var(--B-color__theme); --B-poolCard-quickSelect-details-header__height: var(--B-dimension__size_4xl); --B-poolCard-quickSelect-details-raceCard__gap: var(--B-dimension__space_sm); } [data-betty-theme='pool-racing-upcomingRaces'] { --B-upcomingRaces__gap: var(--B-dimension__space_sm); --B-upcomingRaces__padding: var(--B-dimension__space_lg); /* See size breakpoints in tier1 */ @media (max-width: 600px) { --B-upcomingRaces__padding: var(--B-dimension__space_lg) var(--B-dimension__space_md); } } [data-betty-theme='pool-racing-upcomingRaceItem'] { --B-upcomingRaceItem__bg: var(--B-color__surface); --B-upcomingRaceItem__bg--hover: var(--B-color__surface--hover); --B-upcomingRaceItem__bg--active: var(--B-color__surface--active); --B-upcomingRaceItem__textColor: var(--B-color__onSurface); --B-upcomingRaceItem__textColor--hover: var(--B-color__onSurface--hover); --B-upcomingRaceItem__textColor--active: var(--B-color__onSurface--active); --B-upcomingRaceItem__height: var(--B-dimension__size_7xl); --B-upcomingRaceItem__width: 144px; --B-upcomingRaceItem__borderRadius: var(--B-dimension__radius_md); --B-upcomingRaceItem__boxShadow: var(--B-dimension__size_0) var(--B-dimension__size_2xs) var(--B-dimension__size_sm) var(--B-dimension__size_0) var(--B-color__onDisabledOnLight); --B-upcomingRaceItem__horizontalPadding: var(--B-dimension__space_md); --B-upcomingRaceItem__verticalPadding: var(--B-dimension__space_sm); --B-upcomingRaceItem__headerHeight: var(--B-typography__lineHeight_xl); --B-upcomingRaceItem__headerFlagSize: var(--B-dimension__size_lg); --B-upcomingRaceItem__regularFontSize: var(--B-typography__fontSize_md); --B-upcomingRaceItem__boldFontWeight: var( --B-typography__fontWeight_boldBody ); --B-upcomingRaceItem__raceTrackFontWeight: var( --B-typography__fontWeight_regularBody ); --B-upcomingRaceItem__raceTrackHeight: var(--B-typography__lineHeight_lg); } [data-betty-theme='pool-racing-betslip'] { --B-racingBetslip__padding: var(--B-dimension__space_sm); --B-racingBetslip__gap: var(--B-dimension__space_sm); --B-racingBetslip-clearBets__height: var(--B-dimension__size_3xl); --B-racingBetslip-clearBets__paddingRight: var(--B-dimension__space_sm); --B-racingBetslip-clearBets__bg: var(--B-color__surface); --B-racingBetslip-clearBets-button__width: 100px; --B-racingBetslip-clearBets-button__fontSize: var( --B-typography__fontSize_sm ); --B-racingBetslip-clearBets-button__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-racingBetslip-emptyBetslip__height: 204px; --B-racingBetslip-emptyBetslip__bg: var(--B-color__surface); --B-racingBetslip-emptyBetslip__padding: 36px 26px 48px 36px; --B-racingBetslip-emptyBetslip__gap: var(--B-dimension__space_md); --B-racingBetslip-emptyBetslip-headline__color: var(--B-color__onSurface); --B-racingBetslip-emptyBetslip-headline__fontSize: var( --B-typography__fontSize_md ); --B-racingBetslip-emptyBetslip-headline__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-racingBetslip-emptyBetslip-headline__lineHeight: var( --B-typography__lineHeight_md ); --B-racingBetslip-emptyBetslip-subHeadline__color: var(--B-color__onSurface); --B-racingBetslip-emptyBetslip-subHeadline__fontSize: var( --B-typography__fontSize_sm ); --B-racingBetslip-emptyBetslip-subHeadline__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-racingBetslip-emptyBetslip-subHeadline__lineHeight: var( --B-typography__lineHeight_md ); --B-racingBetslip-emptyBetslip-icon__fill: var(--B-color__onFavorite); --B-racingBetslip-emptyBetslip-icon__size: var(--B-dimension__size_7xl); } [data-betty-theme='stake-input-modal'] { --B-stakeModal__width: 346px; --B-stakeModal__maxHeight: 600px; --B-stakeModal__borderRadius: var(--B-dimension__radius_md); --B-stakeModal__boxShadow: var(--B-dimension__size_0) var(--B-dimension__size_xs) var(--B-dimension__size_lg) var(--B-color__themeBorder); --B-stakeModal__bgColor: var(--B-color__surface); --B-stakeModal__overlayBgColor: rgba(0, 0, 0, 0.4); --B-stakeModal__borderColor: #e0e0e0; --B-stakeModal__contentPadding: var(--B-dimension__space_lg); --B-stakeModal__contentGap: var(--B-dimension__space_md); --B-stakeModal__buttonsGap: var(--B-dimension__space_sm); --B-stakeModal__quickButtonHeight: var(--B-dimension__size_4xl); --B-stakeModal__quickButtonBgColor: var(--B-color__ButtonA); --B-stakeModal__quickButtonBorder: 1px solid var(--B-stakeModal__borderColor); --B-stakeModal__quickButtonBorderRadius: var(--B-dimension__radius_md); --B-stakeModal__quickButtonFontSize: var(--B-typography__fontSize_md); --B-stakeModal__quickButtonFontWeight: 600; --B-stakeModal__quickButtonColor: var(--B-color__onButtonA); --B-stakeModal__quickButtonHoverBgColor: var(--B-color__buttonA--hover); --B-stakeModal__quickButtonActiveBgColor: var(--B-color__buttonA--active); --B-stakeModal__calcButtonHeight: var(--B-dimension__size_4xl); --B-stakeModal__calcButtonBgColor: var(--B-color__buttonB); --B-stakeModal__calcButtonBorder: 1px solid var(--B-stakeModal__borderColor); --B-stakeModal__calcButtonBorderRadius: var(--B-dimension__radius_md); --B-stakeModal__calcButtonFontSize: var(--B-typography__fontSize_md); --B-stakeModal__calcButtonFontWeight: var( --B-typography__fontWeight_regularBody ); --B-stakeModal__calcButtonColor: var(--B-color__onButtonB); --B-stakeModal__calcButtonHoverBgColor: var(--B-color__buttonB--hover); --B-stakeModal__calcButtonActiveBgColor: var(--B-color__buttonB--active); --B-stakeModal__deleteButtonSvgSize: 20px; --B-stakeModal__overlayBoxShadow: 0 12px 17px 0 rgba(0, 0, 0, 0.14), 0 5px 22px 0 rgba(0, 0, 0, 0.12), 0 7px 8px 0 rgba(0, 0, 0, 0.2); } [data-betty-theme='pool-racing-betslipItem'] { --B-racingBetslip__betslipItemSuccessDelay: 3s; --B-racingBetslip__betslipItemSuccessDuration: 1s; --B-racingBetslip__wrapperBorderRadius: var(--B-dimension__radius_sm); --B-racingBetslip__wrapperBgColor: var(--B-color__surface); --B-racingBetslip__wrapperBoxShadow: var(--B-dimension__size_0) var(--B-dimension__size_1) 6px var(--B-dimension__size_0) rgba(0, 0, 0, 0.1); --B-racingBetslip__cancelButtonWidth: var(--B-dimension__size_2xl); --B-racingBetslip__cancelButtonBgColor: var(--B-color__surfaceAlternative); --B-racingBetslip__cancelButtonBgColor--hover: var( --B-color__surfaceAlternative--hover ); --B-racingBetslip__cancelButtonBgColor--active: var( --B-color__surfaceAlternative--active ); --B-racingBetslip__cancelButtonBorder: var(--B-dimension__size_1) solid var(--B-color__surfaceBorder); --B-racingBetslip__cancelButtonIconSize: var(--B-dimension__size_lg); --B-racingBetslip__cancelButtonIconFill: var(--B-color__danger); --B-racingBetslip__itemPadding: var(--B-dimension__space_sm); --B-racingBetslip__itemHeaderHeight: 52px; --B-racingBetslip__itemHeaderGap: var(--B-dimension__space_xs); --B-racingBetslip__itemHeaderLabelFontSize: var(--B-typography__fontSize_md); --B-racingBetslip__itemHeaderLabelFontWeight: var( --B-typography__fontWeight_boldBody ); --B-racingBetslip__itemHeaderRaceInfoFontSize: var( --B-typography__fontSize_sm ); --B-racingBetslip__actionsMargin: var(--B-dimension__space_sm) var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_0); --B-racingBetslip__actionsDataLabelFontSize: var(--B-typography__fontSize_md); --B-racingBetslip__actionsDataLabelFontWeight: var( --B-typography__fontWeight_boldBrand ); --B-racingBetslip__actionsDataCombinationsFontSize: var( --B-typography__fontSize_sm ); --B-racingBetslip__actionsDataCombinationsFontWeight: var( --B-typography__fontWeight_mediumBrand ); --B-racingBetslip__actionsStakeHeight: 28px; --B-racingBetslip__actionsStakeFontSize: var(--B-typography__fontSize_md); --B-racingBetslip__actionsStakeFontWeight: var( --B-typography__fontWeight_boldBody ); --B-racingBetslip__actionsStakeBorder: var(--B-dimension__size_1) solid var(--B-color__surfaceBorder); --B-racingBetslip__actionsStakeBorderRadius: var(--B-dimension__radius_sm); --B-racingBetslip__actionsStakeDisabledBgColor: var( --B-color__disabledOnLight ); --B-racingBetslip__actionsStakeDisabledColor: var( --B-color__onDisabledOnLight ); --B-racingBetslip-errorMessage__margin: 8px 0px; --B-racingBetslip-errorMessage__padding: 8px; --B-racingBetslip-errorMessage__borderRadius: 8px; --B-racingBetslip-errorMessage__bg: rgba(51, 51, 51, 0.04); --B-racingBetslip-errorMessage__fontWeight: 400; --B-racingBetslip-errorMessage__fontSize: var(--B-typography__fontSize_sm); --B-racingBetslip-errorMessage__lineHeight: var( --B-typography__lineHeight_md ); --B-racingBetslip-errorMessage__color: var(--B-color__onSurface_weaker); --B-racingBetslip-errorMessage__gap: var(--B-dimension__space_xm); --B-racingBetslip-errorMessageWarning__fill: var(--B-color__warning); --B-racingBetslip-errorMessageWarning__width: 14px; --B-racingBetslip-errorMessageWarning__height: 14px; } [data-betty-theme='pool-racing-betslipItemSuccess'] { --B-racingBetslip__betslipItemSuccessBg: rgba(0, 0, 0, 0.5); --B-racingBetslip__betslipItemSuccessContentWidth: 294px; --B-racingBetslip__betslipItemSuccessContentHeight: 68px; --B-racingBetslip__betslipItemSuccessContentBg: #31322e; --B-racingBetslip__betslipItemSuccessContentColor: white; --B-racingBetslip__betslipItemSuccessContentBorderLeft: var( --B-dimension__size_sm ) solid var(--B-color__cashOut); --B-racingBetslip__betslipItemSuccessContentBorderRadius: var( --B-dimension__radius_sm ); --B-racingBetslip__betslipItemSuccessIconWrapperSize: 68px; --B-racingBetslip__betslipItemSuccessFakeIconBg: var(--B-color__cashOut); --B-racingBetslip__betslipItemSuccessFakeIconSize: var( --B-dimension__size_2xl ); --B-racingBetslip__betslipItemSuccessFakeIconBorderRadius: 50%; --B-racingBetslip__betslipItemSuccessIconSize: 44px; --B-racingBetslip__betslipItemSuccessLabelFontSize: var( --B-typography__fontSize_md ); --B-racingBetslip__betslipItemSuccessLabelFontWeight: var( --B-typography__fontWeight_regularBody ); } [data-betty-theme='pool-racing-placeBetButton'] { --B-racingBetslip-placeBetButton__height: var(--B-dimension__size_4xl); --B-racingBetslip-placeBetButton__margin: var(--B-dimension__space_sm) var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_0); --B-racingBetslip-placeBetButton__padding: var(--B-dimension__space_0) var(--B-dimension__space_sm) var(--B-dimension__space_0) var(--B-dimension__space_md); --B-racingBetslip-placeBetButton__bg: var(--B-color__transaction); --B-racingBetslip-placeBetButton__color: var(--B-color__onTransaction); --B-racingBetslip-placeBetButton__color--hover: var( --B-color__onTransaction--hover ); --B-racingBetslip-placeBetButton__bg--hover: var( --B-color__transaction--hover ); --B-racingBetslip-placeBetButton__color--active: var( --B-color__onTransaction--active ); --B-racingBetslip-placeBetButton__bg--active: var( --B-color__transaction--active ); --B-racingBetslip-placeBetButton__borderRadius: var(--B-dimension__radius_sm); --B-racingBetslip-placeBetButton__fontSize: var(--B-typography__fontSize_md); --B-racingBetslip-placeBetButton__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-racingBetslip-placeBetButton__disabledBg: var(--B-color__disabledOnLight); --B-racingBetslip-placeBetButton__disabledColor: var( --B-color__onDisabledOnLight ); } [data-betty-theme='pool-racing-betslipDetails'] { --B-racingBetslipDetails__gap: var(--B-dimension__space_xs); --B-racingBetslipDetails__rowMinHeight: var(--B-dimension__size_4xl); --B-racingBetslipDetails__rowGap: var(--B-dimension__space_sm); --B-racingBetslipDetails__rowPadding: var(--B-dimension__space_0) 18px var(--B-dimension__space_sm) 18px; --B-racingBetslipDetails__rowBeforeTop: var(--B-dimension__space_xs); --B-racingBetslipDetails__rowBeforeLeft: var(--B-dimension__space_1); --B-racingBetslipDetails__rowBeforeSize: 5px; --B-racingBetslipDetails__rowBeforeBorderRadius: 50%; --B-racingBetslipDetails__rowBeforeBorder: var(--B-dimension__space_2xs) solid var(--B-color__surfaceBorder); --B-racingBetslipDetails__rowAfterTop: 14px; --B-racingBetslipDetails__rowAfterLeft: var(--B-dimension__space_xs); --B-racingBetslipDetails__rowAfterBottom: calc(-1 * 3px); --B-racingBetslipDetails__rowAfterBorder: 3px dotted var(--B-color__surfaceBorder); --B-racingBetslipDetails__raceNameSize: var(--B-dimension__size_4xl); --B-racingBetslipDetails__raceNameFontWeight: var( --B-typography__fontWeight_boldBody ); --B-racingBetslipDetails__raceNameFontSize: var(--B-typography__fontSize_md); --B-racingBetslipDetails__raceTimeFontWeight: var( --B-typography__fontWeight_mediumBrand ); --B-racingBetslipDetails__raceTimeFontSize: var(--B-typography__fontSize_xs); --B-racingBetslipDetails__raceTimeColor: var(--B-color__onSurface); } [data-betty-theme='pool-racing-betslipOutcomes'] { --B-racingBetslipOutcome__wrapperGap: var(--B-dimension__space_xs); --B-racingBetslipOutcome__fontWeight: var( --B-typography__fontWeight_boldBrand ); --B-racingBetslipOutcome__fontSize: var(--B-typography__fontSize_sm); --B-racingBetslipOutcome__labelHeight: var(--B-dimension__size_xl); --B-racingBetslipOutcome__labelPadding: var(--B-dimension__space_2xs) var(--B-dimension__space_sm); --B-racingBetslipOutcome__labelMaxWidth: 20ch; --B-racingBetslipOutcome__labelBorderRadius: var(--B-dimension__radius_sm); --B-racingBetslipOutcome__labelBgColor: var(--B-color__outcome--hover); --B-racingBetslipOutcome__ppBorder: var(--B-dimension__space_1) solid; --B-racingBetslipOutcome__ppBorderRadius: var(--B-dimension__radius_sm); --B-racingBetslipOutcome__ppSize: var(--B-dimension__size_2xl); } [data-betty-theme='pool-racing-postPositions'] { --B-postPositions__colorOne: #ffffff; --B-postPositions__borderOne: #ff0000; --B-postPositions__backgroundOne: #ff0000; --B-postPositions__colorTwo: #000000; --B-postPositions__borderTwo: #000000; --B-postPositions__backgroundTwo: #ffffff; --B-postPositions__colorThree: #ffffff; --B-postPositions__borderThree: #0000ff; --B-postPositions__backgroundThree: #0000ff; --B-postPositions__colorFour: #000000; --B-postPositions__borderFour: #ffff00; --B-postPositions__backgroundFour: #ffff00; --B-postPositions__colorFive: #ffffff; --B-postPositions__borderFive: #008000; --B-postPositions__backgroundFive: #008000; --B-postPositions__colorSix: #ffff00; --B-postPositions__borderSix: #000000; --B-postPositions__backgroundSix: #000000; --B-postPositions__colorSeven: #000000; --B-postPositions__borderSeven: #ff6600; --B-postPositions__backgroundSeven: #ff6600; --B-postPositions__colorEight: #000000; --B-postPositions__borderEight: #ff99cc; --B-postPositions__backgroundEight: #ff99cc; --B-postPositions__colorNine: #000000; --B-postPositions__borderNine: #02ffff; --B-postPositions__backgroundNine: #02ffff; --B-postPositions__colorTen: #ffffff; --B-postPositions__borderTen: #800080; --B-postPositions__backgroundTen: #800080; --B-postPositions__colorEleven: #ff0000; --B-postPositions__borderEleven: #959595; --B-postPositions__backgroundEleven: #959595; --B-postPositions__colorTwelve: #000000; --B-postPositions__borderTwelve: #99cc00; --B-postPositions__backgroundTwelve: #99cc00; --B-postPositions__colorThirteen: #ffffff; --B-postPositions__borderThirteen: #281c04; --B-postPositions__backgroundThirteen: #281c04; --B-postPositions__colorFourteen: #ffff00; --B-postPositions__borderFourteen: #5e0a0a; --B-postPositions__backgroundFourteen: #5e0a0a; --B-postPositions__colorFifteen: #000000; --B-postPositions__borderFifteen: #ded9c3; --B-postPositions__backgroundFifteen: #ded9c3; --B-postPositions__colorSixteen: #e36c09; --B-postPositions__borderSixteen: #99ccff; --B-postPositions__backgroundSixteen: #99ccff; --B-postPositions__colorSeventeen: #ffffff; --B-postPositions__borderSeventeen: #0a1d32; --B-postPositions__backgroundSeventeen: #0a1d32; --B-postPositions__colorEighteen: #ffff00; --B-postPositions__borderEighteen: #022206; --B-postPositions__backgroundEighteen: #022206; --B-postPositions__colorNineteen: #ff0000; --B-postPositions__borderNineteen: #003399; --B-postPositions__backgroundNineteen: #003399; --B-postPositions__colorTwenty: #ffff00; --B-postPositions__borderTwenty: #ff3399; --B-postPositions__backgroundTwenty: #ff3399; --B-postPositions__colorTwentyOne: #000000; --B-postPositions__borderTwentyOne: #b5b3d9; --B-postPositions__backgroundTwentyOne: #b5b3d9; --B-postPositions__colorTwentyTwo: #ffffff; --B-postPositions__borderTwentyTwo: #10446d; --B-postPositions__backgroundTwentyTwo: #10446d; --B-postPositions__colorTwentyThree: #022206; --B-postPositions__borderTwentyThree: #bdd6ce; --B-postPositions__backgroundTwentyThree: #bdd6ce; --B-postPositions__colorTwentyFour: #fafaf9; --B-postPositions__borderTwentyFour: #42502c; --B-postPositions__backgroundTwentyFour: #42502c; } [data-betty-theme='pool-racing-betHistory-navigationBar'] { --B-navigationBar__bg: var(--B-color__canvas); --B-navigationBar__fontWeight: var(--B-typography__fontWeight_boldBody); --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: var(--B-dimension__size_2xs) solid var(--B-color__onSurface); --B-navigationBar__boxShadow: var(--B-dimension__size_0) var(--B-dimension__size_0) var(--B-dimension__size_0) var(--B-dimension__size_0); --B-navigationBar__borderTop: none; --B-navigationBar__textTransform: none; } [data-betty-theme='pool-racing-betHistory'] { --B-poolBetHistory__padding: var(--B-dimension__space_0) var(--B-dimension__space_md); --B-poolBetHistory-wrapper__padding: var(--B-dimension__space_lg) var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_0); --B-poolBetHistory-wrapper__width: 90%; --B-poolBetHistory-wrapper__minWidth: var(--B-poolCard__minWidth); --B-poolBetHistory-wrapper__maxWidth: var(--B-poolRacing-breakpoint__large); --B-poolBetHistory-wrapper__gap: var(--B-dimension__space_lg); --B-poolBetHistory-loadMoreButton__height: 40px; --B-poolBetHistory-loadMoreButton__margin: var(--B-dimension__space_0) auto; --B-poolBetHistory-loadMoreButton__color: var(--B-color__onButtonB); --B-poolBetHistory-loadMoreButton__color--disabled: rgba(0, 0, 0, 0.32); --B-poolBetHistory-loadMoreButton__bgColor: var(--B-color__buttonB); --B-poolBetHistory-loadMoreButton__bgColor--hover: var(--B-color__buttonB); --B-poolBetHistory-loadMoreButton__bgColor--active: var(--B-color__buttonB); --B-poolBetHistory-loadMoreButton__bgColor--disabled: var( --B-color__disabledOnDark ); --B-poolBetHistory-loadMoreButton__border: var(--B-dimension__size_1) solid var(--B-color__onHighlight); --B-poolBetHistory-loadMoreButton__border--hover: var(--B-dimension__size_1) solid var(--B-color__onHighlight); --B-poolBetHistory-loadMoreButton__border--active: var(--B-dimension__size_1) solid var(--B-color__onHighlight); --B-poolBetHistory-loadMoreButton__border--disabled: var( --B-dimension__size_1 ) solid rgba(0, 0, 0, 0.32); --B-poolBetHistory-loadMoreButton__borderRadius: var( --B-dimension__radius_md ); --B-poolBetHistory-loadMoreButton__padding: var(--B-dimension__space_0) var(--B-dimension__space_lg) var(--B-dimension__space_0) var(--B-dimension__space_lg); --B-poolBetHistory-loadMoreButton__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-poolBetHistory-loadMoreButton__fontSize: var(--B-typography__fontSize_lg); } [data-betty-theme='pool-racing-betHistory-item'] { --B-poolBetHistory-item__bgColor: var(--B-color__surface); --B-poolBetHistory-item__color: var(--B-color__onSurface); --B-poolBetHistory-item__borderRadius: var(--B-dimension__radius_md); --B-poolBetHistory-item__boxShadow: var(--B-poolCard__borderBoxshadow); --B-poolBetHistory-item__minWidth: var(--B-poolCard__minWidth); --B-poolBetHistory-item__padding: var(--B-dimension__space_lg); --B-poolBetHistory-item-top-header__fontSize: var( --B-typography__fontSize_lg ); --B-poolBetHistory-item-top-header__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-poolBetHistory-item-top-couponInfo__fontSize: var( --B-typography__fontSize_2xs ); --B-poolBetHistory-item-top-couponInfo__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-poolBetHistory-item-top-couponInfo__color: var( --B-color__onSurface_weaker ); --B-poolBetHistory-item-top-couponInfo__dividerMargin: var( --B-dimension__space_0 ) var(--B-dimension__space_xs); --B-poolBetHistory-item-top-betTypeInfo__margin: var(--B-dimension__space_md) var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_0); --B-poolBetHistory-item-top-betTypeInfo__gap: var(--B-dimension__space_xs); --B-poolBetHistory-item-top-betTypeInfo-label__fontWeight: var( --B-typography__fontWeight_mediumBody ); --B-poolBetHistory-item-top-betTypeInfo-label__fontSize: var( --B-typography__fontSize_md ); --B-poolBetHistory-item-top-betTypeInfo-race__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-poolBetHistory-item-top-betTypeInfo-race__fontSize: var( --B-typography__fontSize_sm ); --B-poolBetHistory-item-top-betTypeInfo-race__resultFontWeight: var( --B-typography__fontWeight_mediumBody ); --B-poolBetHistory-item-payout-wrapper__margin: var(--B-dimension__space_md) var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_0); --B-poolBetHistory-item-payout-wrapper-label__fontSize: var( --B-typography__fontSize_sm ); --B-poolBetHistory-item-payout-wrapper-label__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-poolBetHistory-item-payout-wrapper-label__color: var( --B-color__onSurface_weaker ); --B-poolBetHistory-item-payout-wrapper-label-bold__color: var( --B-color__onSurface_weaker ); --B-poolBetHistory-item-payout-wrapper-label-bold__fontWeight: var( --B-typography__fontWeight_mediumBody ); --B-poolBetHistory-item-payout-wrapper-label-bold-won__color: var( --B-color__betWon ); } [data-betty-theme='pool-racing-betHistory-couponRow'] { --B-poolBetHistory-couponRow__borderTop: var(--B-dimension__size_1) solid var(--B-color__surfaceBorder); --B-poolBetHistory-couponRow-openBet__padding: var(--B-dimension__space_md); --B-poolBetHistory-couponRow-openBet__color: var(--B-color__onSurface); --B-poolBetHistory-couponRow-openBet-header__fontSize: var( --B-typography__fontSize_md ); --B-poolBetHistory-couponRow-openBet-header__fontWeight: var( --B-typography__fontWeight_mediumBody ); --B-poolBetHistory-couponRow-openBet-details__fontSize: var( --B-typography__fontSize_sm ); --B-poolBetHistory-couponRow-openBet-details__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-poolBetHistory-couponRow-indicator__width: var(--B-dimension__space_2xl); --B-poolBetHistory-couponRow-indicator__fontSize: var( --B-typography__fontSize_sm ); --B-poolBetHistory-couponRow-indicator__color: var(--B-color__surface); --B-poolBetHistory-couponRow-indicator__borderTop: var(--B-dimension__size_1) solid var(--B-color__themeBorder); --B-poolBetHistory-couponRow-statusWon__backgroundColor: var( --B-color__betWon ); --B-poolBetHistory-couponRow-statusWon__color: var(--B-color__onBetWon); --B-poolBetHistory-couponRow-statusLost__backgroundColor: var( --B-color__betLost ); --B-poolBetHistory-couponRow-statusLost__color: var(--B-color__onBetLost); --B-poolBetHistory-couponRow-statusPending__backgroundColor: var( --B-color__betOpen ); --B-poolBetHistory-couponRow-statusPending__color: var(--B-color__onBetOpen); --B-poolBetHistory-couponRow-content__padding: var(--B-dimension__space_md); --B-poolBetHistory-couponRow-content__fontSize: var( --B-typography__fontSize_sm ); --B-poolBetHistory-couponRow-content__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-poolBetHistory-couponRow-content__color: var(--B-color__onSurface); --B-poolBetHistory-couponRow-content-market__fontSize: var( --B-typography__fontSize_md ); --B-poolBetHistory-couponRow-content-market__fontWeight: var( --B-typography__fontWeight_boldBody ); --B-poolBetHistory-couponRow-content-results__color: var( --B-color__onSurface_weaker ); --B-poolBetHistory-couponRow-content-label__fontSize: var( --B-typography__fontSize_sm ); } [data-betty-theme='sticker--pool-racing-betHistory-status-won'] { --B-sticker__fontSize: var(--B-typography__fontSize_xs); --B-sticker__fontWeight: var(--B-typography__fontWeight_boldBody); --B-sticker__padding: var(--B-dimension__space_2xs) var(--B-dimension__space_xs); --B-sticker__height: var(--B-dimension__size_lg); --B-sticker__bg: var(--B-color__betWon); --B-sticker__color: var(--B-color__onBetWon); --B-sticker__borderRadius: var(--B-dimension__radius_sm); --B-sticker__textTransform: uppercase; } [data-betty-theme='sticker--pool-racing-betHistory-status-lost'] { --B-sticker__fontSize: var(--B-typography__fontSize_xs); --B-sticker__fontWeight: var(--B-typography__fontWeight_boldBody); --B-sticker__padding: var(--B-dimension__space_2xs) var(--B-dimension__space_xs); --B-sticker__height: var(--B-dimension__size_lg); --B-sticker__bg: var(--B-color__betLost); --B-sticker__color: var(--B-color__onBetWon); --B-sticker__borderRadius: var(--B-dimension__radius_sm); --B-sticker__textTransform: uppercase; } [data-betty-theme='sticker--pool-racing-betHistory-status-void'] { --B-sticker__fontSize: var(--B-typography__fontSize_xs); --B-sticker__fontWeight: var(--B-typography__fontWeight_boldBody); --B-sticker__padding: var(--B-dimension__space_2xs) var(--B-dimension__space_xs); --B-sticker__height: var(--B-dimension__size_lg); --B-sticker__bg: var(--B-color__betOpen); --B-sticker__color: var(--B-color__onSurface_weaker); --B-sticker__borderRadius: var(--B-dimension__radius_sm); --B-sticker__textTransform: uppercase; } [data-betty-theme='sticker--pool-racing-betHistory-status-pending'] { --B-sticker__fontSize: var(--B-typography__fontSize_xs); --B-sticker__fontWeight: var(--B-typography__fontWeight_boldBody); --B-sticker__padding: var(--B-dimension__space_2xs) var(--B-dimension__space_xs); --B-sticker__height: var(--B-dimension__size_lg); --B-sticker__bg: none; --B-sticker__color: var(--B-color__onSurface_weaker); --B-sticker__borderRadius: var(--B-dimension__radius_sm); --B-sticker__textTransform: uppercase; } [data-betty-theme='pool-racing-settings-page'] { --B-settingsPage-header__height: var(--B-dimension__size_5xl); --B-settingsPage-header__bg: var(--B-color__header); --B-settingsPage-header__bg--hover: var(--B-color__header--hover); --B-settingsPage-header__bg--active: var(--B-color__header--active); --B-settingsPage-header__color: var(--B-color__onHeader); --B-settingsPage-header__color--hover: var(--B-color__onHeader--hover); --B-settingsPage-header__color--active: var(--B-color__onHeader--active); --B-settingsPage-header__gap: var(--B-dimension__space_lg); --B-settingsPage-header__fontSize: var(--B-typography__fontSize_lg); --B-settingsPage-header__fontWeight: var(--B-typography__fontWeight_boldBody); --B-settingsPage-header-back__size: var(--B-dimension__size_xl); --B-settingsPage-header-back__margin: var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_lg); --B-settingsPage-content__bg: var(--B-color__surface); --B-settingsPage-content__borderRadius: var(--B-dimension__radius_md); --B-settingsPage-content__margin: var(--B-dimension__space_lg); --B-settingsPage-content-header__height: var(--B-dimension__size_4xl); --B-settingsPage-content-header__padding: var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_0) var(--B-dimension__space_lg); --B-settingsPage-content-legend__fontWeight: var( --B-typography__fontWeight_regularBody ); --B-settingsPage-content-legend__padding: var(--B-dimension__space_2xl) var(--B-dimension__space_lg) var(--B-dimension__space_0) var(--B-dimension__space_0); --B-settingsPage-content-label__height: var(--B-dimension__size_4xl); --B-settingsPage-content-label__gap: var(--B-dimension__space_md); --B-settingsPage-content-label__fontSize: var(--B-typography__fontSize_md); --B-settingsPage-footer__bg: var(--B-color__buttonB); --B-settingsPage-footer__bg--hover: var(--B-color__buttonB--hover); --B-settingsPage-footer__bg--active: var(--B-color__buttonB--active); --B-settingsPage-footer__color: var(--B-color__onButtonB); --B-settingsPage-footer__color--hover: var(--B-color__onButtonB--hover); --B-settingsPage-footer__color--active: var(--B-color__onButtonB--active); --B-settingsPage-footer__borderRadius: var(--B-dimension__radius_md); --B-settingsPage-footer__fontSize: var(--B-typography__fontSize_md); --B-settingsPage-footer__padding: var(--B-dimension__space_md) var(--B-dimension__space_lg); /* See size breakpoints in tier1 */ @media (max-width: 600px) { --B-settingsPage-content__margin: var(--B-dimension__space_md); } } [data-betty-theme='pool-racing-settings-button'] { --B-settingsButton__bg: var(--B-color__buttonGhostA); --B-settingsButton__bg--hover: var(--B-color__buttonGhostA--hover); --B-settingsButton__bg--active: var(--B-color__buttonGhostA--active); --B-settingsButton__color: var(--B-color__onButtonGhostA); --B-settingsButton__color--hover: var(--B-color__onButtonGhostA--hover); --B-settingsButton__color--active: var(--B-color__onButtonGhostA--active); --B-settingsButton__border: var(--B-dimension__size_1) solid var(--B-color__buttonGhostABorder); --B-settingsButton__borderRadius: var(--B-buttonAlternativeRadius); --B-settingsButton__fontWeight: var(--B-typography__fontWeight_boldBody); --B-settingsButton__fontSize: var(--B-typography__fontSize_sm); --B-settingsButton__gap: var(--B-dimension__space_2xs); --B-settingsButton__padding: var(--B-dimension__space_sm); --B-settingsButton-icon__size: var(--B-dimension__size_lg); } [data-betty-theme] { --B-eventpage__containerMaxWidth: 900px; --B-eventpage__containerPadding: 0 12px; --B-betofferSubcategory__containerPadding: 12px; --B-singleColumn__betOfferSubCategoryLabelMinHeight: 32px; } [data-betty-theme] { --B-bethistory__contentPadding: 0 12px; --B-bethistory__contentPaddingWide: 0; } [data-betty-theme] { --B-footer__marginTop: 32px; --B-footer__paddingBottom: 106px; --B-footer__linksSettingsMarginTop: 0; } [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: min( var(--B-sportsMenu__menuItemBorderRadius), 20px ); --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-sideNavigation__navigationBorderRadius: var(--B-dimension__radius_md); } [data-betty-theme] { --B-standaloneMatchCard__fontFamily: var(--B-font__primary); --B-standaloneMatchCard__color: var(--B-color__onPromo); --B-standaloneMatchCard__fontSize: 12px; --B-standaloneMatchCard__lineHeight: 16px; --B-standaloneMatchCard__bgColor: var(--B-color__promo); --B-standaloneMatchCard__iconColor: var(--B-color__onPromo); --B-standaloneMatchCard__borderRadius: var(--B-surfaceItemRadius, 8px); --B-standaloneMatchCard__marketTitleLineColor: var(--B-color__promoBorder); --B-standaloneMatchCard__sportIconWrapperSize: 16px; --B-standaloneMatchCard__sportIconSize: 12px; --B-standaloneMatchCard__participantIconWrapperSize--small: 24px; --B-standaloneMatchCard__participantIconWrapperSize--large: 48px; --B-standaloneMatchCard__liveIconColor: var(--B-color__highlight); --B-standaloneMatchCard__liveIconWrapperSize: 20px; --B-standaloneMatchCard__liveIconWidth: 30px; --B-standaloneMatchCard__liveIconHeight: 20px; --B-standaloneMatchCard__scoreboardPadding: 0 12px; --B-standaloneMatchCard__scoreboardMarginBottom: 8px; --B-standaloneMatchCard__scoreboardMarginBottom--prime: 16px; --B-standaloneMatchCard__scoreboardParticipantNameFontSize: 14px; --B-standaloneMatchCard__scoreboardParticipantNameLineHeight: 16px; --B-standaloneMatchCard__scoreboardParticipantNameFontWeight: 700; --B-standaloneMatchCard__scoreboardScoreFontSize: 20px; --B-standaloneMatchCard__scoreboardScoreFontWeight: 800; --B-standaloneMatchCard__scoreboardScoreLineHeight: 24px; --B-standaloneMatchCard__scoreboardDelimiterFontSize: 14px; --B-standaloneMatchCard__scoreboardDelimiterFontWeight: 700; --B-standaloneMatchCard__scoreboardDelimiterLineHeight: 16px; --B-standaloneMatchCard__setBasedScoreboardPadding: 8px 12px 0 12px; --B-standaloneMatchCard__setBasedScoreboardFontWeight: 700; --B-standaloneMatchCard__setBasedScoreboardFontSize: 14px; --B-standaloneMatchCard__setBasedScoreboardLineHeight: 16px; --B-standaloneMatchCard__currentScoreBackgroundColor: var(--B-color__onPromo); --B-standaloneMatchCard__currentScoreBorderRadius: 2px; --B-standaloneMatchCard__setScoreDisabledColor: var( --B-color__onDisabledOnDark ); --B-standaloneMatchCard__serveIndicatorColor: var(--B-color__warning); --B-standaloneMatchCard__currentScoreColor: var(--B-color__promo); --B-standaloneMatchCard__currentScoreFontWeight: 800; --B-standaloneMatchCard__currentScoreFontSize: 14px; --B-standaloneMatchCard__currentScoreLineHeight: var( --B-standaloneMatchCard__lineHeight ); --B-standaloneMatchCard__headerPadding: 8px 12px; --B-standaloneMatchCard__headerIconPaddingRight: 4px; --B-standaloneMatchCard__headerFontSize: var( --B-standaloneMatchCard__fontSize ); --B-standaloneMatchCard__headerLineHeight: var( --B-standaloneMatchCard__lineHeight ); --B-standaloneMatchCard__headerFontWeight: 800; --B-standaloneMatchCard__headerPrematchDayFontWeight: 500; --B-standaloneMatchCard__marketTitlePadding: 0 12px; --B-standaloneMatchCard__marketTitleFontSize: var( --B-standaloneMatchCard__fontSize ); --B-standaloneMatchCard__marketTitleFontWeight: 500; --B-standaloneMatchCard__marketOutcomesPadding: 12px; --B-standaloneMatchCard__outcomeButtonColor--disabled: var( --B-color__onDisabledOnDark ); --B-standaloneMatchCard__outcomeButtonBgColor--disabled: var( --B-color__disabledOnDark ); --B-standaloneMatchCard__marketOutcomesBackgroundColor: var( --B-color__promo, black ); --B-standaloneMatchCard__boxShadow: var(--B-collapsibleContainer__boxShadow); --B-standaloneMatchCard__bgGradient: linear-gradient( to bottom, color-mix(in srgb, var(--B-color__promo, black) 90%, transparent) 0%, color-mix(in srgb, var(--B-color__promo, black) 72%, transparent) 8%, color-mix(in srgb, var(--B-color__promo, black) 50%, transparent) 16%, color-mix(in srgb, var(--B-color__promo, black) 28%, transparent) 26%, color-mix(in srgb, var(--B-color__promo, black) 12%, transparent) 36%, color-mix(in srgb, var(--B-color__promo, black) 5%, transparent) 44%, color-mix(in srgb, var(--B-color__promo, black) 5%, transparent) 50%, color-mix(in srgb, var(--B-color__promo, black) 12%, transparent) 57%, color-mix(in srgb, var(--B-color__promo, black) 28%, transparent) 64%, color-mix(in srgb, var(--B-color__promo, black) 52%, transparent) 74%, color-mix(in srgb, var(--B-color__promo, black) 76%, transparent) 85%, var(--B-color__promo, black) 100% ); } [data-betty-theme='carousel-content'] { --B-carouselContent__carouselArrowBackground: var(--B-color__transaction); --B-carouselContent__carouselArrowColor: var(--B-color__onTransaction); } [data-betty-theme='player-props-card'] { --B-playerCard__bg: var(--B-color__surface); --B-playerCard__borderRadius: var(--B-surfaceItemRadius); --B-playerCard__boxShadow: 0 2px 8px rgba(0, 0, 0, 0.08); --B-playerCard__border: none; --B-playerCard__separatorColor: var(--B-color__surfaceBorder); --B-playerCard__participantsColor: var(--B-color__onSurface); --B-playerCard__participantsFontSize: 11px; --B-playerCard__participantsFontWeight: 700; --B-playerCard__participantsLineHeight: 12px; --B-playerCard__datetimeColor: var(--B-color__onSurface_weaker); --B-playerCard__datetimeFontSize: 11px; --B-playerCard__datetimeFontWeight: 500; --B-playerCard__datetimeLineHeight: 12px; --B-playerCard__liveEventInfoColor: var(--B-color__onSurface_weaker); --B-playerCard__liveEventInfoFontSize: 11px; --B-playerCard__liveEventInfoFontWeight: 500; --B-playerCard__liveEventInfoLineHeight: 12px; --B-playerCard__jerseyTeamNameColor: var(--B-color__onSurface_weaker); --B-playerCard__jerseyTeamNameFontFamily: 'Langebro Regular'; --B-playerCard__jerseyTeamNameFontSize: 11px; --B-playerCard__jerseyTeamNameFontWeight: 400; --B-playerCard__jerseyTeamNameLineHeight: 12px; --B-playerCard__playerFirstWordColor: var(--B-color__onSurface); --B-playerCard__playerFirstWordFontSize: 12px; --B-playerCard__playerFirstWordFontWeight: 500; --B-playerCard__playerFirstWordLineHeight: 16px; --B-playerCard__playerRestColor: var(--B-color__onSurface); --B-playerCard__playerRestFontSize: 16px; --B-playerCard__playerRestFontWeight: 700; --B-playerCard__playerRestLineHeight: 20px; --B-playerCard__jerseyNumberFontFamily: 'Langebro Bold'; --B-playerCard__jerseyNumberFontSize: 66px; --B-playerCard__jerseyNumberFontWeight: 700; --B-playerCard__jerseyNumberLetterSpacing: -0.5px; --B-playerCard__jerseyNumberLineHeight: 56px; } [data-betty-theme='header-content'] { --B-headerContent__titleFontWeight: 800; --B-headerContent__titleColor: var(--B-color__onCanvas); --B-headerContent__titleLineHeight: 24px; --B-headerContent__titleFontSize: 16px; --B-headerContent__titleFontFamily: var(--B-font__secondary); [data-betty-theme='button--header-content'] { --B-button__fontSize: 12px; --B-button__lineHeight: 16px; --B-button__fontWeight: 800; --B-button__borderRadius: min( var(--B-sportsMenu__menuItemBorderRadius), 20px ); --B-button__minHeight: 32px; --B-button__padding: 0 8px; --B-button__background: var(--B-color__buttonGhostC); --B-button__color: var(--B-color__onButtonGhostC); --B-button__border: 1px solid var(--B-color__buttonGhostCBorder); --B-button__background--hover: var(--B-color__buttonGhostC--hover); --B-button__color--hover: var(--B-color__onButtonGhostC--hover); --B-button__border--hover: 1px solid var(--B-color__buttonGhostCBorder); --B-button__background--active: var(--B-color__buttonGhostC--active); --B-button__color--active: var(--B-color__onButtonGhostC--active); --B-button__border--active: 1px solid var(--B-color__buttonGhostCBorder); --B-button__iconWidth: 16px; --B-button__iconHeight: 16px; --B-button__itemsMargin: 0 4px; } } [data-betty-theme='combo-carousel-card'] { --B-cards__ccCardMainWidth: 304px; --B-cards__ccCardMainHeight: 236px; --B-cards__ccCardBackgroundColor: var(--B-color__surface); --B-cards__ccCardBorderRadius: var(--B-dimension__radius_md, 8px); --B-cards__ccCardPadding: var(--B-dimension__space_md, 16px); --B-cards__ccCardBoxShadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); /* TODO: add box shadow */ --B-cards__ccCardBorder: none; /* Header */ --B-cards__ccCardHeaderTextColor: var(--B-color__onSurface); --B-cards__ccCardHeaderFontSize: var(--B-typography__fontSize_sm); --B-cards__ccCardHeaderFontWeight: var(--B-typography__fontWeight_mediumBody); --B-cards__ccCardHeaderLineHeight: var(--B-typography__lineHeight_md); --B-cards__ccCardHeaderGap: 8px; /* Event line */ --B-cards__ccCardEventLineTextColor: var(--B-color__onSurface_weaker); --B-cards__ccCardEventLineFontSize: var(--B-typography__fontSize_xs); --B-cards__ccCardEventLineFontWeight: var( --B-typography__fontWeight_regularBody ); --B-cards__ccCardEventLineLineHeight: var(--B-typography__lineHeight_xs); --B-cards__ccCardEventLineGap: 6px; /* Selection list */ --B-cards__ccCardListGap: 12px; --B-cards__ccCardListPaddingLeft: 2px; --B-cards__ccCardListItemsGap: 8px; /* Selection row */ --B-cards__ccCardRowGap: 10px; --B-cards__ccCardRowPadding: 0; --B-cards__ccCardRowLineHeight: 18px; --B-cards__ccCardRowBodyGap: 2px; --B-cards__ccCardRowStickersMarginLeft: 4px; /* Selection row - outcome */ --B-cards__ccCardRowOutcomeTextColor: var(--B-color__onSurface); --B-cards__ccCardRowOutcomeFontSize: var(--B-typography__fontSize_sm); --B-cards__ccCardRowOutcomeLineHeight: var(--B-typography__lineHeight_md); --B-cards__ccCardRowOutcomeFontWeight: var( --B-typography__fontWeight_mediumBody ); /* Selection row - market */ --B-cards__ccCardRowMarketTextColor: var(--B-color__onSurface_weaker); --B-cards__ccCardRowMarketFontSize: var(--B-typography__fontSize_sm); --B-cards__ccCardRowMarketLineHeight: var(--B-typography__lineHeight_md); --B-cards__ccCardRowMarketFontWeight: var( --B-typography__fontWeight_regularBody ); /* Show more toggle */ --B-cards__ccCardShowMoreGap: 6px; --B-cards__ccCardShowMoreMarginTop: 4px; --B-cards__ccCardShowMoreTextColor: var(--B-color__transaction); --B-cards__ccCardShowMoreFontSize: var(--B-typography__fontSize_sm); --B-cards__ccCardShowMoreFontWeight: var( --B-typography__fontWeight_mediumBody ); --B-cards__ccCardShowMoreLineHeight: var(--B-typography__lineHeight_md); /* Bullets/connectors */ --B-cards__ccCardRowBulletSize: 8px; --B-cards__ccCardRowBulletMarginTop: 5px; --B-cards__ccCardRowBulletBorder: 2px solid var(--B-color__surfaceBorder); --B-cards__ccCardRowConnectorWidth: 1px; --B-cards__ccCardRowConnectorColor: var(--B-color__surfaceBorder); } [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; } [data-betty-theme] { --B-carousel__color: #fff; --B-carouselActionButton__backgroundColor: #1dad8a; --B-carouselActionButton__border: initial; --B-carouselActionButton__borderRadius: 4px; --B-carouselActionButton__color: #fff; --B-carouselActionButton__fontSize: 1.3rem; --B-carouselActionButtonWide__fontSize: 24px; --B-carouselMoreWagersButton__color: #fff; --B-carouselMoreWagersButton__backgroundColor: #1dad8a; --B-carouselMoreWagersButton__borderRadius: 4px; --B-carouselBetOfferLabel__borderBottomColor: #fff; --B-carouselBetOfferLabel__color: #fff; --B-carouselEventList__backgroundColor: rgba(0, 0, 0, 0.7); --B-carouselEventList__marginBottom: 0.1875rem; --B-carouselEventListBetOfferHeader__color: rgba(255, 255, 255, 0.5); --B-carouselEventListBetOfferHeader__fontWeight: initial; --B-carouselEventListBetOfferHeader__textTransform: uppercase; --B-carouselEventListEventTime__color: rgba(255, 255, 255, 0.5); --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: #fff; --B-carouselNowLabel__backgroundColor: #c93d79; --B-carouselNowLabel__color: #fff; --B-carouselScoreBoard__backgroundColor: #fff; --B-carouselScoreBoard__color: #00263a; --B-carouselScoreBoardCurrentPeriod__color: #f8d61f; --B-carouselScoreBoardServeIndicator__color: #f8d61f; --B-carouselSlide__color: #fff; --B-carouselSlideEventList__backgroundColor: rgba(0, 38, 58, 0.8); --B-carouselSlideEventListHeader__backgroundColor: rgba(0, 38, 58, 0.8); --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; --B-carousel__fontFamily: var(--B-font__primary); }