html,
:host,
obr-the-million,
obr-horse-racing {
    --txt-inverted: #000000;
    --txt-3: #828588;
    --txt-2: #939496;
    --txt-1: #bbbbbb;
    --txt-main: #e5e5e5;
    --txt-on-brand: #ffffff;
    --txt-on-banner: #e5e5e5;
    --txt-on-banner-hover: #ffffff;
    --txt-mg-landing: #ffffff;
    --txt-mg-span: #4ace01;
    --srf-active: #322b28;
    --srf-changed: #253545;
    --srf-success: #d0ffb6;
    --srf-main: #222428;
    --srf-1: #1c1d1e;
    --srf-2: #303339;
    --srf-3: #44474e;
    --srf-4: #b6bbbb;
    --srf-5: #cccccc;
    --srf-winner: #322b28;
    --srf-nonrunner: #303339;
    --srf-overlay: rgba(0, 0, 0, 0.6);
    --srf-scroll-shadow: rgba(0, 0, 0, 0.5);
    --srf-banner-txt-bg-grad-from: rgba(55, 55, 55, 0);
    --srf-banner-txt-bg-grad-via: rgba(55, 55, 55, 0.7);
    --srf-banner-txt-bg-grad-to: rgba(55, 55, 55, 0.9);
    --srf-bet-added-bg-grad-from: rgba(28, 29, 30, 1);
    --srf-bet-added-bg-grad-via: rgba(28, 29, 30, 0.9);
    --srf-bet-added-bg-grad-to: rgba(34, 36, 40, 0.7);
    --srf-banner: 0 0 0;
    --srf-widget-grad-from: #1c1d1e;
    --srf-widget-grad-to: #222428;
    --srf-mg-landing: #000;
    --mg-landing-grad-to: #075207;
    --mg-landing-grad-to-dark: #003500;
    --formguide-background: #303339;
    --formguide-stroke: #222428;
    --formguide-text: #bbbbbb;
    --menu-bg: #1c1d1e;
    --menu-text: #bbbbbb;
    --menu-secondary-bg: #303328;
    --menu-secondary-text: #bbbbbb;
    --menu-separator: #45474e;
    --menu-loading-bar: #ef5b22;
    --tooltip-background: #666666;
    --tooltip-stroke: #45474e;
    --tooltip-text: #cccccc;
    --tooltip-text-hover: #ffffff;
    --tooltip-inactive-text: #303339;
    --header-srf: #000000;
    --header-text: #cccccc;
    --sta-inactive: #383b41;
    --sta-inactive-shadow: #2c2f33;
    --sta-inactive-text: #828588;
    --sta-active-light: #f49069;
    --sta-active: #ef5b22;
    --sta-active-dark: #ffffff;
    --sta-pending-light: #ffd364;
    --sta-pending: #ffc531;
    --sta-pending-dark: #ca9100;
    --sta-error-light: #d66565;
    --sta-error: #cb3d3d;
    --sta-error-dark: #942828;
    --sta-success-light: #53e701;
    --sta-success: #4ace01;
    --sta-success-dark: #2f8201;
    --sta-changed-light: #73baf9;
    --sta-changed: #42a2f7;
    --sta-changed-dark: #118af5;
    --sta-mg-progress-bar-active: #ef5b22;
    --sta-mg-progress-bar-inactive: #ffffff40;
    --medal-gold: #e6d30b;
    --medal-gold-light: #ffeb0d;
    --medal-bronze: #d98d57;
    --medal-bronze-light: #f2ac79;
    --rcs-cancelled: #cccccc;
    --rcs-cancelled-active: #999999;
    --rcs-cancelled-text: #000000;
    --rcs-cancelled-hover: #999999;
    --rcs-going: #ffc531;
    --rcs-going-active: #ca9100;
    --rcs-going-text: #000000;
    --rcs-going-hover: #ffd364;
    --rcs-finished: #303339;
    --rcs-finished-active: #1c1d1e;
    --rcs-finished-text: #ffffff;
    --rcs-finished-hover: #44474e;
    --rcs-open: #4ace01;
    --rcs-open-active: #2f8201;
    --rcs-open-text: #ffffff;
    --rcs-open-hover: #2f8201;
    --lbl-main: transparent;
    --lbl-main-border: #ffffff;
    --lbl-main-text: #ffffff;
    --lbl-new: #cb3d3d;
    --lbl-new-border: #cb3d3d;
    --lbl-new-text: #ffffff;
    --lbl-success: transparent;
    --lbl-success-border: #4ace01;
    --lbl-success-text: #4ace01;
    --lbl-bonus: transparent;
    --lbl-bonus-border: #42a2f7;
    --lbl-bonus-text: #42a2f7;
    --lbl-sis: transparent;
    --lbl-sis-text: #cef31b;
    --lbl-contrast: transparent;
    --lbl-contrast-border: #ffffff;
    --lbl-contrast-text: #ffffff;
    --btn-secondary-hover: #5c6069;
    --btn-secondary: #44474e;
    --btn-secondary-shadow: #202225;
    --btn-secondary-text: #ffffff;
    --btn-bet-hover: #f49069;
    --btn-bet: #ef5b22;
    --btn-bet-shadow: #cf440f;
    --btn-bet-text: #ffffff;
    --btn-bet-pressed: #cf440f;
    --btn-bet-pressed-hover: #cf440f;
    --btn-bet-pressed-text: #ffffff;
    --btn-bet-pressed-text-hover: #cf440f;
    --btn-bet-inactive-background: #383b41;
    --btn-bet-inactive-text: #bcbcbc;
    --btn-bet-inactive-shadow: transparent;
    --btn-primary-hover: #f49069;
    --btn-primary: #ef5b22;
    --btn-primary-shadow: #cf440f;
    --btn-primary-text: #ffffff;
    --btn-action-hover: #53e701;
    --btn-action: #4ace01;
    --btn-action-shadow: #2f8201;
    --btn-action-text: #ffffff;
    --btn-tetriary-hover: #73baf9;
    --btn-tetriary: #42a2f7;
    --btn-tetriary-shadow: #118af5;
    --btn-tetriary-text: #ffffff;
    --btn-million-game: #ffffff;
    --btn-million-arrows: #000000;
    --btn-million-arrows-hover: #ef5b22;
    --btn-empty-betslip-instruction: #cccccc;
    --btn-mg-landing-cta-general: #4ace01;
    --btn-mg-landing-cta-general-hover: #53e701;
    --btn-mg-landing-cta-general-shadow: #2f8201;
    --btn-mg-landing-cta-general-text: #ffffff;
    --ipt-background: #ffffff;
    --ipt-stroke: #ffffff;
    --ipt-text: #000000;
    --ipt-stroke-focused: #cf440f;
    --ipt-inactive-background: #cccccc;
    --ipt-inactive-stroke: #cccccc;
    --ipt-inactive-text: #666666;
    --ipt-freebet-background: #4ace01;
    --ipt-freebet-background-hover: #4ace01;
    --ipt-freebet-border: #4ace01;
    --ipt-freebet-text: #ffffff;
    --b2b-menu-bg: #303238;
    --b2b-menu-border: #45474e;
    --b2b-menu-text: #bbbbbb;
    --b2b-offset-top: 0px;
    --b2b-betslip-footer-offset: 0px;
    --stream-background: #666666;
    --stream-text: #cccccc;
    --stream-button: #ffffff;
    --bet-open: #cccccc;
    --bet-winner: #4ace01;
    --bet-loser: #cb3d3d;
    --bet-refund: #a5a7a9;
    --bet-cancelled: #a5a7a9;
    --onboarding-arrow: #3ca0fa;
}
:host([data-theme='dark']),
obr-horse-racing[data-theme='dark'],
obr-the-million[data-theme='dark'] {
    --txt-inverted: #000000;
    --txt-3: #828588;
    --txt-2: #939496;
    --txt-1: #bbbbbb;
    --txt-main: #e5e5e5;
    --txt-on-brand: #ffffff;
    --txt-on-banner: #e5e5e5;
    --txt-on-banner-hover: #ffffff;
    --txt-mg-landing: #ffffff;
    --txt-mg-span: #4ace01;
    --srf-active: #322b28;
    --srf-changed: #253545;
    --srf-success: #d0ffb6;
    --srf-main: #222428;
    --srf-1: #1c1d1e;
    --srf-2: #303339;
    --srf-3: #44474e;
    --srf-4: #b6bbbb;
    --srf-5: #cccccc;
    --srf-winner: #322b28;
    --srf-nonrunner: #303339;
    --srf-overlay: rgba(0, 0, 0, 0.6);
    --srf-scroll-shadow: rgba(0, 0, 0, 0.5);
    --srf-banner-txt-bg-grad-from: rgba(55, 55, 55, 0);
    --srf-banner-txt-bg-grad-via: rgba(55, 55, 55, 0.7);
    --srf-banner-txt-bg-grad-to: rgba(55, 55, 55, 0.9);
    --srf-bet-added-bg-grad-from: rgba(28, 29, 30, 1);
    --srf-bet-added-bg-grad-via: rgba(28, 29, 30, 0.9);
    --srf-bet-added-bg-grad-to: rgba(34, 36, 40, 0.7);
    --srf-banner: 0 0 0;
    --srf-widget-grad-from: #1c1d1e;
    --srf-widget-grad-to: #222428;
    --srf-mg-landing: #000;
    --mg-landing-grad-to: #075207;
    --mg-landing-grad-to-dark: #003500;
    --formguide-background: #303339;
    --formguide-stroke: #222428;
    --formguide-text: #bbbbbb;
    --menu-bg: #1c1d1e;
    --menu-text: #bbbbbb;
    --menu-secondary-bg: #303328;
    --menu-secondary-text: #bbbbbb;
    --menu-separator: #45474e;
    --menu-loading-bar: #ef5b22;
    --tooltip-background: #666666;
    --tooltip-stroke: #45474e;
    --tooltip-text: #cccccc;
    --tooltip-text-hover: #ffffff;
    --tooltip-inactive-text: #303339;
    --header-srf: #000000;
    --header-text: #cccccc;
    --sta-inactive: #383b41;
    --sta-inactive-shadow: #2c2f33;
    --sta-inactive-text: #828588;
    --sta-active-light: #f49069;
    --sta-active: #ef5b22;
    --sta-active-dark: #ffffff;
    --sta-pending-light: #ffd364;
    --sta-pending: #ffc531;
    --sta-pending-dark: #ca9100;
    --sta-error-light: #d66565;
    --sta-error: #cb3d3d;
    --sta-error-dark: #942828;
    --sta-success-light: #53e701;
    --sta-success: #4ace01;
    --sta-success-dark: #2f8201;
    --sta-changed-light: #73baf9;
    --sta-changed: #42a2f7;
    --sta-changed-dark: #118af5;
    --sta-mg-progress-bar-active: #ef5b22;
    --sta-mg-progress-bar-inactive: #ffffff40;
    --medal-gold: #e6d30b;
    --medal-gold-light: #ffeb0d;
    --medal-bronze: #d98d57;
    --medal-bronze-light: #f2ac79;
    --rcs-cancelled: #cccccc;
    --rcs-cancelled-active: #999999;
    --rcs-cancelled-text: #000000;
    --rcs-cancelled-hover: #999999;
    --rcs-going: #ffc531;
    --rcs-going-active: #ca9100;
    --rcs-going-text: #000000;
    --rcs-going-hover: #ffd364;
    --rcs-finished: #303339;
    --rcs-finished-active: #1c1d1e;
    --rcs-finished-text: #ffffff;
    --rcs-finished-hover: #44474e;
    --rcs-open: #4ace01;
    --rcs-open-active: #2f8201;
    --rcs-open-text: #ffffff;
    --rcs-open-hover: #2f8201;
    --lbl-main: transparent;
    --lbl-main-border: #ffffff;
    --lbl-main-text: #ffffff;
    --lbl-new: #cb3d3d;
    --lbl-new-border: #cb3d3d;
    --lbl-new-text: #ffffff;
    --lbl-success: transparent;
    --lbl-success-border: #4ace01;
    --lbl-success-text: #4ace01;
    --lbl-bonus: transparent;
    --lbl-bonus-border: #42a2f7;
    --lbl-bonus-text: #42a2f7;
    --lbl-sis: transparent;
    --lbl-sis-text: #cef31b;
    --lbl-contrast: transparent;
    --lbl-contrast-border: #ffffff;
    --lbl-contrast-text: #ffffff;
    --btn-secondary-hover: #5c6069;
    --btn-secondary: #44474e;
    --btn-secondary-shadow: #202225;
    --btn-secondary-text: #ffffff;
    --btn-bet-hover: #f49069;
    --btn-bet: #ef5b22;
    --btn-bet-shadow: #cf440f;
    --btn-bet-text: #ffffff;
    --btn-bet-pressed: #cf440f;
    --btn-bet-pressed-hover: #cf440f;
    --btn-bet-pressed-text: #ffffff;
    --btn-bet-pressed-text-hover: #cf440f;
    --btn-bet-inactive-background: #383b41;
    --btn-bet-inactive-text: #bcbcbc;
    --btn-bet-inactive-shadow: transparent;
    --btn-primary-hover: #f49069;
    --btn-primary: #ef5b22;
    --btn-primary-shadow: #cf440f;
    --btn-primary-text: #ffffff;
    --btn-action-hover: #53e701;
    --btn-action: #4ace01;
    --btn-action-shadow: #2f8201;
    --btn-action-text: #ffffff;
    --btn-tetriary-hover: #73baf9;
    --btn-tetriary: #42a2f7;
    --btn-tetriary-shadow: #118af5;
    --btn-tetriary-text: #ffffff;
    --btn-million-game: #ffffff;
    --btn-million-arrows: #000000;
    --btn-million-arrows-hover: #ef5b22;
    --btn-empty-betslip-instruction: #cccccc;
    --btn-mg-landing-cta-general: #4ace01;
    --btn-mg-landing-cta-general-hover: #53e701;
    --btn-mg-landing-cta-general-shadow: #2f8201;
    --btn-mg-landing-cta-general-text: #ffffff;
    --ipt-background: #ffffff;
    --ipt-stroke: #ffffff;
    --ipt-text: #000000;
    --ipt-stroke-focused: #cf440f;
    --ipt-inactive-background: #cccccc;
    --ipt-inactive-stroke: #cccccc;
    --ipt-inactive-text: #666666;
    --ipt-freebet-background: #4ace01;
    --ipt-freebet-background-hover: #4ace01;
    --ipt-freebet-border: #4ace01;
    --ipt-freebet-text: #ffffff;
    --b2b-menu-bg: #303238;
    --b2b-menu-border: #45474e;
    --b2b-menu-text: #bbbbbb;
    --b2b-offset-top: 0px;
    --b2b-betslip-footer-offset: 0px;
    --stream-background: #666666;
    --stream-text: #cccccc;
    --stream-button: #ffffff;
    --bet-open: #cccccc;
    --bet-winner: #4ace01;
    --bet-loser: #cb3d3d;
    --bet-refund: #a5a7a9;
    --bet-cancelled: #a5a7a9;
    --onboarding-arrow: #3ca0fa;
}