:root, :host, cbt-modal
{
    --cbt-spinner-border-top: var(--primary);
    --cbt-campaign-text-color: var(--on-surface-hi);
    --cbt-campaign-background-color: var(--surface);
    --cbt-campaign-alternate-background-color: var(--primary);
    --cbt-campaign-link-color: var(--primary);
    --cbt-campaign-link-secondary-color: #fff;
    --cbt-campaign-link-tertiary-color: var(--primary);
    --cbt-modal-close-button-color: var(--on-surface-hi);
    --cbt-modal-text-color: var(--on-surface-hi);
    --cbt-modal-background-color: var(--background);
    --cbt-theme-primary-color: var(--primary);
    --cbt-theme-secondary-color: var(--secondary);
    --cbt-theme-tertiary-color: var(--tertiary);
    --cbt-theme-white-color: #fff;
    --cbt-theme-white: var(--cbt-theme-white-color);
    --cbt-theme-black-color: #000;
    --cbt-theme-overlay: rgba(0 0 0 12.1569%);
    --cbt-theme-background-dark-900: var(--alternate-surface);
    --cbt-theme-background-dark-600: var(--alternate-surface-variant1);
    --cbt-theme-background-dark-100: var(--alternate-surface-variant2);
    --cbt-theme-background-light-900: #d4d4d7;
    --cbt-theme-background-light-300: var(--section-surface-variant);
    --cbt-theme-background-light-100: #f9f9f9;
    --cbt-theme-text-light-high: rgba(255 255 255/87.0588%);
    --cbt-theme-text-light-mid: rgba(255 255 255/60%);
    --cbt-theme-text-light-low: rgba(255 255 255/38.0392%);
    --cbt-theme-text-dark-low: rgba(0 0 0/38.0392%);
    --cbt-theme-text-dark-mid: rgba(0 0 0/60%);
    --cbt-theme-text-dark-high: rgba(0 0 0/87.0588%);
}
:root, :host, cbt-modal
{
    --cbt-accordion-filled-background: var(--background,#fff);
    --cbt-accordion-header-padding: .5em 1em;
    --cbt-accordion-header-background-color: var(--primary);
    --cbt-accordion-terms-conditions-txt-color: var(--on-surface-hi,#000);
    --cbt-accordion-txt-color: var(--on-surface-hi,#000);
    --cbt-accordion-border-radius: 4px;
    --cbt-accordion-box-shadow: 0 1px 10px 0 rgba(0 0 0/20%),0 4px 5px 0 rgba(0 0 0/12%),0 2px 4px 0 rgba(0 0 0/14%);
}
:root, :host, cbt-modal
{
    --cbt-dynamic-table-color: var(--on-surface-hi);
    --cbt-dynamic-table-transparent-color: var(--on-surface-hi);
    --cbt-dynamic-table-pagination-color: var(--on-surface-m);
    --cbt-dynamic-table-th-border-bottom-color: 3px solid var(--primary);
    --cbt-dynamic-table-background-color: var(--background);
    --cbt-dynamic-table-top-color: rgba(255 255 255/87.1%);
    --cbt-dynamic-table-top-transparent-color: var(--on-surface-hi);
    --cbt-dynamic-table-box-shadow: 0 1px 10px 0 rgba(0 0 0/20%),0 4px 5px 0 rgba(0 0 0/12%),0 2px 4px 0 rgba(0 0 0/14%);
    --cbt-dynamic-table-row-color-odd: var(--background);
    --cbt-dynamic-table-row-color-even: var(--background);
    --cbt-dynamic-table-row-border-bottom: .5px solid rgba(0 0 0/12%);
    --cbt-dynamic-table-top-background-color: var(--primary);
    --cbt-dynamic-table-pagination-active-color: var(--primary);
    --cbt-dynamic-table-pagination-hover: var(--cbt-dynamic-table-pagination-filled-hover,rgba(0 0 0/12.1%));
    --cbt-dynamic-table-pagination-transparent-color: var(--on-surface-m);
    --cbt-dynamic-table-border-color: #00000061;
    --cbt-dynamic-table-border-transparent-color: var(--on-surface-m);
    --cbt-dynamic-table-border-radius: 8px;
}
:root
{
    --cbt-footer-font-family: var(--cbt-primary-font-family);
    --cbt-footer-background-color: var(--alternate-surface);
    --cbt-footer-secondary-font-family: var(--cbt-secondary-font-family);
}
:root
{
    --cbt-header-font-family: var(--cbt-primary-font-family);
    --cbt-nav-container-padding-left: 16px;
    --cbt-nav-container-padding-right: 16px;
    --cbt-navbar-bg-color: var(--header);
    --cbt-navbar-padding: 16px 0;
    --cbt-navbar-terms-color: var(--on-header);
    --cbt-button-border-radius: 18px;
    --cbt-language-switcher-active-txt: var(--on-header);
    --cbt-language-switcher-active-bg: var(--header-interaction-hi);
    --cbt-language-switcher-active-bg-hover: var(--header-interaction-medium);
    --cbt-language-switcher-background: var(--background);
    --cbt-language-switcher-hover: var(--surface);
    --cbt-language-switcher-txt: var(--on-surface-hi);
    --cbt-header-logo-max-height: 32px;
    --cbt-header-logo-max-height-mobile: 24px;
}
:root, :host, cbt-modal
{
    --cbt-masonry-card-background-color: var(--background);
    --cbt-masonry-card-current-day-title-color: var(--primary);
}
:root, :host, cbt-modal
{
    --cbt-button-primary-color: var(--primary);
    --cbt-button-secondary-color: var(--secondary);
    --cbt-button-primary-color-hover-filled: var(--primary-interaction-medium);
    --cbt-button-secondary-color-hover-filled: var(--secondary-interaction-medium);
    --cbt-button-primary-color-hover-outline: var(--primary-interaction-low);
    --cbt-button-secondary-color-hover-outline: var(--secondary-interaction-low);
    --cbt-button-disable-color: var(--on-primary);
    --cbt-button-border-radius: 4px;
}
:root, :host, cbt-modal
{
    --cbt-stepper-icon-font-family: var(--cbt-primary-font-family);
    --cbt-stepper-icon-background-color: var(--primary);
    --cbt-stepper-icon-checkmark-color: var(--primary);
    --cbt-stepper-icon-border-color-small: var(--primary);
    --cbt-stepper-icon-border-color-small-transparent: var(--primary);
    --cbt-stepper-icon-background-color-small: var(--background);
}
:root, :host, cbt-modal
{
    --cbt-notification-primary-background-color: var(--primary);
    --cbt-notification-secondary-background-color: var(--secondary);
    --cbt-notification-tertiary-background-color: var(--tertiary);
}
:root, :host, cbt-modal
{
    --cbt-card-font-color: var(--on-surface-hi);
    --cbt-card-font-title-color: var(--on-surface-hi);
    --cbt-card-background-color: var(--background);
    --cbt-card-border-radius: 8px;
    --cbt-card-box-shadow: 0 1px 10px 0 rgba(0 0 0/20%),0 4px 5px 0 rgba(0 0 0/12%),0 2px 4px 0 rgba(0 0 0/14%);
    --cbt-card-overlay-background: var(--primary);
    --cbt-card-overlay-color: var(--on-primary);
}
:root, :host, cbt-modal
{
    --cbt-countdown-border-radius: 8px;
    --cbt-countdown-txt-color: var(--cbt-campaign-font-color,#fff);
    --cbt-countdown-bg-color: var(--cbt-theme-primary-color);
    --cbt-countdown-count-font-family: var(--cbt-primary-font-family);
    --cbt-countdown-text-font-family: var(--cbt-primary-font-family);
}
:root, :host, cbt-modal
{
    --cbt-odds-event-name-font-family: var(--cbt-primary-font-family);
    --slider-background: var(--alternate-surface);
    --odds-event-odds-hover-color: var(--primary);
    --odds-event-background: var(--alternate-surface-variant1);
    --odds-event-odd-background: var(--alternate-surface-variant2);
    --odds-event-vertical-odd-background: var(--background);
    --odds-event-vertical-odd-value: var(--on-surface-hi);
    --cbt-odds-event-box-shadow: 0 2px 4px 0 rgba(0 0 0/20%),0 1px 10px 0 rgba(0 0 0/12%),0 4px 5px 0 rgba(0 0 0/14%);
    --odds-event-title: var(--on-alternate-surface-low);
    --odds-event-text: var(--on-alternate-surface-hi);
    --odds-event-date: var(--secondary);
}
:root, :host, cbt-modal
{
    --cbt-excluded-games-title-color: var(--primary);
    --cbt-excluded-games-title-font-family: var(--cbt-primary-font-family);
}
:root, :host, cbt-modal
{
    --flip-card-background-color-front: var(--background);
    --flip-card-text-color-front: var(--on-surface-hi);
    --cbt-flip-card-group-title-font-family: var(--cbt-primary-font-family);
}
:root, :host, cbt-modal
{
    --cbt-carousel-btn-background-color-primary: var(--primary-interaction-low);
    --cbt-carousel-btn-color-primary: var(--primary);
    --cbt-carousel-btn-background-color-secondary: var(--secondary-interaction-low);
    --cbt-carousel-btn-color-secondary: var(--secondary);
    --cbt-carousel-title-color: var(--on-surface-hi);
    --cbt-carousel-btn-hover-color-primary: var(--on-primary);
    --cbt-carousel-btn-hover-color-secondary: var(--on-secondary);
}
:root, :host, cbt-modal
{
    --cbt-tab-group-font-family: var(--cbt-primary-font-family);
    --cbt-tab-group-border-color: var(--primary);
}
:root, :host, cbt-modal
{
    font-family: var(--cbt-primary-font-family);
}