:root {
     --bg-badge-multi: var(--ui-brand-200);
     --bg-badge-new: var(--ui-green-normal);
     --bg-badge-promo: var(--ui-orange-normal);
     --bg-betbuilder-inputfield: #3e3e50;
     --bg-betbuilder-main: var(--surface-contrast);
     --bg-betslip-betitem: var(--core-primary);
     --bg-betslip-main: var(--bg-body);
     --bg-betslip-placebetbar: var(--surface-contrast);
     --bg-betslip-tray: var(--bg-betslip-placebetbar);
     --bg-body: var(--surface-light);
     --bg-button-brand-default: var(--ui-brand-100);
     --bg-button-confirm-default: var(--bg-button-brand-default);
     --bg-button-disabled-default: var(--surface-moderate);
     --bg-button-numpad-default: #2a2a3c;
     --bg-button-numpad-pressed: #3e3e50;
     --bg-button-odds-active: #e86534;
     --bg-button-odds-default: var(--surface-moderate);
     --bg-button-odds-disabled: var(--surface-moderate);
     --bg-button-odds-favourite: var(--surface-contrast);
     --bg-button-primary-default: var(--surface-contrast);
     --bg-button-racenav-app-next: var(--bg-raceheader-app-primary);
     --bg-button-racenav-app-previous: var(--bg-raceheader-app-primary);
     --bg-button-racenav-app-selected: var(--bg-button-racenav-selected);
     --bg-button-racenav-next: var(--bg-raceheader-primary);
     --bg-button-racenav-previous: var(--bg-raceheader-primary);
     --bg-button-racenav-selected: var(--ui-brand-100);
     --bg-button-reward: var(--bg-button-secondary-default);
     --bg-button-secondary-default: var(--surface-light);
     --bg-button-success-default: var(--ui-green-normal);
     --bg-button-topnav-primary: var(--ui-brand-100);
     --bg-button-topnav-secondary: #3f3f52;
     --bg-button-vision: var(--ui-brand-200);
     --bg-checkbox-active: var(--ui-brand-200);
     --bg-checkbox-default: var(--core-primary);
     --bg-checkbox-disabled: var(--surface-light);
     --bg-checkbox-hover: var(--ui-brand-50);
     --bg-filter-active: var(--ui-brand-50);
     --bg-filter-default: var(--surface-light);
     --bg-flucs-down-active: var(--ui-red-normal);
     --bg-flucs-down-default: var(--ui-red-normal);
     --bg-flucs-up-active: var(--ui-green-normal);
     --bg-flucs-up-default: var(--ui-green-normal);
     --bg-hover: var(--surface-feather);
     --bg-inputfield-default: var(--core-primary);
     --bg-inputfield-disabled: var(--surface-feather);
     --bg-margin: var(--surface-moderate);
     --bg-navigation-bottomnav: var(--ui-white-normal);
     --bg-navigation-footer: var(--surface-moderate);
     --bg-navigation-leftnav-child: var(--bg-navigation-leftnav-main);
     --bg-navigation-leftnav-hover: var(--surface-feather);
     --bg-navigation-leftnav-main: var(--ui-white-normal);
     --bg-navigation-leftnav-selected: var(--bg-navigation-leftnav-main);
     --bg-navigation-topnav: #2f2f48;
     --bg-navigation-upnext: var(--surface-contrast);
     --bg-numpad-main: var(--surface-contrast);
     --bg-raceheader-app-dropdown: var(--bg-raceheader-dropdown);
     --bg-raceheader-app-primary: var(--bg-raceheader-primary);
     --bg-raceheader-dropdown: var(--bg-button-topnav-secondary);
     --bg-raceheader-primary: var(--bg-navigation-topnav);
     --bg-racenumber-active: var(--ui-brand-100);
     --bg-racenumber-inactive: var(--surface-feather);
     --bg-racerow-inset-container: var(--surface-feather);
     --bg-racerow-inset-flucs: var(--surface-feather);
     --bg-racerow-inset-form: var(--surface-moderate);
     --bg-racerow-racelab-leftgradient: var(--surface-contrast);
     --bg-racerow-racelab-rating: var(--surface-moderate);
     --bg-racerow-racelab-rightgradient: var(--ui-brand-200);
     --bg-resultplace-first: #fcd667;
     --bg-resultplace-fourth: #eef0f2;
     --bg-resultplace-second: #c5d0ce;
     --bg-resultplace-third: #deb472;
     --bg-reward-bonus: #9be53b;
     --bg-reward-boost: #d2afff;
     --bg-reward-depositmatch: #fcc432;
     --bg-reward-moneyback: #4af2d4;
     --bg-search-highlight: #ffd54f;
     --bg-segment-active: var(--core-primary);
     --bg-segment-main: var(--surface-moderate);
     --bg-signup-bottomgradient: var(--surface-contrast);
     --bg-signup-topgradient: var(--surface-strong);
     --bg-speedmap-positionbox: var(--surface-light);
     --bg-speedmap-primary: var(--ui-brand-100);
     --bg-sportheader-app-primary: var(--bg-sportheader-primary);
     --bg-sportheader-app-secondary: var(--bg-sportheader-secondary);
     --bg-sportheader-app-tertiary: var(--bg-sportheader-tertiary);
     --bg-sportheader-primary: var(--bg-navigation-topnav);
     --bg-sportheader-secondary: var(--ui-brand-100);
     --bg-sportheader-tertiary: var(--core-primary);
     --bg-story-main: #2f2f48;
     --bg-story-skeleton: var(--bg-button-topnav-secondary);
     --bg-switch-active: var(--ui-brand-200);
     --bg-switch-default: var(--surface-moderate);
     --bg-tab-primary: var(--surface-contrast);
     --bg-tab-secondary: var(--surface-strong);
     --bg-table-highlight: var(--ui-brand-50);
     --bg-table-main: var(--surface-contrast);
     --bg-table-resulted: var(--surface-light);
     --bg-tag-active: var(--ui-brand-50);
     --bg-tag-default: var(--core-primary);
     --bg-timer-alert: var(--ui-red-light);
     --bg-timer-closed: var(--surface-feather);
     --bg-timer-live: var(--ui-green-light);
     --bg-timer-upcoming: var(--surface-light);
     --bg-toast-alert: var(--surface-contrast);
     --bg-toast-success: var(--surface-contrast);
     --bg-toggle-active: var(--ui-brand-50);
     --bg-toggle-default: var(--core-primary);
     --bg-tooltip: var(--ui-brand-200);
     --bg-widget: var(--surface-contrast);
     --border-accordion: var(--ui-brand-100);
     --border-app-topnav: var(--border-topnav);
     --border-carousel-active: var(--ui-brand-200);
     --border-carousel-inactive: var(--surface-moderate);
     --border-filter-active: var(--ui-brand-100);
     --border-input-active: var(--ui-brand-100);
     --border-leftnav: var(--border-primary);
     --border-odds: var(--text-white);
     --border-primary: var(--surface-moderate);
     --border-progressbar: var(--ui-brand-200);
     --border-secondary: var(--surface-light);
     --border-story-active: var(--bg-button-vision);
     --border-story-inactive: var(--surface-bold);
     --border-tag-active: var(--ui-brand-100);
     --border-toggle-active: var(--ui-brand-100);
     --border-topnav: var(--bg-navigation-topnav);
     --border-upnext-active: var(--ui-brand-100);
     --border-widget: var(--ui-brand-100);
     --core-primary: #ffffff;
     --core-secondary: #ffffff;
     --shadow-color-main: rgba(155, 161, 171, 0.10000000149011612);
     --shadow-color-md: rgba(155, 161, 171, 0.11999999731779099);
     --surface-bold: #7f8b99;
     --surface-contrast: #202032;
     --surface-feather: #f7fafa;
     --surface-light: #f0f2f2;
     --surface-moderate: #e6e8e8;
     --surface-strong: #4d5967;
     --text-betslipheader: var(--text-white);
     --text-black: var(--surface-contrast);
     --text-button-brand: var(--text-white);
     --text-button-confirm: var(--text-button-brand);
     --text-button-disabled: var(--text-tertiary);
     --text-button-odds-active: var(--text-white);
     --text-button-odds-default: var(--text-primary);
     --text-button-odds-disabled: var(--text-tertiary);
     --text-button-primary: var(--text-white);
     --text-button-racenav-app-dropdown: var(--text-button-racenav-dropdown);
     --text-button-racenav-app-next: var(--text-button-racenav-next);
     --text-button-racenav-app-previous: var(--text-button-racenav-previous);
     --text-button-racenav-app-selected: var(--text-button-racenav-selected);
     --text-button-racenav-drop-next: var(--text-button-odds-default);
     --text-button-racenav-dropdown: var(--text-white);
     --text-button-racenav-next: var(--text-white);
     --text-button-racenav-previous: var(--text-tertiary);
     --text-button-racenav-selected: var(--text-white);
     --text-button-secondary: var(--text-primary);
     --text-button-success: var(--text-white);
     --text-button-vision: var(--text-white);
     --text-checkbox-active: var(--text-white);
     --text-checkbox-disabled: var(--text-white);
     --text-filter-active: var(--text-primary);
     --text-filter-default: var(--text-primary);
     --text-inverse: var(--text-white);
     --text-link: var(--ui-brand-200);
     --text-navigation-betslip-count: var(--text-white);
     --text-navigation-betslip-icon: var(--ui-brand-100);
     --text-navigation-bottomnav-active: var(--ui-brand-200);
     --text-navigation-bottomnav-default: var(--text-primary);
     --text-navigation-bottomnav-mybets-active: var(--bg-navigation-bottomnav);
     --text-navigation-bottomnav-mybets-default: var(--text-white);
     --text-navigation-leftnav: var(--text-primary);
     --text-navigation-topnav-primary: var(--text-white);
     --text-navigation-topnav-secondary: var(--text-white);
     --text-navigation-topnav-tertiary: var(--text-white);
     --text-primary: var(--surface-contrast);
     --text-racenumber-active: var(--text-white);
     --text-racenumber-inactive: var(--text-tertiary);
     --text-search-highlight: var(--text-primary);
     --text-secondary: var(--surface-strong);
     --text-status-error: var(--text-white);
     --text-status-success: var(--text-white);
     --text-story: var(--text-navigation-topnav-tertiary);
     --text-tab-active: var(--text-white);
     --text-tab-default: var(--surface-strong);
     --text-tag-active: var(--text-primary);
     --text-tag-default: var(--text-primary);
     --text-tertiary: var(--surface-bold);
     --text-timer-alert: var(--ui-red-normal);
     --text-timer-closed: var(--text-black);
     --text-timer-live: var(--ui-green-normal);
     --text-timer-upcoming: var(--text-primary);
     --text-toast: var(--text-white);
     --text-toggle-active: var(--text-primary);
     --text-toggle-default: var(--text-primary);
     --text-tooltip: var(--text-white);
     --text-white: var(--ui-white-normal);
     --ui-brand-100: #fa7949;
     --ui-brand-200: #dc5b2b;
     --ui-brand-50: #ffdfcf;
     --ui-green-light: #e2fbeb;
     --ui-green-normal: #22ae50;
     --ui-orange-light: #fff8e7;
     --ui-orange-normal: #f09e00;
     --ui-red-light: #ffeff4;
     --ui-red-normal: #e11748;
     --ui-white-normal: #ffffff;
     --bb-navy: #202033;
     --bb-navy-2: #2b2b46;
     --bb-orange: #ff7347;
     --bb-orange-2: #f05f35;
     --bb-bg: #eeeeef;
     --bb-card: #ffffff;
     --bb-text: #1d1d2f;
     --bb-muted: #677080;
     --bb-line: rgba(32, 32, 51, 0.12);
     --bb-shadow: 0 18px 55px rgba(17, 18, 34, 0.24);
     --bb-radius: 14px;
 }

 body.bb-lock-scroll {
     overflow: hidden;
 }

 .bb-overlay {
     position: fixed;
     inset: 0;
     z-index: 9998;
     display: none;
     align-items: center;
     justify-content: center;
     padding: 18px;
     background: rgba(13, 14, 26, 0.72);
     backdrop-filter: blur(7px);
 }

 .bb-overlay.is-visible {
     display: flex;
 }

 .bb-age-card,
 .bb-cookie-panel,
 .bb-cookie-settings {
     font-family: Inter, Arial, sans-serif;
     color: var(--bb-text);
     background: var(--bb-card);
     border-radius: var(--bb-radius);
     box-shadow: var(--bb-shadow);
 }

 .bb-age-card {
     width: min(440px, 100%);
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.2);
     animation: bbPop 0.22s ease-out;
 }

 .bb-age-head {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 18px 20px;
     color: #fff;
     background: linear-gradient(135deg, var(--bb-navy), var(--bb-navy-2));
     border-bottom: 4px solid var(--bb-orange);
 }

 .bb-logo-mark {
     display: grid;
     place-items: center;
     width: 42px;
     height: 42px;
     flex: 0 0 auto;
     border-radius: 50%;
     background: var(--bb-orange);
     font-weight: 900;
     font-size: 18px;
     box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.14);
 }

 .bb-age-head h2,
 .bb-cookie-title h3,
 .bb-settings-head h3 {
     margin: 0;
     font-size: 20px;
     line-height: 1.15;
 }

 .bb-age-head p,
 .bb-cookie-title p,
 .bb-settings-head p {
     margin: 4px 0 0;
     color: rgba(255, 255, 255, 0.76);
     font-size: 13px;
 }

 .bb-age-body {
     padding: 22px 20px 20px;
 }

 .bb-age-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 14px;
     padding: 8px 12px;
     border-radius: 999px;
     background: #fff2ed;
     color: var(--bb-orange-2);
     font-weight: 800;
     font-size: 13px;
 }

 .bb-age-body p {
     margin: 0 0 16px;
     color: var(--bb-muted);
     font-size: 14px;
     line-height: 1.5;
 }

 .bb-actions {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     margin-top: 18px;
 }

 .bb-btn {
     appearance: none;
     border: 0;
     border-radius: 999px;
     padding: 12px 16px;
     cursor: pointer;
     font-weight: 800;
     font-size: 14px;
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
 }

 .bb-btn:hover {
     transform: translateY(-1px);
 }

 .bb-btn:focus-visible {
     outline: 3px solid rgba(255, 115, 71, 0.35);
     outline-offset: 2px;
 }

 .bb-btn-primary {
     color: #fff;
     background: var(--bb-orange);
     box-shadow: 0 8px 18px rgba(255, 115, 71, 0.28);
 }

 .bb-btn-primary:hover {
     background: var(--bb-orange-2);
 }

 .bb-btn-secondary {
     color: var(--bb-navy);
     background: #ececf2;
 }

 .bb-btn-secondary:hover {
     background: #dedee8;
 }

 .bb-btn-ghost {
     color: var(--bb-navy);
     background: transparent;
     border: 1px solid var(--bb-line);
 }

 .bb-underage-message {
     display: none;
     margin-top: 14px;
     padding: 12px;
     border-radius: 10px;
     background: #fff2ed;
     color: #953c22;
     font-size: 13px;
     line-height: 1.4;
 }

 .bb-underage-message.is-visible {
     display: block;
 }

 .bb-cookie-panel {
     position: fixed;
     right: 18px;
     bottom: 18px;
     z-index: 9997;
     display: none;
     width: min(430px, calc(100vw - 36px));
     overflow: hidden;
     border: 1px solid var(--bb-line);
     animation: bbSlideUp 0.24s ease-out;
 }

 .bb-cookie-panel.is-visible {
     display: block;
 }

 .bb-cookie-top {
     display: flex;
     gap: 12px;
     padding: 16px 18px;
     color: #fff;
     background: var(--bb-navy);
     border-bottom: 3px solid var(--bb-orange);
 }

 .bb-cookie-icon {
     display: grid;
     place-items: center;
     width: 40px;
     height: 40px;
     flex: 0 0 auto;
     border-radius: 50%;
     background: rgba(255, 115, 71, 0.16);
     font-size: 22px;
 }

 .bb-cookie-body {
     padding: 16px 18px 18px;
 }

 .bb-cookie-body p {
     margin: 0 0 14px;
     color: var(--bb-muted);
     font-size: 13px;
     line-height: 1.48;
 }

 .bb-cookie-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 9px;
 }

 .bb-cookie-actions .bb-btn {
     flex: 1 1 120px;
     padding: 11px 14px;
 }

 .bb-settings-overlay {
     position: fixed;
     inset: 0;
     z-index: 9999;
     display: none;
     align-items: center;
     justify-content: center;
     padding: 18px;
     background: rgba(13, 14, 26, 0.62);
     backdrop-filter: blur(6px);
 }

 .bb-settings-overlay.is-visible {
     display: flex;
 }

 .bb-cookie-settings {
     width: min(520px, 100%);
     overflow: hidden;
     animation: bbPop 0.22s ease-out;
 }

 .bb-settings-head {
     padding: 18px 20px;
     color: #fff;
     background: linear-gradient(135deg, var(--bb-navy), var(--bb-navy-2));
     border-bottom: 4px solid var(--bb-orange);
 }

 .bb-settings-body {
     padding: 16px 20px 20px;
 }

 .bb-cookie-row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
     padding: 14px 0;
     border-bottom: 1px solid var(--bb-line);
 }

 .bb-cookie-row:last-of-type {
     border-bottom: 0;
 }

 .bb-cookie-row h4 {
     margin: 0 0 4px;
     font-size: 15px;
 }

 .bb-cookie-row p {
     margin: 0;
     color: var(--bb-muted);
     font-size: 12.5px;
     line-height: 1.38;
 }

 .bb-switch {
     position: relative;
     width: 52px;
     height: 30px;
     flex: 0 0 auto;
 }

 .bb-switch input {
     position: absolute;
     opacity: 0;
     pointer-events: none;
 }

 .bb-slider {
     position: absolute;
     inset: 0;
     cursor: pointer;
     border-radius: 999px;
     background: #d7d9e2;
     transition: background 0.18s ease;
 }

 .bb-slider::before {
     content: "";
     position: absolute;
     top: 4px;
     left: 4px;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: #fff;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
     transition: transform 0.18s ease;
 }

 .bb-switch input:checked+.bb-slider {
     background: var(--bb-orange);
 }

 .bb-switch input:checked+.bb-slider::before {
     transform: translateX(22px);
 }

 .bb-switch input:disabled+.bb-slider {
     cursor: not-allowed;
     opacity: 0.7;
 }

 .bb-settings-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 18px;
 }

 .bb-settings-actions .bb-btn {
     flex: 1 1 130px;
 }

 .bb-cookie-reopen {
     position: fixed;
     right: 18px;
     bottom: 18px;
     z-index: 9996;
     display: none;
     width: 46px;
     height: 46px;
     border-radius: 50%;
     border: 0;
     color: #fff;
     background: var(--bb-navy);
     box-shadow: 0 10px 24px rgba(17, 18, 34, 0.28);
     cursor: pointer;
     font-size: 20px;
 }

 .bb-cookie-reopen.is-visible {
     display: grid;
     place-items: center;
 }

 @keyframes bbPop {
     from {
         opacity: 0;
         transform: scale(0.96) translateY(8px);
     }

     to {
         opacity: 1;
         transform: scale(1) translateY(0);
     }
 }

 @keyframes bbSlideUp {
     from {
         opacity: 0;
         transform: translateY(18px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @media (max-width: 520px) {

     .bb-actions,
     .bb-settings-actions {
         grid-template-columns: 1fr;
     }

     .bb-cookie-panel {
         right: 12px;
         bottom: 12px;
         width: calc(100vw - 24px);
     }
 }