/* ? naming: {prefix}[__{element}]_{style}[--{modificator}] */

:root {
	--color-black: #000;
	--color-white: #fff;

	/* Dark color shades */
	--color-dark: #2f2f2f;
	--color-dark-80: #787879;
	--color-dark-60: #b2b2b2;
	--color-dark-40: #dadbdb;
	--color-dark-20: #dfe0e1;

	/* Dark-gray color shades */
	--color-dark-gray: #8b98ab;
	--color-medium-gray: #e1e2e6;
	--color-light-gray: #f4f4f4;
	--color-off-white: #fefefe;

	/* Common colors */
	--color-success: #00b669;
	--color-alert: #ea5b49;
	--color-warning: #fdc023;
	--color-info: #0b59c4;
	--color-result: #04879c;

	/* section fonts start */
	--font-primary-color: var(--color-primary);
	--font-gray: var(--color-gray);
	--font-off-white: var(--color-off-white);
	--font-white: var(--color-white);
	--font-black: var(--color-black);
	--font-secondary-color: var(--color-dark-gray);
	--font-muted: var(--color-dark-gray);

	/* section fonts end */

	--color-shadow-rgb: 0, 0, 0;
	--bg-secondary: var(--color-white);
	--page_bg: #fbfbfb;
	--main-bg: var(--color-secondary);
	--color-disabled: var(--color-primary-20);
	--border-secondary-color: #efefef;
	--text-color--primary: #fff;
	--text-color--secondary: #000;
	--ui-background-diff-5: #f5f5f5;
	--device-width: 450px;
}

.form {
	--form__title_color: var(--color-primary);
	--form__subtitle_color: var(--text-color--primary);
	--form__contextual-link_color: var(--color-primary);
	--form__border-color: #d6d6d6;
	--form__border-color--error: #e44242;
	--form__toggle_switch_color: #fff;
	--form__toggle_switch_bg_color: #cfd6db;
	--form__toggle_switch_label_color: #fff;
	--form__input_color--disable: var(--color-secondary-20);
	--form_inputt_color--selected: var(--color-primary-60);
	--form__error_message_case: uppercase;
	--form__password_strength_indicator_bg: #cfd6db;
	--form__password_strength--excellent: #36c565;
	--form__password_strength--good: #1493ff;
	--form__password_strength--fair: #f99f4a;
	--form__password_strength--poor: #e44242;
	--form__input_checkbox_bg-color: #fff;
	--form__input_checkbox_label-color: #fff;
	--form__input_checkbox_border-color: #556068;
	--form__field-bg-color: #fff;
	--field__placeholder_color--from: #fff;
	--form__date-picker-bg-color: #fff;
	--form__field_margin: 0;
	--form__field_border-radius: 0;
	--form__field-top-border_border-radius: 4px 4px 0 0;
	--form__field-bottom-border_border-radius: 0 0 4px 4px;
	--form__field-no-border_border-radius: 0;
	--form__field-label_text-transform: uppercase;
	--form__field-label_font-family: var(--font-family--specialtext);
	--form__field-label_font-size: 10px;
	--form__field-label_font-weight: 700;
	--form__field-label_padding: 4px 0 0 16px;
	--form__field-label_letter-spacing: 0.8px;
}

.footer {
	--footer__back-top-btn_bg-color: var(--color-primary);
}

.account {
	--account-info__item_color: var(--text-color--primary);
	--account-info__item_shadow-color-rgb: 0, 0, 0;
	--account-profile-details__container_border: 1px solid var(--color-primary);
}

.app-bar {
	--app-bar__action_color: var(--text-color--primary);
	--app-bar__action_color--hover: var(--color-primary-20);
	--app-bar__link_color: var(--text-color--primary);
	--app-bar__link_color--active: var(--color-primary-20);
	--app-bar__hamburger_color: var(--app-bar__link_color);
	--app-bar__link_bg-color--hover: var(--color-primary-40);
	--app-bar__link_border-bottom--active: 0;
	--app-bar__dropdown-link_color: var(--text-color--primary);
	--app-bar__dropdown-link_color--active: var(--color-primary);
	--app-bar__sign-up_bg: var(--color-success);
	--app-bar__sign-up_bg--hover: #009453;
	--app-bar__sign-up_color: var(--color-white);
	--app-bar__sign-up_color--hover: var(--color-white);
	--app-bar__sign-up_border-color: transparent;
	--app-bar__sign-up_border-color--hover: transparent;
	--app-bar__sign-in_bg: transparent;
	--app-bar__sign-in_bg--hover: #009453;
	--app-bar__sign-in_color: var(--color-white);
	--app-bar__sign-in_color--hover: var(--color-white);
	--app-bar__sign-in_border-color: var(--color-white);
	--app-bar__sign-in_border-color--hover: #009453;
	--app-bar_border-color: var(--color-white);
	--app-bar_bg-color: var(--color-primary);
	--app-bar__dropdown_bg-color: var(--app-bar_bg-color);
	--app-bar_shadow-color: 0, 0, 0;
	--app-bar_logo-subtitle: var(--text-color--primary);
	--app-bar_align-items: center;
}

.page {
	--page_bg: var(--color-white);
	--page__footer_bg-color: var(--color-primary);
	--page__footer-about_color: var(--color-dark-40);
	--page__footer-list-head_color: var(--text-color--primary);
	--page__footer-link_color: var(--color-dark-20);
	--page__footer-link_color--hover: var(--color-primary);
	--page__footer-help-link_color--hover: var(--color-primary);
	--page_shadow-color: 0, 0, 0;
	--page__footer-line_color: var(--text-color--primary);
	--page__header-prize_color: #fafafa;
	--page__header-prize_text: var(--color-secondary);
	--page__header-prize_border_color: #ff5000;
	--page__header-prize_color--dark: var(--color-secondary);
	--page__header-prize_text--dark: #ececec;
	--page__header-prize_transform: skew(45deg);
	--page__header-prize-secondary_transform: skew(-45deg);
	--page__header-prize-secondary_border-radius: 0;
}

:root .page--live--game {
	--section-container-desktop-width: 386px;
	--section-container-width: 386px;
	--pageHeaderHeight: auto;
}

.live-game-container {
	--live-game-container__section_z-index: 2;
	--live-game-container__section_padding: 0 32px;
	--live-game-container__container_padding: 0;
	--live-game-container__container_background-color: transparent;
	--live-game-container__container_shadow: none;
}

@media (max-width: 449px) {
	.live-game-container {
		--live-game-container__section_padding: 0 16px;
	}
}

.page--live--game .btn,
.event-betslip .btn {
	--btn__primary_bg-color:
		linear-gradient(
			180deg,
			var(--color-primary) 0%,
			var(--color-primary) 100%
		);
	--btn_border-radius: 4px;
	--btn__primary_color: var(--color-white);
	--btn__primary_border: 1px solid #fd4f00;
	--btn__primary_border--hover: 1px solid #fd4f00;
	--btn__primary_bg-color--hover:
		linear-gradient(
			180deg,
			var(--color-primary) 0%,
			var(--color-primary) 100%
		);
	--btn__primary_color--hover: var(--color-white);
}

.page--live--game .bet {
	--bet__header_color: var(--font-black);
	--bet__body_color: var(--font-black);
	--bet__counter_color: var(--color-dark-80);
	--bet__counter_border-color: var(--color-dark-80);
	--bet-tiebreaker-result_color: var(--color-primary);
	--bet__bet-card_bg-color--won: var(--color-primary);
	--bet__bet-card_color--won: var(--color-white);
	--bet__bet-card_bg-color--lost: var(--color-alert);
	--bet__bet-card_color--lost: var(--color-white);
	--bet__bet-card_special-color: #fff;
	--bet__bet-card-border-color: #d6d6d6;
	--bet__accordion_bg-color: #ececec;
	--bet__accordion_tile-bg-color: #fafafa;
	--bet__accordion_color: var(--color-secondary);
	--bet__accordion_split-color: var(--color-secondary);
	--bet__grid_bg-color: transparent;
	--bet__accordion_description-color: var(--color-secondary);
	--bet__accordion_description-border-color: var(--color-secondary);
	--bet__accordion_title-color: var(--color-secondary);
	--bet__accordion_tile-color: var(--color-secondary);
	--bet__accordion_title-disabled_color: #b9c4cb;
	--bet__accordion_title-disabled_border-color: #b9c4cb;
	--bet__accordion_title-disabled_bg-color: #b9c4cb;
	--bet__accordion_tile-border-color: var(--color-primary);
	--bet__accordion_tile-color--hover: var(--color-white);
	--bet__accordion_tile-bg-color--hover: var(--color-primary);
}

.page--live--game,
.event-betslip-modal {
	--page_position: relative;
	--page_background-attachment: fixed;
	--page_header_max-width: var(--device-width);
	--page_header_margin: 0 auto;
	--page_header_min-height: 70px;
	--page_header_background: var(--color-primary);
	--page_header_width: 100%;
	--page_header_logo-max-width: 151px;
	--page__header_padding: 0;
	--page__after_content: none;
	--page__before_content: none;
	--page_max-width: var(--device-width);
	--page_margin: 0 auto;
	--page_before-after-width: var(--device-width);
	--page_before-after-height: 100vh;
	--page_after-background:
		linear-gradient(
			180deg,
			#152343 10.77%,
			#1e3659 22.44%,
			#3d3960 31.1%,
			#e9427b 75.85%,
			#ef5c55 90.6%,
			#f58c65 100%
		);
	--page_after-background-size: 480px 100vh;
	--page_before-background: none;
	--page_before-background-size: 480px 30vh;
	--page_before-opacity: 0.35;
	--page_before-z-index: 1;
	--page_body-z-index: 2;
	--page_body-flex-grow: 0;
	--page__body_margin-top: 0;
	--page__body_padding: 16px 0;
	--event-betslip__modal_background: none;
}

.page--live--game .event-container,
.page--live--game .account-page-container-F,
.page--live--game .leaderboard,
.page--live--game .event-betslip,
.page--live--game .section-auth,
.page--live--game .info-page,
:root .betslip--live--game {
	--section-container-desktop-width: var(--device-width);
	--section-container-width: var(--device-width);
}

.page--live--game .section-auth {
	--section-auth__title_color: #fff;
	--section-auth__info_color: #fff;
	--section_border-radius: 0;
	--section-auth__password-strength_bg-color: #f0f3f8;
	--section-auth__signup-header-title_text-align: left;
	--section-auth__signup-header-subtitle_text-align: left;
	--section-auth__field-group_display: none;
	--section-auth__field-group_margin-top: 1rem;
	--section-auth__header-subtitle_margin-top: 8px;
	--section-auth__header-subtitle_padding-bottom: 8px;
	--section-auth__title_font-weight: 700;
}

.page--live--game .account-page-container-F {
	padding: 0 !important;
	background: none;
	box-shadow: none;
}

.page--live--game .leaderboard {
	--leaderboard__title-color: var(--color-secondary);
	--leaderboard__description-color: var(--color-secondary);
	--leaderboard__card_bg-color: #ececec;
	--leaderboard__card_bg-color--highlight: var(--color-secondary);
	--leaderboard__card_color--highlight: var(--color-white);
	--leaderboard__card_border-color--highlight: var(--color-primary);
	--leaderboard__card_color: var(--color-secondary);
	--leaderboard__card_border-color: transparent;
	--leaderboard__card_box-shadow: 1px 1px 4px rgba(37, 51, 65, 0.16);
}

/* .page--live--game .game,
.page--live--game .page {
	--section-container-desktop-width: 386px;
	--section-container-width: 386px;
} */

.error-list {
	--error-list_bg: #fad6d1;
	--error-list__link_color: #f00;
}

.prompt-list {
	--prompt-list__item_bg-color--success: #b8dafd;
	--prompt-list__link_color--success: #007f44;
	--prompt-list__item_bg-color--error: #ffe8e0;
	--prompt-list__link_color--error: #f44336;
}

.placeholder {
	--placeholder_gradient--from: var(--color-dark-60);
	--placeholder_gradient--to: var(--color-dark-20);
}

.progress-bar {
	--progress-bar_border-color: #c4c4c4;
	--progress-bar__connector-line_bg-color: var(--color-primary);
	--progress-bar__finish-point_stroke--active: var(--text-color--secondary);
	--progress-bar__finish-point_bg-color--active: var(--color-primary);
	--progress-bar__label_border-color--active: var(--text-color--secondary);
	--progress-bar__step_bg-color: var(--font-muted);
	--progress-bar__step_bg-color--active: var(--color-primary);
}

.game {
	--game__title_color: var(--text-color--primary);
	--game__header-title_color: var(--text-color--primary);
	--game__header-title_bg-color: var(--color-primary);
	--game__subtitle_color: var(--text-color--primary);
	--game__description_color: var(--text-color--primary);
	--game__description-link-color: var(--color-primary);
	--game__countdown_bg-color: var(--color-primary-40);
	--game__event-header_bg-color: transparent;
	--game__rivals-info_border-color: transparent;
	--game__footer_bg-color: var(--color-primary);
	--game__footer-terms_color: var(--text-color--primary);
	--game__footer-terms-highlight_color: var(--color-primary);
	--game__pick-btn_color: var(--color-primary);
	--game__pick-btn_bg-color: transparent;
	--game__pick-btn_bg-color--hover: var(--color-primary);
	--game__pick-btn_border-color: var(--game__pick-btn_color);
	--game__pick-btn_color--hover: var(--text-color--primary);
	--game__footer-link_color: var(--color-primary);
	--game__vs-color: var(--text-color--secondary);
}

.game-event {
	--game__event-rival_color: var(--text-color--primary);
	--game__event-date_color: #445058;
	--game__event-date-icon_color: var(--color-primary);
	--game__event-date_bg-color: #f0f3f8;
	--game__event-info_bg-color: var(--color-primary);
	--game__event-info_border-color: var(--color-success);
	--game__vs_bg-color: var(--color-primary);
	--game__vs_color: var(--text-color--secondary);
	--game__event_border-color: var(--text-color--primary);
}

.game-subscription {
	--game__subscription_color: var(--color-black);
	--game__subscription-container_bg-color: var(--ui-background-diff-5);
	--game__subscription_bg-color: var(--color-white);
	--game__subscription_border-color: var(--color-primary);
	--game__subscription-inactive_bg-color: #f3f3f3;
	--game__subscription-country-select_bg-color: #f4f4f4;
	--game__subscription-country-select_color: #757575;
	--game__subscription-country-select_font-weight: bold;
	--game__subscription-country-select_border: 1px solid #757575;
	--game__subscription-input-label_color: #a7a7a7;
	--game__subscription-input_border-color: #757575;
	--game__subscription-input_border-color--hover: #757575;
	--game__subscription-input_bg-color: #f4f4f4;
	--game__subscription-header_text-align: center;
}

.game-subscription-success {
	--game-subscription-success__svg_color: #00bd65;
	--game-subscription-success__title_color: var(--section__title_color);
	--game-subscription-success__description_color: var(--text-color--primary);
	--game-subscription-success__create-account_color: var(--text-color--primary);
}

.section-auth {
	--section-auth__title_color: var(--color-primary);
	--section-auth__info_color: var(--font-muted);
}

.section-info {
	--section-info__title_color: var(--font-primary-color);
}

/* Welcome page start */
.page-welcome {
	--page-welcome__title_color: #092449;
	--page-welcome__subtitle_color: #092449;
	--page-welcome__prize_border-color: #1c73b5;
	--page-welcome__prize-inner_color: #fff;
}

/* Welcome page end */

/* Error page start */
.error-page {
	--error-page__icon_bg-color: var(--text-color--primary);
	--error-page_color: var(--text-color--primary);
}

/* Error page end */

.info-page {
	--info-page_color: var(--text-color--primary);
	--info-page__link_color: var(--color--primary);
	--info-page__link_color--hover: var(--color--primary);
}

.info {
	--info__item-title_color: var(--text-color--primary);
	--info__item-value_color: var(--font-primary-color);
}

.field {
	--field__input_color: var(--color-black);
	--field__label_color: var(--font-muted);
	--field__label_color--disabled: var(--color-white);
	--field__input_bg-color: var(--color-light-gray);
	--field__input_bg-color--disabled: var(--color-dark-60);
	--field__input_border-color: transparent;
	--field__placeholder_color--from: var(--color-dark-80);
	--field__placeholder_color--to: var(--color-primary);
	--field__icon_color--success: var(--color-success);
	--field_border-color--success: var(--color-success);
	--field_border-color--error: var(--color-alert);
	--field_border-color--hover: var(--color-primary);
}

.field-checkbox {
	--checkbox_color: var(--text-color--primary);
	--checkbox_border-color: var(--color-primary);
}

.label {
	--label_color: var(--text-color--primary);
	--label_bg--default: var(--color-primary-60);
	--label_bg--success: var(--color-success);
	--label_bg--alert: var(--color-alert);
	--label_bg--warning: var(--color-warning);
	--label_bg--info: var(--color-info);
}

.overlay {
	--overlay__backdrop_bg-color: #252b34;
	--overlay_shadow-color-rgb: 0, 0, 0;
}

.btn {
	--btn_color: var(--text-color--primary);

	/* ? resolve issue for [ the_odds_factory, sunbet */
	--btn_border-radius: 2.8125rem;

	/* ? resolve issue for [nesn */
	--btn_border: 0;
	--btn__primary_bg-color: var(--color-primary);
	--btn__primary_color: var(--text-color--secondary);
	--btn__primary_bg-color--hover: var(--color-primary-80);
	--btn__primary_color--hover: var(--text-color--primary);
	--btn__primary_border: 0;
	--btn__primary_border--hover: 0;
	--btn__destructive_bg-color: var(--color-alert);
	--btn__destructive_color: var(--color-white);
	--btn__destructive_bg-color--hover: rgb(220, 14, 14);
	--btn__destructive_color--hover: var(--color-white);
	--btn__destructive_border: 0;
	--btn__destructive_border--hover: 0;
	--btn__secondary_bg-color: var(--color-secondary);
	--btn__secondary_color: var(--text-color--secondary);
	--btn__secondary_bg-color--hover: var(--color-secondary-80);
	--btn__secondary_color--hover: var(--text-color--primary);
	--btn__secondary_border: 0;
	--btn__secondary_border--hover: 0;
	--btn__tertiary_bg-color: var(--color-tertiary);
	--btn__tertiary_color: var(--text-color--secondary);
	--btn__tertiary_bg-color--hover: var(--color-tertiary-80);
	--btn__tertiary_color--hover: var(--text-color--primary);
	--btn__tertiary_border: 0;
	--btn__tertiary_border--hover: 0;
	--btn__disabled_color: var(--font-muted);
	--btn__disabled_bg-color: var(--color-medium-gray);
	--btn__disabled_border: 0;
	--btn__disabled_opacity: 0.6;
}

.section,
.container-section,
.layout-container {
	--section_bg-color: var(--color-white);
	--section_shadow: 0 4px 11px rgb(0 0 0 / 6%);
	--section__title_color: var(--color-primary);
	--section_color: var(--text-color--primary);
	--section-container_gap: 0 1rem;
	--section_border-radius: 0.625rem;
}

.leaderboard {
	--leaderboard__table-row-head_color: var(--leaderboard__row-highlight_bg-color);
	--leaderboard__table-row-head_bg-color: var(--section_bg-color, var(--color-white));
	--leaderboard__card_color: var(--text-color--primary);
	--leaderboard__card_color--active: var(--text-color--secondary);
	--leaderboard__card_bg-color: var(--color-secondary-20);
	--leaderboard__card_bg-color--active: var(--color-primary);
	--leaderboard__card_border-radius: 50px;
	--leaderboard__card-scrollbar_color: var(--color-primary);
	--leaderboard__card-scrollbar_color--hover: var(--color-primary-60);
	--leaderboard__row-highlight_color: var(--text-color--secondary);
	--leaderboard__row-highlight_bg-color: var(--color-primary);
	--leaderboard__row-winner_color: var(--text-color--secondary);
	--leaderboard__row-winner_bg-color: var(--color-primary);
	--leaderboard__table-cell_color: var(--text-color--primary);
	--leaderboard__table-points_color: var(--text-color--primary);
	--leaderboard__table-helper_color: var(--text-color--primary);
	--leaderboard__table-chip_bg-color: var(--color-primary);
	--leaderboard__table-chip_color: var(--text-color--secondary);
	--leaderboard__table-chip_bg-color--active: var(--text-color--secondary);
	--leaderboard__table-chip_color--active: var(--color-primary);
	--leaderboard__body_color: var(--text-color--primary);
	--leaderboard__result_color: var(--color-result);
	--leaderboard__completed_notice_color: #ff8a00;
	--leaderboard__table-cell_color--odd: var(--text-color--primary);
	--leaderboard__table-row_bg-color: var(--section_bg-color, var(--color-white));
	--leaderboard__table-row_bg-color--odd: var(--color-light-gray);
}

.game-list {
	--game-list__header_bg-color: var(--color-primary);
	--game-list__title_color: var(--text-color--secondary);
	--game-list__table-row_color--odd: var(--text-color--primary);
	--game-list__table-row_color--even: var(--text-color--primary);
	--game-list__table-row_bg-color--hover: var(--color-secondary-20);
	--game-list__table-cell-first_color--hover: var(--color-secondary);
	--game-list__game-title_color: var(--text-color--primary);
	--game-list__game_border-color: #dadadd;
	--game-list_bg-color: var(--section_bg-color);
	--game-list_box-shadow-color: rgba(78, 79, 114, 0.08);
	--game-list__btn_color: var(--text-color--secondary);
	--game-list__btn_border-color--active: var(--text-color--secondary);
	--game-list__countdown_color: var(--color-primary-40);
	--game-list__card_color--lesslight: var(--color-dark-60);
	--game-list__card_bg-color: var(--section_bg-color);
	--game-list__card_color: var(--text-color--primary);
	--game-list__card-vs-label_bg-color: var(--color-primary);
	--game-list__game_bg-color: var(--section_bg-color);
}

.pagination {
	--pagination_bg-color: transparent;
	--pagination_bg-color--active: var(--color-primary);
	--pagination_color: var(--color-primary);
	--pagination_color--active: var(--color-secondary);
}

.game-popular {
	--game-popular__header-title_color: var(--text-color--primary);
	--game-popular__header-info_color: var(--font-muted);
	--game-popular__market_color: var(--text-color--primary);
	--game-popular__market_color--highlight: var(--text-color--primary);
	--game-popular__market_bg-color: transparent;
	--game-popular__market_bg-color--highlight: rgba(0, 182, 106, 0.165);
}

.table {
	--table__helper_color: var(--color-primary);
	--table__cell_color: var(--text-color--primary);
}

.tooltip {
	--tooltip_bg-color: var(--color-primary);
	--tooltip_color: var(--text-color--secondary);
}

.confirm-section {
	--confirm-section__title_color: var(--text-color--primary);
	--confirm-section__subtitle_color: var(--text-color--primary);
	--confirm-section__info_color: var(--font-primary-color);
	--confirm-section__helper_color: var(--font-primary-color);
	--confirm-section__item_color: var(--text-color--primary);
	--confirm-section__link-highlight_color: var(--color-primary);
}

.card {
	--card_bg-color: var(--color-light-gray);
	--card_bg-color--active: var(--color-primary);
	--card-secondary_bg-color--active: var(--color-primary);
	--card_bg-color--disabled: var(--color-dark-20);
	--card__title_color: var(--color-primary);
	--card__title_color--active: var(--text-color--secondary);
	--card-secondary__title_color--active: var(--text-color--secondary);
	--card__subtitle_color: var(--color-dark);
	--card__subtitle_color--active: var(--color-dark-20);
	--card-secondary__subtitle_color--active: var(--color-dark-20);
	--card__subtitle_color--disabled: var(--color-dark-80);
	--card_border: none;
	--card_border--active: none;
}

.rangeslider {
	--rangeslider-label_color: var(--text-color--primary);
	--rangeslider-line-fill_bg-color: var(--color-primary-60);
	--rangeslider-label_color--disabled: var(--font-muted);
	--rangeslider-line-fill_bg-color--disabled: var(--color-dark-20);
}

.bet {
	--bet__grid_bg-color: var(--color-white);
	--bet__header_color: var(--text-color--primary);
	--bet__body_color: var(--text-color--primary);
	--bet__header-tooltip_color: var(--text-color--primary);
	--bet__header-tooltip_color--hover: var(--color-primary);
	--bet__counter_color: var(--color-primary);
	--bet__counter_border-color: var(--color-primary);
	--bet-tiebreaker-result_color: var(--color-primary);
	--bet__bet-card-round_border-radius: 50%;
	--bet__bet-card_bg-color--won: var(--color-primary);
	--bet__bet-card_color--won: var(--color-white);
	--bet__bet-card_bg-color--lost: var(--color-alert);
	--bet__bet-card_color--lost: var(--color-white);
}

.race-oddstype {
	--race__header_color: var(--color-dark-80);
	--race__header_bg-color: var(--color-medium-gray);
	--race__btn_bg-color: transparent;
	--race__btn_color: var(--color-primary);
	--race__btn_border: 1px solid var(--color-primary);
	--race__btn_bg-color--active: var(--color-primary);
	--race__btn_color--active: var(--text-color--secondary);
	--race__btn_border--active: 1px solid var(--color-primary);

	/* table */
	--race__digest-border: 1px solid #9eb4c6;
	--race__digest-title_color: var(--color-primary);
	--race__digest-index_color: var(--color-primary);
	--race__digest-index_bg-color: #dce4e4;
	--race__digest-index_border: none;
	--race__digest-index_color--active: var(--color-primary);
	--race__digest-index_bg-color--active: #dce4e4;
	--race__digest-index_border--active: none;
	--race__item_border: 1px solid var(--color-medium-gray);
	--race__item_color: var(--text-color--primary);
}

.transactions {
	--transactions__item-primary_color: var(--text-color--primary);
	--transactions__item-secondary_color: var(--color-dark-60);
}

.modal-splash {
	--modal-splash_color: var(--color-white);
	--modal-splash_bg-fill-color: var(--color-primary-40);
}

.promo-cards {
	--promo-cards__carousel_color: var(--font-white);
	--promo-cards__prize_color: var(--font-white);
	--promo-cards__title_color: var(--font-white);
	--promo-cards__countdown_color: var(--color-dark-40);
	--promo-cards__title_text-transform: capitalize;
	--promo-cards__dot_bg-color: var(--color-medium-gray);
	--promo-cards__dot_bg-color--hover: var(--color-primary-80);
	--promo-cards__item-after_bg:
		linear-gradient(
			0deg,
			rgba(0, 0, 0, 0.9) 0%,
			rgba(0, 0, 0, 0) 78.62%
		);
	--promo-cards__container-title_color: var(--text-color--secondary);
	--promo-cards__container-title_bg-color: var(--color-primary);
	--promo-cards__btn_border-color: var(--color-primary-40);
	--promo-cards__btn_color--hover: var(--text-color--secondary);
	--promo-cards__btn_bg-color--hover: var(--color-primary-40);
	--promo-cards__sign-up-btn_color: var(--text-color--secondary);
	--promo-cards__sign-up-btn_color--hover: var(--text-color--secondary);
	--promo-cards__sign-up-btn_bg-color: var(--color-primary-40);
	--promo-cards__sign-up-btn_bg-color--hover: var(--color-primary);
}

.country-select {
	--country-select_bg-color: var(--color-primary);
	--country-select_color: var(--text-color--secondary);
}

.link,
.page--live--game .link {
	--link_color--primary: var(--color-primary);
	--link_color--secondary: var(--color-secondary);
}

.global-style-wrapper {
	--global-link_color: var(--color-primary);
}

.game-changer {
	--game-changer__title_color: var(--text-color--primary);
	--game-changer__card_bg-color: var(--color-white);
	--game-changer__card_bg-color--hover: var(--color-white);
	--game-changer__card_border-color--hover: var(--color-primary);
	--game-changer__card_color: var(--text-color--primary);
	--game-changer__card_box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);
}

/* BONUS KEPPER start */
.bonus-keeper {
	--bonus-keeper__slogan_color: var(--color-black);
	--bonus-keeper__question-counter_color: var(--color-black);
	--bonus-keeper__question-counter_color--highlight: var(--color-dark-80);
	--bonus-keeper__bets-end-message_color: var(--color-dark-80);
	--bonus-keeper__question-button_bg-color: #f1f1f1;
	--bonus-keeper__question-button_box-shadow--active: 0 0 2px 3px #0166cc;
	--bonus-keeper__prev-questions-title: var(--color-black);
}

.claim-bonus {
	--claim-bonus_bg-color: var(--section_bg-color);
}

.your-bonus {
	--your-bonus__title_color: var(--color-dark-60);
	--your-bonus__amount_color: var(--text-color--primary);
}

.question-bet {
	--question-bet_bg-color: var(--section_bg-color);
	--question-bet_box-shadow: 0 10px 16px rgba(0, 0, 0, 0.05);
	--question-bet__highlight-text_color: var(--color-primary);
	--question-bet__title_color: var(--text-color--primary);
	--question-bet__extra-form-notice_color: #51535f;
}

.bet-slider {
	--bet-slider__slider_border-color: #e2e2e2;
	--bet-slider__background_bg-color:
		linear-gradient(
			to left,
			var(--color-primary) 20%,
			var(--color-primary-60) 80%
		);
	--bet-slider__track_bg-color--from: var(--color-primary);
	--bet-slider__track_bg-color--to: var(--color-primary-60);
	--bet-slider__center-bg-color: var(--color-primary);
	--bet-slider__controller_bg-color: #fff;
	--bet-slider__controller-circle_bg-color: #e6e6e6;
	--bet-slider__around-text_color: var(--text-color--primary);
	--bet-slider__around-text_color--disabled: #d3d3d3; /* remove after --bet-slider__disabled-color will work */
	--bet-slider__disabled-color: #d3d3d3;
}

.pick-confirmed {
	--pick-confirmed__title_color: var(--color-primary);
}

.time-left {
	--time-left_color: var(--text-color--primary);
	--time-left_color--highlight: #51535f;
}

.notice-card {
	--notice-card_bg-color:
		linear-gradient(
			90.93deg,
			var(--color-primary-40) 15.99%,
			var(--color-primary-60) 94.26%
		);
	--notice-card__title_color: var(--text-color--secondary);
	--notice-card__message_color: var(--text-color--secondary);
	--notice-card__amount_color: var(--text-color--secondary);
	--notice-card__icon_fill-color: var(--text-color--secondary);
	--notice-card__bet-slider-around-text_color: var(--text-color--secondary);
	--notice-card__bet-slider-slider_border-color: var(--color-white);
	--notice-card__bet-slider-background_bg-color: var(--text-color--secondary);
}

.app-bar-embed {
	--app-bar-embed_bg-color: var(--color-primary);
	--app-bar-embed__link_color: var(--color-secondary-80);
	--app-bar-embed__link_color--active: var(--color-white);
}

/* BONUS KEPPER end */

.confirmation-modal {
	--confirmation-modal__close-btn--hover: var(--color-primary);
	--confirmation-modal__header-title: var(--text-color--primary);
	--confirmation-modal__stake: var(--color-primary);
	--confirmation-modal__description: var(--color-dark-80);
}

.state-dropdown {
	--state-dropdown_color: var(--color-primary);
	--state-dropdown_bg-color: var(--section_bg-color, var(--color-white));
	--state-dropdown_bg-color--focus: var(--section_bg-color, var(--color-white));
}

.game-sport-icon {
	--game-sport-icon__svg_fill: var(--ui-background-diff-5);
}

.share-game {
	--share-game__bg-color: var(--section_bg-color);
	--share-game__title-color: var(--color-primary);
	--share-game__text-color: var(--text-color--primary);
	--share-game__btn-bg-color: var(--color-primary);
	--share-game__btn-hover-bg-color: var(--color-primary-60);
}

.create-account-link {
	--create-account-link__text-color: #445058;
	--create-account-link__label_color: #000;
	--create-account-link__label_font-weight: 600;
	--create-account-link__label_font-size: 14px;
	--create-account-link__label_flex-direction: row;
	--create-account-link__label_align-items: center;
	--create-account-link__label_margin: 16px 0;
	--create-account-link__link-color: #1381ed;
	--create-account-link__link_font-weight: 600;
}

.game-splash {
	--splash-bg-color: transparent;
	--splash-bg-image-color: #c4c4c4;
	--splash-text-primary-color: #fff;
	--splash-btn-primary-color: linear-gradient(180deg, #32b964 0%, #189f4a 100%);
	--splash-btn-secondary-color: #fff;
	--splash-btn-text-primary-color: #fff;
	--game-image__image_margin: 0.9375rem auto;
	--game-splash__password-protected-game_background: #162740;
}

.page--live--game .game-splash {
	--game-image__image_margin: 0 auto 32px auto;
}

.header-navigation-tabs {
	--navigation-tabs__container-bg-color: #1f375b;
	--navigation-tabs__tab-indicator-color: #1493ff;
	--navigation-tabs__logo-wrapper-padding: 10px 14px 0 14px;
	--navigation-tabs__how-to-play-top: 50%;
	--navigation-tabs__how-to-play-margin-top: -10px;
	--navigation-tabs__tab_font-weight: 400;
	--navigation-tabs__tab_font-size: 14px;
	--navigation-tabs__tab_line-height: 17.5px;
	--navigation-tabs__tab_letter-spacing: 0.2px;
	--navigation-tabs__tab_text-transform: uppercase;
	--navigation-tabs__tab_font-family: inherit;
}

.section-with-title {
	--section-with-title_heading-color: #fff;
	--section-with-title_text-color: var(--color-primary);
	--section-with-title_sub-text-color: #fff;
	--section-with-title_bg-color: rgba(255, 255, 255, 0.35);
}

.user-picks-tabs {
	--user-picks-tabs__tab-indicator-color: var(--color-secondary);
	--user-picks-tabs__tab-color: var(--color-secondary);
	--user-picks-tabs__empty-message_color: var(--color-secondary);
	--user-picks-tabs__tab_border-color: var(--color-secondary);
}

.event-betslip {
	--event-betslip_color: var(--color-white);
	--event-betslip_color--highlight: var(--color-white);
	--event-betslip_bet-text-color: #fff;
	--event-betslip__wager_color: var(--color-primary);
	--event-betslip__wager_bg-color: rgba(255, 255, 255, 0.35);
	--event-betslip__wager_active-bg-color: #1381e0;
	--event-betslip__wager_color--selected: var(--color-primary);
	--event-betslip__wager_color--readOnly: var(--color-secondary);
	--event-betslip__modal_bg-color: #fff;
	--event-betslip-item_background: transparent;
	--event-betslip-item_border-color: transparent;
	--event-betslip-item_border-split-color: var(--color-white);
	--event-betslip-item_bg-color: rgba(255, 255, 255, 0.35);
	--event-betslip-item_box-shadow: 1px 1px 4px rgba(37, 51, 65, 0.16);
	--event-betslip__modal_bg-color: transparent;
	--event-betslip__consensus_bg-color: rgba(255, 255, 255, 0.35);
	--event-betslip__consensus_title-color: #fff;
	--event-betslip__consensus_text-color: #fff;
	--event-betslip__consensus_bar-color: #f0f3f8;
	--event-betslip__consensus_fill-bar-color:
		linear-gradient(
			270deg,
			#1bb152 0.22%,
			#49c175 100%
		);
	--event-betslip-item-btn_bg-color: var(--event-betslip__wager_bg-color);
	--event-betslip-item-btn_color: var(--color-primary);
	--event-betslip-item-btn_border: 1px solid var(--color-primary);
	--event-betslip-item-btn_bg-color--hover: var(--btn__tertiary_bg-color--hover);
	--event-betslip-item-btn_color--hover: var(--color-primary);
	--event-betslip-item-btn_border--hover: 1px solid var(--color-primary);
	--event-betslip__confirmation_text-color: var(--color-white);
}

.pick-card {
	--pick-card_active-background: rgba(255, 255, 255, 0.35);
	--pick-card_active-border-color: transparent;
	--pick-card_lost-background: rgba(255, 255, 255, 0.35);
	--pick-card_lost-border-color: #e44242;
	--pick-card_winner-background: rgba(255, 255, 255, 0.35);
	--pick-card_winner-border-color: #1bb152;
	--pick-card_info-title-color: #fff;
	--pick-card_subtext-color: #fff;
	--pick-card_amount-color: var(--color-primary);
	--pick-card_balance-border-color: var(--color-secondary);
	--pick-card_active-color: #fff;
	--pick-card_win-text-color: var(--color-secondary);
	--pick-card_win-color: #1bb152;
	--pick-card_lose-text-color: var(--color-secondary);
	--pick-card_lose-color: #e44242;
	--pick-card_icon-color: var(--color-secondary);
	--pick-card__card_box-shadow: 1px 1px 4px rgba(37, 51, 65, 0.16);
	--pick-card__market_color: var(--color-secondary);
	--pick-card__wager_color: var(--color-secondary);
}

.prize-table {
	--prize-table__container_border-radius: 8px;
	--prize-table__table_heading_bg-color: #1f375b;
	--prize-table__table_heading_text-color: var(--color-white);
	--prize-table__table_body_bg-color: rgba(255, 255, 255, 0.35);
	--prize-table__table_body_text-color: var(--color-white);
	--prize-table__table_first-row-body_bg-color: var(--color-white);
	--prize-table__table_first-row-body_text-color: #1381e0;
	--prize-table__header_position-top: 0;
	--prize-table__header_background: var(--color-primary);
	--prize-table__table-row_border: 0;
	--prize-table__container_box-shadow: 1px 1px 4px rgba(37, 51, 65, 0.16);
}

.error-boundary {
	--error-boundary__container-bg-color: #152343;
	--error-boundary__container-header-color: #1f375b;
	--error-boundary__content_background: transparent;
	--error-boundary__text_color: var(--color-white);
	--error-boundary__container-header_height: 70px;
	--error-boundary__container-header_padding: 0;
	--error-boundary__primary-cta_background: var(--btn__primary_bg-color);
	--error-boundary__primary-cta_background--hover: var(--btn__primary_bg-color--hover);
	--error-boundary__primary-cta_color: var(--btn__primary_color);
	--error-boundary__primary-cta_color--hover: var(--btn__primary_color--hover);
	--error-boundary__primary-cta_border: 0;
	--error-boundary__primary-cta_border--hover: 0;
	--error-boundary__secondary-cta_background: var(--btn__secondary_bg-color);
	--error-boundary__secondary-cta_background--hover:
		var(
			--btn__secondary_bg-color--hover
		);
	--error-boundary__secondary-cta_color: var(--btn__secondary_color);
	--error-boundary__secondary-cta_color--hover: var(--btn__secondary_color-hover);
	--error-boundary__secondary-cta_border: 0;
	--error-boundary__secondary-cta_border--hover: 0;
}

.forgot-password-page {
	--forgot-password-page__title_margin: 0 0 8px 0;
	--forgot-password-page__title_font-weight: 700;
	--forgot-password-page__description_text-align: center;
	--forgot-password-page__description_font-size: 14px;
	--forgot-password-page__description_line-height: 17.5px;
}

.how-to-play {
	--how-to-play__container_bg: var(--color-secondary);
	--how-to-play__subtitle_color: #d2d2d2;
	--how-to-play__color: #fafafa;
	--how-to-play__svg_color: #fafafa;
}

.events-container {
	--events-container__header_background: #d2d2d2;
	--events-container__header_padding: 11px 32px;
	--events-container__header-title_color: #253341;
	--events-container__header-title_text-transform: uppercase;
	--events-container__header-title_font-family: var(--font-family);
	--events-container__resulted-game-info_color: var(--color-secondary);
}

.game-description-links {
	--game-description-links__text_color: var(--color-secondary);
	--game-description-links__link_color: var(--color-primary);
	--game-description-links__link_color--hover: var(--color-primary);
}

.live-game-splash-modal {
	--live-game-splash-modal__title_color: var(--font-primary-color);
	--live-game-splash-modal__title_font-size: 24px;
	--live-game-splash-modal__title_font-weight: bold;
	--live-game-splash-modal__title_line-height: 30px;
	--live-game-splash-modal__title_text-transform: none;
	--live-game-splash-modal__title_text-align: center;
	--live-game-splash-modal__title_letter-spacing: normal;
	--live-game-splash-modal__subtitle_color: var(--color--secondary);
	--live-game-splash-modal__subtitle_margin: 32px 0;
	--live-game-splash-modal__subtitle_margin--verification-disabled: 32px 0 0 0;
	--live-game-splash-modal__subtitle_font-weight: bold;
	--live-game-splash-modal__subtitle_font-size: 14px;
	--live-game-splash-modal__subtitle_line-height: 17.5px;
	--live-game-splash-modal__description_color: var(--modal-splash-text-color);
	--live-game-splash-modal__description_margin: 0;
	--live-game-splash-modal__description_margin--verification-disabled: 32px 0 0 0;
	--live-game-splash-modal__description_padding: 0;
	--live-game-splash-modal__description_padding--verification-disabled: 0;
	--live-game-splash-modal__description_font-size: 14px;
	--live-game-splash-modal__description_line-height: 20px;
	--live-game-splash-modal__description_text-align: center;
	--live-game-splash-modal__button_background-color:
		var(
			--modal-splash-btn-primary-color
		);
	--live-game-splash-modal__button_color: var(--color-white);
	--live-game-splash-modal__button-container_margin: 32px 0 0 0;
	--live-game-splash-modal__container_max-height: 40.625rem;
	--live-game-splash-modal__container_width: calc(100% - 32px);
	--live-game-splash-modal__container_max-width: calc(var(--device-width) - 32px);
	--live-game-splash-modal__container_margin: 0 auto;
	--live-game-splash-modal__container_padding: 32px 16px;
	--live-game-splash-modal__container_background: #ececec;
	--live-game-splash-modal__container_border-radius: 4px;
	--live-game-splash-modal__link_color: var(--modal-splash-link-primary-color);
	--live-game-splash-modal__link_font-weight: bold;
	--live-game-splash-modal__link_font-size: 14px;
	--live-game-splash-modal__link_text-decoration: underline;
	--live-game-splash-modal__splash-info_padding: 0;
	--live-game-splash-modal__splash-info_align-items: center;
	--live-game-splash-modal__splash-info_justify-content: center;
}

.live-game-btn {
	--live-game-btn__button_height: 44px;
	--live-game-btn__button_width: 100%;
	--live-game-btn__button_max-width: 100%;
	--live-game-btn__button_padding: 13px 14px;
	--live-game-btn__button_color: var(--color-white);
	--live-game-btn__button_font-size: 16px;
	--live-game-btn__button_letter-spacing: normal;
	--live-game-btn__button_background--primary: var(--modal-splash-btn-primary-color);
	--live-game-btn__button_border-radius: 4px;
	--live-game-btn__button_border--primary: 1px solid var(--color-primary);
}

.live-game-header {
	--live-game-header__container_background: var(--color-secondary);
	--live-game-header__timer-live_color: var(--color-white);
	--live-game-header__timer-live_background:
		conic-gradient(
			from 90deg at 0% 50%,
			#e70000 0deg,
			#f90000 360deg
		);
	--live-game-header__timer-live_border-radius: 4px 4px 0 0;
	--live-game-header__status_text: var(--color-white);
	--live-game-header__resulted_text: var(--color-white);
}

.account-verify-modal {
	--account-verify-modal__description_margin: 16px 0 0 0;
	--account-verify-modal__info_margin: 32px 0 0 0;
}

.account-confirmation-modal {
	--account-confirmation-modal__description_margin: 0 0 32px 0;
}

.session-expired-modal {
	--session-expired-modal__container_background: var(--section_bg-color);
	--session-expired-modal__container_color: var(--text-color--primary);
	--session-expired-modal__button_color: var(--color-primary);
	--session-expired-modal__container_max-width: var(--section-container-desktop-width);
}

@media screen and (min-width: 992px) {
	.session-expired-modal {
		--session-expired-modal__container_max-width: var(--section-container-width);
	}
}

.sign-up-verification-modal {
	--sign-up-verification-modal__container_background: #fff;
	--sign-up-verification-modal__container_border-radius: 8px;
	--sign-up-verification-modal__container_max-width: 720px;
	--sign-up-verification-modal__container_width: calc(100% - 32px);
	--sign-up-verification-modal__container_margin: 0 auto;
	--sign-up-verification-modal__info_padding: 32px 16px;
	--sign-up-verification-modal__title_color: #000;
	--sign-up-verification-modal__title_margin: 0 0 32px 0;
	--sign-up-verification-modal__title_padding: 0 16px;
	--sign-up-verification-modal__helper-text_max-width: 590px;
	--sign-up-verification-modal__helper-text_color: #000;
	--sign-up-verification-modal__footer_max-width: 310px;
	--sign-up-verification-modal__footer_margin: 32px auto 0 auto;
	--sign-up-verification-modal__link-btn_color: var(--color-primary);
	--sign-up-verification-modal__link-btn_text-decoration: underline;
	--sign-up-verification-modal__btn_background: var(--color-primary);
	--sign-up-verification-modal__btn_color: var(--color-white);
	--sign-up-verification-modal__btn_height: 37px;
	--sign-up-verification-modal__btn_font-size: 14px;
	--sign-up-verification-modal__btn_line-height: 21px;
	--sign-up-verification-modal__btn_font-weight: 600;
	--sign-up-verification-modal__btn_border-radius: 4px;
}

.winners {
	--winners__title_color: var(--section__title_color);
	--winners__row-head_color: var(--text-color--primary);
	--winners__row-head_bg-color: var(--color-primary);
	--winners__row_color: var(--text-color--primary);
	--winners__row_bg-color: var(--section_bg-color);
	--winners__row_bg-color--odd: var(--section_bg-color);
}

.winners-feed {
	--winners-feed__section-container-desktop_width: 918px;
	--winners-feed__section-container_width: 918px;

	/* refactor vars */
	--winners-feed__title_color: var(--text-color--primary);
	--winners-feed__nav-btn_color: var(--text-color--primary);
	--winners-feed__nav-btn_color--hover: var(--color-primary);

	/* item vars */
	--winners-feed__prize-icon_fill: #465c79;
	--winners-feed__winner_color: #465c79;
	--winners-feed__prize_color: #000;
	--winners-feed__game_color: #465c79;
	--winners-feed__date_color: #8e9aad;
	--winners-feed__item_border-radius: var(--section_border-radius);
	--winners-feed__item_background: #fff;
	--winners-feed__item_box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.08);
}

.spinner {
	--spinner__icon_color: var(--color-white);
}

@media screen and (max-width: 575px) {
	html {
		font-size: 12px;
	}
}
