:root {
      --bg-badge-multi: var(--ui-red-normal);
      --bg-badge-new: var(--ui-green-normal);
      --bg-badge-promo: var(--ui-orange-normal);
      --bg-betbuilder-inputfield: #3a3737;
      --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: #eeeee9;
      --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: #3a3737;
      --bg-button-numpad-pressed: #4e4b4b;
      --bg-button-odds-active: var(--ui-brand-100);
      --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(--surface-contrast);
      --bg-button-topnav-secondary: #eabf23;
      --bg-button-vision: var(--ui-green-normal);
      --bg-checkbox-active: var(--ui-brand-100);
      --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: #bbbbb5;
      --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: var(--ui-brand-100);
      --bg-navigation-upnext: #262323;
      --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(--surface-contrast);
      --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(--ui-brand-200);
      --bg-signup-topgradient: var(--ui-brand-100);
      --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(--surface-contrast);
      --bg-sportheader-secondary: var(--ui-brand-100);
      --bg-sportheader-tertiary: var(--core-primary);
      --bg-story-main: var(--surface-contrast);
      --bg-story-skeleton: #444141;
      --bg-switch-active: var(--ui-green-normal);
      --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(--surface-strong);
      --bg-widget: var(--surface-contrast);
      --border-accordion: var(--surface-contrast);
      --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: #1d85e7;
      --border-leftnav: var(--border-primary);
      --border-odds: var(--text-white);
      --border-primary: #d2d4d4;
      --border-progressbar: var(--ui-brand-200);
      --border-secondary: var(--surface-light);
      --border-story-active: var(--border-widget);
      --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-white-normal);
      --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: #979797;
      --surface-contrast: #262323;
      --surface-feather: #fbfaf5;
      --surface-light: #eeeee9;
      --surface-moderate: #d9d9d3;
      --surface-strong: #5e5e5e;
      --text-betslipheader: var(--ui-brand-100);
      --text-black: var(--surface-contrast);
      --text-button-brand: var(--text-primary);
      --text-button-confirm: var(--text-button-brand);
      --text-button-disabled: var(--text-tertiary);
      --text-button-odds-active: var(--text-primary);
      --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-primary);
      --text-button-secondary: var(--text-primary);
      --text-button-success: var(--text-white);
      --text-button-vision: var(--text-white);
      --text-checkbox-active: var(--text-primary);
      --text-checkbox-disabled: var(--text-tertiary);
      --text-filter-active: var(--text-primary);
      --text-filter-default: var(--text-primary);
      --text-inverse: var(--text-white);
      --text-link: var(--ui-green-normal);
      --text-navigation-betslip-count: var(--text-white);
      --text-navigation-betslip-icon: var(--ui-green-normal);
      --text-navigation-bottomnav-active: #f4b218;
      --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(--border-filter-active);
      --text-navigation-topnav-secondary: var(--text-primary);
      --text-navigation-topnav-tertiary: var(--text-primary);
      --text-primary: var(--surface-contrast);
      --text-racenumber-active: var(--text-primary);
      --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-white);
      --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: #ffd30f;
      --ui-brand-200: #ebbf00;
      --ui-brand-50: #fff8d8;
      --ui-green-light: #ddf6e7;
      --ui-green-normal: #06a91f;
      --ui-orange-light: #fff8e7;
      --ui-orange-normal: #f09e00;
      --ui-red-light: #ffeff4;
      --ui-red-normal: #e11748;
      --ui-white-normal: #ffffff;

      --black: #1f1c1d;
      --black-soft: #2b2728;
      --yellow: #ffd000;
      --yellow-dark: #e6bb00;
      --white: #ffffff;
      --gray: #efefec;
      --gray-text: #6c6c68;
      --border: #deded8;
      --danger: #ff3b5c;
      --shadow: 0 18px 60px rgba(0, 0, 0, 0.35);

      --bl-black: #262121;
      --bl-yellow: #ffd000;
      --bl-green: #00a81c;
      --bl-white: #ffffff;
      --bl-bg: #f6f5f2;
      --bl-border: #d9d9d9;
      --bl-text: #2d2929;
      --bl-muted: #666666;
      --bl-shadow: 0 18px 70px rgba(0, 0, 0, 0.35);
  }



  .btn {
      border: 0;
      border-radius: 999px;
      padding: 13px 24px;
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
      transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
  }

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

  .btn-primary {
      background: var(--yellow);
      color: var(--black);
  }

  .btn-primary:hover {
      background: var(--yellow-dark);
  }

  .btn-secondary {
      background: var(--black-soft);
      color: var(--white);
  }

  .btn-secondary:hover {
      background: #141213;
  }



  .age-overlay {
      position: fixed;
      inset: 0;
      z-index: 10000;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background:
          radial-gradient(circle at top left, rgba(255, 208, 0, 0.22), transparent 35%),
          rgba(31, 28, 29, 0.86);
      backdrop-filter: blur(8px);
  }

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

  .age-modal {
      width: 100%;
      max-width: 470px;
      border-radius: 26px;
      padding: 32px;
      background: var(--white);
      box-shadow: var(--shadow);
      text-align: center;
      border-top: 8px solid var(--yellow);
  }

  .brand-mark {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 22px;
      color: var(--black);
      font-weight: 900;
      font-size: 14px;
  }

  .brand-icon {
      display: inline-flex;
      width: 46px;
      height: 46px;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: var(--black);
      color: var(--yellow);
      font-weight: 900;
      border: 3px solid var(--yellow);
  }

  .age-modal h2 {
      margin: 0 0 12px;
      font-size: 32px;
      font-weight: 900;
  }

  .age-modal p {
      margin: 0;
      color: var(--gray-text);
      line-height: 1.5;
  }

  .age-actions {
      display: flex;
      gap: 12px;
      margin: 26px 0 18px;
  }

  .age-actions .btn {
      flex: 1;
  }

  .age-modal small {
      display: block;
      color: var(--gray-text);
      line-height: 1.4;
  }



  .cookie-banner {
      position: fixed;
      left: 24px;
      right: 24px;
      bottom: 24px;
      z-index: 9000;
      display: none;
      background: var(--black);
      color: var(--white);
      border-radius: 22px;
      box-shadow: var(--shadow);
      border: 1px solid rgba(255, 208, 0, 0.35);
  }

  .cookie-banner.is-visible {
      display: block;
  }

  .cookie-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 22px 24px;
  }

  .cookie-content h3 {
      margin: 0 0 6px;
      font-size: 20px;
      color: var(--yellow);
  }

  .cookie-content p {
      margin: 0;
      max-width: 760px;
      color: #deded8;
      line-height: 1.45;
      font-size: 14px;
  }

  .cookie-actions {
      display: flex;
      gap: 10px;
      flex-shrink: 0;
  }



  .cookie-settings-overlay {
      position: fixed;
      inset: 0;
      z-index: 9500;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(31, 28, 29, 0.72);
      backdrop-filter: blur(6px);
  }

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

  .cookie-settings-modal {
      width: 100%;
      max-width: 560px;
      background: var(--white);
      border-radius: 24px;
      box-shadow: var(--shadow);
      overflow: hidden;
  }

  .modal-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 22px 24px;
      background: var(--yellow);
      color: var(--black);
  }

  .modal-header h2 {
      margin: 0;
      font-size: 24px;
      font-weight: 900;
  }

  .close-btn {
      width: 38px;
      height: 38px;
      border: 0;
      border-radius: 50%;
      background: var(--black);
      color: var(--white);
      font-size: 26px;
      line-height: 1;
      cursor: pointer;
  }

  .settings-description {
      margin: 0;
      padding: 20px 24px 8px;
      color: var(--gray-text);
      line-height: 1.5;
  }

  .cookie-option {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 18px 24px;
      border-top: 1px solid var(--border);
  }

  .cookie-option h4 {
      margin: 0 0 5px;
      font-size: 16px;
      font-weight: 900;
  }

  .cookie-option p {
      margin: 0;
      color: var(--gray-text);
      font-size: 14px;
      line-height: 1.4;
  }

  .settings-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      padding: 20px 24px 24px;
      border-top: 1px solid var(--border);
  }



  .switch {
      position: relative;
      display: inline-block;
      width: 54px;
      height: 30px;
      flex-shrink: 0;
  }

  .switch input {
      display: none;
  }

  .switch span {
      position: absolute;
      inset: 0;
      cursor: pointer;
      border-radius: 999px;
      background: #cfcfca;
      transition: background 0.2s ease;
  }

  .switch span::before {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      left: 3px;
      top: 3px;
      border-radius: 50%;
      background: var(--white);
      transition: transform 0.2s ease;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }

  .switch input:checked+span {
      background: var(--yellow);
  }

  .switch input:checked+span::before {
      transform: translateX(24px);
  }

  .switch input:disabled+span {
      cursor: not-allowed;
      opacity: 0.8;
  }



  @media (max-width: 720px) {
      .age-modal {
          padding: 26px 20px;
      }

      .age-actions,
      .cookie-content,
      .cookie-actions,
      .settings-actions {
          flex-direction: column;
      }

      .cookie-content {
          align-items: stretch;
      }

      .cookie-actions .btn,
      .settings-actions .btn {
          width: 100%;
      }

      .cookie-banner {
          left: 12px;
          right: 12px;
          bottom: 12px;
      }
  }

  .bl-modal-overlay {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: none;
      align-items: flex-start;
      justify-content: center;
      padding: 70px 18px;
      background: rgba(31, 31, 28, 0.62);
      overflow-y: auto;
  }

  .bl-modal-overlay.is-active {
      display: flex;
  }

  .bl-modal {
      position: relative;
      width: 100%;
      background: var(--bl-white);
      color: var(--bl-text);
      border-radius: 10px;
      box-shadow: var(--bl-shadow);
      animation: blModalIn 0.22s ease;
  }

  .bl-login-modal {
      max-width: 460px;
  }

  .bl-signup-modal {
      max-width: 740px;
  }

  .bl-success-modal {
      max-width: 430px;
  }

  .bl-modal-body {
      padding: 38px 28px 34px;
  }

  .bl-signup-modal .bl-modal-body {
      padding: 62px 64px;
  }

  .bl-modal h2 {
      margin: 0 0 28px;
      text-align: center;
      font-size: 24px;
      line-height: 1.2;
      font-weight: 800;
  }

  .bl-signup-modal h2 {
      margin-bottom: 56px;
      font-size: 30px;
  }

  .bl-modal-close {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 34px;
      height: 34px;
      border: 0;
      border-radius: 50%;
      background: #efefec;
      color: var(--bl-text);
      font-size: 28px;
      line-height: 30px;
      cursor: pointer;
      transition: background 0.2s ease, transform 0.2s ease;
  }

  .bl-modal-close:hover {
      background: var(--bl-yellow);
      transform: rotate(90deg);
  }

  .bl-form {
      width: 100%;
  }

  .bl-field {
      margin-bottom: 16px;
  }

  .bl-field label,
  .bl-label-row label {
      display: block;
      margin-bottom: 7px;
      color: var(--bl-muted);
      font-size: 14px;
      font-weight: 700;
  }

  .bl-field input {
      width: 100%;
      height: 48px;
      padding: 0 13px;
      border: 1px solid var(--bl-border);
      border-radius: 9px;
      background: var(--bl-white);
      color: var(--bl-text);
      font-size: 16px;
      outline: none;
      transition: border-color 0.16s ease, box-shadow 0.16s ease;
  }

  .bl-signup-modal .bl-field input {
      height: 56px;
      border-radius: 10px;
      font-size: 18px;
  }

  .bl-field input:focus {
      border-color: #1683ff;
      box-shadow: 0 0 0 2px rgba(22, 131, 255, 0.22);
  }

  .bl-password-wrap {
      position: relative;
  }

  .bl-password-wrap input {
      padding-right: 48px;
  }

  .bl-password-toggle {
      position: absolute;
      top: 50%;
      right: 13px;
      transform: translateY(-50%);
      border: 0;
      background: transparent;
      cursor: pointer;
      font-size: 15px;
  }

  .bl-submit {
      width: 100%;
      min-height: 44px;
      margin-top: 6px;
      border: 0;
      border-radius: 9px;
      background: var(--bl-black);
      color: var(--bl-white);
      font-size: 14px;
      font-weight: 800;
      cursor: pointer;
      transition: background 0.2s ease, transform 0.2s ease;
  }

  .bl-submit:hover {
      background: #161313;
      transform: translateY(-1px);
  }

  .bl-submit-large {
      min-height: 64px;
      margin-top: 26px;
      font-size: 16px;
  }

  .bl-form-links {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      margin-top: 18px;
      font-size: 14px;
  }

  .bl-form-links a,
  .bl-terms a,
  .bl-bottom-text a {
      color: var(--bl-green);
      text-decoration: none;
      font-weight: 500;
  }

  .bl-form-links a {
      color: var(--bl-muted);
      text-decoration: underline;
  }

  .bl-grid {
      display: grid;
      gap: 16px;
  }

  .bl-grid-3 {
      grid-template-columns: repeat(3, 1fr);
  }

  .bl-help-text {
      margin: -4px 0 24px;
      color: var(--bl-text);
      font-size: 16px;
      font-weight: 700;
  }

  .bl-label-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
  }

  .bl-text-button {
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--bl-green);
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
  }

  .bl-terms {
      margin: 40px 0 18px;
      color: var(--bl-muted);
      font-size: 19px;
      line-height: 1.15;
  }

  .bl-bottom-text {
      margin: 0;
      text-align: center;
      color: var(--bl-muted);
      font-size: 16px;
  }

  .bl-success-body {
      text-align: center;
  }

  .bl-success-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 62px;
      height: 62px;
      margin-bottom: 18px;
      border-radius: 50%;
      background: var(--bl-yellow);
      color: var(--bl-black);
      font-size: 34px;
      font-weight: 900;
  }

  .bl-success-body h2 {
      margin-bottom: 12px;
  }

  .bl-success-body p {
      margin: 0 0 24px;
      color: var(--bl-muted);
      font-size: 16px;
      line-height: 1.45;
  }

  body.bl-modal-open {
      overflow: hidden;
  }

  @keyframes blModalIn {
      from {
          opacity: 0;
          transform: translateY(16px) scale(0.98);
      }

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

  @media (max-width: 760px) {
      .bl-modal-overlay {
          padding: 28px 14px;
      }

      .bl-signup-modal .bl-modal-body {
          padding: 44px 22px 30px;
      }

      .bl-signup-modal h2 {
          margin-bottom: 34px;
          font-size: 25px;
      }

      .bl-grid-3 {
          grid-template-columns: 1fr;
          gap: 0;
      }

      .bl-terms {
          font-size: 16px;
      }
  }