/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./theme/123bet.com.au/scss/main.scss ***!
  \*********************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&display=swap);
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./theme/123bet.com.au/scss/main.scss (1) ***!
  \*************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600&display=swap);
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./theme/123bet.com.au/scss/main.scss (2) ***!
  \*************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "123bet-icons";
  src: url(/static/assets/fonts/123bet-icons.ttf) format("truetype"), url(/static/assets/fonts/123bet-icons.woff) format("woff"), url(/static/assets/fonts/123bet-icons.svg#playup-icons) format("svg");
  font-display: block;
}
/*$input-height-small: (
  math.floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 33) !default;*/
:root {
  --dt-dark-1: rgb(13.4645, 14.2618636364, 22.2355);
  --dt-dark-1-hover: rgb(17.541, 18.5244545455, 28.359);
  --dt-dark-1-rgb: toRGB(rgb(13.4645, 14.2618636364, 22.2355));
  --dt-dark-2: rgb(7.388, 7.8992727273, 13.012);
  --dt-dark-2-hover: rgb(11.235, 11.9740909091, 19.365);
  --dt-dark-2-rgb: toRGB(rgb(7.388, 7.8992727273, 13.012));
  --dt-dark-3: rgb(1.7705, 1.9122272727, 3.3295);
  --dt-dark-3-hover: rgb(5.388, 5.7992727273, 9.912);
  --dt-dark-3-rgb: toRGB(rgb(1.7705, 1.9122272727, 3.3295));
  --dt-light-1: rgb(26.49725, 27.7068409091, 39.80275);
  --dt-light-1-hover: rgb(30.95625, 32.2823863636, 45.54375);
  --dt-light-1-rgb: toRGB(rgb(26.49725, 27.7068409091, 39.80275));
  --dt-light-2: rgb(33.224, 34.6014545455, 48.376);
  --dt-light-2-hover: rgb(37.836, 39.3021818182, 53.964);
  --dt-light-2-rgb: toRGB(rgb(33.224, 34.6014545455, 48.376));
  --dt-light-3: rgb(40.18025, 41.6838409091, 56.71975);
  --dt-light-3-hover: rgb(44.94525, 46.50975, 62.15475);
  --dt-light-3-rgb: toRGB(rgb(40.18025, 41.6838409091, 56.71975));
  --dt-light-4: rgb(47.366, 48.954, 64.834);
  --dt-light-4-hover: rgb(52.284, 53.9050909091, 70.116);
  --dt-light-4-rgb: toRGB(rgb(47.366, 48.954, 64.834));
  --dt-light-5: rgb(54.78125, 56.4119318182, 72.71875);
  --dt-light-5-hover: rgb(59.85225, 61.4882045455, 77.84775);
  --dt-light-5-rgb: toRGB(rgb(54.78125, 56.4119318182, 72.71875));
  --dt-txt-1: rgb(77.1830642202, 79.9234717528, 103.2169357798);
  --dt-txt-1-hover: rgb(82.5000733945, 85.1947947851, 108.0999266055);
  --dt-txt-1-rgb: toRGB(rgb(77.1830642202, 79.9234717528, 103.2169357798));
  --dt-txt-2: rgb(111.5081284404, 114.5379961371, 140.2918715596);
  --dt-txt-2-hover: rgb(118.0653211009, 120.7884113955, 143.9346788991);
  --dt-txt-2-rgb: toRGB(rgb(111.5081284404, 114.5379961371, 140.2918715596));
  --dt-txt-3: rgb(153.725266055, 155.3831047803, 169.474733945);
  --dt-txt-3-hover: rgb(160.1382568807, 161.5196764848, 173.2617431193);
  --dt-txt-3-rgb: toRGB(rgb(153.725266055, 155.3831047803, 169.474733945));
  --dt-txt-4: rgb(194.1662018349, 194.825948817, 200.4337981651);
  --dt-txt-4-hover: rgb(200.0691926606, 200.5598889425, 204.7308073394);
  --dt-txt-4-rgb: toRGB(rgb(194.1662018349, 194.825948817, 200.4337981651));
  --dt-txt-5: rgb(232.4651376147, 232.5777402221, 233.5348623853);
  --dt-txt-5-hover: rgb(237.8581284404, 237.9090487687, 238.3418715596);
  --dt-txt-5-rgb: toRGB(rgb(232.4651376147, 232.5777402221, 233.5348623853));
  --dt-txt-6: hsl(0, 0%, 105.3725490196%);
  --dt-txt-6-hover: hsl(0, 0%, 107.3725490196%);
  --dt-txt-6-rgb: toRGB(hsl(0, 0%, 105.3725490196%));
  --lt-dark-1: rgb(231.452, 231.452, 237.948);
  $lt-dark-1: rgb(231.452, 231.452, 237.948);
  --lt-dark-2: rgb(213.704, 213.704, 225.096);
  $lt-dark-2: rgb(213.704, 213.704, 225.096);
  --lt-dark-3: rgb(195.956, 195.956, 212.244);
  $lt-dark-3: rgb(195.956, 195.956, 212.244);
  --lt-dark-4: rgb(178.208, 178.208, 199.392);
  $lt-dark-4: rgb(178.208, 178.208, 199.392);
  --lt-dark-5: rgb(160.46, 160.46, 186.54);
  $lt-dark-5: rgb(160.46, 160.46, 186.54);
  --lt-dark-6: rgb(142.712, 142.712, 173.688);
  $lt-dark-6: rgb(142.712, 142.712, 173.688);
  --lt-dark-7: rgb(124.964, 124.964, 160.836);
  $lt-dark-7: rgb(124.964, 124.964, 160.836);
  --lt-dark-8: rgb(107.216, 107.216, 147.984);
  $lt-dark-8: rgb(107.216, 107.216, 147.984);
  --lt-dark-9: rgb(94.332, 94.332, 130.268);
  $lt-dark-9: rgb(94.332, 94.332, 130.268);
  --lt-txt-1: rgb(176.7751, 176.7751, 200.6249);
  $lt-txt-1: rgb(176.7751, 176.7751, 200.6249);
  --lt-txt-2: rgb(140.6713, 140.6713, 175.5287);
  $lt-txt-2: rgb(140.6713, 140.6713, 175.5287);
  --lt-txt-3: rgb(104.5675, 104.5675, 150.4325);
  $lt-txt-3: rgb(104.5675, 104.5675, 150.4325);
  --lt-txt-4: rgb(79.4713, 79.4713, 114.3287);
  $lt-txt-4: rgb(79.4713, 79.4713, 114.3287);
  --lt-txt-5: rgb(54.3751, 54.3751, 78.2249);
  $lt-txt-5: rgb(54.3751, 54.3751, 78.2249);
  --lt-txt-6: rgb(29.2789, 29.2789, 42.1211);
  $lt-txt-6: rgb(29.2789, 29.2789, 42.1211);
}

:root {
  --dt-base-color: #14151f;
  --selectedColor: white;
  --partner-color-1: #3e4cb3;
  --partner-color-2: #891d5e;
  --partner-color-light: rgb(48.8796680498, 59.9170124481, 141.1203319502);
  --headerLogoBg: var(--globalColor1);
  --absolute-white: #ffffff;
}
:root[theme=dark] {
  --globalColor1: cv(dt-light-1);
  --globalColor2: #14151f;
  --elementsColor1: cv(dt-light-1);
  --elementsColor2: cv(dt-light-2);
  --elementsColor3: #14151f;
  --couponTextColorPrimary: cv(dt-txt-3);
  --couponTextColorSecondary: cv(dt-txt-2);
  --couponPickColor: var(--dt-txt-4);
  --couponBg: cv(dt-light-2);
  --couponBgSecondary: cv(dt-light-1);
  --couponContentBg: cv(dt-light-4);
  --leftTreeBgGradient: linear-gradient(163deg, var(--dt-light-2), var(--dt-light-1));
  --betHistoryTextColorSecondary: cv(dt-txt-5);
  --betHistoryTextColor2: cv(dt-txt-5);
  --betHistoryTextunderlinecolor: var(--dt-txt-3);
  --sBlockBorderColor: transparent;
  --colorLive: #c6eb52;
  --timeColor: var(--colorLive);
  --inputAutofillBg: cv(dt-light-3);
  --input-outline-color-hover: var(--partner-color-1);
  --input-outline-color-focused: var(--partner-color-1);
  --input-outline-color-error: var(--alert-color);
  --input-outline-color-error-focused: var(--alert-area);
  --input-outline-color-success: var(--success-color);
  --colorNav: var(--dt-base-color);
  --loaderColor: var(--dt-txt-1);
  --oddsBlockBg: var(--dt-light-1);
  --tColor: var(--dt-txt-5);
  --oddsBlockColor: #ebcf87;
  --oddsBlockColorHover: var(--dt-light-4);
  --oddsBlockColorSelected: #3e4cb3;
  --partnerButtonBg: #3e4cb3;
  --oddsBlockColorOddName: var(--dt-light-2);
  --oddsBlockColorEmpty: var(--oddsBlockBg);
  --oddsBlockColorOddNameColor: var(--dt-txt-3);
  --oddsBlockColorDisabled: rgba(var(--dt-light-1-rgb), 1);
  --sportsbook-empty-state-txt-color: var(--dt-txt-2);
  --btn-registration-bg-color: #3eb360;
  --header-deposit-btn-txt-color: var(--dt-txt-6);
  --btn-registration-txt-color: var(--dt-txt-6);
  --disabled-odds-lock-icon-oclor: var(--dt-txt-2);
  --underline-gradient-color-1: #5ddb0a;
  --underline-gradient-color-2: #5ddb0a;
  --input-focus-color: #5ddb0a;
  --checked-toggle-bg-hover: rgb(48.8796680498, 59.9170124481, 141.1203319502);
  --sBlock-tournament-title-bg-color: var(--dt-light-2);
  --descriptionBg: var(--dt-light-1);
  --descriptionBgHover: var(--dt-light-2);
  --descriptionInfoNameColor: var(--dt-txt-5);
  --dateTimeColor: cv(dt-txt-4);
  --bgSportColor: var(--dt-light-2);
  --openOddsBackgroundColor: var(--dt-light-1);
  --navigationActiveColor: cv(dt-txt-6);
  --openOddsTitleColor: var(--dt-txt-3);
  --globalBorderColor: var(--dt-dark-2);
  --cellColor: var(--txt-pale-3-rgb);
  --oddsDisabledColor: var(--dt-txt-1);
  --openOddsBlockBackground: var(--dt-light-3);
  --openOddsMarketHeading: var(--dt-light-5);
  --colorBetUp: #3b5043;
  --colorBetDown: #4e3543;
  --groupIconSportActive: var(--dt-dark-3);
  --groupIconSport: var(--dt-txt-3);
  --groupDefaultColor: var(--dt-txt-3);
  --betslipElementColor: var(--dt-txt-4);
  --betslipElementColorScore: var(--dt-txt-3);
  --coupunElementBg: linear-gradient(94deg, var(--dt-light-5), var(--dt-light-3));
  --coupunElementColor: var(--dt-txt-4);
  --betslipBorderColor: var(--dt-light-2);
  --coupunElementButtonBg: var(--dt-light-1);
  --rightBlockBg: transparent;
  --betslipSubHeaderBorderColor: var(--dt-light-2);
  --betslipIconColor: var(--dt-txt-3);
  --eventTeamName: cv(dt-txt-6);
  --accountTitleBg: var(--dt-light-1);
  --globalTitleNameColor: cv(dt-txt-6);
  --accountTitleNameColor: cv(dt-txt-6);
  --accountAsideTitleBg: var(--dt-light-1);
  --accountAsideTitleNameColor: var(--dt-txt-3);
  --accountAsideTitleBalanceColor: cv(dt-txt-6);
  --accountAsideNavigationlinkColor: var(--dt-txt-5);
  --accountBoxShadow: transparent;
  --accountBlocksBg: var(--dt-light-2);
  --accountBlocksBgActive: var(--dt-light-4);
  --accountBlocksWrapperElementColor: var(--dt-txt-3);
  --accountBlocksWrapperElementInfoColor: var(--txt-pale-3);
  --accountBlocksWrapperBorderColor: var(--dt-light-3);
  --accountBlocksWrapperLogo: var(--dt-txt-3);
  --accountPaymentsName: cv(dt-txt-6);
  --accountPaymentsSubName: var(--dt-txt-3);
  --accountTableBg: var(--dt-light-3);
  --accountTableBgOdd: var(--dt-light-2);
  --accountTableBgEven: var(--dt-light-1);
  --accountTableInfoColor: var(--dt-txt-3);
  --accountTableFooterBg: var(--dt-base-color);
  --accountTableArrow: var(--dt-txt-3);
  --filterBg: var(--dt-base-color);
  --boxCheckedColor: cv(dt-txt-6);
  --popupBgReg: var(--dt-dark-1);
  --popupBg: var(--dt-light-4);
  --titleColor: cv(dt-txt-6);
  --titleColorLink: var(--dt-txt-3);
  --elementColor: var(--dt-txt-3);
  --elementColorHover: var(--dt-txt-4);
  --paymentsBorderColor: var(--dt-txt-5);
  --basic-link-txt-color: #69a3ff;
  --success-btn-bg-color: var(--success-color);
  --success-btn-txt-color: var(--absolute-white);
  --primary-btn-bg-color: #3e4cb3;
  --primary-btn-txt-color: var(--absolute-white);
  --neutral-btn-bg-color: var(--dt-light-5);
  --neutral-btn-txt-color: var(--absolute-white);
  --authorized-betslip-empty-label-txt-color: var(--dt-txt-2);
  --bonus-product-bg: var(--dt-base-color);
  --bonus-product-txt-color: var(--dt-txt-3);
  --bonus-details-description-txt-color: var(--dt-txt-3);
  --bonus-details-content-txt-color: cv(dt-txt-6);
  --bonus-details-bottom-txt-color: var(--dt-txt-3);
  --bonus-details-border-color: var(--dt-txt-2);
  --bonus-timer-border-color: var(--dt-txt-4);
  --bonus-timer-digits-color: cv(dt-txt-6);
  --results-events-bg: var(--dt-light-2);
  --results-event-teams-txt-color: var(--dt-txt-4);
  --results-events-hover-bg: (--dt-light-5);
  --results-page-tree-message-txt-color: var(--dt-txt-4);
  --results-result-date-txt-color: var(--dt-txt-5);
  --results-result-date-bg-color: rgba(0, 0, 1, 0.8);
  --results-events-title-border-color: var(--dt-light-2);
  --result-left-tree-third-level-active-color: var(--dt-light-4);
  --result-left-tree-third-level-hover-color: var(--dt-light-3);
  --nav-three-level-bg-color: var(--dt-light-2);
  --nav-two-level-active-bg-color: var(--dt-light-4-hover);
  --globalLoading: rgba(57, 61, 80, 0.6);
  --uiTitleColor: cv(dt-txt-6);
  --popupBorderColor: cv(dt-txt-1);
  --uiErrorListBg: cv(dt-light-2);
  --uiErrorListColor: cv(dt-txt-4);
  --triangleBGColorActive: cv(dt-light-3);
  --winColor: cv(dt-txt-6);
  --loseColor: cv(dt-txt-4);
  --history-table-body-multiple: rgba(26, 28, 40, 0.4);
  --status-label: cv(dt-txt-6);
  --iconHomeColor: var(--dt-txt-4);
  --iconHomeBg: var(--dt-light-2);
  --sBlockEventTopBg: cv(dt-light-1);
  --footerStartBG: cv(dt-light-1);
  --footerBlockBG: cv(dt-light-2);
  --footerBlockTitleColor: cv(dt-txt-6);
  --footerBlockColor: cv(dt-txt-4);
  --footerSocialBackground: cv(dt-light-2);
  --footerUpButtonBackground: cv(dt-light-2);
  --footerUpButtonBorder: cv(dt-light-1);
  --footerUpButtonColor: cv(dt-txt-1);
  --tournament-clssic-header-background: cv(dt-light-2);
  --tournament-classic-border: #14151f;
  --tournament-classic-market-color: cv(dt-txt-4);
  --event-classic-backgroung: cv(dt-light-2);
  --event-classic-icon-expand-color: cv(dt-txt-3);
  --event-classic-icon-expand-background: cv(dt-light-2);
  --event-classic-icon-expand-hover-background: cv(dt-light-3);
  --event-classic-link-color: cv(dt-txt-3);
  --event-classic-link-background: cv(dt-light-2);
  --event-classic-link-hover-background: cv(dt-light-3);
  --event-classic-live-label-color: #3e4cb3;
  --event-classic-status-period-color: cv(dt-txt-5);
  --event-classic-live-time-color: cv(dt-txt-5);
  --event-classic-date-color: cv(dt-txt-5);
  --event-classic-time-color: cv(dt-txt-5);
  --event-classic-participant-name-color: cv(dt-txt-5);
  --event-classic-participant-score-color: cv(dt-txt-5);
  --event-classic-particpant-active-marker-color: #c6eb52;
  --event-classic-particpant-inactive-marker-color: cv(dt-light-3);
  --event-classic-extras-color: cv(dt-txt-4);
  --event-classic-extras-background: cv(dt-light-2);
  --event-classic-extras-hover-background: cv(dt-light-3);
  --event-classic-sub-period-name-color: cv(dt-txt-4);
  --event-classic-sub-period-score-color: cv(dt-txt-4);
  --sportsbook-filter-background: cv(dt-light-2);
  --sportsbook-filter-more-button-background: cv(dt-light-2);
  --sportsbook-filter-more-button-border: cv(dt-light-4);
  --sportsbook-filter-more-button-text-color: cv(dt-txt-4);
  --sportsbook-filter-more-button-icon-color: cv(dt-txt-3);
  --sportsbook-filter-more-button-active-background: cv(dt-light-3);
  --sportsbook-filter-more-button-active-text-color: cv(dt-txt-5);
  --sportsbook-filter-more-button-active-border: #3e4cb3;
  --sportsbook-filter-more-button-expanded-icon-color: #3e4cb3;
  --sportsbook-filter-dropdown-background: cv(dt-light-2);
  --tournament-filter-option-background: cv(dt-light-2);
  --tournament-filter-option-color: cv(dt-txt-4);
  --tournament-filter-option-border: cv(dt-light-4);
  --tournament-filter-option-active-background: cv(dt-light-3);
  --tournament-filter-option-active-color: cv(dt-txt-5);
  --tournament-filter-option-active-border: #3e4cb3;
  --tab-filter-icon-background: cv(dt-light-2);
  --tab-filter-icon-border: cv(dt-light-3);
  --tab-filter-icon-color: cv(dt-txt-3);
  --tab-filter-counter-background: cv(dt-light-3);
  --tab-filter-counter-border: cv(dt-light-2);
  --sport-filter-opiton-counter-color: cv(dt-txt-5);
  --tab-filter-name-color: cv(dt-txt-4);
  --tab-filter-active-icon-background: cv(dt-light-3);
  --tab-filter-active-icon-border: #3e4cb3;
  --tab-filter-active-name-color: #3e4cb3;
  --sport-filter-more-button-expanded-icon-color: #3e4cb3;
  --outcome-new-background: cv(dt-light-2);
  --outcome-new-hover-background: cv(dt-light-4);
  --outcome-new-name-color: cv(dt-txt-4);
  --outcome-new-odds-color: #ebcf87;
  --outcome-new-up-color: #219653;
  --outcome-new-down-color: #ce0a2e;
  --outcome-new-selected-background: #3e4cb3;
  --outcome-new-selected-color: cv(dt-txt-6);
  --outcome-new-disabled-background: cv(dt-light-2);
  --outcome-new-disabled-color: cv(dt-txt-3);
  --tournament-asian-header-background: cv(dt-light-2);
  --tournament-asian-name-color: cv(dt-txt-5);
  --tournament-asian-border: cv(dt-light-4);
  --tournament-asian-market-color: cv(dt-txt-4);
  --event-asian-background: cv(dt-light-2);
  --event-asian-border: cv(dt-light-4);
  --event-asian-live-label-color: #3e4cb3;
  --event-asian-live-label-border: #3e4cb3;
  --event-asian-name-color: cv(dt-txt-5);
  --event-asian-period-color: cv(dt-txt-4);
  --event-asian-period-active-color: cv(dt-txt-5);
  --event-asian-period-active-border: #3e4cb3;
  --event-asian-date-color: cv(dt-txt-5);
  --event-asian-time-color: cv(dt-txt-4);
  --event-asian-status-period-color: cv(dt-txt-4);
  --event-asian-live-time-color: cv(dt-txt-5);
  --event-asian-participant-name-color: cv(dt-txt-4);
  --event-asian-participant-score-color: cv(dt-txt-4);
  --event-asian-participant-active-marker-background: #ffc502;
  --default-odds-color: #ebcf87;
  --emptyOddsColor: cv(dt-txt-3);
  --event-asian-outcome-background: cv(dt-light-2);
  --event-asian-outcome-hover-background: cv(dt-light-3);
  --event-asian-outcome-odds-color: #ebcf87;
  --event-asian-outcome-name-color: cv(dt-txt-4);
  --event-asian-outcome-selected-background: #3e4cb3;
  --event-asian-outcome-disabled-icon-color: cv(dt-txt-3);
  --event-asian-outcome-selected-color: white;
  --event-asian-outcome-odds-up-color: #219653;
  --event-asian-outcome-odds-down-color: #ce0a2e;
  --event-asian-expand-color: cv(dt-txt-4);
  --header-nav-bg-color: var(--dt-light-2);
  --header-nav-top-bg-color: var(--dt-base-color);
  --headerBottomBg: var(--dt-light-2);
  --btn-login-bg-color: var(--dt-light-3);
  --btn-login-txt-color: var(--dt-txt-5);
  --live-list-score-bg-color: var(--dt-light-2);
  --prematch-list-date-bg-color: var(--dt-light-2);
  --sblock-event-item-bg-color: var(--dt-light-3);
  --sblock-event-item-bg-color-hover: var(--dt-light-3-hover);
  --sub-event-container-description-bg: var(--dt-light-1);
  --sub-event-container-description-bg-hover: var(--dt-light-1-hover);
  --sFilter-more-btn-txt-color: var(--dt-txt-4);
  --sFilter-more-btn-bg-color: var(--dt-light-5);
  --sFilter-more-btn-bg-color-hover: var(--dt-light-5-hover);
  --top-event-participient-color: var(--dt-txt-4);
  --top-events-clipped-date-color: var(--dt-txt-3);
  --top-events-clipped-time-color: var(--dt-txt-4);
  --static-page-txt-color: var(--dt-txt-4);
  --casino-filter-container-bg-color: var(--dt-light-2);
  --outright-header-background: cv(dt-light-2);
  --outright-title-color: cv(dt-txt-6);
  --outright-name-color: cv(dt-txt-4);
  --outright-market-name-color: cv(dt-txt-3);
  --outright-market-active-name-color: cv(dt-txt-3);
  --outright-market-active-background: cv(dt-light-5);
  --outright-outcome-background: cv(dt-light-2);
  --outright-outcome-hover-background: cv(dt-light-3);
  --outright-outcome-odds-color: #ebcf87;
  --outright-outcome-name-color: cv(dt-txt-4);
  --outright-outcome-selected-background: #3e4cb3;
  --outright-outcome-disabled-icon-color: cv(dt-txt-3);
  --outright-outcome-selected-color: white;
  --outright-outcome-odds-up-color: #219653;
  --outright-outcome-odds-down-color: #ce0a2e;
  --market-expanded-background: cv(dt-light-4);
  --market-expanded-hover-background: cv(dt-light-5);
  --market-expanded-arrow-out-color: cv(dt-txt-3);
  --market-expanded-arrow-in-color: #3e4cb3;
  --event-group-header-background: cv(dt-light-2);
  --event-group-title-color: cv(dt-txt-4);
  --bgColorNav: cv(dt-light-2);
  --betsMatchInfoBg: cv(dt-light-3);
  --betslipCloseBg: cv(dt-light-2);
  --betslipInput: cv(dt-light-5);
  --betslipToggleBlockBg: cv(dt-light-2);
  --betslipToggleBlockColor: cv(dt-txt-3);
  --betslipOddAmountColor: #cae26a;
  --betslipOddNameColor: cv(dt-txt-6);
  --betslipNavBg: cv(dt-light-1);
  --hrBg: cv(dt-light-2);
  --asideHoverBg: linear-gradient(100deg, var(--dt-light-4), var(--accountColorSecondaryBg));
  --asideHoverColor: cv(dt-txt-6);
}
:root[theme=light] {
  --asideHoverColor: cv(lt-txt-4);
  --asideHoverBg: cv(lt-dark-1);
  --hrBg: #3e4cb3;
  --globalColor1: cv(dt-txt-6);
  --globalColor2: #f5f5ff;
  --elementsColor1: cv(lt-dark-2);
  --elementsColor2: cv(lt-dark-3);
  --elementsColor3: #f5f5ff;
  --couponTextColorPrimary: var(--tColor);
  --couponTextColorSecondary: cv(lt-txt-2);
  --couponBg: cv(lt-dark-5);
  --couponContentBg: transparent;
  --couponPickColor: cv(lt-txt-4);
  --couponBgSecondary: cv(lt-dark-9);
  --leftTreeBgGradient: linear-gradient(163deg, var(--lt-dark-2), var(--lt-dark-1));
  --betHistoryTextColorSecondary: cv(lt-txt-5);
  --betHistoryTextColor2: cv(lt-txt-4);
  --sBlockBorderColor: cv(lt-dark-1);
  --colorLive: #004a99;
  --timeColor: #004a99;
  --betslipNavBg: cv(lt-dark-3);
  --betslipOddAmountColor: #3e4cb3;
  --betslipOddNameColor: cv(lt-txt-4);
  --betslipToggleBlockBg: cv(lt-dark-3);
  --betslipToggleBlockColor: cv(lt-txt-4);
  --betslipElementColor: cv(lt-txt-4);
  --betslipElementColorScore: cv(lt-dark-1);
  --betslipInput: cv(dt-txt-6);
  --betslipCloseBg: cv(lt-dark-1);
  --betsMatchInfoBg: cv(lt-dark-1);
  --bgColorNav: cv(lt-dark-1);
  --header-nav-bg-color: #3e4cb3;
  --headerBottomBg: #3e4cb3;
  --live-list-score-bg-color: var(--lt-dark-2);
  --prematch-list-date-bg-color: var(--lt-dark-2);
  --sblock-event-item-bg-color: var(--lt-light-3);
  --sblock-event-item-bg-color-hover: var(--lt-light-5);
  --footerStartBG: cv(lt-dark-1);
  --footerBlockBG: cv(lt-dark-4);
  --footerBlockColor: cv(lt-txt-4);
  --footerBlockTitleColor: cv(lt-txt-5);
  --footerSocialBackground: cv(dt-light-2);
  --footerUpButtonBackground: cv(dt-light-2);
  --footerUpButtonBorder: cv(dt-light-1);
  --footerUpButtonColor: cv(dt-txt-1);
  --tournament-asian-header-background: cv(dt-light-2);
  --tournament-asian-name-color: cv(dt-txt-5);
  --tournament-asian-border: cv(dt-light-4);
  --tournament-asian-market-color: cv(dt-txt-4);
  --event-asian-background: cv(dt-light-2);
  --event-asian-border: cv(dt-light-4);
  --event-asian-live-label-color: #3e4cb3;
  --event-asian-live-label-border: #3e4cb3;
  --event-asian-name-color: cv(dt-txt-5);
  --event-asian-period-color: cv(dt-txt-4);
  --event-asian-period-active-color: cv(dt-txt-5);
  --event-asian-period-active-border: #3e4cb3;
  --event-asian-date-color: cv(dt-txt-5);
  --event-asian-time-color: cv(dt-txt-4);
  --event-asian-status-period-color: cv(dt-txt-4);
  --event-asian-live-time-color: cv(dt-txt-5);
  --event-asian-participant-name-color: cv(dt-txt-4);
  --event-asian-participant-score-color: cv(dt-txt-4);
  --event-asian-participant-active-marker-background: #ffc502;
  --emptyOddsColor: cv(lt-txt-3);
  --default-odds-color: #3e4cb3;
  --event-asian-outcome-background: cv(dt-light-2);
  --event-asian-outcome-hover-background: cv(dt-light-3);
  --event-asian-outcome-odds-color: #ebcf87;
  --event-asian-outcome-name-color: cv(dt-txt-4);
  --event-asian-outcome-selected-background: #3e4cb3;
  --event-asian-outcome-disabled-icon-color: cv(dt-txt-3);
  --event-asian-outcome-selected-color: white;
  --event-asian-outcome-odds-up-color: #219653;
  --event-asian-outcome-odds-down-color: #ce0a2e;
  --event-asian-expand-color: cv(dt-txt-4);
  --outright-header-background: cv(dt-light-2);
  --outright-title-color: cv(dt-txt-6);
  --outright-name-color: cv(dt-txt-4);
  --outright-market-name-color: cv(dt-txt-3);
  --outright-market-active-name-color: cv(dt-txt-3);
  --outright-market-active-background: cv(dt-light-5);
  --outright-outcome-background: cv(dt-light-2);
  --outright-outcome-hover-background: cv(dt-light-3);
  --outright-outcome-odds-color: #ebcf87;
  --outright-outcome-name-color: cv(dt-txt-4);
  --outright-outcome-selected-background: #3e4cb3;
  --outright-outcome-disabled-icon-color: cv(dt-txt-3);
  --outright-outcome-selected-color: white;
  --outright-outcome-odds-up-color: #219653;
  --outright-outcome-odds-down-color: #ce0a2e;
  --market-expanded-background: cv(dt-light-4);
  --market-expanded-outcome-background: cv(dt-light-4);
  --market-expanded-hover-background: cv(dt-light-5);
  --market-expanded-arrow-out-color: cv(dt-txt-3);
  --market-expanded-arrow-in-color: #3e4cb3;
  --event-group-header-background: cv(dt-light-2);
  --event-group-title-color: cv(dt-txt-4);
  --homeMarketElementColor: cv(dt-txt-6);
  --sBlockEventTopBg: #f5f5ff;
  --iconHomeColor: #891d5e;
  --iconHomeBg: #ffc502;
  --colorNav: var(--dt-base-color);
  --loaderColor: var(--dt-txt-1);
  --oddsBlockBg: transparent;
  --tColor: var(--lt-txt-4);
  --oddsBlockColor: inherit;
  --oddsBlockColorHover: transparent;
  --oddsBlockColorSelected: #ebcf87;
  --partnerButtonBg: #3e4cb3;
  --oddsBlockColorOddName: var(--lt-dark-1);
  --oddsBlockColorEmpty: var(--oddsBlockBg);
  --oddsBlockColorOddNameColor: var(--lt-dark-3);
  --oddsBlockColorDisabled: rgba(var(--dt-light-1-rgb), 1);
  --colorBetUp: #3b5043;
  --colorBetDown: #4e3543;
  --descriptionBg: cv(dt-txt-6);
  --descriptionBgHover: #f5f5ff;
  --descriptionInfoNameColor: var(--lt-txt-5);
  --dateTimeColor: cv(lt-txt-4);
  --bgSportColor: #3e4cb3;
  --openOddsBackgroundColor: var(--lt-dark-1);
  --navigationActiveColor: var(--lt-txt-6);
  --openOddsTitleColor: var(--lt-txt-3);
  --globalBorderColor: var(--lt-dark-2);
  --oddsDisabledColor: var(--lt-txt-1);
  --openOddsBlockBackground: var(--lt-dark-3);
  --openOddsMarketHeading: var(--lt-dark-3);
  --groupIconSportActive: var(--lt-dark-3);
  --groupIconSport: var(--lt-txt-3);
  --groupDefaultColor: var(--lt-txt-3);
  --inputAutofillBg: cv(lt-dark-1);
  --coupunElementBg: var(--lt-dark-2);
  --coupunElementColor: var(--lt-txt-4);
  --betslipBorderColor: var(--lt-dark-2);
  --coupunElementButtonBg: cv(lt-dark-2);
  --rightBlockBg: transparent;
  --betslipSubHeaderBorderColor: var(--lt-dark-2);
  --betslipIconColor: var(--lt-txt-3);
  --eventTeamName: var(--lt-txt-5);
  --rightSliderBg: var(--dt-base-color);
  --accountTitleBg: cv(dt-txt-6);
  --globalTitleNameColor: var(--lt-txt-6);
  --accountTitleNameColor: var(--lt-txt-4);
  --accountAsideTitleBg: var(--dt-light-1);
  --accountAsideTitleNameColor: var(--lt-txt-3);
  --accountAsideTitleBalanceColor: cv(dt-txt-6);
  --accountAsideNavigationlinkColor: cv(lt-txt-2);
  --accountBoxShadow: transparent;
  --accountBlocksBg: cv(dt-txt-6);
  --accountBlocksBgActive: cv(lt-dark-1);
  --accountBlocksWrapperElementColor: var(--lt-txt-3);
  --accountBlocksWrapperElementInfoColor: var(--lt-txt-3);
  --accountBlocksWrapperBorderColor: var(--lt-dark-3);
  --accountBlocksWrapperLogo: var(--dt-txt-3);
  --accountPaymentsName: var(--lt-txt-6);
  --accountPaymentsSubName: var(--dt-txt-3);
  --accountTableBg: var(--lt-dark-3);
  --accountTableBgEven: #f5f5ff;
  --history-table-body-multiple: rgba(217, 223, 231, 0.6);
  --accountTableInfoColor: var(--lt-txt-3);
  --accountTableFooterBg: var(--lt-base-color);
  --accountTableArrow: var(--lt-txt-3);
  --filterBg: var(--lt-base-color);
  --boxCheckedColor: var(--lt-txt-6);
  --popupBgReg: #f5f5ff;
  --popupBg: #f5f5ff;
  --titleColor: var(--lt-txt-6);
  --titleColorLink: var(--lt-txt-3);
  --elementColor: var(--lt-txt-3);
  --elementColorHover: var(--lt-txt-4);
  --paymentsBorderColor: var(--lt-txt-5);
  --bonus-product-bg: var(--lt-base-color);
  --bonus-product-txt-color: var(--lt-txt-3);
  --bonus-details-description-txt-color: var(-lt-txt-3);
  --bonus-details-content-txt-color: var(--lt-txt-6);
  --bonus-details-bottom-txt-color: var(--lt-txt-3);
  --bonus-details-border-color: var(--lt-txt-2);
  --bonus-timer-border-color: var(--lt-txt-4);
  --bonus-timer-digits-color: var(--lt-txt-6);
  --results-events-bg: var(--lt-dark-2);
  --results-event-teams-txt-color: var(--lt-txt-4);
  --results-events-hover-bg: (--lt-dark-5);
  --results-page-tree-message-txt-color: var(--lt-txt-2);
  --results-result-date-txt-color: var(--lt-txt-5);
  ---events-title-border-colorresults: var(--lt-dark-2);
  --uiTitleColor: cv(lt-txt-3);
  --popupBorderColor: #515569;
  --triangleBGColorActive: cv(lt-dark-1);
  --winColor: cv(lt-txt-4);
  --loseColor: cv(lt-txt-2);
  --colorBetUp: rgba(59, 80, 67, 0.2);
  --colorBetDown: rgba(78, 53, 67, 0.2);
  --uiErrorListBg: cv(dt-txt-6);
  --uiErrorListColor: cv(lt-txt-5);
  --status-label: cv(lt-txt-5);
}
:root {
  --globalLoading: rgba(235, 235, 237, 0.6);
  --bonus-timer-title-colorL: var(--dt-txt-5);
  --cellOpacity: 1;
  --cellColor: 31, 77, 104;
  --extraBg: transparent;
  --partnerHighlightColor: #3e4cb3;
  --colorMain: cv(dt-txt-6);
  --fontFamily: 'Roboto', 'Helvetica', 'Open Sans', sans-serif;
  --bgColor: var(--dt-dark-2);
  --fontSize: 12px;
  --colorPrimary: var(--tColor);
  --colorButton: var(--tColor);
  --horizontalPadding: 6px;
  --footerTopColor: var(--dt-base-color);
  --fon-soccer: #7d9b6c;
  --fon-basketball: #e7a654;
  --fon-tennis: #d7e754;
  --fon-ice-hokey: #95a0a9;
  --fon-default: #494c60;
  --light-grey-green: #cbe1a0;
  --fon-volleyball: #786b45;
  --fon-table-tennis: #266682;
  --fon-esport: #634b6e;
  --highlight-color: #fbb917;
  --alert-area: #ac4058;
  --pale-highlight: #f6a624;
  --link-color: #72cbfc;
  --alert-color: #d42a27;
  --interactable: #3e4cb3;
  --warning-color: #ff9100;
  --success-color: #3eb360;
  --flagSize: 50px;
  --marketGroupBasis: 50%;
}

/*border: $dark-panel-border;
box-shadow: $dark-panel-shadow;*/
/*$input-height-small: (
  math.floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 33) !default;*/
:root {
  --dt-dark-1: rgb(13.4645, 14.2618636364, 22.2355);
  --dt-dark-1-hover: rgb(17.541, 18.5244545455, 28.359);
  --dt-dark-1-rgb: toRGB(rgb(13.4645, 14.2618636364, 22.2355));
  --dt-dark-2: rgb(7.388, 7.8992727273, 13.012);
  --dt-dark-2-hover: rgb(11.235, 11.9740909091, 19.365);
  --dt-dark-2-rgb: toRGB(rgb(7.388, 7.8992727273, 13.012));
  --dt-dark-3: rgb(1.7705, 1.9122272727, 3.3295);
  --dt-dark-3-hover: rgb(5.388, 5.7992727273, 9.912);
  --dt-dark-3-rgb: toRGB(rgb(1.7705, 1.9122272727, 3.3295));
  --dt-light-1: rgb(26.49725, 27.7068409091, 39.80275);
  --dt-light-1-hover: rgb(30.95625, 32.2823863636, 45.54375);
  --dt-light-1-rgb: toRGB(rgb(26.49725, 27.7068409091, 39.80275));
  --dt-light-2: rgb(33.224, 34.6014545455, 48.376);
  --dt-light-2-hover: rgb(37.836, 39.3021818182, 53.964);
  --dt-light-2-rgb: toRGB(rgb(33.224, 34.6014545455, 48.376));
  --dt-light-3: rgb(40.18025, 41.6838409091, 56.71975);
  --dt-light-3-hover: rgb(44.94525, 46.50975, 62.15475);
  --dt-light-3-rgb: toRGB(rgb(40.18025, 41.6838409091, 56.71975));
  --dt-light-4: rgb(47.366, 48.954, 64.834);
  --dt-light-4-hover: rgb(52.284, 53.9050909091, 70.116);
  --dt-light-4-rgb: toRGB(rgb(47.366, 48.954, 64.834));
  --dt-light-5: rgb(54.78125, 56.4119318182, 72.71875);
  --dt-light-5-hover: rgb(59.85225, 61.4882045455, 77.84775);
  --dt-light-5-rgb: toRGB(rgb(54.78125, 56.4119318182, 72.71875));
  --dt-txt-1: rgb(77.1830642202, 79.9234717528, 103.2169357798);
  --dt-txt-1-hover: rgb(82.5000733945, 85.1947947851, 108.0999266055);
  --dt-txt-1-rgb: toRGB(rgb(77.1830642202, 79.9234717528, 103.2169357798));
  --dt-txt-2: rgb(111.5081284404, 114.5379961371, 140.2918715596);
  --dt-txt-2-hover: rgb(118.0653211009, 120.7884113955, 143.9346788991);
  --dt-txt-2-rgb: toRGB(rgb(111.5081284404, 114.5379961371, 140.2918715596));
  --dt-txt-3: rgb(153.725266055, 155.3831047803, 169.474733945);
  --dt-txt-3-hover: rgb(160.1382568807, 161.5196764848, 173.2617431193);
  --dt-txt-3-rgb: toRGB(rgb(153.725266055, 155.3831047803, 169.474733945));
  --dt-txt-4: rgb(194.1662018349, 194.825948817, 200.4337981651);
  --dt-txt-4-hover: rgb(200.0691926606, 200.5598889425, 204.7308073394);
  --dt-txt-4-rgb: toRGB(rgb(194.1662018349, 194.825948817, 200.4337981651));
  --dt-txt-5: rgb(232.4651376147, 232.5777402221, 233.5348623853);
  --dt-txt-5-hover: rgb(237.8581284404, 237.9090487687, 238.3418715596);
  --dt-txt-5-rgb: toRGB(rgb(232.4651376147, 232.5777402221, 233.5348623853));
  --dt-txt-6: hsl(0, 0%, 105.3725490196%);
  --dt-txt-6-hover: hsl(0, 0%, 107.3725490196%);
  --dt-txt-6-rgb: toRGB(hsl(0, 0%, 105.3725490196%));
  --lt-dark-1: rgb(231.452, 231.452, 237.948);
  $lt-dark-1: rgb(231.452, 231.452, 237.948);
  --lt-dark-2: rgb(213.704, 213.704, 225.096);
  $lt-dark-2: rgb(213.704, 213.704, 225.096);
  --lt-dark-3: rgb(195.956, 195.956, 212.244);
  $lt-dark-3: rgb(195.956, 195.956, 212.244);
  --lt-dark-4: rgb(178.208, 178.208, 199.392);
  $lt-dark-4: rgb(178.208, 178.208, 199.392);
  --lt-dark-5: rgb(160.46, 160.46, 186.54);
  $lt-dark-5: rgb(160.46, 160.46, 186.54);
  --lt-dark-6: rgb(142.712, 142.712, 173.688);
  $lt-dark-6: rgb(142.712, 142.712, 173.688);
  --lt-dark-7: rgb(124.964, 124.964, 160.836);
  $lt-dark-7: rgb(124.964, 124.964, 160.836);
  --lt-dark-8: rgb(107.216, 107.216, 147.984);
  $lt-dark-8: rgb(107.216, 107.216, 147.984);
  --lt-dark-9: rgb(94.332, 94.332, 130.268);
  $lt-dark-9: rgb(94.332, 94.332, 130.268);
  --lt-txt-1: rgb(176.7751, 176.7751, 200.6249);
  $lt-txt-1: rgb(176.7751, 176.7751, 200.6249);
  --lt-txt-2: rgb(140.6713, 140.6713, 175.5287);
  $lt-txt-2: rgb(140.6713, 140.6713, 175.5287);
  --lt-txt-3: rgb(104.5675, 104.5675, 150.4325);
  $lt-txt-3: rgb(104.5675, 104.5675, 150.4325);
  --lt-txt-4: rgb(79.4713, 79.4713, 114.3287);
  $lt-txt-4: rgb(79.4713, 79.4713, 114.3287);
  --lt-txt-5: rgb(54.3751, 54.3751, 78.2249);
  $lt-txt-5: rgb(54.3751, 54.3751, 78.2249);
  --lt-txt-6: rgb(29.2789, 29.2789, 42.1211);
  $lt-txt-6: rgb(29.2789, 29.2789, 42.1211);
}

:root {
  --dt-base-color: #14151f;
  --selectedColor: white;
  --partner-color-1: #00f181;
  --partner-color-2: #891d5e;
  --partner-color-light: rgb(48.8796680498, 59.9170124481, 141.1203319502);
  --headerLogoBg: var(--globalColor1);
  --absolute-white: #ffffff;
}
:root[theme=dark] {
  --globalColor1: cv(dt-light-1);
  --globalColor2: #14151f;
  --elementsColor1: cv(dt-light-1);
  --elementsColor2: cv(dt-light-2);
  --elementsColor3: #14151f;
  --couponTextColorPrimary: cv(dt-txt-3);
  --couponTextColorSecondary: cv(dt-txt-2);
  --couponPickColor: var(--dt-txt-4);
  --couponBg: cv(dt-light-2);
  --couponBgSecondary: cv(dt-light-1);
  --couponContentBg: cv(dt-light-4);
  --leftTreeBgGradient: linear-gradient(163deg, var(--dt-light-2), var(--dt-light-1));
  --betHistoryTextColorSecondary: cv(dt-txt-5);
  --betHistoryTextColor2: cv(dt-txt-5);
  --betHistoryTextunderlinecolor: var(--dt-txt-3);
  --sBlockBorderColor: transparent;
  --colorLive: #c6eb52;
  --timeColor: var(--colorLive);
  --inputAutofillBg: cv(dt-light-3);
  --input-outline-color-hover: var(--partner-color-1);
  --input-outline-color-focused: var(--partner-color-1);
  --input-outline-color-error: var(--alert-color);
  --input-outline-color-error-focused: var(--alert-area);
  --input-outline-color-success: var(--success-color);
  --colorNav: var(--dt-base-color);
  --loaderColor: var(--dt-txt-1);
  --oddsBlockBg: var(--dt-light-1);
  --tColor: var(--dt-txt-5);
  --oddsBlockColor: #ebcf87;
  --oddsBlockColorHover: var(--dt-light-4);
  --oddsBlockColorSelected: #00f181;
  --partnerButtonBg: #00f181;
  --oddsBlockColorOddName: var(--dt-light-2);
  --oddsBlockColorEmpty: var(--oddsBlockBg);
  --oddsBlockColorOddNameColor: var(--dt-txt-3);
  --oddsBlockColorDisabled: rgba(var(--dt-light-1-rgb), 1);
  --sportsbook-empty-state-txt-color: var(--dt-txt-2);
  --btn-registration-bg-color: #3eb360;
  --header-deposit-btn-txt-color: var(--dt-txt-6);
  --btn-registration-txt-color: var(--dt-txt-6);
  --disabled-odds-lock-icon-oclor: var(--dt-txt-2);
  --underline-gradient-color-1: #5ddb0a;
  --underline-gradient-color-2: #5ddb0a;
  --input-focus-color: #5ddb0a;
  --checked-toggle-bg-hover: rgb(48.8796680498, 59.9170124481, 141.1203319502);
  --sBlock-tournament-title-bg-color: var(--dt-light-2);
  --descriptionBg: var(--dt-light-1);
  --descriptionBgHover: var(--dt-light-2);
  --descriptionInfoNameColor: var(--dt-txt-5);
  --dateTimeColor: cv(dt-txt-4);
  --bgSportColor: var(--dt-light-2);
  --openOddsBackgroundColor: var(--dt-light-1);
  --navigationActiveColor: cv(dt-txt-6);
  --openOddsTitleColor: var(--dt-txt-3);
  --globalBorderColor: var(--dt-dark-2);
  --cellColor: var(--txt-pale-3-rgb);
  --oddsDisabledColor: var(--dt-txt-1);
  --openOddsBlockBackground: var(--dt-light-3);
  --openOddsMarketHeading: var(--dt-light-5);
  --colorBetUp: #3b5043;
  --colorBetDown: #4e3543;
  --groupIconSportActive: var(--dt-dark-3);
  --groupIconSport: var(--dt-txt-3);
  --groupDefaultColor: var(--dt-txt-3);
  --betslipElementColor: var(--dt-txt-4);
  --betslipElementColorScore: var(--dt-txt-3);
  --coupunElementBg: linear-gradient(94deg, var(--dt-light-5), var(--dt-light-3));
  --coupunElementColor: var(--dt-txt-4);
  --betslipBorderColor: var(--dt-light-2);
  --coupunElementButtonBg: var(--dt-light-1);
  --rightBlockBg: transparent;
  --betslipSubHeaderBorderColor: var(--dt-light-2);
  --betslipIconColor: var(--dt-txt-3);
  --eventTeamName: cv(dt-txt-6);
  --accountTitleBg: var(--dt-light-1);
  --globalTitleNameColor: cv(dt-txt-6);
  --accountTitleNameColor: cv(dt-txt-6);
  --accountAsideTitleBg: var(--dt-light-1);
  --accountAsideTitleNameColor: var(--dt-txt-3);
  --accountAsideTitleBalanceColor: cv(dt-txt-6);
  --accountAsideNavigationlinkColor: var(--dt-txt-5);
  --accountBoxShadow: transparent;
  --accountBlocksBg: var(--dt-light-2);
  --accountBlocksBgActive: var(--dt-light-4);
  --accountBlocksWrapperElementColor: var(--dt-txt-3);
  --accountBlocksWrapperElementInfoColor: var(--txt-pale-3);
  --accountBlocksWrapperBorderColor: var(--dt-light-3);
  --accountBlocksWrapperLogo: var(--dt-txt-3);
  --accountPaymentsName: cv(dt-txt-6);
  --accountPaymentsSubName: var(--dt-txt-3);
  --accountTableBg: var(--dt-light-3);
  --accountTableBgOdd: var(--dt-light-2);
  --accountTableBgEven: var(--dt-light-1);
  --accountTableInfoColor: var(--dt-txt-3);
  --accountTableFooterBg: var(--dt-base-color);
  --accountTableArrow: var(--dt-txt-3);
  --filterBg: var(--dt-base-color);
  --boxCheckedColor: cv(dt-txt-6);
  --popupBgReg: var(--dt-dark-1);
  --popupBg: var(--dt-light-4);
  --titleColor: cv(dt-txt-6);
  --titleColorLink: var(--dt-txt-3);
  --elementColor: var(--dt-txt-3);
  --elementColorHover: var(--dt-txt-4);
  --paymentsBorderColor: var(--dt-txt-5);
  --basic-link-txt-color: #69a3ff;
  --success-btn-bg-color: var(--success-color);
  --success-btn-txt-color: var(--absolute-white);
  --primary-btn-bg-color: #00f181;
  --primary-btn-txt-color: var(--absolute-white);
  --neutral-btn-bg-color: var(--dt-light-5);
  --neutral-btn-txt-color: var(--absolute-white);
  --authorized-betslip-empty-label-txt-color: var(--dt-txt-2);
  --bonus-product-bg: var(--dt-base-color);
  --bonus-product-txt-color: var(--dt-txt-3);
  --bonus-details-description-txt-color: var(--dt-txt-3);
  --bonus-details-content-txt-color: cv(dt-txt-6);
  --bonus-details-bottom-txt-color: var(--dt-txt-3);
  --bonus-details-border-color: var(--dt-txt-2);
  --bonus-timer-border-color: var(--dt-txt-4);
  --bonus-timer-digits-color: cv(dt-txt-6);
  --results-events-bg: var(--dt-light-2);
  --results-event-teams-txt-color: var(--dt-txt-4);
  --results-events-hover-bg: (--dt-light-5);
  --results-page-tree-message-txt-color: var(--dt-txt-4);
  --results-result-date-txt-color: var(--dt-txt-5);
  --results-result-date-bg-color: rgba(0, 0, 1, 0.8);
  --results-events-title-border-color: var(--dt-light-2);
  --result-left-tree-third-level-active-color: var(--dt-light-4);
  --result-left-tree-third-level-hover-color: var(--dt-light-3);
  --nav-three-level-bg-color: var(--dt-light-2);
  --nav-two-level-active-bg-color: var(--dt-light-4-hover);
  --globalLoading: rgba(57, 61, 80, 0.6);
  --uiTitleColor: cv(dt-txt-6);
  --popupBorderColor: cv(dt-txt-1);
  --uiErrorListBg: cv(dt-light-2);
  --uiErrorListColor: cv(dt-txt-4);
  --triangleBGColorActive: cv(dt-light-3);
  --winColor: cv(dt-txt-6);
  --loseColor: cv(dt-txt-4);
  --history-table-body-multiple: rgba(26, 28, 40, 0.4);
  --status-label: cv(dt-txt-6);
  --iconHomeColor: var(--dt-txt-4);
  --iconHomeBg: var(--dt-light-2);
  --sBlockEventTopBg: cv(dt-light-1);
  --footerStartBG: cv(dt-light-1);
  --footerBlockBG: cv(dt-light-2);
  --footerBlockTitleColor: cv(dt-txt-6);
  --footerBlockColor: cv(dt-txt-4);
  --footerSocialBackground: cv(dt-light-2);
  --footerUpButtonBackground: cv(dt-light-2);
  --footerUpButtonBorder: cv(dt-light-1);
  --footerUpButtonColor: cv(dt-txt-1);
  --tournament-clssic-header-background: cv(dt-light-2);
  --tournament-classic-border: #14151f;
  --tournament-classic-market-color: cv(dt-txt-4);
  --event-classic-backgroung: cv(dt-light-2);
  --event-classic-icon-expand-color: cv(dt-txt-3);
  --event-classic-icon-expand-background: cv(dt-light-2);
  --event-classic-icon-expand-hover-background: cv(dt-light-3);
  --event-classic-link-color: cv(dt-txt-3);
  --event-classic-link-background: cv(dt-light-2);
  --event-classic-link-hover-background: cv(dt-light-3);
  --event-classic-live-label-color: #00f181;
  --event-classic-status-period-color: cv(dt-txt-5);
  --event-classic-live-time-color: cv(dt-txt-5);
  --event-classic-date-color: cv(dt-txt-5);
  --event-classic-time-color: cv(dt-txt-5);
  --event-classic-participant-name-color: cv(dt-txt-5);
  --event-classic-participant-score-color: cv(dt-txt-5);
  --event-classic-particpant-active-marker-color: #c6eb52;
  --event-classic-particpant-inactive-marker-color: cv(dt-light-3);
  --event-classic-extras-color: cv(dt-txt-4);
  --event-classic-extras-background: cv(dt-light-2);
  --event-classic-extras-hover-background: cv(dt-light-3);
  --event-classic-sub-period-name-color: cv(dt-txt-4);
  --event-classic-sub-period-score-color: cv(dt-txt-4);
  --sportsbook-filter-background: cv(dt-light-2);
  --sportsbook-filter-more-button-background: cv(dt-light-2);
  --sportsbook-filter-more-button-border: cv(dt-light-4);
  --sportsbook-filter-more-button-text-color: cv(dt-txt-4);
  --sportsbook-filter-more-button-icon-color: cv(dt-txt-3);
  --sportsbook-filter-more-button-active-background: cv(dt-light-3);
  --sportsbook-filter-more-button-active-text-color: cv(dt-txt-5);
  --sportsbook-filter-more-button-active-border: #00f181;
  --sportsbook-filter-more-button-expanded-icon-color: #00f181;
  --sportsbook-filter-dropdown-background: cv(dt-light-2);
  --tournament-filter-option-background: cv(dt-light-2);
  --tournament-filter-option-color: cv(dt-txt-4);
  --tournament-filter-option-border: cv(dt-light-4);
  --tournament-filter-option-active-background: cv(dt-light-3);
  --tournament-filter-option-active-color: cv(dt-txt-5);
  --tournament-filter-option-active-border: #00f181;
  --tab-filter-icon-background: cv(dt-light-2);
  --tab-filter-icon-border: cv(dt-light-3);
  --tab-filter-icon-color: cv(dt-txt-3);
  --tab-filter-counter-background: cv(dt-light-3);
  --tab-filter-counter-border: cv(dt-light-2);
  --sport-filter-opiton-counter-color: cv(dt-txt-5);
  --tab-filter-name-color: cv(dt-txt-4);
  --tab-filter-active-icon-background: cv(dt-light-3);
  --tab-filter-active-icon-border: #00f181;
  --tab-filter-active-name-color: #00f181;
  --sport-filter-more-button-expanded-icon-color: #00f181;
  --outcome-new-background: cv(dt-light-2);
  --outcome-new-hover-background: cv(dt-light-4);
  --outcome-new-name-color: cv(dt-txt-4);
  --outcome-new-odds-color: #ebcf87;
  --outcome-new-up-color: #219653;
  --outcome-new-down-color: #ce0a2e;
  --outcome-new-selected-background: #00f181;
  --outcome-new-selected-color: cv(dt-txt-6);
  --outcome-new-disabled-background: cv(dt-light-2);
  --outcome-new-disabled-color: cv(dt-txt-3);
  --tournament-asian-header-background: cv(dt-light-2);
  --tournament-asian-name-color: cv(dt-txt-5);
  --tournament-asian-border: cv(dt-light-4);
  --tournament-asian-market-color: cv(dt-txt-4);
  --event-asian-background: cv(dt-light-2);
  --event-asian-border: cv(dt-light-4);
  --event-asian-live-label-color: #00f181;
  --event-asian-live-label-border: #00f181;
  --event-asian-name-color: cv(dt-txt-5);
  --event-asian-period-color: cv(dt-txt-4);
  --event-asian-period-active-color: cv(dt-txt-5);
  --event-asian-period-active-border: #00f181;
  --event-asian-date-color: cv(dt-txt-5);
  --event-asian-time-color: cv(dt-txt-4);
  --event-asian-status-period-color: cv(dt-txt-4);
  --event-asian-live-time-color: cv(dt-txt-5);
  --event-asian-participant-name-color: cv(dt-txt-4);
  --event-asian-participant-score-color: cv(dt-txt-4);
  --event-asian-participant-active-marker-background: #ffc502;
  --default-odds-color: #ebcf87;
  --emptyOddsColor: cv(dt-txt-3);
  --event-asian-outcome-background: cv(dt-light-2);
  --event-asian-outcome-hover-background: cv(dt-light-3);
  --event-asian-outcome-odds-color: #ebcf87;
  --event-asian-outcome-name-color: cv(dt-txt-4);
  --event-asian-outcome-selected-background: #00f181;
  --event-asian-outcome-disabled-icon-color: cv(dt-txt-3);
  --event-asian-outcome-selected-color: white;
  --event-asian-outcome-odds-up-color: #219653;
  --event-asian-outcome-odds-down-color: #ce0a2e;
  --event-asian-expand-color: cv(dt-txt-4);
  --header-nav-bg-color: var(--dt-light-2);
  --header-nav-top-bg-color: var(--dt-base-color);
  --headerBottomBg: var(--dt-light-2);
  --btn-login-bg-color: var(--dt-light-3);
  --btn-login-txt-color: var(--dt-txt-5);
  --live-list-score-bg-color: var(--dt-light-2);
  --prematch-list-date-bg-color: var(--dt-light-2);
  --sblock-event-item-bg-color: var(--dt-light-3);
  --sblock-event-item-bg-color-hover: var(--dt-light-3-hover);
  --sub-event-container-description-bg: var(--dt-light-1);
  --sub-event-container-description-bg-hover: var(--dt-light-1-hover);
  --sFilter-more-btn-txt-color: var(--dt-txt-4);
  --sFilter-more-btn-bg-color: var(--dt-light-5);
  --sFilter-more-btn-bg-color-hover: var(--dt-light-5-hover);
  --top-event-participient-color: var(--dt-txt-4);
  --top-events-clipped-date-color: var(--dt-txt-3);
  --top-events-clipped-time-color: var(--dt-txt-4);
  --static-page-txt-color: var(--dt-txt-4);
  --casino-filter-container-bg-color: var(--dt-light-2);
  --outright-header-background: cv(dt-light-2);
  --outright-title-color: cv(dt-txt-6);
  --outright-name-color: cv(dt-txt-4);
  --outright-market-name-color: cv(dt-txt-3);
  --outright-market-active-name-color: cv(dt-txt-3);
  --outright-market-active-background: cv(dt-light-5);
  --outright-outcome-background: cv(dt-light-2);
  --outright-outcome-hover-background: cv(dt-light-3);
  --outright-outcome-odds-color: #ebcf87;
  --outright-outcome-name-color: cv(dt-txt-4);
  --outright-outcome-selected-background: #00f181;
  --outright-outcome-disabled-icon-color: cv(dt-txt-3);
  --outright-outcome-selected-color: white;
  --outright-outcome-odds-up-color: #219653;
  --outright-outcome-odds-down-color: #ce0a2e;
  --market-expanded-background: cv(dt-light-4);
  --market-expanded-hover-background: cv(dt-light-5);
  --market-expanded-arrow-out-color: cv(dt-txt-3);
  --market-expanded-arrow-in-color: #00f181;
  --event-group-header-background: cv(dt-light-2);
  --event-group-title-color: cv(dt-txt-4);
  --bgColorNav: cv(dt-light-2);
  --betsMatchInfoBg: cv(dt-light-3);
  --betslipCloseBg: cv(dt-light-2);
  --betslipInput: cv(dt-light-5);
  --betslipToggleBlockBg: cv(dt-light-2);
  --betslipToggleBlockColor: cv(dt-txt-3);
  --betslipOddAmountColor: #cae26a;
  --betslipOddNameColor: cv(dt-txt-6);
  --betslipNavBg: cv(dt-light-1);
  --hrBg: cv(dt-light-2);
  --asideHoverBg: linear-gradient(100deg, var(--dt-light-4), var(--accountColorSecondaryBg));
  --asideHoverColor: cv(dt-txt-6);
}
:root[theme=light] {
  --asideHoverColor: cv(lt-txt-4);
  --asideHoverBg: cv(lt-dark-1);
  --hrBg: #00f181;
  --globalColor1: cv(dt-txt-6);
  --globalColor2: #f5f5ff;
  --elementsColor1: cv(lt-dark-2);
  --elementsColor2: cv(lt-dark-3);
  --elementsColor3: #f5f5ff;
  --couponTextColorPrimary: var(--tColor);
  --couponTextColorSecondary: cv(lt-txt-2);
  --couponBg: cv(lt-dark-5);
  --couponContentBg: transparent;
  --couponPickColor: cv(lt-txt-4);
  --couponBgSecondary: cv(lt-dark-9);
  --leftTreeBgGradient: linear-gradient(163deg, var(--lt-dark-2), var(--lt-dark-1));
  --betHistoryTextColorSecondary: cv(lt-txt-5);
  --betHistoryTextColor2: cv(lt-txt-4);
  --sBlockBorderColor: cv(lt-dark-1);
  --colorLive: #004a99;
  --timeColor: #004a99;
  --betslipNavBg: cv(lt-dark-3);
  --betslipOddAmountColor: #00f181;
  --betslipOddNameColor: cv(lt-txt-4);
  --betslipToggleBlockBg: cv(lt-dark-3);
  --betslipToggleBlockColor: cv(lt-txt-4);
  --betslipElementColor: cv(lt-txt-4);
  --betslipElementColorScore: cv(lt-dark-1);
  --betslipInput: cv(dt-txt-6);
  --betslipCloseBg: cv(lt-dark-1);
  --betsMatchInfoBg: cv(lt-dark-1);
  --bgColorNav: cv(lt-dark-1);
  --header-nav-bg-color: #00f181;
  --headerBottomBg: #00f181;
  --live-list-score-bg-color: var(--lt-dark-2);
  --prematch-list-date-bg-color: var(--lt-dark-2);
  --sblock-event-item-bg-color: var(--lt-light-3);
  --sblock-event-item-bg-color-hover: var(--lt-light-5);
  --footerStartBG: cv(lt-dark-1);
  --footerBlockBG: cv(lt-dark-4);
  --footerBlockColor: cv(lt-txt-4);
  --footerBlockTitleColor: cv(lt-txt-5);
  --footerSocialBackground: cv(dt-light-2);
  --footerUpButtonBackground: cv(dt-light-2);
  --footerUpButtonBorder: cv(dt-light-1);
  --footerUpButtonColor: cv(dt-txt-1);
  --tournament-asian-header-background: cv(dt-light-2);
  --tournament-asian-name-color: cv(dt-txt-5);
  --tournament-asian-border: cv(dt-light-4);
  --tournament-asian-market-color: cv(dt-txt-4);
  --event-asian-background: cv(dt-light-2);
  --event-asian-border: cv(dt-light-4);
  --event-asian-live-label-color: #00f181;
  --event-asian-live-label-border: #00f181;
  --event-asian-name-color: cv(dt-txt-5);
  --event-asian-period-color: cv(dt-txt-4);
  --event-asian-period-active-color: cv(dt-txt-5);
  --event-asian-period-active-border: #00f181;
  --event-asian-date-color: cv(dt-txt-5);
  --event-asian-time-color: cv(dt-txt-4);
  --event-asian-status-period-color: cv(dt-txt-4);
  --event-asian-live-time-color: cv(dt-txt-5);
  --event-asian-participant-name-color: cv(dt-txt-4);
  --event-asian-participant-score-color: cv(dt-txt-4);
  --event-asian-participant-active-marker-background: #ffc502;
  --emptyOddsColor: cv(lt-txt-3);
  --default-odds-color: #00f181;
  --event-asian-outcome-background: cv(dt-light-2);
  --event-asian-outcome-hover-background: cv(dt-light-3);
  --event-asian-outcome-odds-color: #ebcf87;
  --event-asian-outcome-name-color: cv(dt-txt-4);
  --event-asian-outcome-selected-background: #00f181;
  --event-asian-outcome-disabled-icon-color: cv(dt-txt-3);
  --event-asian-outcome-selected-color: white;
  --event-asian-outcome-odds-up-color: #219653;
  --event-asian-outcome-odds-down-color: #ce0a2e;
  --event-asian-expand-color: cv(dt-txt-4);
  --outright-header-background: cv(dt-light-2);
  --outright-title-color: cv(dt-txt-6);
  --outright-name-color: cv(dt-txt-4);
  --outright-market-name-color: cv(dt-txt-3);
  --outright-market-active-name-color: cv(dt-txt-3);
  --outright-market-active-background: cv(dt-light-5);
  --outright-outcome-background: cv(dt-light-2);
  --outright-outcome-hover-background: cv(dt-light-3);
  --outright-outcome-odds-color: #ebcf87;
  --outright-outcome-name-color: cv(dt-txt-4);
  --outright-outcome-selected-background: #00f181;
  --outright-outcome-disabled-icon-color: cv(dt-txt-3);
  --outright-outcome-selected-color: white;
  --outright-outcome-odds-up-color: #219653;
  --outright-outcome-odds-down-color: #ce0a2e;
  --market-expanded-background: cv(dt-light-4);
  --market-expanded-outcome-background: cv(dt-light-4);
  --market-expanded-hover-background: cv(dt-light-5);
  --market-expanded-arrow-out-color: cv(dt-txt-3);
  --market-expanded-arrow-in-color: #00f181;
  --event-group-header-background: cv(dt-light-2);
  --event-group-title-color: cv(dt-txt-4);
  --homeMarketElementColor: cv(dt-txt-6);
  --sBlockEventTopBg: #f5f5ff;
  --iconHomeColor: #891d5e;
  --iconHomeBg: #ffc502;
  --colorNav: var(--dt-base-color);
  --loaderColor: var(--dt-txt-1);
  --oddsBlockBg: transparent;
  --tColor: var(--lt-txt-4);
  --oddsBlockColor: inherit;
  --oddsBlockColorHover: transparent;
  --oddsBlockColorSelected: #ebcf87;
  --partnerButtonBg: #00f181;
  --oddsBlockColorOddName: var(--lt-dark-1);
  --oddsBlockColorEmpty: var(--oddsBlockBg);
  --oddsBlockColorOddNameColor: var(--lt-dark-3);
  --oddsBlockColorDisabled: rgba(var(--dt-light-1-rgb), 1);
  --colorBetUp: #3b5043;
  --colorBetDown: #4e3543;
  --descriptionBg: cv(dt-txt-6);
  --descriptionBgHover: #f5f5ff;
  --descriptionInfoNameColor: var(--lt-txt-5);
  --dateTimeColor: cv(lt-txt-4);
  --bgSportColor: #00f181;
  --openOddsBackgroundColor: var(--lt-dark-1);
  --navigationActiveColor: var(--lt-txt-6);
  --openOddsTitleColor: var(--lt-txt-3);
  --globalBorderColor: var(--lt-dark-2);
  --oddsDisabledColor: var(--lt-txt-1);
  --openOddsBlockBackground: var(--lt-dark-3);
  --openOddsMarketHeading: var(--lt-dark-3);
  --groupIconSportActive: var(--lt-dark-3);
  --groupIconSport: var(--lt-txt-3);
  --groupDefaultColor: var(--lt-txt-3);
  --inputAutofillBg: cv(lt-dark-1);
  --coupunElementBg: var(--lt-dark-2);
  --coupunElementColor: var(--lt-txt-4);
  --betslipBorderColor: var(--lt-dark-2);
  --coupunElementButtonBg: cv(lt-dark-2);
  --rightBlockBg: transparent;
  --betslipSubHeaderBorderColor: var(--lt-dark-2);
  --betslipIconColor: var(--lt-txt-3);
  --eventTeamName: var(--lt-txt-5);
  --rightSliderBg: var(--dt-base-color);
  --accountTitleBg: cv(dt-txt-6);
  --globalTitleNameColor: var(--lt-txt-6);
  --accountTitleNameColor: var(--lt-txt-4);
  --accountAsideTitleBg: var(--dt-light-1);
  --accountAsideTitleNameColor: var(--lt-txt-3);
  --accountAsideTitleBalanceColor: cv(dt-txt-6);
  --accountAsideNavigationlinkColor: cv(lt-txt-2);
  --accountBoxShadow: transparent;
  --accountBlocksBg: cv(dt-txt-6);
  --accountBlocksBgActive: cv(lt-dark-1);
  --accountBlocksWrapperElementColor: var(--lt-txt-3);
  --accountBlocksWrapperElementInfoColor: var(--lt-txt-3);
  --accountBlocksWrapperBorderColor: var(--lt-dark-3);
  --accountBlocksWrapperLogo: var(--dt-txt-3);
  --accountPaymentsName: var(--lt-txt-6);
  --accountPaymentsSubName: var(--dt-txt-3);
  --accountTableBg: var(--lt-dark-3);
  --accountTableBgEven: #f5f5ff;
  --history-table-body-multiple: rgba(217, 223, 231, 0.6);
  --accountTableInfoColor: var(--lt-txt-3);
  --accountTableFooterBg: var(--lt-base-color);
  --accountTableArrow: var(--lt-txt-3);
  --filterBg: var(--lt-base-color);
  --boxCheckedColor: var(--lt-txt-6);
  --popupBgReg: #f5f5ff;
  --popupBg: #f5f5ff;
  --titleColor: var(--lt-txt-6);
  --titleColorLink: var(--lt-txt-3);
  --elementColor: var(--lt-txt-3);
  --elementColorHover: var(--lt-txt-4);
  --paymentsBorderColor: var(--lt-txt-5);
  --bonus-product-bg: var(--lt-base-color);
  --bonus-product-txt-color: var(--lt-txt-3);
  --bonus-details-description-txt-color: var(-lt-txt-3);
  --bonus-details-content-txt-color: var(--lt-txt-6);
  --bonus-details-bottom-txt-color: var(--lt-txt-3);
  --bonus-details-border-color: var(--lt-txt-2);
  --bonus-timer-border-color: var(--lt-txt-4);
  --bonus-timer-digits-color: var(--lt-txt-6);
  --results-events-bg: var(--lt-dark-2);
  --results-event-teams-txt-color: var(--lt-txt-4);
  --results-events-hover-bg: (--lt-dark-5);
  --results-page-tree-message-txt-color: var(--lt-txt-2);
  --results-result-date-txt-color: var(--lt-txt-5);
  ---events-title-border-colorresults: var(--lt-dark-2);
  --uiTitleColor: cv(lt-txt-3);
  --popupBorderColor: #515569;
  --triangleBGColorActive: cv(lt-dark-1);
  --winColor: cv(lt-txt-4);
  --loseColor: cv(lt-txt-2);
  --colorBetUp: rgba(59, 80, 67, 0.2);
  --colorBetDown: rgba(78, 53, 67, 0.2);
  --uiErrorListBg: cv(dt-txt-6);
  --uiErrorListColor: cv(lt-txt-5);
  --status-label: cv(lt-txt-5);
}
:root {
  --globalLoading: rgba(235, 235, 237, 0.6);
  --bonus-timer-title-colorL: var(--dt-txt-5);
  --cellOpacity: 1;
  --cellColor: 31, 77, 104;
  --extraBg: transparent;
  --partnerHighlightColor: #00f181;
  --colorMain: cv(dt-txt-6);
  --fontFamily: 'Roboto', 'Helvetica', 'Open Sans', sans-serif;
  --bgColor: var(--dt-dark-2);
  --fontSize: 12px;
  --colorPrimary: var(--tColor);
  --colorButton: var(--tColor);
  --horizontalPadding: 6px;
  --footerTopColor: var(--dt-base-color);
  --fon-soccer: #7d9b6c;
  --fon-basketball: #e7a654;
  --fon-tennis: #d7e754;
  --fon-ice-hokey: #95a0a9;
  --fon-default: #494c60;
  --light-grey-green: #cbe1a0;
  --fon-volleyball: #786b45;
  --fon-table-tennis: #266682;
  --fon-esport: #634b6e;
  --highlight-color: #fbb917;
  --alert-area: #ac4058;
  --pale-highlight: #f6a624;
  --link-color: #72cbfc;
  --alert-color: #d42a27;
  --interactable: #00f181;
  --warning-color: #ff9100;
  --success-color: #3eb360;
  --flagSize: 50px;
  --marketGroupBasis: 50%;
}

@property --angle-gradient {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes border {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@-webkit-keyframes loadList {
  from {
    transform: translateX(-150%);
  }
  to {
    transform: translateX(150%);
  }
}
@-moz-keyframes loadList {
  from {
    transform: translateX(-150%);
  }
  to {
    transform: translateX(150%);
  }
}
@-ms-keyframes loadList {
  from {
    transform: translateX(-150%);
  }
  to {
    transform: translateX(150%);
  }
}
@keyframes loadList {
  from {
    transform: translateX(-150%);
  }
  to {
    transform: translateX(150%);
  }
}
@-webkit-keyframes blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@-ms-keyframes blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@keyframes blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade-in-out {
  0%, 100% {
    opacity: 0;
    transform: scale(0.2);
  }
  50% {
    opacity: 1;
    transform: scale(2.2);
  }
}
@-moz-keyframes fade-in-out {
  0%, 100% {
    opacity: 0;
    transform: scale(0.2);
  }
  50% {
    opacity: 1;
    transform: scale(2.2);
  }
}
@-ms-keyframes fade-in-out {
  0%, 100% {
    opacity: 0;
    transform: scale(0.2);
  }
  50% {
    opacity: 1;
    transform: scale(2.2);
  }
}
@keyframes fade-in-out {
  0%, 100% {
    opacity: 0;
    transform: scale(0.2);
  }
  50% {
    opacity: 1;
    transform: scale(2.2);
  }
}
@-webkit-keyframes rotateZ {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@-moz-keyframes rotateZ {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@-ms-keyframes rotateZ {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes rotateZ {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@-webkit-keyframes rotation {
  0% {
    transform: rotateZ(45deg);
  }
  100% {
    transform: rotateZ(405deg);
  }
}
@-moz-keyframes rotation {
  0% {
    transform: rotateZ(45deg);
  }
  100% {
    transform: rotateZ(405deg);
  }
}
@-ms-keyframes rotation {
  0% {
    transform: rotateZ(45deg);
  }
  100% {
    transform: rotateZ(405deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotateZ(45deg);
  }
  100% {
    transform: rotateZ(405deg);
  }
}
@-webkit-keyframes chat-bounce {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes chat-bounce {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-ms-keyframes chat-bounce {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes chat-bounce {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-4px) rotateY(-7deg);
    transform: translateX(-4px) rotateY(-7deg);
  }
  18.5% {
    -webkit-transform: translateX(3px) rotateY(6deg);
    transform: translateX(3px) rotateY(6deg);
  }
  31.5% {
    -webkit-transform: translateX(-2px) rotateY(-4deg);
    transform: translateX(-2px) rotateY(-4deg);
  }
  43.5% {
    -webkit-transform: translateX(1px) rotateY(2deg);
    transform: translateX(1px) rotateY(2deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-4px) rotateY(-7deg);
    transform: translateX(-4px) rotateY(-7deg);
  }
  18.5% {
    -webkit-transform: translateX(3px) rotateY(6deg);
    transform: translateX(3px) rotateY(6deg);
  }
  31.5% {
    -webkit-transform: translateX(-2px) rotateY(-4deg);
    transform: translateX(-2px) rotateY(-4deg);
  }
  43.5% {
    -webkit-transform: translateX(1px) rotateY(2deg);
    transform: translateX(1px) rotateY(2deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-4px) rotateY(-7deg);
    transform: translateX(-4px) rotateY(-7deg);
  }
  18.5% {
    -webkit-transform: translateX(3px) rotateY(6deg);
    transform: translateX(3px) rotateY(6deg);
  }
  31.5% {
    -webkit-transform: translateX(-2px) rotateY(-4deg);
    transform: translateX(-2px) rotateY(-4deg);
  }
  43.5% {
    -webkit-transform: translateX(1px) rotateY(2deg);
    transform: translateX(1px) rotateY(2deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-4px) rotateY(-7deg);
    transform: translateX(-4px) rotateY(-7deg);
  }
  18.5% {
    -webkit-transform: translateX(3px) rotateY(6deg);
    transform: translateX(3px) rotateY(6deg);
  }
  31.5% {
    -webkit-transform: translateX(-2px) rotateY(-4deg);
    transform: translateX(-2px) rotateY(-4deg);
  }
  43.5% {
    -webkit-transform: translateX(1px) rotateY(2deg);
    transform: translateX(1px) rotateY(2deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes flashing {
  0%, 100% {
    background-color: rgba(249, 65, 68, 0.16);
  }
  50% {
    background-color: rgba(249, 65, 68, 0.3);
  }
}
@-moz-keyframes flashing {
  0%, 100% {
    background-color: rgba(249, 65, 68, 0.16);
  }
  50% {
    background-color: rgba(249, 65, 68, 0.3);
  }
}
@-ms-keyframes flashing {
  0%, 100% {
    background-color: rgba(249, 65, 68, 0.16);
  }
  50% {
    background-color: rgba(249, 65, 68, 0.3);
  }
}
@keyframes flashing {
  0%, 100% {
    background-color: rgba(249, 65, 68, 0.16);
  }
  50% {
    background-color: rgba(249, 65, 68, 0.3);
  }
}
@-webkit-keyframes opacityBg {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes opacityBg {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@-ms-keyframes opacityBg {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@keyframes opacityBg {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes translateY {
  0% {
    opacity: 0.8;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes translateY {
  0% {
    opacity: 0.8;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-ms-keyframes translateY {
  0% {
    opacity: 0.8;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes translateY {
  0% {
    opacity: 0.8;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes rotateY {
  0% {
    opacity: 0.8;
    transform: rotateY(45deg);
    background-position-y: -40px;
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
    background-position-y: -37px;
  }
}
@-moz-keyframes rotateY {
  0% {
    opacity: 0.8;
    transform: rotateY(45deg);
    background-position-y: -40px;
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
    background-position-y: -37px;
  }
}
@-ms-keyframes rotateY {
  0% {
    opacity: 0.8;
    transform: rotateY(45deg);
    background-position-y: -40px;
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
    background-position-y: -37px;
  }
}
@keyframes rotateY {
  0% {
    opacity: 0.8;
    transform: rotateY(45deg);
    background-position-y: -40px;
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
    background-position-y: -37px;
  }
}
@-webkit-keyframes bounce {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(1, 1, 1);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes bounce {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(1, 1, 1);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@-ms-keyframes bounce {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(1, 1, 1);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounce {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(1, 1, 1);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-ms-keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes opacityAnimation {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
@-moz-keyframes opacityAnimation {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
@-ms-keyframes opacityAnimation {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
@keyframes opacityAnimation {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
@-webkit-keyframes cardHighlite {
  0% {
    filter: blur(0) brightness(1);
  }
  20% {
    filter: blur(3px) brightness(0.1);
  }
  40% {
    filter: blur(2px) brightness(9);
  }
  60% {
    filter: blur(1px) brightness(6);
  }
  80% {
    filter: blur(0) brightness(3);
  }
  100% {
    filter: unset;
  }
}
@-moz-keyframes cardHighlite {
  0% {
    filter: blur(0) brightness(1);
  }
  20% {
    filter: blur(3px) brightness(0.1);
  }
  40% {
    filter: blur(2px) brightness(9);
  }
  60% {
    filter: blur(1px) brightness(6);
  }
  80% {
    filter: blur(0) brightness(3);
  }
  100% {
    filter: unset;
  }
}
@-ms-keyframes cardHighlite {
  0% {
    filter: blur(0) brightness(1);
  }
  20% {
    filter: blur(3px) brightness(0.1);
  }
  40% {
    filter: blur(2px) brightness(9);
  }
  60% {
    filter: blur(1px) brightness(6);
  }
  80% {
    filter: blur(0) brightness(3);
  }
  100% {
    filter: unset;
  }
}
@keyframes cardHighlite {
  0% {
    filter: blur(0) brightness(1);
  }
  20% {
    filter: blur(3px) brightness(0.1);
  }
  40% {
    filter: blur(2px) brightness(9);
  }
  60% {
    filter: blur(1px) brightness(6);
  }
  80% {
    filter: blur(0) brightness(3);
  }
  100% {
    filter: unset;
  }
}
@-webkit-keyframes spaceboots {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}
@-moz-keyframes spaceboots {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}
@-ms-keyframes spaceboots {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}
@keyframes spaceboots {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}
@-webkit-keyframes translateAnimation {
  0% {
    display: none;
    opacity: 0;
    transform: translateX(100%);
  }
  1% {
    display: block;
    opacity: 0.01;
    transform: translateX(99%);
  }
  80% {
    display: block;
    opacity: 1;
    transform: translateX(-20%);
  }
  100% {
    display: block;
    opacity: 1;
    transform: translateX(0%);
  }
}
@-moz-keyframes translateAnimation {
  0% {
    display: none;
    opacity: 0;
    transform: translateX(100%);
  }
  1% {
    display: block;
    opacity: 0.01;
    transform: translateX(99%);
  }
  80% {
    display: block;
    opacity: 1;
    transform: translateX(-20%);
  }
  100% {
    display: block;
    opacity: 1;
    transform: translateX(0%);
  }
}
@-ms-keyframes translateAnimation {
  0% {
    display: none;
    opacity: 0;
    transform: translateX(100%);
  }
  1% {
    display: block;
    opacity: 0.01;
    transform: translateX(99%);
  }
  80% {
    display: block;
    opacity: 1;
    transform: translateX(-20%);
  }
  100% {
    display: block;
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes translateAnimation {
  0% {
    display: none;
    opacity: 0;
    transform: translateX(100%);
  }
  1% {
    display: block;
    opacity: 0.01;
    transform: translateX(99%);
  }
  80% {
    display: block;
    opacity: 1;
    transform: translateX(-20%);
  }
  100% {
    display: block;
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes opacityBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes opacityBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes opacityBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacityBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacityBlockLeft {
  0% {
    opacity: 0;
    transform: translate(2%, 0);
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
@-moz-keyframes opacityBlockLeft {
  0% {
    opacity: 0;
    transform: translate(2%, 0);
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
@-ms-keyframes opacityBlockLeft {
  0% {
    opacity: 0;
    transform: translate(2%, 0);
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
@keyframes opacityBlockLeft {
  0% {
    opacity: 0;
    transform: translate(2%, 0);
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes opacityTopNone {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -150%);
    opacity: 0;
    display: none;
  }
}
@-moz-keyframes opacityTopNone {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -150%);
    opacity: 0;
    display: none;
  }
}
@-ms-keyframes opacityTopNone {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -150%);
    opacity: 0;
    display: none;
  }
}
@keyframes opacityTopNone {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -150%);
    opacity: 0;
    display: none;
  }
}
@-webkit-keyframes opacityMenu {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    width: 248px;
  }
  100% {
    transform: translate(-40px, 0%);
    opacity: 0;
    width: 0;
  }
}
@-moz-keyframes opacityMenu {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    width: 248px;
  }
  100% {
    transform: translate(-40px, 0%);
    opacity: 0;
    width: 0;
  }
}
@-ms-keyframes opacityMenu {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    width: 248px;
  }
  100% {
    transform: translate(-40px, 0%);
    opacity: 0;
    width: 0;
  }
}
@keyframes opacityMenu {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    width: 248px;
  }
  100% {
    transform: translate(-40px, 0%);
    opacity: 0;
    width: 0;
  }
}
@-webkit-keyframes slide-in-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes slide-in-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-ms-keyframes slide-in-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-left {
  0% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes slide-in-left {
  0% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-ms-keyframes slide-in-left {
  0% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes slide-in-right {
  0% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-ms-keyframes slide-in-right {
  0% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}
@-moz-keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}
@-ms-keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-elliptic-top-fwd {
  0% {
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@-moz-keyframes slide-in-elliptic-top-fwd {
  0% {
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@-ms-keyframes slide-in-elliptic-top-fwd {
  0% {
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@-webkit-keyframes play {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 763px;
  }
}
@-moz-keyframes play {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 763px;
  }
}
@-ms-keyframes play {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 763px;
  }
}
@keyframes play {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 763px;
  }
}
@-webkit-keyframes shadowPulse {
  0%, 100% {
    box-shadow: 0 0 20px var(--animColor);
  }
  50% {
    box-shadow: 0 0 40px 10px var(--animColor);
  }
}
@-moz-keyframes shadowPulse {
  0%, 100% {
    box-shadow: 0 0 20px var(--animColor);
  }
  50% {
    box-shadow: 0 0 40px 10px var(--animColor);
  }
}
@-ms-keyframes shadowPulse {
  0%, 100% {
    box-shadow: 0 0 20px var(--animColor);
  }
  50% {
    box-shadow: 0 0 40px 10px var(--animColor);
  }
}
@keyframes shadowPulse {
  0%, 100% {
    box-shadow: 0 0 20px var(--animColor);
  }
  50% {
    box-shadow: 0 0 40px 10px var(--animColor);
  }
}
@keyframes betslipAttention {
  0% {
    background-color: rgba(230, 161, 60, 0.1);
  }
  30% {
    opacity: 1;
  }
}
@keyframes bounce {
  100% {
    transform: rotate(3turn);
    -webkit-transform: rotate(3turn);
    opacity: 0.3;
  }
}
@keyframes jump-bonus {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-1.5rem);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
  }
  60% {
    transform: scale(1, 1) translateY(-0.5rem);
  }
  70% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes jump-bonus-lite {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1.05, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.05) translateY(-0.25rem);
  }
  50% {
    transform: scale(1.07, 0.95) translateY(0.125rem) rotate(5deg);
  }
  60% {
    transform: scale(1, 1) translateY(-0.125rem) rotate(0deg);
  }
  70% {
    transform: scale(1, 1) translateY(0) rotate(-4deg);
  }
  100% {
    transform: scale(1, 1) translateY(0) rotate(0deg);
  }
}
.history-table-row .history-table-cell .AIcon-transaction-h {
  --letterColor: transparent;
  --letterBg: transparent;
  color: var(--letterColor);
}
@supports (-webkit-background-clip: text) {
  .history-table-row .history-table-cell .AIcon-transaction-h {
    background: var(--letterBg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.streamBlock__title .teams, .bets__filter__item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-market__outcome .odds-change-arrow, .eventView__market .marketGroup .market .odds-change-arrow {
  font-size: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}
.main-market__outcome .up.odds-change-arrow, .eventView__market .marketGroup .market .up.odds-change-arrow {
  color: #219653;
  top: 2px;
}
.main-market__outcome .down.odds-change-arrow, .eventView__market .marketGroup .market .down.odds-change-arrow {
  color: #ce0a2e;
  bottom: 2px;
}

.betNowButton, button.bAuth, button.addEvent, button.bCashout, button.bSettings, button.couponEdit, button.bUnknown, button.bPrice, button.buttonBet__acceptChanges, .buttonCancel, .buttonBet, button.bDefault, .bundle-modal__content-foot button, #greenid-container #greenid-source-content .btn-primary, .editLink, .bCancel, .bBasePrimary, .bBase {
  text-align: center;
  line-height: inherit;
  text-decoration: none;
  word-break: break-word;
  cursor: pointer;
}

.bets .markets-selector, .bets__betslip .controls__block .toggleBlock, .bets__betslip .controls__block .quickAmount, .bets__filter__item, .bets__nav, .betNowButton, button.bAuth, button.addEvent, button.bCashout, button.bSettings, button.couponEdit, button.bUnknown, button.bPrice, button.buttonBet__acceptChanges, .buttonCancel, .buttonBet, button.bDefault, .bundle-modal__content-foot button, #greenid-container #greenid-source-content .btn-primary, .editLink, .bCancel, .bBasePrimary, .bBase {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.timerText, .space, .result .main__page__left .main__page__left__list .resultGame__content .teams,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams, .bets__betslip .controls__block .rightSide, .bets__betslip .controls__block, .bets__block__content .cashoutBlock__content .partialContent .values, .bets__block__content .coupon__block, .bets .bets__block__content .cashoutBlock__content .radioContainer .container, .bets__block__content .cashoutBlock__content .radioContainer .bets .container, .popup [class*=popup__] .block__themeBlock, .main__page__account__block__content .table__content__element__details .bonusBlock .left .top .progress__info, .bet-history-cashout .partial__content .values, .eventView__market .marketGroup__title {
  justify-content: space-between;
}

.streamBlock__title, [class*=__dropdown] > *, .selectBlock,
.selectContent, .bonus-banners .filter-item, .bonus-navigation .bet-bonus--link, .bonus-navigation, .result .main__page__left .main__page__left__list .resultGame__content .teams > div,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div, .result .main__page__left .main__page__left__list .resultGame__title,
.main__page--results .main__page__left .main__page__left__list .resultGame__title, .bespoke-filters .filter-item, .bets .markets-selector, .bets__betslip .controls__block .inputError, .bets__betslip .controls__block .toggleBlock, .bets__betslip .itemList__item, .bets__block__title, .controlsButton, .bets__filter, .bets__nav, .popup [class*=popup__] .block__content .bonus .bonusBlock__content__bottom, .popup [class*=popup__] .block__content .bonus .bonusBlock__content__top .description, .popup [class*=popup__] .block__content .bonus .bonusBlock__content__top, .popup [class*=popup__] .block__content .bonus .bonusBlock, .popup [class*=popup__] .block__title > div, .main__page__account__block__content .wrapper__payments, .main__page__account__block__content .title, .main__page__account__block__content .table__content__element__details .bonusBlock .left .top, .main__page__account__block__content .table__content__element__details .bonusBlock, .main__page__account__block__content .table__content__element__details .coupon__element__subFooter > div, .main__page__account__block__content .table__content__element__info, .main__page__account__block__content .table__header, .main__page__account__block__content .table .name, .main__page__account .navigation a, .main__page__account .navigation, .eventView__market .marketGroup__content-edit, .eventView__market .marketGroup__title > span, .eventView__filter, .timerText, .space, .result .main__page__left .main__page__left__list .resultGame__content .teams,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams, .bets__betslip .controls__block .rightSide, .bets__betslip .controls__block, .bets__block__content .cashoutBlock__content .partialContent .values, .bets__block__content .coupon__block, .bets .bets__block__content .cashoutBlock__content .radioContainer .container, .bets__block__content .cashoutBlock__content .radioContainer .bets .container, .popup [class*=popup__] .block__themeBlock, .main__page__account__block__content .table__content__element__details .bonusBlock .left .top .progress__info, .bet-history-cashout .partial__content .values, .eventView__market .marketGroup__title, .error-message, .betslipDropdown__footer, .streamBlock__title > span, .emptyState, .bToggle, .question, .status, .bets__betslip .controls__block .quickAmount, .bets__betslip .betError, .bets__betslip .itemList__item .odd, .bets__betslip .itemList__item .close, .bets__betslip .itemList__loading > div, .bets__betslip .itemList__loading, .bets__betslip .itemList__header, .bets__betslip__warning .warningContainer, .bets__block__content .cashoutBlock .closeIcon, .bets__block__content .betError, .bets__block__content .result__block, .bets__block__title .betsIcon span, .bets__status__label, .bets__status, .controlsButton__cashout, .controlsButton__popup, .bets__nav__item, .bets .bets__betslip__empty, .bets .bets__myBets__empty, .main__page__account__block__content .message, .main__page__account__block__content .wrapper__container .logo, .main__page__account__block__content .filter__header, .bet-history-cashout .partial__footer, .bet-history-cashout .partial__content, .history-table .loading, .eventView__top .teams, .betslipDropdown .title, .bet-history-cashout .partial .title {
  align-items: center;
}

.streamBlock__title, [class*=__dropdown] > *, .selectBlock,
.selectContent, .bonus-banners .filter-item, .bonus-navigation .bet-bonus--link, .bonus-navigation, .result .main__page__left .main__page__left__list .resultGame__content .teams > div,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div, .result .main__page__left .main__page__left__list .resultGame__title,
.main__page--results .main__page__left .main__page__left__list .resultGame__title, .bespoke-filters .filter-item, .bets .markets-selector, .bets__betslip .controls__block .inputError, .bets__betslip .controls__block .toggleBlock, .bets__betslip .itemList__item, .bets__block__title, .controlsButton, .bets__filter, .bets__nav, .popup [class*=popup__] .block__content .bonus .bonusBlock__content__bottom, .popup [class*=popup__] .block__content .bonus .bonusBlock__content__top .description, .popup [class*=popup__] .block__content .bonus .bonusBlock__content__top, .popup [class*=popup__] .block__content .bonus .bonusBlock, .popup [class*=popup__] .block__title > div, .main__page__account__block__content .wrapper__payments, .main__page__account__block__content .title, .main__page__account__block__content .table__content__element__details .bonusBlock .left .top, .main__page__account__block__content .table__content__element__details .bonusBlock, .main__page__account__block__content .table__content__element__details .coupon__element__subFooter > div, .main__page__account__block__content .table__content__element__info, .main__page__account__block__content .table__header, .main__page__account__block__content .table .name, .main__page__account .navigation a, .main__page__account .navigation, .eventView__market .marketGroup__content-edit, .eventView__market .marketGroup__title > span, .eventView__filter {
  justify-content: flex-start;
}

.error-message, .betslipDropdown__footer, .streamBlock__title > span, .emptyState, .bToggle, .question, .status, .bets__betslip .controls__block .quickAmount, .bets__betslip .betError, .bets__betslip .itemList__item .odd, .bets__betslip .itemList__item .close, .bets__betslip .itemList__loading > div, .bets__betslip .itemList__loading, .bets__betslip .itemList__header, .bets__betslip__warning .warningContainer, .bets__block__content .cashoutBlock .closeIcon, .bets__block__content .betError, .bets__block__content .result__block, .bets__block__title .betsIcon span, .bets__status__label, .bets__status, .controlsButton__cashout, .controlsButton__popup, .bets__nav__item, .bets .bets__betslip__empty, .bets .bets__myBets__empty, .main__page__account__block__content .message, .main__page__account__block__content .wrapper__container .logo, .main__page__account__block__content .filter__header, .bet-history-cashout .partial__footer, .bet-history-cashout .partial__content, .history-table .loading, .eventView__top .teams, .betslipDropdown .title, .bet-history-cashout .partial .title {
  justify-content: center;
}

.error-message, .betslipDropdown__footer, .streamBlock__title > span, .emptyState, .bToggle, .question, .status, .bets__betslip .controls__block .quickAmount, .bets__betslip .betError, .bets__betslip .itemList__item .odd, .bets__betslip .itemList__item .close, .bets__betslip .itemList__loading > div, .bets__betslip .itemList__loading, .bets__betslip .itemList__header, .bets__betslip__warning .warningContainer, .bets__block__content .cashoutBlock .closeIcon, .bets__block__content .betError, .bets__block__content .result__block, .bets__block__title .betsIcon span, .bets__status__label, .bets__status, .controlsButton__cashout, .controlsButton__popup, .bets__nav__item, .bets .bets__betslip__empty, .bets .bets__myBets__empty, .main__page__account__block__content .message, .main__page__account__block__content .wrapper__container .logo, .main__page__account__block__content .filter__header, .bet-history-cashout .partial__footer, .bet-history-cashout .partial__content, .history-table .loading, .eventView__top .teams, .betslipDropdown .title, .bet-history-cashout .partial .title {
  display: flex;
}

.timerText, .space, .result .main__page__left .main__page__left__list .resultGame__content .teams,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams, .bets__betslip .controls__block .rightSide, .bets__betslip .controls__block, .bets__block__content .cashoutBlock__content .partialContent .values, .bets__block__content .coupon__block, .bets .bets__block__content .cashoutBlock__content .radioContainer .container, .bets__block__content .cashoutBlock__content .radioContainer .bets .container, .popup [class*=popup__] .block__themeBlock, .main__page__account__block__content .table__content__element__details .bonusBlock .left .top .progress__info, .bet-history-cashout .partial__content .values, .eventView__market .marketGroup__title {
  display: flex;
}

.streamBlock__title, [class*=__dropdown] > *, .selectBlock,
.selectContent, .bonus-banners .filter-item, .bonus-navigation .bet-bonus--link, .bonus-navigation, .result .main__page__left .main__page__left__list .resultGame__content .teams > div,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div, .result .main__page__left .main__page__left__list .resultGame__title,
.main__page--results .main__page__left .main__page__left__list .resultGame__title, .bespoke-filters .filter-item, .bets .markets-selector, .bets__betslip .controls__block .inputError, .bets__betslip .controls__block .toggleBlock, .bets__betslip .itemList__item, .bets__block__title, .controlsButton, .bets__filter, .bets__nav, .popup [class*=popup__] .block__content .bonus .bonusBlock__content__bottom, .popup [class*=popup__] .block__content .bonus .bonusBlock__content__top .description, .popup [class*=popup__] .block__content .bonus .bonusBlock__content__top, .popup [class*=popup__] .block__content .bonus .bonusBlock, .popup [class*=popup__] .block__title > div, .main__page__account__block__content .wrapper__payments, .main__page__account__block__content .title, .main__page__account__block__content .table__content__element__details .bonusBlock .left .top, .main__page__account__block__content .table__content__element__details .bonusBlock, .main__page__account__block__content .table__content__element__details .coupon__element__subFooter > div, .main__page__account__block__content .table__content__element__info, .main__page__account__block__content .table__header, .main__page__account__block__content .table .name, .main__page__account .navigation a, .main__page__account .navigation, .eventView__market .marketGroup__content-edit, .eventView__market .marketGroup__title > span, .eventView__filter {
  display: flex;
}

[theme=dark] {
  --iconFavColor: cv(dt-txt-1);
}

[theme=light] {
  --iconFavColor: cv(lt-dark-7);
}

.betslipDropdown, .bet-history-cashout .partial {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.betslipDropdown .title, .bet-history-cashout .partial .title {
  height: 28px;
  width: 100%;
  background-color: var(--globalColor1);
  color: var(--dt-txt-6);
  font-size: 13px;
  font-weight: 500;
}

.outright-market__outcome .odd-wrapper.up .odd:before, .event__market-row-market .event__outcome--up:before, .main-market__outcome.up .odd-wrapper__content:before, .eventView__market .market.bet.up:not(.market--odd-box):before, .eventView__market .market.bet.up.market--odd-box .odd:before {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  border-top: 1rem solid #219653;
  border-left: 1rem solid transparent;
  border-top-right-radius: 4px;
}

.outright-market__outcome .odd-wrapper.down .odd:before, .event__market-row-market .event__outcome--down:before, .main-market__outcome.down .odd-wrapper__content:before, .eventView__market .market.bet.down:not(.market--odd-box):before, .eventView__market .market.bet.down.market--odd-box .odd:before {
  content: "";
  bottom: 0;
  right: 0;
  position: absolute;
  border-bottom: 1rem solid #dc3246;
  border-left: 1rem solid transparent;
  border-bottom-right-radius: 4px;
}

:root[theme=dark] {
  --material-color: #222430;
  --primary: #2d3146;
  --bg: #1b1c22;
  --border-color: #181920;
  --text-for-material: #dbd8ea;
  --sub-text: #b7b6c9;
  --icon-color: #9ca9c6;
  --brand-color: #008d35;
  --link-color: #00f181;
  --text-for-brand: #ffffff;
  --disable-button: #000000;
  --shadow: #000000;
}

:root {
  --material-color: #ffffff;
  --primary: #ebecfa;
  --bg: #f3f3f9;
  --border-color: #f0f2f5;
  --text-for-material: #4f5470;
  --sub-text: #919cb3;
  --icon-color: #9ca9c6;
  --brand-color: #7473c7;
  --link-color: #5265d1;
  --text-for-brand: #ffffff;
  --disable-button: #ffffff;
  --shadow: #dadadc;
}

.title-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-for-material);
}
.title-text.link {
  text-decoration-line: underline;
  color: var(--link-color);
}

.title-300-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-for-material);
}

.title-big-bold-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-for-material);
}

.title-bold-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-for-material);
}
.title-bold-text.link {
  color: var(--link-color);
}

.title-small-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-for-material);
}

.title-small-bold-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-for-material);
}

.title-small-300-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-for-material);
}

.sub-title-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--sub-text);
}

.sub-title-bold-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--sub-text);
}

.sub-title-500-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--sub-text);
}

.sub-title-small-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: var(--text-for-material);
}
.sub-title-small-text.error {
  color: #ce0a2e;
}
.sub-title-small-text.message {
  padding: 2px 16px;
}

.sub-title-small-300-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: var(--text-for-material);
}

.sub-title-small-500-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  display: inline-flex;
  align-items: center;
  color: var(--text-for-material);
}

.sub-title-xsmall-300-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 12px;
  display: inline-flex;
  align-items: center;
  color: var(--sub-text);
}

.sub-title-xsmall-500-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: var(--sub-text);
}

.link-small-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  text-decoration-line: underline;
  color: var(--link-color);
}

.odd-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-for-material);
}

.status-label.color-blue {
  color: var(--p-artner-hi);
}
.status-label.color-green {
  color: #219653;
}
.status-label.color-yellow {
  color: #ffb822;
}
.status-label.color-red {
  color: var(--text-for-material);
}
.status-label.color-grey {
  color: var(--sub-text);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block;
}

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden;
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  top: 0;
  left: 0;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
} 
.slick-dots, .slick-next, .slick-prev {
  position: absolute;
  display: block;
  padding: 0;
}

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-loading .slick-list {
  background: url(/static/assets/slick/ajax-loader.gif) center center no-repeat #fff;
}

@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(/static/assets/slick/slick.eot);
  src: url(/static/assets/slick/slick.eot?#iefix) format("embedded-opentype"), url(/static/assets/slick/slick.woff) format("woff"), url(/static/assets/slick/slick.ttf) format("truetype"), url(/static/assets/slick/slick.svg#slick) format("svg");
}
.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0;
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-next:before, .slick-prev:before {
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

.slick-next:before, [dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

[dir=rtl] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  bottom: -25px;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: 0;
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #000;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #000;
} 
.Toastify__toast-container {
  padding: 10px !important;
  width: 100% !important;
  max-width: 500px;
}
.Toastify__toast-container:not(:has(*)) {
  display: none;
}

.Toastify__toast {
  border-radius: 1rem !important;
  padding: 0.125rem 0.25rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem !important;
}
.Toastify__toast .Toastify__toast-body {
  padding: 6px 12px;
  padding-left: 16px;
  margin: 0;
  position: relative;
  font-size: 0.8rem;
}
.Toastify__toast .Toastify__toast-body::before {
  content: " ";
  position: absolute;
  height: 100%;
  width: 6px;
  top: 0;
  left: 0;
  border-radius: 0.5rem;
}
.Toastify__toast .Toastify__toast-body::after {
  content: "×";
  position: absolute;
  top: 0;
  right: 8px;
}
.Toastify__toast .Toastify__toast-body .Toastify__toast-title {
  text-transform: capitalize;
  font-size: 0.9rem;
  font-weight: 700;
  margin: 0;
  margin-bottom: 0.5rem;
}
.Toastify__toast.Toastify__toast--default .Toastify__toast-body::before {
  background-color: #6c757d;
}
.Toastify__toast.Toastify__toast--default .Toastify__toast-title {
  color: #6c757d;
}
.Toastify__toast.Toastify__toast--success {
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.2) !important;
}
.Toastify__toast.Toastify__toast--success .Toastify__toast-body::before {
  background-color: #28a745;
}
.Toastify__toast.Toastify__toast--success .Toastify__toast-title {
  color: #28a745;
}
.Toastify__toast.Toastify__toast--error {
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.2) !important;
}
.Toastify__toast.Toastify__toast--error .Toastify__toast-body::before {
  background-color: #dc3545;
}
.Toastify__toast.Toastify__toast--error .Toastify__toast-title {
  color: #dc3545;
}
.Toastify__toast.Toastify__toast--warning {
  box-shadow: 0 4px 12px rgba(255, 193, 7, 0.2) !important;
}
.Toastify__toast.Toastify__toast--warning .Toastify__toast-body::before {
  background-color: #ffc107;
}
.Toastify__toast.Toastify__toast--warning .Toastify__toast-title {
  color: #ffc107;
}
.Toastify__toast.Toastify__toast--info {
  box-shadow: 0 4px 12px rgba(23, 162, 184, 0.2) !important;
}
.Toastify__toast.Toastify__toast--info .Toastify__toast-body::before {
  background-color: #17a2b8;
}
.Toastify__toast.Toastify__toast--info .Toastify__toast-title {
  color: #17a2b8;
}

:root[theme=light] .Toastify__toast {
  background-color: #fff;
  color: #000;
}

:root[theme=dark] .Toastify__toast {
  background-color: #121212;
  color: #fff;
}

.dropdown {
  z-index: 5;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--dt-light-2);
  position: absolute;
  top: 0;
}
.dropdown.fixed {
  max-height: 156px;
  height: auto;
  transition: height 0.2s ease-in;
}
.dropdown.unenclosed {
  width: max-content;
  max-width: 300px;
}
.dropdown .dropdown-list-item {
  display: flex;
  padding: 8px;
  cursor: pointer;
}
.dropdown .dropdown-list-item .label-with-icon {
  justify-content: left;
}
.dropdown .dropdown-list-item .label-with-icon span {
  font-weight: normal;
  color: var(--dt-txt-6);
}
.dropdown .dropdown-list-item:hover {
  background-color: var(--dt-light-3);
}

.DateRangePickerInput {
  background: none;
}
.DateRangePickerInput__disabled {
  background: none;
}

.DateInput {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  background: none !important;
}
.DateInput input[type=text] {
  background-color: var(--globalColor2);
  border-radius: 0.3rem;
  height: 28px;
  font-size: 12px;
  padding: 8px;
  color: var(--dt-txt-3);
  font-weight: bold;
  cursor: pointer;
}
.DateInput input[type=text]::placeholder {
  color: var(--dt-txt-3);
  opacity: 1;
  font-size: 12px;
}
.DateInput input[type=text]:-ms-input-placeholder {
  color: var(--dt-txt-3);
  font-size: 12px;
}
.DateInput input[type=text]::-ms-input-placeholder {
  color: var(--dt-txt-3);
  font-size: 12px;
}

.DateInput_input__disabled {
  font-style: normal;
}

.DateInput__disabled {
  background: none;
}
.DateInput__disabled input[type=text] {
  background-color: var(--globalColor1);
  color: var(--dt-txt-2);
}

.DateRangePickerInput_arrow {
  font-size: 12px;
  font-weight: 600;
  color: var(--dt-txt-4);
  padding: 0 12px;
}

.SingleDatePickerInput {
  background: none !important;
}
.SingleDatePickerInput__disabled {
  background: none !important;
}

.date-range-picker > div > span {
  font-size: 12px;
  font-weight: 600;
  color: var(--dt-txt-4);
  padding: 0 12px;
  text-transform: capitalize;
}
.date-range-picker .icon {
  color: var(--dt-txt-1);
}

.position-left {
  display: inline-block;
  position: relative;
}
.position-left .icon {
  right: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.position-left .SingleDatePicker_picker {
  left: 0 !important;
}
.position-left .SingleDatePicker_picker:before {
  left: 20%;
  transform: translateX(-20%);
}

.position-right {
  display: inline-block;
  position: relative;
}
.position-right .icon {
  right: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.position-right .SingleDatePicker_picker {
  left: auto !important;
  right: 0;
}
.position-right .SingleDatePicker_picker:before {
  left: 80%;
  transform: translateX(-80%);
}

.DateInput {
  width: 110px;
}

.SingleDatePicker_picker {
  z-index: 10;
  top: 38px !important;
  border-radius: 0.3rem;
}
.SingleDatePicker_picker:before {
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--dt-txt-6);
}

.DateInput_fang {
  display: none;
}

.CalendarMonth_caption {
  font-size: 14px;
  color: var(--dt-txt-1);
  padding-top: 10px;
}

.DayPicker_weekHeader {
  color: var(--dt-txt-3);
  top: 40px;
}

.DayPickerNavigation_button__horizontalDefault {
  top: 8px;
  width: 22px;
  height: 22px;
}
.DayPickerNavigation_button__horizontalDefault svg {
  display: none;
}

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 70px;
}
.DayPickerNavigation_leftButton__horizontalDefault:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid var(--dt-txt-2);
}

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 70px;
}
.DayPickerNavigation_rightButton__horizontalDefault:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid var(--dt-txt-2);
}

.DayPickerNavigation_button__default {
  border-color: var(--dt-txt-4);
  border-radius: 0.3rem;
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border-color: var(--dt-txt-3);
}

.CalendarDay__default {
  border: none;
  color: var(--dt-txt-2);
  position: relative;
  z-index: 2;
}

.CalendarDay__default:hover {
  background: transparent;
  color: var(--dt-txt-2);
  border-radius: 50%;
  border: none;
}
.CalendarDay__default:hover:after {
  content: "";
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  background: var(--dt-txt-5);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 50%;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  color: var(--dt-txt-4);
  background: none;
}
.CalendarDay__blocked_out_of_range:after,
.CalendarDay__blocked_out_of_range:active:after,
.CalendarDay__blocked_out_of_range:hover:after {
  content: "";
  background: transparent;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: transparent;
  color: var(--dt-txt-6);
  border-radius: 50%;
}
.CalendarDay__selected:after,
.CalendarDay__selected:active:after,
.CalendarDay__selected:hover:after {
  content: "";
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  background: var(--partner-color-1);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 50%;
}

.MarketTypeDescription {
  font-size: 75%;
  padding: 0 0.75rem;
}
.MarketTypeDescription p {
  margin: 0.375rem 0 0.5rem 0;
}

:root[theme=dark] .MarketTypeDefaultView--show-toggler {
  color: #00f181;
}
:root[theme=light] .MarketTypeDefaultView--show-toggler {
  color: #5265d1;
}

.marketGroup__rows {
  overflow: hidden;
}

.MarketTypeDefaultView .MarketTypeDefaultView__competitors-block {
  display: flex;
  align-items: stretch;
}
.MarketTypeDefaultView .MarketTypeDefaultView__competitors-block .MarketTypeDefaultView__cell {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
  margin-top: 0.25rem;
  /*min-height: 24px;*/
  /*background-color: var(--openOddsMarketHeading);
  color: var(--dt-txt-6);*/
  /*cursor: initial;*/
}
.MarketTypeDefaultView .MarketTypeDefaultView__row {
  display: flex;
  min-height: 24px;
  align-content: stretch;
}
.MarketTypeDefaultView .MarketTypeDefaultView__row--new-market:not(:first-child) {
  margin-top: 0.75rem;
}
.MarketTypeDefaultView .MarketTypeDefaultView__row {
  /*&:not(:nth-child(1)) {
    @include media-breakpoint-down(xs) {
      .market {
        &--odds_sorting_grouped_by_market.bet {
          .outcome-logo {
            display: none;
          }
        }
      }
    }
  }*/
}
.MarketTypeDefaultView .MarketTypeDefaultView__row .market {
  font-weight: bold;
  border-left: 1px solid;
  border-left-color: var(--mainPageBg);
  border-bottom: 1px solid;
  border-bottom-color: var(--mainPageBg);
  background-color: var(--oddsBlockColorOddName);
}
.MarketTypeDefaultView .MarketTypeDefaultView__row .market:first-of-type {
  border-left: none;
}
.MarketTypeDefaultView .MarketTypeDefaultView__row .market {
  /*@include media-breakpoint-down(xs) {
    &.market {
      &--odds_sorting_grouped_by_market {
        flex-direction: column;
      }
    }
  }*/
}
.MarketTypeDefaultView .MarketTypeDefaultView--show-toggler {
  text-align: center;
  padding: 0.5rem;
}
.MarketTypeDefaultView .MarketTypeDefaultView--show-toggler > span {
  cursor: pointer;
}

:root[theme=dark] .MarketTypePickLineView .pick-line-dropdown .select {
  background-color: #242424;
}
:root[theme=dark] .MarketTypePickLineView .pick-line-dropdown .select .select-option.active {
  background-color: rgba(0, 241, 129, 0.2);
}
:root[theme=dark] .MarketTypePickLineView .btn.btn-betslip, :root[theme=dark] .MarketTypePickLineView .btn.buttonCancel, :root[theme=dark] .MarketTypePickLineView .btn.buttonBet {
  color: #00f181;
}

:root[theme=light] .MarketTypePickLineView .pick-line-dropdown .select {
  background-color: #adb5bd;
  border-radius: 0.25rem;
}
:root[theme=light] .MarketTypePickLineView .pick-line-dropdown .select .select-option.active {
  background-color: transparent;
}
:root[theme=light] .MarketTypePickLineView .btn.btn-betslip, :root[theme=light] .MarketTypePickLineView .btn.buttonCancel, :root[theme=light] .MarketTypePickLineView .btn.buttonBet {
  color: #00f181;
}

.MarketTypePickLineView {
  padding: 0 0.5rem;
}
.MarketTypePickLineView .MarketTypePickLineView__competitors-block {
  display: flex;
  align-items: stretch;
}
.MarketTypePickLineView .MarketTypePickLineView__competitors-block .MarketTypePickLineView__cell {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  background-color: var(--openOddsMarketHeading);
  color: var(--dt-txt-6);
  cursor: initial;
}
.MarketTypePickLineView .MarketTypePickLineView__row {
  display: flex;
  min-height: 24px;
  align-items: stretch;
  align-content: stretch;
}
.MarketTypePickLineView .MarketTypePickLineView__row .market {
  font-weight: bold;
  border-left: 1px solid;
  border-left-color: var(--mainPageBg);
  border-bottom: 1px solid;
  border-bottom-color: var(--mainPageBg);
  background-color: var(--oddsBlockColorOddName);
}
.MarketTypePickLineView .MarketTypePickLineView__row .market:first-of-type {
  border-left: none;
}
.MarketTypePickLineView .name,
.MarketTypePickLineView .pick-line-dropdown,
.MarketTypePickLineView .odds {
  flex: 1;
}
.MarketTypePickLineView .btn.btn-betslip, .MarketTypePickLineView .btn.buttonCancel, .MarketTypePickLineView .btn.buttonBet {
  font-weight: bold;
}
.MarketTypePickLineView .odd-wrapper__content {
  display: flex;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  .MarketTypePickLineView .odd-wrapper__content {
    flex-direction: column;
  }
}
.MarketTypePickLineView .pick-line-dropdown {
  display: flex;
  justify-content: end;
  width: 50%;
  min-width: 130px;
}
.MarketTypePickLineView .pick-line-dropdown .block__wrap {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .MarketTypePickLineView .pick-line-dropdown .block {
    margin-bottom: 0;
  }
}
.MarketTypePickLineView .pick-line-dropdown .select {
  border-radius: 0.25rem;
  border: none;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
}
.MarketTypePickLineView .pick-line-dropdown .select .select-value {
  height: 2rem;
  padding: 0;
}
.MarketTypePickLineView .pick-line-dropdown .select .select-value:after {
  top: 1rem;
  right: 0.5rem;
  transform: translateY(-50%) rotateZ(90deg);
}
.MarketTypePickLineView .pick-line-dropdown .select .select-options {
  top: calc(2rem + 2px);
  left: 0;
}
.MarketTypePickLineView .pick-line-dropdown .select .select-option__wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 0.25rem;
}
@media (max-width: 991.98px) {
  .MarketTypePickLineView .pick-line-dropdown {
    padding-right: 0;
    justify-content: center;
  }
}
.MarketTypePickLineView .odds {
  display: flex;
  justify-content: center;
}

.eventView__market .marketGroup .MarketTypePickLineView .market .odd-wrapper__content {
  align-items: center;
}
.eventView__market .marketGroup .MarketTypePickLineView .market .name {
  min-width: 100px;
}

:root[theme=dark] .eventView__market {
  --marketColor: var(--dt-light-2);
  --marketColorName: var(--dt-txt-4);
  --marketColorValue: var(--oddsBlockColor);
  --marketGropupTitleBg: cv(dt-light-3);
}
:root[theme=dark] .eventView__market-group .accordion-header {
  background-color: #ffffff;
}
@media (hover: hover) {
  :root[theme=dark] .eventView__market-group .accordion-header:hover {
    color: #ffffff;
  }
  :root[theme=dark] .eventView__market-group .accordion-header:hover .arrow {
    color: #00f181;
  }
}
:root[theme=dark] .selectedOdds .market {
  color: #ffffff;
}
:root[theme=dark] .marketGroup .marketGroup__title {
  color: cv(dt-txt-6);
  background-color: cv(dt-light-3);
}
:root[theme=dark] .odds__promo-odds:not(.selected) .odds__promo-odds_new,
:root[theme=dark] .odds__promo-odds:not(.selected) .odds__best-odds_new,
:root[theme=dark] .odds__best-odds:not(.selected) .odds__promo-odds_new,
:root[theme=dark] .odds__best-odds:not(.selected) .odds__best-odds_new {
  color: #00f181;
}
:root[theme=dark] .participant-stat {
  color: #000000;
  background-color: #ffffff;
}
:root[theme=dark] .participant-stat,
:root[theme=dark] .participant-stat__header,
:root[theme=dark] .participant-row,
:root[theme=dark] .participant-col {
  border-color: rgb(41, 41, 41);
}
:root[theme=dark] .participant-toggler {
  color: #00f181;
}
:root[theme=light] .eventView__market {
  --marketColor: var(--dt-txt-6);
  --marketColorName: var(--lt-txt-4);
  --marketGropupTitleBg: #ffffff;
}
:root[theme=light] .marketGroup .marketGroup__title {
  color: rgb(127, 127, 127);
  background-color: #ffffff;
}
:root[theme=light] .odds__promo-odds:not(.selected) .odds__promo-odds_new,
:root[theme=light] .odds__promo-odds:not(.selected) .odds__best-odds_new,
:root[theme=light] .odds__best-odds:not(.selected) .odds__promo-odds_new,
:root[theme=light] .odds__best-odds:not(.selected) .odds__best-odds_new {
  color: #00f181;
}
:root[theme=light] .participant-stat {
  color: #000000;
  background-color: #ffffff;
}
:root[theme=light] .participant-stat,
:root[theme=light] .participant-stat__header,
:root[theme=light] .participant-row,
:root[theme=light] .participant-col {
  border-color: rgb(215, 215, 215);
}
:root[theme=light] .participant-toggler {
  color: #5265d1;
}

.eventView__container {
  display: flex;
  padding: var(--openOddsPadding);
  background-color: var(--openOddsBackground);
  flex-wrap: wrap;
}

.result .eventView {
  --eventViewHeight: auto;
  --eventViewDisplay: block;
}

.eventView {
  --eventViewHeight: 100%;
  --eventViewDisplay: flex;
  flex-basis: 100%;
  height: var(--eventViewHeight);
  flex-wrap: wrap;
  display: var(--eventViewDisplay);
}
.eventView .outcome-logo {
  display: none;
  margin: 0.5rem 0.5rem 0.25rem;
  width: calc(3rem - 0.5rem);
  height: calc(3rem - 0.5rem);
}
.eventView__market-group {
  flex-basis: 100%;
  margin-top: 0.25rem;
}
.eventView__market-group .accordion-header {
  cursor: pointer;
  padding: 1rem 1.25rem;
  font-size: 0.75rem;
  font-style: italic;
  text-transform: uppercase;
  align-items: center;
}
.eventView__market-group .accordion-header .sub-title {
  display: none;
  text-transform: capitalize;
}
.eventView__market-group .accordion-header .arrow {
  position: absolute;
  right: 1rem;
  color: #ffffff;
}
.eventView__market-group .accordion-body {
  padding: 0 0.125rem 0.2rem 0.125rem;
}
.eventView__market-group .accordion-body .loader.empty-state svg {
  max-width: 60px;
  max-height: 60px;
}
.eventView__top {
  position: relative;
  width: 100%;
  /*&:before{
    content:"";
    width: 100%;
    height: 100%;
    background-image: url(https://d19wq4hgcs3l4m.cloudfront.net/sites/media/sports-covers/cover-1.jpg), url(https://d19wq4hgcs3l4m.cloudfront.net/sites/media/sports-covers/cover-default.jpg);
    background-position: center;
    background-size: cover;
    position: absolute;
    opacity: .4;
  }*/
}
.eventView__top:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, var(--dt-base-color) 0%, rgba(20, 21, 31, 0) 120%);
}
.eventView__top .date {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  color: var(--dt-txt-6);
  text-align: center;
  margin-top: 4px;
  padding-bottom: 40px;
  z-index: 1;
}
.eventView__top .date > span {
  display: block;
  padding: 12px 0;
  background: linear-gradient(0deg, rgba(20, 21, 31, 0) 0%, var(--dt-base-color) 100%);
  color: #ffffff;
  margin-bottom: 12px;
}
.eventView__top .date .gameStat {
  margin: 0 auto;
}
.eventView__top .teams {
  width: 100%;
}
.eventView__top .teams > div {
  flex: none;
}
.eventView__top .teams > div > span {
  font-size: 14px;
  color: var(--dt-txt-6);
  font-weight: 500;
}
.eventView__top .teams > div > span.logo {
  flex: none;
  width: 36px;
  height: 36px;
  margin: 0 10px;
}
.eventView__top .teams > div > span.logo img {
  max-width: 48px;
  width: 100%;
}
.eventView__top .teams > div.home {
  justify-content: flex-end;
}
.eventView__top .teams > div.away {
  justify-content: flex-start;
}
.eventView__top .teams > div.home, .eventView__top .teams > div.away {
  flex: 1;
  display: flex;
  align-items: center;
}
.eventView__filter {
  width: 100%;
  height: 32px;
  padding: 0 16px;
  background-color: var(--globalColor2);
  margin-bottom: 4px;
  display: none;
}
.eventView__filter > span {
  font-weight: 500;
  margin-right: 20px;
  color: var(--dt-txt-3);
  transition: color 0.2s ease-in;
  cursor: pointer;
}
.eventView__filter > span.active, .eventView__filter > span:hover {
  color: var(--dt-txt-6);
}
.eventView__market {
  --marketFlexBasis: 100%;
  --marketHeight: 36px;
  min-width: 100%;
  height: inherit;
  flex-basis: var(--marketGroupBasis);
}
@media (max-width: 991.98px) {
  .eventView__market--three_columns .marketGroup .MarketTypeDefaultView__row, .eventView__market--odds_sorting_split_by_market .marketGroup .MarketTypeDefaultView__row, .eventView__market--three_columns_winner_score .marketGroup .MarketTypeDefaultView__row {
    flex-direction: column;
  }
  .eventView__market--three_columns .marketGroup .MarketTypeDefaultView__row .market.isFake, .eventView__market--odds_sorting_split_by_market .marketGroup .MarketTypeDefaultView__row .market.isFake, .eventView__market--three_columns_winner_score .marketGroup .MarketTypeDefaultView__row .market.isFake {
    display: none;
  }
  .eventView__market--three_columns .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content, .eventView__market--odds_sorting_split_by_market .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content, .eventView__market--three_columns_winner_score .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content {
    display: flex;
  }
  .eventView__market--three_columns .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content .best-odds,
  .eventView__market--three_columns .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content .best-odds__label, .eventView__market--odds_sorting_split_by_market .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content .best-odds,
  .eventView__market--odds_sorting_split_by_market .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content .best-odds__label, .eventView__market--three_columns_winner_score .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content .best-odds,
  .eventView__market--three_columns_winner_score .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content .best-odds__label {
    padding: 0 0.375rem;
    justify-content: end;
    text-align: right;
  }
  .eventView__market--odds_sorting_split_by_market .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content {
    flex-direction: row;
  }
  .eventView__market--odds_sorting_split_by_market .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content .name {
    display: flex;
    flex-direction: column;
    flex: 4;
    align-items: start;
    padding: 0.5rem;
    justify-content: center;
  }
  .eventView__market--odds_sorting_split_by_market .marketGroup .MarketTypeDefaultView__row .market .odd-wrapper__content .name .outcome-stats {
    justify-content: start;
  }
  .eventView__market--three_columns_winner_score .marketGroup .MarketTypeDefaultView__row {
    flex-direction: row;
  }
  .eventView__market--three_columns_winner_score .marketGroup .MarketTypeDefaultView__row .market.isFake {
    display: flex;
  }
}
[theme=dark] .market.bet.selected {
  --marketColor: var(--oddsBlockColorSelected);
  --marketColorName: var(--selectedColor);
  --marketColorValue: var(--selectedColor);
}

[theme=light] .market.bet.selected {
  --marketColorValue: var(--selectedColor);
}
[theme=light] .market.bet.selected:not(.market--odd-box) {
  --marketColorName: var(--selectedColor);
  --marketColor: var(--oddsBlockColorSelected);
}

.eventView__market .market.bet.disabled {
  --marketColor: transparent;
  cursor: not-allowed;
}
.eventView__market .market.bet.disabled:not(.isFake) {
  opacity: 0.2;
}
.eventView__market .market.bet.disabled .name {
  --marketColorName: #afafaf;
}
.eventView__market .market.bet.disabled .value {
  --marketColorValue: #afafaf;
}
.eventView__market .market.bet.market--stats:not(.market--odd-box) {
  margin-bottom: 1.125rem;
}
.eventView__market .market.bet.market--stats:not(.market--odd-box) .outcome-stats {
  bottom: -1.125rem;
  right: 0.25rem;
}
.eventView__market .market.bet {
  /* &:not(.title):not(.selected):not(.disabled):not(.dummy):not(.isFake):hover {
    background-color: var(--oddsBlockColorHover);
    cursor: pointer;
  }*/
}
.eventView__market .market.bet.isFake:hover, .eventView__market .market.bet.title:hover, .eventView__market .market.bet.disabled:hover, .eventView__market .market.bet.market--odd-box:hover {
  cursor: initial;
}
.eventView__market .market.void {
  --marketColorValue: var(--highlight-color);
}
.eventView__market .market.lose {
  --marketColorValue: var(--alert-color);
}
.eventView__market .market.win {
  --marketColorValue: var(--success-color);
}
.eventView__market .market.total {
  flex: none;
  width: var(--marketHeight);
  height: var(--marketHeight);
  justify-content: center;
  background-color: #f2f3fb;
}
.eventView__market .marketGroup {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: stretch;
  flex-direction: column;
  align-items: stretch;
}
.eventView__market .marketGroup__title {
  padding: 0 6px 0 12px;
  font-size: 12px;
  cursor: default;
  border-radius: 2px;
  width: 100%;
  min-height: 32px;
  margin-top: 8px;
  font-weight: 600;
  align-items: stretch;
}
.eventView__market .marketGroup__title.isExpanded {
  border-radius: 0.3rem 6px 0 0;
}
.eventView__market .marketGroup__title.isExpanded .icon:before {
  transform: rotateZ(90deg);
}
.eventView__market .marketGroup__title .best-odds__icon {
  margin-right: 0.5rem;
}
.eventView__market .marketGroup__title .icon {
  font-size: 10px;
  cursor: pointer;
  color: var(--dt-txt-4);
  transform: rotateX(0deg);
  line-height: 0;
  padding: 6px;
  transition: transform 0.1s, color 0.2s;
  text-indent: 0;
  letter-spacing: 0;
}
.eventView__market .marketGroup__title .relatedMarket {
  margin-left: auto;
  margin-right: 4px;
}
.eventView__market .marketGroup__title .relatedMarket__icon {
  font-size: 20px;
  color: var(--dt-txt-1);
  line-height: 1;
  display: none;
}
.eventView__market .marketGroup__title .relatedMarket__content {
  margin-left: 6px;
  color: var(--dt-txt-4);
  font-weight: bold;
  display: none;
}
.eventView__market .marketGroup__title .icon-favorite-new {
  height: auto;
}
.eventView__market .marketGroup .market {
  flex: 1;
  background-color: var(--marketColor);
  flex-basis: var(--marketFlexBasis);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3rem;
  padding: 0.25rem 1rem;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.125;
}
@media (max-width: 991.98px) {
  .eventView__market .marketGroup .market {
    padding: 0.25rem 0.5rem;
  }
}
.eventView__market .marketGroup .market.center {
  justify-content: center;
}
.eventView__market .marketGroup .market.bet:only-child {
  flex-basis: 100%;
}
.eventView__market .marketGroup .market .disabled-cover,
.eventView__market .marketGroup .market .arrow {
  display: none;
}
.eventView__market .marketGroup .market .odds-change-arrow {
  display: none;
}
.eventView__market .marketGroup .market .odd-wrapper__content {
  margin: 0 auto;
  display: flex;
  width: 100%;
  align-items: center;
}
.eventView__market .marketGroup .market .odd-wrapper__content span {
  flex: 1;
}
.eventView__market .marketGroup .market .odd-wrapper__content span.odds__promo-odds_new, .eventView__market .marketGroup .market .odd-wrapper__content span.odds__promo-odds_old, .eventView__market .marketGroup .market .odd-wrapper__content span.odds__best-odds_new, .eventView__market .marketGroup .market .odd-wrapper__content span.odds__best-odds_old, .eventView__market .marketGroup .market .odd-wrapper__content span.best-odds__wrapper, .eventView__market .marketGroup .market .odd-wrapper__content span.odds--na {
  flex: none;
}
.eventView__market .marketGroup .market .odd-wrapper__content .name {
  text-align: right;
  flex: 1;
  align-content: center;
}
.eventView__market .marketGroup .market .odd-wrapper__content .name .outcome-stats {
  justify-content: end;
}
.eventView__market .marketGroup .market .odd-wrapper__content .outcome-stats {
  position: relative;
  right: 0;
}
.eventView__market .marketGroup .market .odd-wrapper__content .outcome-stats,
.eventView__market .marketGroup .market .odd-wrapper__content .outcome-stats span {
  flex: unset;
}
@media (max-width: 991.98px) {
  .eventView__market .marketGroup .market .odd-wrapper__content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
  }
  .eventView__market .marketGroup .market .odd-wrapper__content .name {
    padding-right: 0;
    text-align: center;
    align-content: center;
  }
  .eventView__market .marketGroup .market .odd-wrapper__content .name .outcome-stats {
    justify-content: center;
  }
  .eventView__market .marketGroup .market .odd-wrapper__content .odd {
    padding-left: 0;
    align-content: end;
  }
}
.eventView__market .marketGroup .market.odd,
.eventView__market .marketGroup .market .odd {
  font-weight: bold;
  color: var(--marketColorValue);
  font-size: 1rem;
  position: relative;
  /*&:not(.odds__promo-odds) {
    padding-left: 1rem;
  }*/
}
.eventView__market .marketGroup .market .name {
  padding-right: 1rem;
  color: var(--marketColorName);
}
.eventView__market .marketGroup .market.selected.market--default:not(.market--main), .eventView__market .marketGroup .market.selected.market--odd-box .odd {
  background-color: var(--oddsBlockColorSelected);
  color: var(--dt-txt-6);
}
.eventView__market .marketGroup .market--main {
  flex-direction: column;
  align-items: center;
  align-self: end;
}
.eventView__market .marketGroup .market--main.bet .outcome-logo {
  display: inline-block;
}
@media (min-width: 576px) {
  .eventView__market .marketGroup .market--main.bet .outcome-logo {
    width: 4rem;
    height: 4rem;
  }
}
@media (min-width: 576px) {
  .eventView__market .marketGroup .market--main.bet .name {
    font-size: 1.25rem;
  }
}
.eventView__market .marketGroup .market--odd-box {
  cursor: default;
  padding: 0;
}
.eventView__market .marketGroup .market--odd-box, .eventView__market .marketGroup .market--odd-box:hover {
  background-color: transparent;
}
@media (max-width: 991.98px) {
  .eventView__market .marketGroup .market--odd-box .odd-wrapper__content .name {
    padding-bottom: 0.25rem;
  }
}
.eventView__market .marketGroup .market--odd-box .odd {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  min-height: 3rem;
  cursor: pointer;
  background-color: var(--marketColor);
}
@media (min-width: 576px) {
  .eventView__market .marketGroup .market--odd-box .odd:hover {
    background-color: var(--oddsBlockColorHover);
  }
}
.eventView__market .marketGroup .market--handicap .odd-wrapper__content, .eventView__market .marketGroup .market--handicap_dropdown .odd-wrapper__content, .eventView__market .marketGroup .market--pick_your_own_handicap .odd-wrapper__content, .eventView__market .marketGroup .market--spec_desc_two_columns_sorted .odd-wrapper__content, .eventView__market .marketGroup .market--two_columns_grouped_by_market_specifier_sorted .odd-wrapper__content, .eventView__market .marketGroup .market--main .odd-wrapper__content {
  flex-direction: column;
}
.eventView__market .marketGroup .market--handicap .odd-wrapper__content .name,
.eventView__market .marketGroup .market--handicap .odd-wrapper__content .odd, .eventView__market .marketGroup .market--handicap_dropdown .odd-wrapper__content .name,
.eventView__market .marketGroup .market--handicap_dropdown .odd-wrapper__content .odd, .eventView__market .marketGroup .market--pick_your_own_handicap .odd-wrapper__content .name,
.eventView__market .marketGroup .market--pick_your_own_handicap .odd-wrapper__content .odd, .eventView__market .marketGroup .market--spec_desc_two_columns_sorted .odd-wrapper__content .name,
.eventView__market .marketGroup .market--spec_desc_two_columns_sorted .odd-wrapper__content .odd, .eventView__market .marketGroup .market--two_columns_grouped_by_market_specifier_sorted .odd-wrapper__content .name,
.eventView__market .marketGroup .market--two_columns_grouped_by_market_specifier_sorted .odd-wrapper__content .odd, .eventView__market .marketGroup .market--main .odd-wrapper__content .name,
.eventView__market .marketGroup .market--main .odd-wrapper__content .odd {
  width: 100%;
  text-align: center;
  padding: 0;
}
.eventView__market .marketGroup .market--handicap .odd-wrapper__content .name, .eventView__market .marketGroup .market--handicap_dropdown .odd-wrapper__content .name, .eventView__market .marketGroup .market--pick_your_own_handicap .odd-wrapper__content .name, .eventView__market .marketGroup .market--spec_desc_two_columns_sorted .odd-wrapper__content .name, .eventView__market .marketGroup .market--two_columns_grouped_by_market_specifier_sorted .odd-wrapper__content .name, .eventView__market .marketGroup .market--main .odd-wrapper__content .name {
  padding-bottom: 0.25rem;
}
.eventView__market .marketGroup .market--three_columns_winner_score.bet, .eventView__market .marketGroup .market--three_columns.bet {
  border: 1px solid var(--marketColor);
}
@media (max-width: 991.98px) {
  .eventView__market .marketGroup .market--odds_sorting_grouped_by_market .odd-wrapper__content, .eventView__market .marketGroup .market--three_columns_winner_score .odd-wrapper__content, .eventView__market .marketGroup .market--three_columns .odd-wrapper__content {
    flex-direction: row;
    align-items: center;
  }
}
.eventView__market .marketGroup .market--odds_sorting_grouped_by_market .odd-wrapper__content .name, .eventView__market .marketGroup .market--three_columns_winner_score .odd-wrapper__content .name, .eventView__market .marketGroup .market--three_columns .odd-wrapper__content .name {
  text-align: left;
  padding: 0.5rem;
}
.eventView__market .marketGroup .market--odds_sorting_grouped_by_market .odd-wrapper__content .name .outcome-stats, .eventView__market .marketGroup .market--three_columns_winner_score .odd-wrapper__content .name .outcome-stats, .eventView__market .marketGroup .market--three_columns .odd-wrapper__content .name .outcome-stats {
  justify-content: start;
}
.eventView__market .marketGroup .market--odds_sorting_grouped_by_market .odd-wrapper__content .odd, .eventView__market .marketGroup .market--three_columns_winner_score .odd-wrapper__content .odd, .eventView__market .marketGroup .market--three_columns .odd-wrapper__content .odd {
  flex: initial;
  width: 4rem;
  padding: 0;
}
.eventView__market .marketGroup .market--odds_sorting_grouped_by_market.bet .outcome-logo {
  display: inline-block;
}
.eventView__market .marketGroup .market--odds_sorting_split_by_market .odd-wrapper__content .name {
  flex: 2;
}
.eventView__market .marketGroup .market--stats .outcome-stats {
  position: absolute;
  padding-top: 3px;
  bottom: 0;
  margin-bottom: 0;
  right: 0.25rem;
  justify-content: end;
}
.eventView__market .marketGroup__content-edit {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
  min-height: 30px;
  align-items: stretch;
}
.eventView__market .marketGroup__content-edit.double {
  --marketFlexBasis: calc(100% / 2 - 1px);
}
.eventView__market .marketGroup__content-edit.triple {
  --marketFlexBasis: calc(100% / 3 - 1px);
}
.eventView__market .marketGroup__content-edit.total {
  --marketFlexBasis: calc((100% - var(--marketHeight)) / 2 - 2px);
}
.eventView__market .marketGroup__content-edit.single {
  --marketFlexBasis: 100%;
}
.eventView__market .marketGroup__content-edit .market.center {
  justify-content: center;
}
.eventView__market .marketGroup__content-edit .market.bold {
  font-weight: 700;
}
.eventView__market .marketGroup__content-edit .market.bet:only-child {
  flex-basis: 100%;
}
.eventView__market .marketGroup__content-edit .market .disabled-cover,
.eventView__market .marketGroup__content-edit .market .arrow {
  display: none;
}
.eventView__market .marketGroup__content-edit .market {
  min-height: 30px;
  background-color: var(--marketColor);
  flex-basis: var(--marketFlexBasis);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: var(--marketHeight);
  margin: 0.5px;
  position: relative;
}
.eventView__market .marketGroup__content-edit .market .name {
  font-size: 12px;
  color: var(--marketColorName);
}
.eventView__market .marketGroup__content-edit .market .odd {
  font-weight: bold;
  color: var(--marketColorValue);
}
.eventView__market .marketGroup .icon--sgm-green {
  margin-top: 0.5rem;
  margin-right: 1rem;
}
.eventView .event__match-name {
  margin: 0.25rem 0;
}

.outcome-stats {
  display: flex;
  gap: 0.25rem;
  font-weight: 400;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.25rem;
}
@media (max-width: 767.98px) {
  .outcome-stats {
    gap: 0.125rem;
  }
}
.outcome-stats__item {
  font-weight: 600;
  padding: 1px 0.25rem;
  min-width: 1.25rem;
  text-align: center;
  line-height: 1;
  background-color: #e9ecef;
  border-radius: 4px;
}
.outcome-stats__item--win, .outcome-stats__item--win_with_margin {
  background-color: rgba(0, 141, 53, 0.12);
  color: #008d35;
}
.outcome-stats__item--win:last-child, .outcome-stats__item--win_with_margin:last-child {
  background-color: #008d35;
  color: #ffffff;
}
.outcome-stats__item--lose {
  background-color: rgba(220, 50, 70, 0.12);
  color: #dc3246;
}
.outcome-stats__item--lose:last-child {
  background-color: #dc3246;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .outcome-stats__item {
    min-width: 1rem;
  }
}

.odds__promo-odds,
.odds__best-odds {
  position: relative;
  /* border-radius: $border-radius-base;
  padding: 0;*/
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.odds__promo-odds .odds, .odds__promo-odds.odd,
.odds__promo-odds .promo-odds,
.odds__promo-odds .best-odds,
.odds__best-odds .odds,
.odds__best-odds.odd,
.odds__best-odds .promo-odds,
.odds__best-odds .best-odds {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.odds__promo-odds .odds__promo-odds_old,
.odds__promo-odds .odds__best-odds_old,
.odds__best-odds .odds__promo-odds_old,
.odds__best-odds .odds__best-odds_old {
  font-size: 0.75rem;
  text-decoration: line-through;
  opacity: 0.6;
}
.odds__promo-odds .odds__best-odds_new,
.odds__best-odds .odds__best-odds_new {
  display: inline-flex;
  align-content: center;
}
.odds__promo-odds :not(.odds-with-label) .odds,
.odds__promo-odds .promo-odds,
.odds__best-odds :not(.odds-with-label) .odds,
.odds__best-odds .promo-odds {
  flex: 1 1 auto;
  width: 100%;
}
.odds__promo-odds .favorite,
.odds__best-odds .favorite {
  z-index: 8;
}
.odds__promo-odds.highlighted,
.odds__best-odds.highlighted {
  position: relative;
  z-index: auto;
  box-sizing: border-box;
  background-clip: padding-box;
  border: 3px solid transparent !important;
  /*> * {
    position: relative;
    z-index: 1;
  }*/
}
.odds__promo-odds.highlighted:before,
.odds__best-odds.highlighted:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background-image: linear-gradient(var(--angle-gradient), transparent 0%, #fb8c0f 50%, transparent 100%);
  opacity: 0.7;
  animation: 2s rotate-deg-property linear infinite;
}
@keyframes rotate-deg-property {
  to {
    --angle-gradient: 360deg;
  }
}

.odds__best-odds .best-odds {
  flex-direction: row;
  flex-wrap: wrap;
}
.odds__best-odds .best-odds__wrapper {
  line-height: 0.75rem;
  align-content: center;
  display: flex;
  flex-direction: column;
}
.odds__best-odds .best-odds__label {
  width: 100%;
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 0.75rem;
  text-transform: uppercase;
  text-align: center;
}

div:has(> .odds__promo-odds.highlighted),
div:has(> .odds__best-odds.highlighted) {
  z-index: 1;
}

.participant-stat__wrapper {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.participant-stat__wrapper .accordion-body.participant-stat-accordion {
  padding: 0.2rem;
  width: 80%;
  min-width: 340px;
  max-width: 800px;
  margin-bottom: 0.25rem;
}
@media (max-width: 767.98px) {
  .participant-stat__wrapper .accordion-body.participant-stat-accordion {
    width: calc(100% - 0.5rem);
  }
}
.participant-stat__wrapper .participant-toggler {
  margin-bottom: 0.25rem;
  font-weight: 600;
}
.participant-stat__wrapper .participant-toggler .icon {
  margin: 0 0.25rem;
  font-size: 0.75rem;
  display: inline-flex;
}
.participant-stat__wrapper .participant-stat {
  border: 1px solid transparent;
}
.participant-stat__wrapper .participant-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  direction: ltr;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .participant-stat__wrapper .participant-name--full {
    display: none;
  }
}
@media (min-width: 768px) {
  .participant-stat__wrapper .participant-name--short {
    display: none;
  }
}
.participant-stat__wrapper .participant-summary {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.participant-stat__wrapper .participant-summary .participant-name {
  font-weight: 700;
  font-size: 1rem;
  white-space: wrap;
}
@media (max-width: 767.98px) {
  .participant-stat__wrapper .participant-summary .participant-name {
    white-space: nowrap;
    font-size: 0.875rem;
    max-width: 9rem;
  }
}
.participant-stat__wrapper .participant-stat__header {
  border-bottom: 1px solid transparent;
}
.participant-stat__wrapper .participant-stat__header .event-participants__participant-logo {
  width: 2rem;
  height: 2rem;
}
.participant-stat__wrapper .participant-row,
.participant-stat__wrapper .participant-col {
  display: flex;
  align-items: center;
}
.participant-stat__wrapper .participant-row {
  border-bottom: 1px solid transparent;
  align-items: stretch;
}
.participant-stat__wrapper .participant-row:last-child {
  border-bottom: none;
}
.participant-stat__wrapper .participant-col {
  flex: 1 1 auto;
  display: flex;
  max-width: 50%;
  padding: 0.375rem;
  gap: 0.5rem;
  border-right: 1px solid transparent;
}
@media (max-width: 767.98px) {
  .participant-stat__wrapper .participant-col {
    gap: 0.25rem;
    padding: 0.375rem 0.25rem;
  }
}
.participant-stat__wrapper .participant-col:last-child {
  border-right: none;
}
.participant-stat__wrapper .participant-col--home .participant-name {
  text-align: right;
}
.participant-stat__wrapper .participant-col--away {
  direction: rtl;
}
.participant-stat__wrapper .participant-col .participant-is-home {
  min-width: 1.5rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .participant-stat__wrapper .participant-col .participant-is-home {
    min-width: 1rem;
  }
}
.participant-stat__wrapper .participant-col .participant-score {
  text-align: center;
}
.participant-stat__wrapper .participant-col .event-participants__participant-logo,
.participant-stat__wrapper .participant-col .participant-result {
  min-width: 1.5rem;
}
@media (max-width: 767.98px) {
  .participant-stat__wrapper .participant-col .event-participants__participant-logo,
  .participant-stat__wrapper .participant-col .participant-result {
    min-width: 1rem;
  }
}
.participant-stat__wrapper .participant-col .event-participants__participant-logo--empty {
  margin-top: -0.375rem;
}
.participant-stat__wrapper .participant-stat__body {
  flex-direction: column;
}
.participant-stat__wrapper .participant-stat__body .participant-col {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1.25rem minmax(2rem, 7rem) minmax(2rem, auto) 1.25rem 1.5rem;
}
@media (max-width: 767.98px) {
  .participant-stat__wrapper .participant-stat__body .participant-col {
    grid-template-columns: 1.25rem minmax(2rem, 7rem) minmax(2rem, auto) 1.25rem 1.25rem;
  }
}

:root[theme=dark] .history-filter .history__dropdown {
  background: #ffffff;
}
:root[theme=dark] .history-filter .history__dropdown .filter-item:hover {
  background: white;
}
:root[theme=light] .history-filter .history__dropdown {
  background: #ffffff;
}
:root[theme=light] .history-filter .history__dropdown .filter-item:hover {
  background: rgb(229.5, 229.5, 229.5);
}

.selection-details {
  display: flex;
}
.selection-details .place-container {
  min-width: 2.5rem;
  margin-left: 0;
  margin-bottom: 0.5rem;
}
.selection-details .place-container .place {
  background-color: #f5f6f7;
  border-radius: 1rem;
  padding: 0 0.4rem;
  display: block;
  text-align: center;
  width: 2.25rem;
}

.history-filter {
  align-items: center;
  padding: 12px 10px;
  background: var(--accountBlocksBg);
  width: 100%;
  border-radius: 0.3rem;
  justify-content: space-between;
  display: flex;
}
@media (max-width: 575.98px) {
  .history-filter {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .history-filter {
    align-items: baseline;
  }
}
@media (max-width: 991.98px) {
  .history-filter {
    padding: 0.5rem 1rem;
  }
}
.history-filter__result {
  display: grid;
  grid-column-gap: 2rem;
  justify-content: left;
}
@media (max-width: 991.98px) {
  .history-filter__result {
    display: block;
  }
  .history-filter__result .filter-item {
    margin: 0.5rem 0;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .history-filter__result {
    display: flex;
  }
}
.history-filter__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.history-filter__right .btn-export {
  margin-left: 32px;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .history-filter__right {
    display: block;
  }
  .history-filter__right .btn-export {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .history-filter__right {
    flex-wrap: wrap;
  }
  .history-filter__right .btn-export {
    margin-left: auto;
  }
}
.history-filter__date {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  .history-filter__date {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .history-filter__date {
    flex-shrink: 0;
  }
}
.history-filter__date .filter-item {
  margin-left: 1.5rem;
}
@media (max-width: 767.98px) {
  .history-filter__date .filter-item {
    margin: 0.5rem 0;
  }
}
.history-filter__date .date-range-picker {
  display: flex;
  align-items: center;
}
.history-filter + .history-table {
  margin-top: 12px;
}
.history-filter .history-select-container {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items: center;
}
.history-filter .history-select-container .history__current {
  position: relative;
  border-color: var(--dt-txt-4);
  transition: all 0.2s;
  flex-shrink: 0;
}
.history-filter .history-select-container .history__current span {
  margin-right: 16px;
  color: var(--dt-txt-4);
  transition: all 0.2s;
}
.history-filter .history-select-container .history__current:after {
  content: "H";
  display: inline-block;
  font-family: "apollo ui", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  transform: rotateZ(90deg);
  font-size: 8px;
  position: relative;
  top: 2px;
  color: var(--dt-txt-4);
  transition: all 0.2s;
}
.history-filter .history-select-container .history__current:hover {
  border-color: var(--betHistoryTextColorSecondary);
}
.history-filter .history-select-container .history__current:hover span {
  color: var(--betHistoryTextColorSecondary);
}
.history-filter .history-select-container .history__current:hover:after {
  color: var(--betHistoryTextColorSecondary);
}
.history-filter .history-select-container .history__current.active {
  border-color: var(--betHistoryTextColorSecondary);
}
.history-filter .history-select-container .history__current.active span {
  color: var(--betHistoryTextColorSecondary);
}
.history-filter .history-select-container .history__current.active:after {
  top: 1px;
  color: var(--betHistoryTextColorSecondary);
  transform: rotateZ(-90deg);
}
.history-filter .history__dropdown {
  top: 38px;
  box-shadow: 0 2px 4px 0 rgba(15, 64, 94, 0.13);
  padding-top: 2px;
}
.history-filter .history__dropdown:after {
  right: auto;
  left: 10px;
}
.history-filter .history__dropdown .filter-item input[type=checkbox]:checked + label,
.history-filter .history__dropdown .filter-item input[type=checkbox] label {
  color: var(--dt-txt-1);
}
.history-filter .filter-item {
  display: grid;
  grid-template-columns: min-content max-content;
  grid-column-gap: 0.5rem;
  grid-row: 1;
  position: relative;
  align-items: center;
  cursor: pointer;
}
.history-filter .filter-item label {
  cursor: pointer;
}
.history-filter .filter-item.radio label {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-column-gap: 0.5rem;
  align-items: center;
}
.history-filter .filter-item.radio .checkmark {
  position: relative;
}

.history-table {
  display: grid;
  grid-template-rows: minmax(32px, auto) 1fr;
  width: 100%;
  height: inherit;
  overflow: auto;
}
.history-table .icon-bonus {
  width: 1.125rem;
  height: 1.125rem;
}
@media (max-width: 767.98px) {
  .history-table .bets__block .event-legs {
    width: 100%;
  }
  .history-table .bets__block .coupon__outcome {
    width: 100%;
  }
}
.history-table .transaction-amount {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.25rem;
  margin-right: 0.25rem;
}
.history-table .bet-source-tooltip .icon-bonus--ODDS_BOOST {
  margin-right: 0.25rem;
}
.history-table .bonus-transaction .bonus-transaction__value {
  font-weight: 600;
  color: #ffc502;
}
.history-table .bonus-transaction .bonus-transaction__value--pos {
  color: #ffc502;
}
.history-table .bonus-transaction .bonus-transaction__value--neg {
  color: #ce0a2e;
}
.history-table .bonus-transaction .bonus-transaction__frozen {
  font-size: 12px;
}
.history-table .bet-odds,
.history-table .bet-odds .odd {
  display: flex;
  gap: 0.125rem;
  align-items: center;
  flex-direction: column;
}
.history-table .bet-odds .icons {
  display: none;
}
.history-table .odd__original {
  font-size: 0.8rem;
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: #ac4058;
}
.history-table .odd__original span {
  color: var(--betsBetslipItemListItemEventNameColor);
}
.history-table .--mobile .history-item__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 28px;
  background-color: rgba(8, 255, 8, 0.1);
  border-top: 2px solid #00c5ec;
  padding: 0 12px;
  margin: -0.5rem -0.5rem 0 -0.5rem;
}
.history-table .--mobile .history-item {
  font-size: 0.75rem;
  padding: 0.5rem;
  background-color: var(--accountTableBgOdd);
  border-bottom: 1px gray;
  margin-bottom: 0.5rem;
}
.history-table .--mobile .history-item .event-time {
  padding: 0.25rem;
  padding-left: 0;
}
.history-table .--mobile .history-item .sub-title {
  margin-left: 0.25rem;
}
.history-table .--mobile .history-item .event-time--trans {
  margin-bottom: 0.5rem;
}
.history-table .--mobile .history-item .event-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.history-table .--mobile .history-item .event-container--baseline {
  align-items: baseline;
}
.history-table .--mobile .history-item .event-container .event {
  white-space: normal;
}
.history-table .--mobile .history-item .event-container .event__market-name + .start-date,
.history-table .--mobile .history-item .event-container .text-small + .start-date {
  margin-top: 0.25rem;
}
.history-table .--mobile .history-item .event-container .event-amount {
  min-width: 120px;
  white-space: normal;
}
.history-table .--mobile .history-item .event-container .event-amount .type,
.history-table .--mobile .history-item .event-container .event-amount .bet-stake,
.history-table .--mobile .history-item .event-container .event-amount .bet-odds {
  font-size: 0.95rem;
  font-weight: bold;
  display: inline-block;
  margin: 0.25rem 0;
}
.history-table .--mobile .history-item .event-container .event-amount .type.isPositive,
.history-table .--mobile .history-item .event-container .event-amount .bet-stake.isPositive,
.history-table .--mobile .history-item .event-container .event-amount .bet-odds.isPositive {
  color: #008d35;
}
.history-table .--mobile .history-item .event-container .event-amount .type {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.history-table .--mobile .history-item .event-container .event-amount .type .bet-source-tooltip {
  margin-top: -2px;
}
.history-table .--mobile .history-item .event-container .event-amount .type .bet-source-tooltip .description-tooltip__dropdown {
  transform: translateX(-90%);
}
.history-table .--mobile .history-item .event-container .event-amount .type .icon-bonus {
  width: 1rem;
  height: 1rem;
}
.history-table .--mobile .history-item .event-container .event-amount .bet-stake .bet-source-tooltip {
  display: none;
}
.history-table .--mobile .history-item .event-container .event-amount .bet-odds,
.history-table .--mobile .history-item .event-container .event-amount .bet-odds .odd {
  display: inline-flex;
  flex-direction: row;
}
.history-table .--mobile .history-item .event-container .event-amount .balance {
  margin-left: 0.5rem;
}
.history-table .--mobile .history-item .multi-title {
  margin: 0.5rem 0;
}
.history-table .--mobile .history-item .accordion {
  padding: 0.25rem 0;
}
.history-table .--mobile .history-item .accordion-header {
  padding: 0;
}
.history-table .--mobile .history-item .accordion-header .arrow {
  font-size: 0.5rem;
  line-height: 0.85rem;
  margin-right: 0.25rem;
}
.history-table .--mobile .history-item .accordion-header .title {
  font-size: inherit;
  margin-bottom: 0;
}
.history-table .--mobile .history-item .accordion-header .title > span {
  text-transform: unset;
}
.history-table .--mobile .history-item .accordion-body.show {
  padding: 0.25rem 0 0.25rem 0.75rem;
  overflow: hidden;
}
.history-table .--mobile .history-item .accordion .event-leg {
  margin-bottom: 0.25rem;
}
.history-table .--mobile .history-item .verify-status {
  justify-content: center;
}
.history-table .loading {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--globalLoading);
  z-index: 2;
  padding: 20px;
}
.history-table .loading svg {
  width: 120px;
  height: 120px;
  transform: scale(2.5);
}
.history-table .loading svg circle {
  stroke: var(--globalTitleNameColor);
}
.history-table .bets__filter {
  top: -0.5rem;
}
.history-table .extra-desc {
  padding-top: 0.5rem;
  display: block;
}
.history-table .bonus__description {
  font-size: 0.75rem;
  grid-area: 1/4/2/7;
}
.history-table .free-bet-bonus {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  min-width: 90px;
  grid-area: 1/7/2/8;
}

.empty-state-history {
  top: 50%;
  display: block;
  width: 100%;
}
.empty-state-history .svg-container {
  display: none;
  width: 167px;
  height: 79px;
  /*svg {
    display: none !important;
  }*/
}
.empty-state-history .svg-container.bonus {
  width: 216px;
  height: 122px;
}
.empty-state-history span {
  display: block;
  margin: 1.5rem;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: normal;
  color: var(--dt-txt-3);
}

.history-table-body {
  display: grid;
  grid-auto-rows: minmax(70px, max-content);
  position: relative;
  grid-row-gap: 4px;
}
.history-table-body.bet-history {
  grid-auto-rows: minmax(30px, max-content);
}
.history-table-body.bet-history .bet {
  display: flex;
  align-items: center;
}
.history-table-body > div {
  background-color: var(--accountTableBgOdd);
}
.history-table-body > div.bet-history-multiple .history-table-body-multiple {
  background-color: var(--history-table-body-multiple);
}
.history-table-body > div:nth-child(even) {
  background-color: var(--accountTableBgEven);
}
.history-table-body > div:last-child {
  border-radius: 0 0 6px 6px;
}
.history-table-body > .bet-history-multiple:before {
  content: "";
  width: 2px;
  height: 50%;
  max-height: 3rem;
  position: absolute;
  top: 1rem;
  left: 4px;
}
.history-table-body.bet-history > .history-table-row {
  min-height: 70px;
}
.history-table-body > .history-table-row:before {
  content: "";
  width: 2px;
  height: 50%;
  max-height: 3rem;
  position: absolute;
  top: 25%;
  left: calc(-1.5rem + 4px);
}

.bet-history-multiple.CASH_OUT:before, .bet-history-multiple.WIN:before, .bet-history-multiple.SUCCEED:before {
  background-color: #008d35;
}
.bet-history-multiple.CASH_OUT .amount, .bet-history-multiple.WIN .amount, .bet-history-multiple.SUCCEED .amount {
  color: #008d35;
}
.bet-history-multiple.CASH_OUT .amount:before, .bet-history-multiple.WIN .amount:before, .bet-history-multiple.SUCCEED .amount:before {
  content: "+";
  padding-right: 0.25rem;
}
.bet-history-multiple.NOT_DEFINED:before, .bet-history-multiple.CANCELED:before, .bet-history-multiple.LOSE:before {
  background-color: #dc3246;
}
.bet-history-multiple.UNSETTLED:before, .bet-history-multiple.PENDING:before, .bet-history-multiple.VOID:before, .bet-history-multiple.PROCESSING:before {
  background-color: #e6a13c;
}
.bet-history-multiple > .history-table-row.CASH_OUT:before, .bet-history-multiple > .history-table-row.WIN:before, .bet-history-multiple > .history-table-row.SUCCEED:before {
  background-color: #008d35;
}
.bet-history-multiple > .history-table-row.CASH_OUT .status-label, .bet-history-multiple > .history-table-row.WIN .status-label, .bet-history-multiple > .history-table-row.SUCCEED .status-label {
  border-color: #008d35;
  background-color: #008d35;
}
.bet-history-multiple > .history-table-row.NOT_DEFINED:before, .bet-history-multiple > .history-table-row.CANCELED:before, .bet-history-multiple > .history-table-row.LOSE:before {
  background-color: var(--betHistoryTextColor2);
}
.bet-history-multiple > .history-table-row.UNSETTLED:before, .bet-history-multiple > .history-table-row.PENDING:before, .bet-history-multiple > .history-table-row.VOID:before, .bet-history-multiple > .history-table-row.PROCESSING:before {
  background-color: #e6a13c;
}
.bet-history-multiple > .history-table-row.UNSETTLED .status-label, .bet-history-multiple > .history-table-row.PENDING .status-label, .bet-history-multiple > .history-table-row.VOID .status-label, .bet-history-multiple > .history-table-row.PROCESSING .status-label {
  border-color: rgba(254, 156, 0, 0.3);
  background-color: rgba(241, 159, 17, 0.1);
}

.history-table-row .amount {
  padding-left: 0.25rem;
}
.history-table-row .amount--refunded {
  text-align: right;
}
.history-table-row .deduction {
  font-size: 75%;
  text-align: center;
}
.history-table-row.CASH_OUT:before, .history-table-row.WIN:before, .history-table-row.BET_WIN:before, .history-table-row.SUCCEED:before {
  background-color: #008d35;
}
.history-table-row.CASH_OUT .status-label, .history-table-row.WIN .status-label, .history-table-row.BET_WIN .status-label, .history-table-row.SUCCEED .status-label {
  border-color: #008d35;
  background-color: #2ab36d;
}
.history-table-row.CASH_OUT .amount, .history-table-row.WIN .amount, .history-table-row.BET_WIN .amount, .history-table-row.SUCCEED .amount {
  color: #008d35;
}
.history-table-row.CASH_OUT .amount:before, .history-table-row.WIN .amount:before, .history-table-row.BET_WIN .amount:before, .history-table-row.SUCCEED .amount:before {
  content: "+";
  padding-right: 0.25rem;
}
.history-table-row.BET_WIN .history-table-cell .bet.amount {
  color: #008d35;
}
.history-table-row.BET_WIN .history-table-cell .bet.amount:before {
  content: "+";
  padding-right: 0.25rem;
}
.history-table-row.NOT_DEFINED:before, .history-table-row.CANCELED:before, .history-table-row.LOSE:before {
  background-color: #dc3246;
}
.history-table-row.UNSETTLED:before, .history-table-row.PENDING:before, .history-table-row.VOID:before, .history-table-row.PROCESSING:before {
  background-color: #e6a13c;
}
.history-table-row.UNSETTLED .status-label, .history-table-row.PENDING .status-label, .history-table-row.VOID .status-label, .history-table-row.PROCESSING .status-label {
  border-color: rgba(254, 156, 0, 0.3);
  background-color: rgba(241, 159, 17, 0.1);
}
.history-table-row.REJECTED .bet:has(.amount) {
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  color: #ac4058;
}
.history-table-row.REJECTED .bet:has(.amount) .amount {
  color: #adb5bd;
}

.history-table-header {
  background-color: var(--accountBlocksBg);
  border-radius: 0.3rem 6px 0 0;
  margin-bottom: 4px;
}
.history-table-header .history-table-row.bonus {
  grid-template-columns: 1fr 15fr 3fr;
  padding: 8px 32px 8px 40px;
}
.history-table-header .history-table-row.casino {
  background: none;
  padding: 8px 32px 8px 40px;
}
.history-table-header.bet-history .history-table-cell:nth-child(4) {
  justify-content: center;
}
.history-table-header.bet-history .history-table-cell:nth-child(8) {
  justify-content: center;
}
.history-table-header .history-table-row .history-table-cell > span {
  font-size: 12px;
  font-weight: 600;
}

.bet-history-row {
  display: grid;
  align-items: center;
  justify-content: normal;
  grid-column-gap: 2rem;
  height: 100%;
  position: relative;
  grid-template-columns: minmax(120px, 4fr) minmax(180px, 8fr) minmax(220px, 10fr) minmax(140px, 32px) repeat(3, 3fr) minmax(90px, 1fr);
}
@media (max-width: 991.98px) {
  .bet-history-row {
    grid-column-gap: 1rem;
    padding: 8px 16px 8px 16px;
    grid-template-columns: minmax(80px, 4fr) minmax(180px, 8fr) minmax(120px, 10fr) minmax(80px, 3fr) repeat(3, 3fr) minmax(90px, 1fr);
  }
}
.bet-history-row {
  padding: 8px 32px 8px 40px;
}

.history-table-row {
  display: grid;
  align-items: center;
  justify-content: normal;
  grid-template-columns: auto;
  grid-column-gap: 2rem;
  height: auto;
  position: relative;
}
.history-table-row .date-time__date {
  display: block;
}
.history-table-row .AkIcon-cashout-icon:before {
  color: #e6a13c;
  font-size: 12px;
}
.history-table-row.bet-history.with-list {
  grid-template-rows: minmax(70px, max-content) max-content;
}
.history-table-row.bet-history .history-table-cell:nth-child(4) {
  justify-content: center;
}
.history-table-row.bet-history .history-table-cell:nth-child(8) {
  justify-content: center;
}
.history-table-row.transaction {
  padding: 8px 32px 8px 40px;
  grid-template-columns: 2fr 4fr minmax(150px, 4fr) minmax(120px, 2fr) minmax(150px, 2fr) minmax(100px, 1fr) minmax(100px, 1fr);
}
@media (max-width: 991.98px) {
  .history-table-row.transaction {
    grid-column-gap: 1rem;
    padding: 8px 16px 8px 16px;
    grid-template-columns: 2fr 4fr minmax(150px, 4fr) minmax(80px, 2fr) minmax(80px, 2fr) minmax(80px, 1fr) minmax(100px, 1fr);
  }
}
.history-table-row.transaction .history-table-cell:nth-child(6) {
  justify-content: center;
}
.history-table-row.transaction .verify-status {
  justify-content: center;
}
.history-table-row.transaction .status-label,
.history-table-row.transaction .status-button {
  width: 90px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-table-row.transaction .status-label span,
.history-table-row.transaction .status-button span {
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  color: var(--status-label);
  text-transform: uppercase;
}
.history-table-row.transaction .status-label.sm,
.history-table-row.transaction .status-button.sm {
  width: max-content;
}
.history-table-row.transaction.PROCESSING.WITHDRAWAL .status-button {
  display: none;
}
.history-table-row.transaction.PROCESSING.WITHDRAWAL:hover .status-button {
  display: block;
}
.history-table-row.transaction.PROCESSING.WITHDRAWAL:hover .status-label {
  display: none;
}
.history-table-row.casino {
  grid-template-columns: 2fr 6fr 14fr 2fr 1fr;
  padding: 8px 32px 8px 40px;
}
.history-table-row.casino.WIN .result {
  color: #2ab36d;
}
.history-table-row.casino.LOSE .result {
  color: #f94144;
}
.history-table-row.bonus {
  grid-template-columns: none;
  padding: 8px 32px 8px 40px;
}
.history-table-row.bonus > .history-table-row-main {
  display: grid;
  grid-template-columns: 1fr 15fr 3fr;
  grid-column-gap: 2rem;
  cursor: pointer;
}
.history-table-row.bonus.active {
  grid-template-rows: 54px max-content;
}
.history-table-row.bonus .activated-bonus {
  margin: 0 auto;
  min-width: 200px;
}
.history-table-row.bonus .history-table-expanded {
  display: grid;
  grid-row: 2;
  padding: 0;
}
.history-table-row .history-table-cell {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
.history-table-row .history-table-cell.to-return span + span {
  padding-top: 4px;
}
.history-table-row .history-table-cell.date > span {
  display: block;
  width: 100%;
}
.history-table-row .history-table-cell.bet-source .description-tooltip__dropdown {
  top: 24px;
  max-width: 80%;
}
.history-table-row .history-table-cell.bet-source .tooltip-message > span,
.history-table-row .history-table-cell.bet-source .tooltip-message div {
  margin: 0;
}
.history-table-row .history-table-cell.bet-source .bonus-info {
  display: block;
}
.history-table-row .history-table-cell.bet-source .bonus-info div {
  display: flex;
}
.history-table-row .history-table-cell.bet-source .bonus-info div span:first-child {
  color: var(--dt-txt-2);
  font-weight: bold;
}
.history-table-row .history-table-cell.bet-source .bonus-info div span:not(:first-child) {
  margin-left: 8px;
}
.history-table-row .history-table-cell:first-child .AkIcon-cashout-icon {
  position: absolute;
  left: -28px;
  top: 50%;
  transform: translateY(-50%);
}
.history-table-row .history-table-cell .cashout-info {
  display: flex;
  align-items: center;
}
.history-table-row .history-table-cell .cashout-info .AkIcon-cashout-icon {
  margin-right: 8px;
}
.history-table-row .history-table-cell .cashout-info .AkIcon-cashout-icon:before {
  font-size: 10px;
}
.history-table-row .history-table-cell .event-details .event h3 {
  font-size: 0.9rem;
}
.history-table-row .history-table-cell .event-details .event h3 + span {
  font-weight: 500;
}
.history-table-row .history-table-cell.status-label {
  justify-content: center;
  width: 90px;
  margin: 0 auto;
}
.history-table-row .history-table-cell.status-label span {
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  color: var(--status-label);
  text-transform: uppercase;
}
.history-table-row .history-table-cell.can-cashout {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
@media (max-width: 767.98px) {
  .history-table-row .history-table-cell.can-cashout {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
.history-table-row .history-table-cell.can-cashout .col {
  display: grid;
}
.history-table-row .history-table-cell.can-cashout .col .market-name {
  display: flex;
  align-items: baseline;
  color: var(--betHistoryTextColor2);
  font-size: 14px;
}
.history-table-row .history-table-cell.can-cashout .col .market-name .leg-status__icon {
  line-height: 14px;
}
.history-table-row .history-table-cell .event-legs {
  padding: 0.5rem 0 0 1rem;
}
.history-table-row .history-table-cell .event-legs:not(:has(.event-leg)) {
  display: flex;
  align-items: center;
}
.history-table-row .history-table-cell .event-legs:not(:has(.event-leg)) .leg-race-runners {
  margin-left: 0.25rem;
}
.history-table-row .history-table-cell .event-legs:has(.scratched) .event-leg {
  display: flex;
  gap: 0.25rem;
  align-items: start;
}
.history-table-row .history-table-cell .event-legs:has(.scratched) .event-leg .leg-race-runners {
  display: flex;
  flex-direction: column;
}
.history-table-row .history-table-cell .event-leg {
  padding-bottom: 0.25rem;
  line-height: 1.1;
}
.history-table-row .history-table-cell .event-leg .sub-title {
  color: #818697;
}
.history-table-row .history-table-cell .AIcon-transaction-h {
  --letterBg: linear-gradient(122deg, #23bcba, #45e994);
  --letterColor: #23bcba;
  font-size: 1rem;
  display: none;
}
.history-table-row .history-table-cell .betType {
  text-align: center;
}
.history-table-row .history-table-cell .coupon__element__buttonWrapper {
  background: none;
  border-radius: unset;
  padding: 8px 0;
}
.history-table-row .history-table-cell .coupon__element__button {
  margin: 0;
  left: 26px;
  height: auto;
  width: max-content;
}
.history-table-row .history-table-cell .coupon__element__button .bCashout {
  width: max-content;
  font-weight: 900;
}
.history-table-row .history-table-cell .bonus-name .bonus-name__desc {
  margin-left: 1.5rem;
}
.history-table-row .history-table-cell.bonus-status {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-column-gap: 2rem;
  align-items: center;
  text-align: center;
}
.history-table-row .history-table-cell.bonus-status .statusName {
  display: flex;
  justify-content: center;
}
.history-table-row .history-table-cell.bonus-status .status-label {
  min-width: 190px;
}
.history-table-row .history-table-cell .img-preview {
  width: 56px;
  height: 56px;
  object-fit: cover;
}
.history-table-row .history-table-cell .event-with-score .event-name {
  font-size: 14px;
  font-weight: normal;
  color: var(--betHistoryTextColor2);
  padding-bottom: 4px;
  cursor: pointer;
}
.history-table-row .history-table-cell .event-with-score .event-name span {
  border-bottom: 1px solid var(--betHistoryTextunderlinecolor);
}
.history-table-row .history-table-cell .event-with-score .start-date {
  font-size: 12px;
  color: var(--dt-txt-3);
}
.history-table-row .history-table-cell .event-with-score .score + .event {
  padding-left: 6px;
}
.history-table-row .history-table-cell .event-with-score .score {
  padding-right: 10px;
}
.history-table-row .history-table-cell .event-with-score .event {
  color: var(--betHistoryTextColor2);
}
.history-table-row .history-table-cell .sub-title {
  font-size: 12px;
  color: var(--dt-txt-3);
  padding-top: 0.25rem;
  -webkit-user-select: text;
  user-select: text;
}
.history-table-row .history-table-cell .market-specifiers {
  font-size: 0.75rem;
  color: inherit;
}
.history-table-row .history-table-cell > span {
  font-size: 14px;
  font-weight: normal;
  color: var(--coupunElementColor);
}
.history-table-row .history-table-cell .bet,
.history-table-row .history-table-cell .empty-score,
.history-table-row .history-table-cell .final-score {
  font-weight: 600;
  color: var(--status-label);
}
.history-table-row .history-table-cell .final-score {
  cursor: pointer;
}
.history-table-row .history-table-cell .bonus-transaction .bonus-transaction__value {
  font-size: 14px;
}
.history-table-row .history-table-cell .odds {
  font-weight: 600;
  color: var(--coupunElementColor);
}
.history-table-row .history-table-cell .leg-status {
  margin-left: 0.25rem;
}
.history-table-row .history-table-cell .leg-status__label {
  display: none;
}
.history-table-row .history-table-cell--trans-info {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: flex-start;
}
.history-table-row__same-game-multiple .history-table-cell .sub-item {
  width: 100%;
  font-size: 0.75rem;
  padding: 0.25rem;
}
.history-table-row__same-game-multiple .history-table-cell .sub-item__index {
  display: inline-block;
  font-weight: 500;
}
.history-table-row__same-game-multiple .history-table-cell .sub-item__name {
  display: inline-block;
  font-weight: 500;
}
.history-table-row__same-game-multiple .history-table-cell .sub-item__market {
  font-size: 0.75rem;
  display: flex;
  color: var(--betsBetslipItemListItemEventNameColor);
  align-items: baseline;
}

.bet-history-multiple {
  display: grid;
  grid-template-rows: minmax(70px, max-content) 36px max-content;
  position: relative;
}
.bet-history-multiple .history-table-row.bet-history.with-list {
  grid-template-rows: minmax(52px, max-content) max-content;
}
.bet-history-multiple .history-table-row.header-multiple .history-table-cell span {
  font-size: 10px;
  color: var(--coupunElementColor);
}
.bet-history-multiple .history-table-cell:nth-child(4) {
  justify-content: center;
}
.bet-history-multiple .history-table-cell:nth-child(8) {
  justify-content: center;
}
.bet-history-multiple .history-table-cell.bet-type-title span {
  font-size: 14px;
  font-weight: normal;
}

.history-table-body-multiple .history-table-row {
  min-height: 52px;
  padding-left: 5px;
}
.history-table-body-multiple .history-table-row .empty-score {
  padding: 0 6px;
}
.history-table-body-multiple .history-table-row.load-more-events {
  background-color: var(--globalColor1);
  min-height: 32px;
  padding: 0.5rem;
  cursor: pointer;
  grid-template-columns: minmax(190px, 4fr) minmax(180px, 8fr) minmax(220px, 10fr) minmax(140px, 32px) repeat(3, 3fr) minmax(90px, 1fr);
}
.history-table-body-multiple .history-table-row.load-more-events span {
  display: grid;
  grid-column: 2/8;
  width: max-content;
  font-size: 14px;
  font-weight: normal;
  color: #818697;
  border-bottom: 1px solid transparent;
}
.history-table-body-multiple .history-table-row.load-more-events span:hover {
  border-bottom-color: #818697;
}
.history-table-body-multiple .history-table-row.bet-history .history-table-cell .event-legs .event-leg {
  display: block;
}
.history-table-body-multiple .history-table-row.bet-history .history-table-cell .event-legs .event-leg .sub-title {
  display: flex;
}

.header-multiple {
  position: relative;
}
.header-multiple:after {
  content: "";
  height: 1px;
  width: 99%;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--dt-light-4);
}

.cashout-button-container {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.coupon__element__subFooter {
  margin-top: 10px;
  width: max-content;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: repeat(6, minmax(min-content, max-content));
}
.coupon__element__subFooter > div:nth-child(1) {
  font-size: 10px;
  margin: 0;
  color: var(--dt-txt-4);
  font-weight: normal;
  padding-bottom: 6px;
}
.coupon__element__subFooter > div:nth-child(2) {
  font-size: 10px;
  margin: 0;
  color: var(--dt-txt-4);
  font-weight: normal;
  padding-bottom: 6px;
}
.coupon__element__subFooter > div:nth-child(3) {
  font-size: 10px;
  margin: 0;
  color: var(--dt-txt-4);
  font-weight: normal;
  padding-bottom: 6px;
}
.coupon__element__subFooter > div:nth-child(4) {
  font-size: 10px;
  margin: 0;
  color: var(--dt-txt-4);
  font-weight: normal;
  padding-bottom: 6px;
}
.coupon__element__subFooter > div:nth-child(5) {
  font-size: 10px;
  margin: 0;
  color: var(--dt-txt-4);
  font-weight: normal;
  padding-bottom: 6px;
}
.coupon__element__subFooter > div:nth-child(6) {
  font-size: 10px;
  margin: 0;
  color: var(--dt-txt-4);
  font-weight: normal;
  padding-bottom: 6px;
}
.coupon__element__subFooter > div {
  margin-top: 4px;
  color: var(--dt-txt-3);
  font-weight: 600;
  font-size: 12px;
}

.history-transaction-list,
.history-bonus-list {
  background: var(--globalColor1);
  display: grid;
  grid-row: 2;
}
.history-transaction-list .coupon__element__subFooter,
.history-bonus-list .coupon__element__subFooter {
  margin: 10px 28px;
}

.request-cashout {
  background-image: linear-gradient(97deg, var(--dt-light-5), var(--dt-light-3));
  height: 30px;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding-left: 40px;
  font-weight: 600;
  margin-top: 4px;
}

.history-table-header.bet-history + .request-cashout {
  margin-top: 0;
}

.bet-history-cashout {
  margin: 8px 0;
  display: flex;
  align-items: center;
  height: 24px;
  position: relative;
}
.bet-history-cashout .bet-history-cashout-button,
.bet-history-cashout .bSettings,
.bet-history-cashout .bToggle {
  font-weight: 900;
  opacity: 0.7;
  height: 24px;
  transition: all 0.1s;
  background-color: transparent;
  border: solid 1px rgba(62, 179, 96, 0.4);
  cursor: pointer;
}
.bet-history-cashout .bet-history-cashout-button:hover,
.bet-history-cashout .bSettings:hover,
.bet-history-cashout .bToggle:hover {
  opacity: 1;
  background-color: rgba(62, 179, 96, 0.2);
}
.bet-history-cashout .bet-history-cashout-button {
  padding: 0 8px;
  background-color: rgba(62, 179, 96, 0.2);
}
.bet-history-cashout .bSettings {
  border-radius: 0.3rem 0 0 6px;
  border-right-width: 0;
  width: 30px;
  font-size: 8px;
  color: var(--success-color) 360;
}
.bet-history-cashout .bToggle {
  border-radius: 0 6px 6px 0;
  border-left-width: 0;
  width: 30px;
  font-size: 12px;
  color: var(--success-color) 360;
}
.bet-history-cashout .betslipDropdown {
  right: 100%;
  top: 50%;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
.bet-history-cashout .partial {
  min-width: calc(var(--rightBlockWidth) - 40px);
  min-height: 107px;
  border: solid 1px var(--grey-3);
  background-color: var(--dt-txt-6);
  position: absolute;
  z-index: 99999;
  top: 100%;
}
.bet-history-cashout .partial__content {
  flex-direction: column;
  padding: 14px;
  width: 100%;
}
.bet-history-cashout .partial__content .name {
  width: 100%;
  text-align: center;
  margin-top: 2px;
  color: var(--globalColor2);
}
.bet-history-cashout .partial__content .range {
  margin: 10px auto 0;
}
.bet-history-cashout .partial__content .dots {
  background-image: radial-gradient(#1b4d6b 20%, transparent 20%);
  background-position: 0 0;
  background-size: 10px 9px;
  background-repeat-x: repeat;
  height: 10px;
  width: 99%;
}
.bet-history-cashout .partial__content .values {
  width: 100%;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--couponTextColorPrimary);
}
.bet-history-cashout .partial__footer {
  --betslipDropdownFooterColor: #a7bb56;
}
.bet-history-cashout .partial__footer.disabled {
  --betslipDropdownFooterColor: #dcdcdc;
  cursor: default;
}
.bet-history-cashout .partial__footer:not(.bet-history-cashout .partial__footer.disabled):hover {
  --betslipDropdownFooterColor: #8da040;
}
.bet-history-cashout .partial__footer {
  position: relative;
  margin-top: auto;
  width: 100%;
  height: 32px;
  transition: background-color 0.2s;
  cursor: pointer;
  background-color: var(--betslipDropdownFooterColor);
  color: var(--dt-txt-6);
}
.bet-history-cashout .partial__footer:before {
  content: "";
  transition: border-color 0.2s;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--betslipDropdownFooterColor);
  border-top: 5px solid var(--betslipDropdownFooterColor);
  top: 100%;
  left: 4px;
}
.bet-history-cashout .partial .bBase {
  width: 100%;
}

.bet_date {
  padding: 0.75rem;
  background: #dee0e0;
}

.deduction-tooltip .info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  border: 1px solid currentColor;
}
.deduction-tooltip .tooltip-message {
  padding: 0.75rem;
}

.deductions-list {
  font-size: 75%;
  opacity: 0.8;
}
.deductions-list .deduction-item {
  display: grid;
  grid-auto-flow: column;
  gap: 0.25rem;
  grid-template-columns: 6fr 4fr 1fr;
}
.deductions-list .deduction-item .date-time {
  display: flex;
  gap: 0.25rem;
}

.amount--refunded {
  display: flex;
  flex-direction: column;
}

.refund-amount {
  font-size: 87.5%;
}

.scratched {
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
}

:root[theme=dark] .main__page__account .navigation a {
  border: 1px solid #00f181;
  color: #e9ecef;
  background: transparent;
}
:root[theme=dark] .main__page__account .navigation a.active {
  border: 1px solid #00f181;
  background: #00f181;
  color: #000000;
}
@media (hover: hover) {
  :root[theme=dark] .main__page__account .navigation a:hover {
    border: 1px solid #00f181;
    background: #00f181;
    color: #000000;
  }
}
:root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus {
  background: #ffd700;
  border-color: #ffd700;
  color: #695706;
  margin-left: 0.25rem;
}
:root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus .icon, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus .icon {
  color: inherit;
}
:root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus {
  position: relative;
}
:root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus::before, :root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus::after, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus::before, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 4px + 4px);
  height: calc(100% + 4px + 4px);
  border-radius: 4px;
  background: linear-gradient(45deg, #998100, #fff7cc, #998100, #fff7cc, #998100);
  background-size: 300%;
  background-repeat: repeat;
  animation: border 5s linear infinite;
}
:root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus::before, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus::before {
  border: 1px solid #ffd700;
}
:root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus::after, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus::after {
  filter: blur(5px);
}
:root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus:before, :root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus:after, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus:before, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus:after {
  border-radius: 4px;
}
@media (hover: hover) {
  :root[theme=dark] .main__page__account .navigation.navigation--primary .link-list--has-bonus:hover, :root[theme=dark] .main__page__account .navigation.navigation--secondary .link-list--has-bonus:hover {
    background-color: #ffe766;
  }
}
:root[theme=dark] .main__page__account .deposit-withdrawal .payments a .wrapper {
  border: 1px solid rgb(41, 41, 41);
}
:root[theme=dark] .main__page__account .deposit-withdrawal .payments a.active .wrapper {
  background-color: #ffffff;
  border: 1px solid rgb(41, 41, 41);
}
@media (hover: hover) {
  :root[theme=dark] .main__page__account .deposit-withdrawal .payments a:hover .wrapper {
    background-color: #ffffff;
    border: 1px solid rgb(41, 41, 41);
  }
}
:root[theme=dark] .main__page__account .deposit-withdrawal .details {
  border: 1px solid rgb(41, 41, 41);
  background: #ffffff;
}
:root[theme=dark] .main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item {
  background-color: #3b3b3b;
}
:root[theme=dark] .main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item-cell {
  border-color: #121212;
}
:root[theme=light] .main__page__account .navigation a {
  border: 1px solid #6c757d;
  color: #6c757d;
  background: transparent;
}
:root[theme=light] .main__page__account .navigation a.active {
  border: 1px solid #000000;
  background: #f5f6f7;
  color: #000000;
}
:root[theme=light] .main__page__account .navigation a.active::after {
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=light] .main__page__account .navigation a:hover {
    border: 1px solid #000000;
    background: #f5f6f7;
    color: #000000;
  }
  :root[theme=light] .main__page__account .navigation a:hover::after {
    background-color: #00f181;
  }
}
:root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus {
  background: #ffd700;
  border-color: #ffd700;
  color: #695706;
  margin-left: 0.25rem;
}
:root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus .icon, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus .icon {
  color: inherit;
}
:root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus {
  position: relative;
}
:root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus::before, :root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus::after, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus::before, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 4px + 4px);
  height: calc(100% + 4px + 4px);
  border-radius: 4px;
  background: linear-gradient(45deg, #998100, #fff7cc, #998100, #fff7cc, #998100);
  background-size: 300%;
  background-repeat: repeat;
  animation: border 5s linear infinite;
}
:root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus::before, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus::before {
  border: 1px solid #ffd700;
}
:root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus::after, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus::after {
  filter: blur(5px);
}
:root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus:before, :root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus:after, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus:before, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus:after {
  border-radius: 4px;
}
@media (hover: hover) {
  :root[theme=light] .main__page__account .navigation.navigation--primary .link-list--has-bonus:hover, :root[theme=light] .main__page__account .navigation.navigation--secondary .link-list--has-bonus:hover {
    background-color: #ffe766;
  }
}
:root[theme=light] .main__page__account .deposit-withdrawal .payments a .wrapper {
  border: 1px solid rgb(215, 215, 215);
}
:root[theme=light] .main__page__account .deposit-withdrawal .payments a.active .wrapper {
  background-color: #ffffff;
  border: 1px solid rgb(215, 215, 215);
}
@media (hover: hover) {
  :root[theme=light] .main__page__account .deposit-withdrawal .payments a:hover .wrapper {
    background-color: #ffffff;
    border: 1px solid rgb(215, 215, 215);
  }
}
:root[theme=light] .main__page__account .deposit-withdrawal .details {
  border: 1px solid rgb(215, 215, 215);
  background: #ffffff;
}
:root[theme=light] .main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item {
  background-color: #ffffff;
}

.main__page__account .navigation {
  height: 56px;
  width: 100%;
  margin: 0;
  overflow: hidden;
  overflow-x: auto;
  z-index: 0;
}
.main__page__account .navigation a {
  text-decoration: none;
  appearance: none;
  font-size: 0.9rem;
  display: flex;
  padding: 0.25rem 0.75rem;
  border: 1px solid #343a40;
  border-radius: 4px;
  white-space: nowrap;
  margin-left: 0;
}
.main__page__account .navigation a.active {
  cursor: default;
}
.main__page__account .navigation a::after {
  background: none;
}
.main__page__account .navigation a:not(:last-child) {
  margin-right: 1.5rem;
}
@media (max-width: 767.98px) {
  .main__page__account .navigation a:not(:last-child) {
    margin-right: 0.75rem;
  }
}
.main__page__account .navigation a .icon {
  margin-right: 8px;
  font-size: 20px;
  line-height: 0;
}
.main__page__account .navigation a:not(.active):hover {
  cursor: pointer;
}
.main__page__account .navigation--sticky {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
.main__page__account .deposit-withdrawal .payments {
  margin-bottom: 0.5rem;
  display: flex;
}
@media (max-width: 991.98px) {
  .main__page__account .deposit-withdrawal .payments {
    flex-direction: column;
  }
  .main__page__account .deposit-withdrawal .payments .wrapper__payments .payment-radio {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #dee2e6;
    margin-left: 10px;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  .main__page__account .deposit-withdrawal .payments .payment-method-item.active .payment-radio::before {
    position: relative;
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #dee2e6;
  }
}
.main__page__account .deposit-withdrawal .payments a {
  display: block;
  text-decoration: none;
}
.main__page__account .deposit-withdrawal .payments a .wrapper {
  border: 1px solid transparent;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  height: 100%;
}
.main__page__account .deposit-withdrawal .payments a .wrapper__payments {
  height: 100%;
  align-items: center;
}
.main__page__account .deposit-withdrawal .payments a.active, .main__page__account .deposit-withdrawal .payments a:hover {
  text-decoration: none;
}
.main__page__account .deposit-withdrawal .details {
  border-radius: 0.3rem;
  border: solid 1px transparent;
  box-shadow: 0 6px 8px 0 rgba(15, 64, 94, 0);
  padding: 1.25rem;
}
@media (max-width: 991.98px) {
  .main__page__account .deposit-withdrawal .details {
    min-height: 50vh;
  }
}
.main__page__account .deposit-withdrawal .details .details__title {
  display: none;
}
.main__page__account .deposit-withdrawal .details .action-button {
  white-space: nowrap;
}
.main__page__account .deposit-withdrawal .payment__static-content {
  margin-top: 1.5rem;
}
.main__page__account .deposit-withdrawal .pay-id__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.main__page__account .deposit-withdrawal .pay-id--box {
  border: 1px solid transparent;
  padding: 0.5rem;
  font-weight: bold;
  border-radius: 4px;
  text-align: center;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
@media (min-width: 768px) {
  .main__page__account .deposit-withdrawal {
    display: flex;
    flex-direction: column;
  }
}
.main__page__account .deposit-withdrawal .pending-withdrawals {
  margin-bottom: 1rem;
}
.main__page__account .deposit-withdrawal .pending-withdrawals .loader {
  padding: 0.25rem;
}
.main__page__account .deposit-withdrawal .pending-withdrawals .loader svg {
  max-width: 1.5rem;
  max-height: 1.5rem;
}
.main__page__account .deposit-withdrawal .pending-withdrawals .pending-withdrawals-list {
  display: grid;
  grid-row-gap: 0.25rem;
}
.main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item {
  display: grid;
  grid-template-columns: 2fr 3fr 2fr min-content;
  align-items: center;
}
.main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item-cell {
  justify-items: stretch;
  height: 100%;
  align-content: center;
  padding: 0.25rem 0.5rem;
  border-right: 1px solid transparent;
}
.main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item-cell:last-of-type {
  border-right: none;
}
@media (max-width: 991.98px) {
  .main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item-cell {
    padding: 0.125rem 0.25rem;
  }
}
.main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item .sub-title {
  display: block;
  font-size: 0.875rem;
  opacity: 0.8;
}
.main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item .transaction-amount {
  font-weight: 600;
  text-align: center;
}
.main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item .transaction-action {
  justify-self: end;
}
@media (max-width: 575.98px) {
  .main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item {
    font-size: 0.875rem;
  }
  .main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item .transaction-date {
    font-size: 0.75rem;
  }
  .main__page__account .deposit-withdrawal .pending-withdrawals .transaction-item .sub-title {
    font-size: 0.75rem;
  }
}
.main__page__account .deposit-withdrawal .static-loading .loader {
  margin-bottom: 0.5rem;
}
.main__page__account .profile-limits .profile-limits__readonly .editLink {
  margin-left: auto;
}
.main__page__account .profile-limits .limits-readonly-row {
  padding: 1.25rem 0.25rem;
  border-bottom: 1px solid #ffffff;
}
.main__page__account .profile-limits .limits-readonly-row:last-child {
  border-bottom: 0;
}
.main__page__account .profile-limits .limits-readonly-row .limits-readonly-row__label {
  display: inline-block;
  width: 120px;
  margin-right: 1rem;
}
.main__page__account .profile-limits .limits-readonly-row .limits-readonly-row__value {
  font-weight: bold;
}
.main__page__account .profile-limits .limits-readonly-row .limits-readonly-row__left {
  padding-left: 0.5rem;
}
.main__page__account .profile-limits .limits-readonly-row .limits-readonly-row__left__label {
  padding-left: 0.5rem;
}
.main__page__account .profile-limits .limits-readonly-row .limits-readonly-row__expiry {
  font-size: 0.9rem;
  font-style: italic;
  margin-top: 0.5rem;
}
.main__page__account .profile-limits .editLink {
  margin-left: auto;
}
.main__page__account .deposit-limits-desc {
  margin-top: 0.5rem;
  font-size: 0.85rem;
}
.main__page__account .deposit-limits-note {
  margin-top: 0.5rem;
  font-size: 0.85rem;
}
.main__page__account__block__content .details-profile,
.main__page__account__block__content .bonus-banners {
  max-width: 640px;
  margin: 0 auto;
  padding: 0.5rem;
}
.main__page__account__block__content .details-profile .form-wrapper .block--input-select {
  margin-bottom: 0;
}
.main__page__account__block__content .details-profile .form-wrapper .form-wrapper__hints {
  padding-top: 0;
}
.main__page__account__block__content .details-profile .static-loading .loader {
  margin-bottom: 0.5rem;
}
.main__page__account__block__content .table {
  max-width: 1000px;
  width: 100%;
  margin-bottom: 20px;
}
.main__page__account__block__content .table.bonus {
  max-width: inherit;
}
.main__page__account__block__content .table .date {
  flex: none;
  width: 64px;
  text-align: center;
}
.main__page__account__block__content .table .time {
  flex: none;
  width: 54px;
  margin-left: 20px;
  padding: 4px;
}
.main__page__account__block__content .table .gameName {
  flex: none;
  margin-left: 40px;
  padding: 4px;
  width: 320px;
}
.main__page__account__block__content .table .betId {
  flex: none;
  margin-left: 40px;
  padding: 4px;
  width: 110px;
}
.main__page__account__block__content .table .betType {
  flex: none;
  margin-left: 40px;
  width: 50px;
}
.main__page__account__block__content .table .product {
  width: 132px;
  text-align: center;
}
.main__page__account__block__content .table .amount {
  margin-left: auto;
  text-align: right;
  margin-right: 20px;
  flex: 1;
}
.main__page__account__block__content .table .name {
  flex-basis: 50%;
  margin-right: auto;
  text-align: left;
  padding: 0 10px;
}
.main__page__account__block__content .table .name > span:first-child {
  margin-right: auto;
}
.main__page__account__block__content .table .name > span {
  margin: 0 10px;
}
.main__page__account__block__content .table .balance {
  margin-right: 20px;
  flex: 1;
  text-align: right;
}
.main__page__account__block__content .table .result {
  flex: 1;
  margin-right: auto;
}
.main__page__account__block__content .table .result > span:last-child {
  margin-left: 20px;
}
.main__page__account__block__content .table .arrow {
  width: 24px;
}
.main__page__account__block__content .table__header {
  height: 32px;
  font-size: 9px;
  text-transform: uppercase;
}
.main__page__account__block__content .table__content {
  width: 100%;
}
.main__page__account__block__content .table__content__element {
  width: 100%;
}
.main__page__account__block__content .table__content__element:nth-child(even) {
  background-color: var(--accountTableBgEven);
}
.main__page__account__block__content .table__content__element__info {
  height: 98%;
  min-height: 32px;
  font-size: 12px;
  font-weight: 500;
}
.main__page__account__block__content .table__content__element__info > span.firstSpan {
  min-height: 30px;
  line-height: 30px;
  flex: none;
  width: 64px;
  text-align: center;
}
.main__page__account__block__content .table__content__element__info > span.firstSpan.product {
  width: 132px;
  min-height: 32px;
}
.main__page__account__block__content .table__content__element__info .date {
  min-height: 30px;
  line-height: 30px;
}
.main__page__account__block__content .table__content__element__details {
  width: 100%;
  padding-top: 10px;
}
.main__page__account__block__content .table__content__element__details .coupon {
  width: 100%;
  padding: 0;
}
.main__page__account__block__content .table__content__element__details .coupon__element {
  min-height: 0;
}
.main__page__account__block__content .table__content__element__details .coupon__element .startTime {
  flex: none;
  width: 120px;
}
.main__page__account__block__content .table__content__element__details .coupon__element .team {
  flex: none;
  width: 220px;
  text-align: left;
}
.main__page__account__block__content .table__content__element__details .coupon__element .odd,
.main__page__account__block__content .table__content__element__details .coupon__element .pick,
.main__page__account__block__content .table__content__element__details .coupon__element .score,
.main__page__account__block__content .table__content__element__details .coupon__element .result {
  flex: 1;
  text-align: center;
}
.main__page__account__block__content .table__content__element__details .coupon__element .result {
  text-align: right;
}
.main__page__account__block__content .table__content__element__details .coupon__element__subheader {
  padding: 0 20px;
}
.main__page__account__block__content .table__content__element__details .coupon__element__footer {
  height: 28px;
}
.main__page__account__block__content .table__content__element__details .coupon__element__subFooter {
  margin-top: 10px;
  width: max-content;
}
.main__page__account__block__content .table__content__element__details .coupon__element__subFooter > div.name {
  font-size: 10px;
  border-bottom: 1px solid var(--globalColor2);
}
.main__page__account__block__content .table__content__element__details .coupon__element__subFooter > div > div {
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
  flex: 1;
  white-space: nowrap;
  min-width: 190px;
}
.main__page__account__block__content .table__content__element__details .coupon__element__subFooter > div > div:last-child {
  text-align: right;
}
.main__page__account__block__content .table__content__element__details .bonusBlock {
  width: 100%;
  align-items: stretch;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left {
  flex: 1;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top {
  width: 100%;
  align-items: stretch;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .headerBonus {
  width: 100%;
  display: flex;
  height: 30px;
  align-items: center;
  border-bottom: 1px solid var(--bonus-details-border-color);
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .headerBonus > span {
  font-size: 12px;
  flex: 1;
  text-align: left;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .content,
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .subContent {
  display: flex;
  align-items: center;
  padding: 8px 0;
  width: 100%;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .content > span,
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .subContent > span {
  flex: 1;
  text-align: left;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .progress {
  width: 100%;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .progress__block {
  width: 100%;
  height: 4px;
  margin: 1.4rem auto;
  background: #000;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .progress__block__element {
  height: 100%;
  background-image: linear-gradient(to right, var(--underline-gradient-color-1), var(--underline-gradient-color-2));
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .progress__info {
  margin: 14px 0;
  width: 100%;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .info {
  flex: 1;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .date {
  width: 30%;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .top .date > div span:last-child {
  text-align: right;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .left .bottom {
  margin: 4px 0 18px 0;
  font-size: 12px;
  width: 100%;
  word-break: break-word;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .right {
  flex: none;
  width: auto;
  margin-left: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .right .titleBonus {
  font-size: 12px;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main__page__account__block__content .table__content__element__details .bonusBlock .right .status-label {
  cursor: pointer;
  margin-top: 10px;
}
.main__page__account__block__content .filter {
  margin-left: auto;
  max-width: 300px;
  width: 100%;
}
.main__page__account__block__content .filter__header {
  height: 32px;
  font-size: 14px;
  text-align: center;
}
.main__page__account__block__content .filter__block {
  padding: 12px;
  width: 100%;
}
.main__page__account__block__content .filter__block__title {
  margin-bottom: 14px;
}
.main__page__account__block__content .filter__block__content {
  margin-bottom: 14px;
}
.main__page__account__block__content .title {
  flex-basis: 100%;
  font-size: 14px;
  font-weight: 500;
}
.main__page__account__block__content .title > span {
  text-transform: uppercase;
  margin-right: 12px;
}
.main__page__account__block__content .title {
  margin-bottom: 16px;
}
.main__page__account__block__content .wrapper {
  min-width: 100%;
  max-width: 95vw;
}
.main__page__account__block__content .wrapper + .wrapper {
  margin-top: 1.5rem;
}
.main__page__account__block__content .wrapper__container .logo {
  flex: none;
  width: 180px;
  height: 180px;
  font-size: 80px;
}
.main__page__account__block__content .wrapper__payments {
  border-radius: 0.3rem;
  overflow: hidden;
  width: 100%;
  min-height: 60px;
  padding-right: 10px;
  border: solid 1px transparent;
  transition: all 0.2s;
  box-shadow: 0 6px 8px 0 rgba(15, 64, 94, 0);
}
.main__page__account__block__content .wrapper__payments .icon {
  font-size: 0.75rem;
}
.main__page__account__block__content .wrapper__payments .logo {
  flex: none;
  width: 60px;
  height: 60px;
  padding: 10px;
  border-radius: 0.3rem;
  background-position: center;
  background-size: contain;
  background-origin: content-box;
  background-repeat: no-repeat;
}
.main__page__account__block__content .wrapper__payments .logo--applepay {
  background-image: url(/static/assets/images/applepay-black.png);
}
.main__page__account__block__content .wrapper__payments .logo--googlepay {
  background-image: url(/static/assets/images/googlepay-black.png);
}
.main__page__account__block__content .wrapper__payments .logo--payid {
  background-image: url(/static/assets/images/payid-black.png);
}
.main__page__account__block__content .wrapper__payments .logo--form_post {
  background-image: url(/static/assets/images/CreditCard_payment.png);
}
.main__page__account__block__content .wrapper__payments .logo--eft {
  background-image: url(/static/assets/images/Bank_transfer.png);
}
.main__page__account__block__content .wrapper__payments .content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 12px;
  flex: 1;
}
.main__page__account__block__content .wrapper__payments .content .name,
.main__page__account__block__content .wrapper__payments .content .description {
  font-weight: bold;
}
.main__page__account__block__content .wrapper__payments .content .name:hover,
.main__page__account__block__content .wrapper__payments .content .description:hover {
  text-decoration: none !important;
}
.main__page__account__block__content .wrapper__payments .content .name {
  font-style: italic;
  font-size: 16px;
  margin-bottom: 6px;
}
.main__page__account__block__content .wrapper__payments .content .subName {
  font-size: 12px;
}
.main__page__account__block__content .message {
  width: 100%;
  min-height: 24px;
  padding: 8px 20px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  margin-top: 8px;
  border: solid 1px #c0c5cb;
}
.main__page__account__block__content .message.warning-message {
  border: solid 1px #e6a13c;
}
.main__page__account__aside {
  overflow: auto;
  flex: none;
  width: 260px;
  height: 100%;
  box-shadow: inset -2px 0 0 0 var(--accountBoxShadow);
  display: grid;
  grid-template-rows: 1fr max-content;
}
.main__page__account__aside .client-info-container {
  margin: 12px 20px;
}
.main__page__account__aside .client-info-container .balance-info {
  border-radius: 0.3rem;
  margin-top: 8px;
  font-size: 1rem;
}
.main__page__account__aside .client-info-container .balance-info .balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main__page__account__aside .client-info-container .balance-info .balance:not(:first-child) {
  margin-top: 8px;
}
.main__page__account__aside .client-info-container .balance-info .balance:not(:first-child) span:last-child {
  font-weight: bold;
}
.main__page__account__aside .client-info-container .balance-info .balance span:first-child {
  font-weight: 600;
}
.main__page__account__aside .client-info-container .balance-info .balance span:last-child {
  margin-left: 12px;
  font-weight: bold;
}
.main__page__account__aside .client-info-container .client-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main__page__account__aside .client-info-container .client-info > span:last-child {
  margin-left: 8px;
}
.main__page__account__aside .client-info-container .client-info:not(:first-child) {
  margin-top: 8px;
}
.main__page__account__aside .client-info-container .first-name {
  font-size: 16px;
  font-weight: bold;
}
.main__page__account__aside .client-info-container .login {
  font-size: 16px;
  font-weight: normal;
}
.main__page__account__aside .client-info-container .client-info__label {
  font-size: 14px;
  font-weight: 600;
}
.main__page__account__aside .client-info-container .client-info__value {
  font-size: 14px;
  font-weight: normal;
}
.main__page__account__aside__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 112px;
  font-size: 16px;
  padding-left: 30px;
}
.main__page__account__aside__title .name {
  font-weight: 500;
  margin-bottom: 8px;
}
.main__page__account__aside__navigation {
  width: 100%;
}
.main__page__account__aside__navigation > .sidebar-tree__section-title {
  display: none;
}
.main__page__account__aside .logout-button-container {
  position: relative;
  cursor: pointer;
  height: 44px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 28px;
}
.main__page__account__aside .logout-button-container:hover {
  color: rgb(220, 50, 70);
}
.main__page__account__aside .logout-button-container span {
  font-size: 16px;
  line-height: 0;
}
.main__page__account__aside .logout-button-container span + span {
  margin-left: 20px;
  font-size: 14px;
  font-weight: normal;
}
.main__page__account__block__title {
  min-height: 84px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .main__page__account__block__title {
    padding: 0.5rem;
    padding-bottom: 0;
  }
}
.main__page__account__block__title--sm {
  box-shadow: none;
  min-height: 1.5rem;
}
.main__page__account__block__title .name {
  width: 100%;
  font-size: 1.75rem;
  font-weight: bold;
}
.main__page__account__block .identity-container {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-row-gap: 8px;
  padding: 20px;
}
.main__page__account__block .verify-container {
  width: 100%;
  padding: 0.5rem;
  display: block;
}
@media (min-width: 768px) {
  .main__page__account__block .verify-container {
    display: flex;
    padding: 0px 0.5rem 0px 0px;
  }
}
.main__page__account__block .verify-container .document_upload {
  flex: 1;
}
.main__page__account__block .verify-container .document_upload__list {
  flex: 2;
  margin-left: 1rem;
}
@media (max-width: 767.98px) {
  .main__page__account__block .verify-container .document_upload__list {
    margin-left: 0;
    margin-top: 0.75rem;
  }
}
.main__page__account__block .verify-container .document_upload .document_upload__body,
.main__page__account__block .verify-container .document_upload__list .document_upload__body {
  padding: 0 0.5rem 0.5rem;
}
.main__page__account__block .verify-container .document_upload .title,
.main__page__account__block .verify-container .document_upload__list .title {
  padding: 0.5rem;
  border-bottom: 1px solid lightgray;
  margin-bottom: 0.25rem;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  min-width: 100%;
}
.main__page__account__block .verify-container .verify.not-file {
  margin: 20px;
  text-align: center;
}
.main__page__account__block .verify-row {
  border-radius: 0.3rem;
  display: grid;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 0 4px;
  grid-template-columns: max-content 2fr 2fr 2fr;
  height: 72px;
  border: 3px solid transparent;
}
.main__page__account__block .verify-row > :first-child {
  margin-right: 30px;
}
@media (max-width: 767.98px) {
  .main__page__account__block .verify-row > :first-child {
    margin-right: 10px;
  }
}
.main__page__account__block .verify-row > :last-child {
  padding-right: 24px;
}
@media (max-width: 767.98px) {
  .main__page__account__block .verify-row > :last-child {
    padding-right: 0.5rem;
  }
}
.main__page__account__block .verify-row .label-date {
  font-size: 12px;
  font-weight: normal;
  max-width: 55px;
}
.main__page__account__block .verify-row .label-date span:last-child {
  display: block;
  margin-top: 4px;
}
.main__page__account__block .verify-row .label-type-doc {
  font-size: 14px;
  font-weight: 600;
  text-transform: lowercase;
}
.main__page__account__block .verify-row .label-type-doc:first-line {
  text-transform: capitalize;
}
.main__page__account__block .verify-row .verify-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 100%;
  border-radius: 0.3rem;
}
@media (max-width: 767.98px) {
  .main__page__account__block .verify-row .verify-image {
    width: 64px;
  }
}
.main__page__account__block .verify-row .verify-image span {
  font-size: 50px;
  line-height: 0;
}
.main__page__account__block .verify-row .tooltip-message {
  padding: 6px 12px;
}
.main__page__account__block .verify-row .tooltip-message span {
  font-weight: normal;
}
.main__page__account__block .verify-row.error {
  border: 3px solid rgb(220, 50, 70);
}
.main__page__account__block .verify {
  display: flex;
  justify-content: center;
  border-radius: 0.3rem;
  flex-direction: column;
}
.main__page__account__block .verify.not-file {
  height: 70px;
}
.main__page__account__block .verify .uploaded-list-title {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 18px;
}
.main__page__account .verify-status {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  height: 100%;
}
.main__page__account .verify-status .status-label + .description-tooltip {
  margin-left: 6px;
}

:root[theme=dark] .modal__content {
  background: rgb(41, 41, 41);
}
:root[theme=light] .modal__content {
  background: #ffffff;
}

.modal__backdrop {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 9999997;
  background-color: rgba(5, 6, 11, 0.4);
  backdrop-filter: blur(4px) brightness(80%);
}
.modal__container {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 9999998;
  overflow: hidden;
  padding: 1.75rem 1rem;
}
.modal__container--scrollable {
  overflow: auto;
}
.modal__container > .icon__close__wrapper {
  display: none;
  padding: 0.5rem;
  border-radius: 50%;
  position: absolute;
}
.modal__container > .icon__close__wrapper .icon__close {
  position: static;
}
.modal__content {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .modal__content {
    width: 23rem;
    max-width: 900px;
  }
}
.modal__content {
  margin: 0 auto;
  z-index: 9999999;
  box-shadow: 0 5px 15px 0 #000;
  border-radius: 0;
}
.modal .icon__close {
  height: 16px;
  width: 16px;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 25px;
  opacity: 0.4;
  cursor: pointer;
}
.modal .icon__close:before {
  content: "G";
  display: inline-block;
  font-family: "[aKira] icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal .icon__close:hover {
  opacity: 0.7;
}
.modal .static-loading {
  display: none;
}
.modal-broadcast .modal__container {
  background-color: rgba(5, 6, 11, 0.6);
  padding: 0.125rem;
  width: 33%;
  max-width: 900px;
  min-width: 300px;
  height: 40%;
  max-height: 400px;
  min-height: 200px;
  left: 10%;
}
.modal-broadcast .modal__container > .icon__close__wrapper {
  display: block;
  right: 0.5rem;
  top: 0.5rem;
}
.modal-broadcast iframe {
  border: 1px solid transparent;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  background-color: rgba(128, 128, 128, 0.5);
}

body:has(#modal-root .modal__backdrop) {
  position: fixed;
  width: 100%;
}

.popup {
  min-height: 180px;
  border-radius: 0;
}
.popup p {
  margin: auto;
}
.popup p + p {
  margin-top: 1rem;
}
.popup img[width="100%"] {
  display: block;
}
.popup.popup--empty .popup-close-btn {
  position: absolute;
  display: flex;
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  padding: 0;
}
.popup.popup--empty .popup-close-btn .icon__close {
  position: relative;
  display: block;
  margin: auto;
  right: auto;
  top: auto;
}
.popup.popup--empty img {
  max-width: 100%;
  height: auto;
}
.popup [class*=popup__] {
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.popup [class*=popup__].crypto {
  width: 400px;
}
.popup [class*=popup__].crypto .block__title {
  padding-bottom: 20px;
  border-bottom: 1px solid lightgray;
}
.popup [class*=popup__].crypto .block__content {
  padding-bottom: 8px;
}
.popup [class*=popup__].crypto .block__content .popup-link-container {
  margin: 10px auto;
}
.popup [class*=popup__].crypto .block__content .popup-link-container a {
  color: #d9ffac;
  text-decoration: none;
}
.popup [class*=popup__].crypto .block__content a {
  margin: 0 auto;
}
.popup [class*=popup__].crypto .block__content a.popup-link {
  margin: 10px auto;
  color: #d9ffac;
  cursor: pointer;
  text-decoration: none;
}
.popup [class*=popup__].crypto .block__content a.popup-link:hover {
  text-decoration: underline;
}
.popup [class*=popup__] .block {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.popup [class*=popup__] .block.bonus {
  background-color: var(--dt-light-3);
  width: 600px;
  max-width: 95vw;
  min-height: 400px;
}
.popup [class*=popup__] .block.bonus .block__title {
  justify-content: center;
}
.popup [class*=popup__] .block.error__list {
  max-width: 300px;
}
.popup [class*=popup__] .block.theme {
  padding: 18px 100px;
}
.popup [class*=popup__] .block__subTitle {
  width: 100%;
  text-align: center;
  margin-bottom: 52px;
  color: var(--tColor);
  font-size: 16px;
  font-weight: bold;
}
.popup [class*=popup__] .block__themeBlock {
  margin-bottom: 40px;
}
.popup [class*=popup__] .block__themeBlock__element {
  width: 186px;
}
.popup [class*=popup__] .block__themeBlock__element.light {
  margin-right: 30px;
}
.popup [class*=popup__] .block__themeBlock__element .wrapperBlock {
  width: 186px;
  border-radius: 4px;
  border: solid 1px #7d8193;
  background-color: var(--dt-txt-6);
  margin-bottom: 20px;
}
.popup [class*=popup__] .block__themeBlock__element .wrapperBlock:not(.active) {
  cursor: pointer;
}
.popup [class*=popup__] .block__themeBlock__element .wrapperBlock img {
  max-width: 100%;
  width: 100%;
  padding: 22px;
}
.popup [class*=popup__] .block__themeBlock__element .wrapperBlock.active, .popup [class*=popup__] .block__themeBlock__element .wrapperBlock:hover {
  border: solid 1px #891d5e;
}
.popup [class*=popup__] .block__themeBlock__element .wrapperText {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.popup [class*=popup__] .block__title {
  flex: none;
  height: auto;
  display: flex;
  align-items: center;
  padding: 14px 14px 14px 20px;
  font-size: 16px;
  position: relative;
  border-bottom: 1px solid lightgray;
}
.popup [class*=popup__] .block__title > div span {
  color: var(--titleColor);
  font-size: 20px;
  position: relative;
  white-space: nowrap;
}
.popup [class*=popup__] .block__title > div .icon-container.success {
  color: #85d795;
  font-size: 12px;
}
.popup [class*=popup__] .block__title > div .icon-container.error {
  color: #ac4058;
  font-size: 12px;
  font-weight: bold;
}
.popup [class*=popup__] .block__title > div .icon-container.info {
  color: #ecd67b;
  font-size: 12px;
  font-weight: bold;
}
.popup [class*=popup__] .block__title > div a {
  margin: 0 0 0 20px;
  font-size: 15px;
  border-bottom: 1px dotted currentColor;
  color: var(--basic-link-txt-color);
}
.popup [class*=popup__] .block__title .icon__close {
  right: 20px;
  top: 16px;
}
.popup [class*=popup__] .block__content {
  padding: 15px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.popup [class*=popup__] .block__content.selfExclusion a {
  display: inline-block;
  margin: 0;
  font-size: inherit;
  padding: 0 0.25rem;
}
.popup [class*=popup__] .block__content .bonus {
  max-height: 430px;
  overflow-y: auto;
}
.popup [class*=popup__] .block__content .bonus .bonusBlock {
  height: 82px;
  border-radius: 12px;
  box-shadow: 0 6px 12px 0 rgba(20, 21, 31, 0.14);
  background-image: linear-gradient(103deg, var(--dt-light-5), var(--dt-light-4) 100%);
  margin-bottom: 12px;
  overflow: hidden;
}
.popup [class*=popup__] .block__content .bonus .bonusBlock__logo {
  flex: none;
  background-color: cv(dt-light-5);
  background-image: url(/static/assets/images/pngfuel.com.png);
  background-size: contain;
  background-position: center;
  width: 85px;
  height: 100%;
}
.popup [class*=popup__] .block__content .bonus .bonusBlock__content {
  font-size: 14px;
  color: var(--dt-txt-5);
  padding: 8px 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.popup [class*=popup__] .block__content .bonus .bonusBlock__content__top {
  width: 100%;
  height: 42px;
}
.popup [class*=popup__] .block__content .bonus .bonusBlock__content__top .description {
  flex: 1;
  height: 100%;
}
.popup [class*=popup__] .block__content .bonus .bonusBlock__content__bottom {
  font-size: 12px;
  flex: 1;
}
.popup [class*=popup__] .block__content .bonus .bonusBlock__content__bottom .bonusGroup {
  color: cv(dt-txt-4);
  margin-right: 8px;
}
.popup [class*=popup__] .block__content .bonus .bonusBlock__content__bottom .bonusGroup:last-child {
  margin-right: 0;
  margin-left: auto;
}
.popup [class*=popup__] .block__content .bonus .bonusBlock__content__bottom .bonusGroup .amount {
  padding-left: 8px;
  color: cv(dt-txt-6);
}
.popup [class*=popup__] .block__content .messages {
  max-width: 400px;
  text-align: center;
  font-size: 12px;
}
.popup [class*=popup__] .block__content .messages .link {
  color: var(--basic-link-txt-color);
  border-bottom: 1px solid transparent;
}
.popup [class*=popup__] .block__content .messages .link:hover {
  border-color: var(--partnerButtonBg);
  cursor: pointer;
}
.popup [class*=popup__] .block__content__form .row {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup [class*=popup__] .block__content__form .row a {
  display: inline-block;
  margin: 3px 0 0;
  color: var(--globalColor1);
  text-decoration: none;
  font-size: 13px;
}
.popup [class*=popup__] .block__content__form .row a:hover {
  color: #333;
  text-decoration: underline;
}
.popup [class*=popup__] .block__content .cashout_amount {
  margin-top: 4px;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: var(-uiTitleColor);
}
.popup [class*=popup__] .block__content .group-button {
  display: grid;
  grid-auto-columns: 1fr;
  justify-content: normal;
  padding: 0;
  margin-top: 44px;
}
.popup [class*=popup__] .block__content .group-button .bCancel {
  border-radius: 0.3rem 0 0 0.3rem;
}
.popup [class*=popup__] .block__content .group-button:not(.has-ok) .bCancel {
  border-radius: 0.3rem;
}
.popup [class*=popup__] .block__content .group-button .bBase {
  border-radius: 0 0.3rem 0.3rem 0;
}
.popup [class*=popup__] .block__content .group-button:not(.has-cancel) .bBase {
  border-radius: 0.3rem;
}
.popup [class*=popup__] .block__content .group-button button {
  grid-row: 1;
  border-radius: 0.3rem;
}
.popup [class*=popup__] .block__footer {
  padding: 1rem;
  border-top: 1px solid lightgray;
}
.popup [class*=popup__] .logoBg {
  width: 300px;
  background-color: cv(dt-txt-4);
}
.popup [class*=popup__] .logoBg .image {
  width: 100%;
  height: 100%;
}
.popup .icon-container {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 10px;
}
.popup .icon-container.success {
  border: 2px solid #85d795;
}
.popup .icon-container.error {
  border: 2px solid #ac4058;
}
.popup .icon-container.info {
  border: 2px solid #ecd67b;
}

.user-info-container {
  display: block;
  padding: 18px 22px;
  background: var(--dt-light-2);
  border-radius: 0.3rem;
  margin: 8px 0 20px;
}
.user-info-container > div {
  display: flex;
}
.user-info-container > div:not(:last-child) {
  margin-bottom: 20px;
}
.user-info-container span {
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
}
.user-info-container .title {
  color: var(--dt-txt-4);
  text-align: right;
  margin-right: 12px;
  min-width: 60px;
  width: auto;
}
.user-info-container .sub-title {
  color: var(--dt-txt-6);
}

.crypto img {
  width: 156px;
  height: 156px;
  border-radius: 12px;
  margin: 10px auto 20px;
}
.crypto .popup-label-12 {
  padding: 0 30px;
}

.popup-label-container {
  margin: 10px auto 0;
}

.popup-label-14 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  text-align: center;
  color: var(--dt-txt-4);
}

.popup-label-12 {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  color: var(--dt-txt-5);
}

.popup-link-container,
.popup-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 12px;
  background-color: var(--dt-light-2);
  padding: 12px 26px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
}

:root[theme=dark] .auth-block-modal {
  background: rgb(41, 41, 41);
  color: #000000;
}
:root[theme=dark] .auth-block-modal .icon__close__wrapper {
  color: #dee2e6;
}
:root[theme=dark] .auth-block-modal .icon__close__wrapper:hover {
  background-color: rgba(222, 226, 230, 0.1);
}
:root[theme=dark] .steps-form-back-btn {
  color: #dee2e6;
}
:root[theme=light] .auth-block-modal {
  background: #ffffff;
  color: #000000;
}
:root[theme=light] .auth-block-modal .icon__close__wrapper {
  color: #343a40;
}
:root[theme=light] .auth-block-modal .icon__close__wrapper:hover {
  background-color: rgba(52, 58, 64, 0.1);
}
:root[theme=light] .steps-form-back-btn {
  color: #dee2e6;
}
:root[theme=light] .steps-form-back-btn:hover {
  color: #ffffff;
}

.auth-block-modal {
  overflow: hidden;
  border-radius: 0;
}
.auth-block-modal .header__logo {
  display: inline-block;
  width: 150px;
  height: 45px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 7px;
  position: absolute;
}
@media (min-width: 768px) {
  .auth-block-modal .header__logo {
    display: none;
  }
}
.auth-block-modal__top-block {
  display: flex;
  justify-content: end;
  width: 100%;
}
.auth-block-modal .icon__close {
  position: initial;
  height: 0.75rem;
  line-height: 0.75rem;
  width: 0.75rem;
  font-size: 0.75rem;
  cursor: pointer;
  opacity: 1;
  display: inline-block;
  transform: translateY(1px);
}
@media (max-width: 991.98px) {
  .auth-block-modal .icon__close {
    height: 1rem;
    line-height: 1rem;
    width: 1rem;
    font-size: 1rem;
  }
}
.auth-block-modal .icon__close__wrapper {
  position: absolute;
  z-index: 5;
  padding: 0.5rem;
  border-radius: 50%;
  right: 0.25rem;
  top: 0.25rem;
  opacity: 0.5;
  line-height: 0.75rem;
}
@media (max-width: 991.98px) {
  .auth-block-modal .icon__close__wrapper {
    line-height: 1rem;
    right: 0.5rem;
    top: 0.5rem;
  }
}
.auth-block-modal .icon__close__wrapper:hover {
  opacity: 1;
  text-decoration: none;
}
.auth-block-modal .steps-form-back-btn {
  position: absolute;
  top: -2.2rem;
  left: 0.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
}
.auth-block-modal__container {
  position: relative;
}
.auth-block-modal__container__header {
  padding-bottom: 35px;
  margin: 0 -20px;
  color: var(--titleColor);
}
.auth-block-modal__container__header__title {
  padding: 0 20px 10px 20px;
  position: relative;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}
.auth-block-modal__container__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.auth-block-modal__form {
  position: relative;
  padding: 25px 20px;
  border-radius: 0.25rem;
}
.auth-block-modal .modal-banner--footer {
  padding: 0.25rem 0.5rem;
}
.auth-block-modal .email-verification {
  text-align: center;
}
.auth-block-modal .email-verification--error .auth-block-modal__container__header__title {
  color: rgb(220, 50, 70);
}
.auth-block-modal .email-verification--success .auth-block-modal__container__header__title {
  color: rgb(30, 230, 75);
}
.auth-block-modal .email-verification .icon {
  margin-right: 0.5rem;
}
.auth-block-modal .email-verification .AkIcon-check-icon {
  color: rgb(30, 230, 75);
}
.auth-block-modal .email-verification .AkrIcon-warning {
  color: rgb(220, 50, 70);
}
.auth-block-modal .email-verification .messages {
  margin-bottom: 1rem;
}

:root[theme=dark] .loader svg {
  stroke: #00f181;
}
:root[theme=light] .loader svg {
  stroke: #0082d5;
}

.loader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}
.loader svg {
  max-width: 100px;
  max-height: 100px;
  width: 100%;
  height: 100%;
}
.loader-sm svg {
  max-width: 1rem;
  max-height: 1rem;
  width: 1rem;
  height: 1rem;
}

.error-state {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.accordion-header {
  padding: 0.5rem;
  position: relative;
  display: flex;
}
.accordion-header .arrow {
  margin-right: 0.5rem;
}
.accordion-header .sub-title {
  display: block;
  margin-left: auto;
  margin-right: 1.7rem;
  line-height: 1;
}
.accordion-body {
  padding: 0.5rem;
}

.tabs-list {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-content: stretch;
  flex-direction: row;
  align-items: stretch;
}
.tabs-list .tab-list-item {
  position: relative;
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0.8;
}
.tabs-list .tab-list-item.active {
  opacity: 1;
}

.tabs-list--bonuses {
  position: sticky;
  top: 0;
}

:root {
  --scrollbar-hover-bg-color: initial;
}
:root[theme=dark] {
  --scrollbar-hover-bg-color: rgb(127, 127, 127);
}
:root[theme=dark] ::-webkit-scrollbar-thumb {
  background: rgb(101.5, 101.5, 101.5);
}
:root[theme=light] {
  --scrollbar-hover-bg-color: rgb(127, 127, 127);
}
:root[theme=light] ::-webkit-scrollbar-thumb {
  background: rgb(152.5, 152.5, 152.5);
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
@media (min-width: 1600px) {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: padding-box;
  background: var(--scrollbar-hover-bg-color);
}

::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
  background: var(--scrollbar-hover-bg-color) !important;
}

:root[theme=dark] .block:has(.ui__field[disabled]) .ui__title, :root[theme=dark] .block:has(.select.disabled) .ui__title {
  color: #6c757d;
}
:root[theme=dark] .block .ui__title {
  color: #000000;
}
:root[theme=dark] .block.error .ui__title {
  color: rgb(220, 50, 70);
}
:root[theme=dark] .block .ui__field,
:root[theme=dark] .block textarea.ui__field,
:root[theme=dark] .block input[type=text].ui__field,
:root[theme=dark] .block input[type=number].ui__field,
:root[theme=dark] .block input[type=password].ui__field,
:root[theme=dark] .block input[type=date].ui__field,
:root[theme=dark] .block select,
:root[theme=dark] .block .radio-select,
:root[theme=dark] .block .select,
:root[theme=dark] .block .react-select__control,
:root[theme=dark] .block .PhoneInputInput {
  color: #000000;
  background-color: #ffffff;
  border-color: #dee2e6;
  border-radius: 4px;
}
:root[theme=dark] .block .ui__field[disabled],
:root[theme=dark] .block textarea.ui__field[disabled],
:root[theme=dark] .block input[type=text].ui__field[disabled],
:root[theme=dark] .block input[type=number].ui__field[disabled],
:root[theme=dark] .block input[type=password].ui__field[disabled],
:root[theme=dark] .block input[type=date].ui__field[disabled],
:root[theme=dark] .block select[disabled],
:root[theme=dark] .block .radio-select[disabled],
:root[theme=dark] .block .select[disabled],
:root[theme=dark] .block .react-select__control[disabled],
:root[theme=dark] .block .PhoneInputInput[disabled] {
  background-color: var(--inputAutofillBg);
  cursor: not-allowed;
  color: #6c757d;
}
:root[theme=dark] .block .ui__field[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block textarea.ui__field[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block input[type=text].ui__field[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block input[type=number].ui__field[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block input[type=password].ui__field[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block input[type=date].ui__field[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block select[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block .radio-select[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block .select[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block .react-select__control[disabled] + .input-action-button-group .icon,
:root[theme=dark] .block .PhoneInputInput[disabled] + .input-action-button-group .icon {
  cursor: not-allowed;
  color: #6c757d;
}
:root[theme=dark] .block textarea.ui__field {
  min-height: 8rem;
  height: auto;
  field-sizing: content;
}
:root[theme=dark] .block .react-select__control,
:root[theme=dark] .block .react-select__control:hover,
:root[theme=dark] .block .react-select__control:focus {
  box-shadow: none;
}
:root[theme=dark] .block .react-select__input-container,
:root[theme=dark] .block .react-select__input {
  color: #000000;
}
:root[theme=dark] .block .select-value.placeholder:after {
  color: #000000;
}
:root[theme=dark] .form-limits-edit input[type=checkbox] {
  border-color: #ffffff;
}
:root[theme=dark] .signup__form__top__check .registrationCheck label .link:hover {
  color: #00f181;
}
:root[theme=light]:has(.ui__field[disabled]) .ui__title, :root[theme=light]:has(.select.disabled) .ui__title {
  color: #6c757d;
}
:root[theme=light] .block .ui__title {
  color: #000000;
}
:root[theme=light] .block.error .ui__title {
  color: rgb(220, 50, 70);
}
:root[theme=light] .block .ui__field,
:root[theme=light] .block input[type=text].ui__field,
:root[theme=light] .block input[type=number].ui__field,
:root[theme=light] .block input[type=password].ui__field,
:root[theme=light] .block input[type=date].ui__field,
:root[theme=light] .block select,
:root[theme=light] .block .radio-select,
:root[theme=light] .block .select,
:root[theme=light] .block .react-select__control,
:root[theme=light] .block .PhoneInputInput {
  color: #000000;
  background-color: rgba(199, 198, 241, 0.3607843137);
  border-color: rgb(41, 41, 41);
  border-radius: 4px;
}
:root[theme=light] .block .ui__field[disabled],
:root[theme=light] .block input[type=text].ui__field[disabled],
:root[theme=light] .block input[type=number].ui__field[disabled],
:root[theme=light] .block input[type=password].ui__field[disabled],
:root[theme=light] .block input[type=date].ui__field[disabled],
:root[theme=light] .block select[disabled],
:root[theme=light] .block .radio-select[disabled],
:root[theme=light] .block .select[disabled],
:root[theme=light] .block .react-select__control[disabled],
:root[theme=light] .block .PhoneInputInput[disabled] {
  background-color: var(--inputAutofillBg);
  cursor: not-allowed;
  color: #6c757d;
}
:root[theme=light] .block .ui__field[disabled] + .input-action-button-group .icon,
:root[theme=light] .block input[type=text].ui__field[disabled] + .input-action-button-group .icon,
:root[theme=light] .block input[type=number].ui__field[disabled] + .input-action-button-group .icon,
:root[theme=light] .block input[type=password].ui__field[disabled] + .input-action-button-group .icon,
:root[theme=light] .block input[type=date].ui__field[disabled] + .input-action-button-group .icon,
:root[theme=light] .block select[disabled] + .input-action-button-group .icon,
:root[theme=light] .block .radio-select[disabled] + .input-action-button-group .icon,
:root[theme=light] .block .select[disabled] + .input-action-button-group .icon,
:root[theme=light] .block .react-select__control[disabled] + .input-action-button-group .icon,
:root[theme=light] .block .PhoneInputInput[disabled] + .input-action-button-group .icon {
  cursor: not-allowed;
  color: #6c757d;
}
:root[theme=light] .block textarea.ui__field {
  min-height: 8rem;
  height: auto;
  field-sizing: content;
}
:root[theme=light] .block .react-select__control,
:root[theme=light] .block .react-select__control:hover,
:root[theme=light] .block .react-select__control:focus {
  box-shadow: none;
}
:root[theme=light] .block .react-select__input-container,
:root[theme=light] .block .react-select__input {
  color: #000000;
}
:root[theme=light] .block .select-value.placeholder:after {
  color: #000000;
}
:root[theme=light] .form-limits-edit input[type=checkbox] {
  border-color: #000000;
}
:root[theme=light] .signup__form__top__check .registrationCheck label .link:hover {
  color: #00f181;
}

.row:has(.block__btn) {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.row:has(.block__btn) .block.block--input-select {
  margin-bottom: 0;
}
.row:has(.block__btn) .block__btn {
  cursor: pointer;
  transform: translateY(-50%);
  margin-left: 0.5rem;
}

.radio-select {
  padding-top: 0.25rem;
}
.radio-select .radio-select-label {
  position: relative;
  padding-bottom: 0.25rem;
  top: 0;
  transform: unset;
}
.radio-select .radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 0.25rem;
}
.radio-select .radio .radio-input {
  margin-bottom: 1px;
}
.radio-select .radio .radio-label {
  padding-left: 0.5rem;
}

.block {
  position: relative;
  width: 100%;
}
.block.block__bGroup {
  display: flex;
  margin-top: auto;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.block.block__bGroup button {
  width: 40%;
  max-width: 150px;
  min-width: 100px;
}
.block.block__bGroup button:first-child {
  border-radius: 0.3rem 0 0 0.3rem;
}
.block.block__bGroup button:last-child {
  border-radius: 0 0.3rem 0.3rem 0;
}
.block.block__bGroup button:only-child {
  border-radius: 0.3rem;
  width: auto;
  max-width: none;
}
.block.block__bGroup a {
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 1.5rem;
  color: #0077cc;
}
@media (max-width: 767.98px) {
  .block {
    margin-bottom: 1rem;
  }
}
.block .ui__title {
  position: absolute;
  display: flex;
  align-items: center;
  height: 1rem;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1rem;
  pointer-events: none;
  transform: translate(1rem, 1rem) scale(1);
  transition: color 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.block .ui__title.radio-select-label {
  position: relative;
  transform: unset;
}
.block .row:after {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  bottom: 0;
  content: " ";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  z-index: 5;
}
.block.active .row:after {
  transform: scaleX(1);
}
.block.error .row:after {
  border-color: rgb(220, 50, 70);
}
.block.has-value .ui__title, .block.active .ui__title, .block.date .ui__title, .block.block--input-select .ui__title, .block.block--phone .ui__title, .block.block--input-money--mobile .ui__title {
  font-size: 10px;
  line-height: 12px;
  top: -8px;
}
.block.block--phone .PhoneInputCountry {
  display: none;
}
.block.block--phone .international .ui__title {
  left: 2.5rem;
}
.block.block--phone .international .PhoneInputCountry {
  display: block;
}
.block.block--phone::after {
  content: "";
  display: block;
  clear: both;
}
.block__wrap {
  position: relative;
  margin-bottom: 1.8rem;
}
.block__wrap .ui__field,
.block__wrap input[type=text].ui__field,
.block__wrap input[type=number].ui__field,
.block__wrap input[type=password].ui__field,
.block__wrap input[type=date].ui__field,
.block__wrap select,
.block__wrap .select-value,
.block__wrap .PhoneInputInput {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
  height: 3rem;
  padding: 1.5rem 1rem 0.5rem;
  margin: 0;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: inherit;
  line-height: 1rem;
  outline: 0;
  border: 1px solid transparent;
  border-radius: 4px;
}
.block__wrap .ui__field:not([disabled]).error,
.block__wrap input[type=text].ui__field:not([disabled]).error,
.block__wrap input[type=number].ui__field:not([disabled]).error,
.block__wrap input[type=password].ui__field:not([disabled]).error,
.block__wrap input[type=date].ui__field:not([disabled]).error,
.block__wrap select:not([disabled]).error,
.block__wrap .select-value:not([disabled]).error,
.block__wrap .PhoneInputInput:not([disabled]).error {
  border-color: rgb(220, 50, 70);
}
.block__wrap .ui__field:not([disabled]).error:focus,
.block__wrap input[type=text].ui__field:not([disabled]).error:focus,
.block__wrap input[type=number].ui__field:not([disabled]).error:focus,
.block__wrap input[type=password].ui__field:not([disabled]).error:focus,
.block__wrap input[type=date].ui__field:not([disabled]).error:focus,
.block__wrap select:not([disabled]).error:focus,
.block__wrap .select-value:not([disabled]).error:focus,
.block__wrap .PhoneInputInput:not([disabled]).error:focus {
  border-color: rgb(220, 50, 70);
}
.block__wrap .ui__field:not([disabled]).success,
.block__wrap input[type=text].ui__field:not([disabled]).success,
.block__wrap input[type=number].ui__field:not([disabled]).success,
.block__wrap input[type=password].ui__field:not([disabled]).success,
.block__wrap input[type=date].ui__field:not([disabled]).success,
.block__wrap select:not([disabled]).success,
.block__wrap .select-value:not([disabled]).success,
.block__wrap .PhoneInputInput:not([disabled]).success {
  border-color: rgb(30, 230, 75);
}
.block__wrap .ui__field[readonly],
.block__wrap input[type=text].ui__field[readonly],
.block__wrap input[type=number].ui__field[readonly],
.block__wrap input[type=password].ui__field[readonly],
.block__wrap input[type=date].ui__field[readonly],
.block__wrap select[readonly],
.block__wrap .select-value[readonly],
.block__wrap .PhoneInputInput[readonly] {
  border-color: #f3f3f3;
  border-bottom: 1px solid #eaeaea;
  color: #7b7b7b;
  background: var(--dt-light-3);
  cursor: default;
}
.block__wrap .ui__field[readonly]:focus, .block__wrap .ui__field[readonly]:not([disabled]),
.block__wrap input[type=text].ui__field[readonly]:focus,
.block__wrap input[type=text].ui__field[readonly]:not([disabled]),
.block__wrap input[type=number].ui__field[readonly]:focus,
.block__wrap input[type=number].ui__field[readonly]:not([disabled]),
.block__wrap input[type=password].ui__field[readonly]:focus,
.block__wrap input[type=password].ui__field[readonly]:not([disabled]),
.block__wrap input[type=date].ui__field[readonly]:focus,
.block__wrap input[type=date].ui__field[readonly]:not([disabled]),
.block__wrap select[readonly]:focus,
.block__wrap select[readonly]:not([disabled]),
.block__wrap .select-value[readonly]:focus,
.block__wrap .select-value[readonly]:not([disabled]),
.block__wrap .PhoneInputInput[readonly]:focus,
.block__wrap .PhoneInputInput[readonly]:not([disabled]) {
  box-shadow: none;
}
.block__wrap .ui__field.placeholder,
.block__wrap input[type=text].ui__field.placeholder,
.block__wrap input[type=number].ui__field.placeholder,
.block__wrap input[type=password].ui__field.placeholder,
.block__wrap input[type=date].ui__field.placeholder,
.block__wrap select.placeholder,
.block__wrap .select-value.placeholder,
.block__wrap .PhoneInputInput.placeholder {
  color: transparent;
  opacity: 0;
}
.block__wrap .ui__field:-moz-placeholder,
.block__wrap input[type=text].ui__field:-moz-placeholder,
.block__wrap input[type=number].ui__field:-moz-placeholder,
.block__wrap input[type=password].ui__field:-moz-placeholder,
.block__wrap input[type=date].ui__field:-moz-placeholder,
.block__wrap select:-moz-placeholder,
.block__wrap .select-value:-moz-placeholder,
.block__wrap .PhoneInputInput:-moz-placeholder {
  color: transparent;
  opacity: 0;
}
.block__wrap .ui__field::-moz-placeholder,
.block__wrap input[type=text].ui__field::-moz-placeholder,
.block__wrap input[type=number].ui__field::-moz-placeholder,
.block__wrap input[type=password].ui__field::-moz-placeholder,
.block__wrap input[type=date].ui__field::-moz-placeholder,
.block__wrap select::-moz-placeholder,
.block__wrap .select-value::-moz-placeholder,
.block__wrap .PhoneInputInput::-moz-placeholder {
  color: transparent;
  opacity: 0;
}
.block__wrap .ui__field:-ms-input-placeholder,
.block__wrap input[type=text].ui__field:-ms-input-placeholder,
.block__wrap input[type=number].ui__field:-ms-input-placeholder,
.block__wrap input[type=password].ui__field:-ms-input-placeholder,
.block__wrap input[type=date].ui__field:-ms-input-placeholder,
.block__wrap select:-ms-input-placeholder,
.block__wrap .select-value:-ms-input-placeholder,
.block__wrap .PhoneInputInput:-ms-input-placeholder {
  color: transparent;
  opacity: 0;
}
.block__wrap .ui__field::-webkit-input-placeholder,
.block__wrap input[type=text].ui__field::-webkit-input-placeholder,
.block__wrap input[type=number].ui__field::-webkit-input-placeholder,
.block__wrap input[type=password].ui__field::-webkit-input-placeholder,
.block__wrap input[type=date].ui__field::-webkit-input-placeholder,
.block__wrap select::-webkit-input-placeholder,
.block__wrap .select-value::-webkit-input-placeholder,
.block__wrap .PhoneInputInput::-webkit-input-placeholder {
  color: transparent;
  opacity: 0;
}
.block__wrap .PhoneInput.success .PhoneInputInput {
  border-color: rgb(30, 230, 75);
}
.block__wrap .PhoneInput.error .PhoneInputInput {
  border-color: rgb(220, 50, 70);
}
.block__wrap .select {
  position: relative;
  max-width: var(--labelWidth);
  border: 1px solid transparent;
  border-radius: 0;
}
.block__wrap .select .select-value {
  padding-right: 0;
}
.block__wrap .select .select-value.placeholder {
  color: transparent;
  opacity: 1;
}
.block__wrap .select .select-value.placeholder:after {
  color: #ffffff;
}
.block__wrap .select .select-value:after {
  position: absolute;
  right: 1.25rem;
  top: 1.5rem;
}
.block__wrap .select .select-options {
  top: calc(3rem + 1px);
}
.block__wrap .select.success:not(.disabled) {
  border-color: rgb(30, 230, 75);
}
.block__wrap .react-select__control {
  height: 3rem;
  background: transparent;
}
.block__wrap .react-select__input {
  color: inherit;
}
.block__wrap .react-select__value-container {
  padding-top: 1.125rem;
  padding-left: 0.75rem;
}
.block__wrap .react-select__value-container, .block__wrap .react-select__single-value {
  color: inherit;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: inherit;
  line-height: 1rem;
}
.block__wrap .react-select__indicator svg {
  height: 0.875rem;
}
.block__wrap .react-select__menu {
  z-index: 2;
  color: #212529;
  font-size: 0.9rem;
}
.block__wrap .react-select.success .react-select__control {
  border-color: rgb(30, 230, 75);
}
.block__wrap__label {
  position: relative;
  margin: 20px 0 0;
  display: none;
  text-align: left;
}
.block__wrap__label:first-child {
  margin: 0;
}
.block.action-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 991.98px) {
  .block.action-buttons {
    display: none;
  }
}
.block.action-buttons .btn {
  flex: 1;
}

.form-limits-edit .block__bGroup {
  margin-top: 1rem;
}

.signup__form__top__check {
  position: relative;
  clear: both;
}
.signup__form__top__check .registrationCheck {
  margin: 0 0 20px;
  white-space: nowrap;
  position: relative;
}
.signup__form__top__check .registrationCheck[disabled] {
  opacity: 0.3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.signup__form__top__check .registrationCheck:first-child {
  margin-top: 10px;
}
.signup__form__top__check .registrationCheck label {
  font-size: 0.8rem;
  line-height: 1.4;
  outline: none;
  display: inline-block;
  max-width: 94%;
  white-space: normal;
}
.signup__form__top__check .registrationCheck label .link {
  text-decoration: underline;
  font-weight: bolder;
  cursor: pointer;
}
.signup__form input[type=date].ui__field {
  display: block;
}
.signup__form .static p {
  margin: 0;
}
.signup__form .static img {
  max-width: 100%;
  height: auto;
}
.signup__form .static--empty + .signup__container__header__title, .signup__form .static-loading + .signup__container__header__title {
  margin-top: 0;
  padding-top: 0.75rem;
}
.signup__form__bottom {
  margin: 1rem auto 0.25rem;
  text-align: center;
  font-size: 0.8rem;
}
.signup__form__bottom .login-link {
  font-weight: bolder;
  margin-left: 0.5rem;
  text-decoration: underline;
}

.signup .b-row .b-col {
  max-width: 430px;
}
.signup .banner--aside {
  padding: 0.75rem 1.5rem;
  margin-bottom: 1rem;
}
.signup .static p {
  margin: 0;
}
.signup .static img {
  max-width: 100%;
  height: auto;
}

.ui__eye-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 12px;
  right: 4px;
  cursor: pointer;
}
.ui__eye-icon._visible:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tMjEtZXllLWhpZGRlbiI+PHBhdGggZD0iTTguMTA4Njk4OTEsMjAuODkxMzAxMSBDNC42MTcyMDgxNiwxOC44MzAxMTQ3IDMsMTYgMywxNiBDMywxNiA3LDkgMTYsOSBDMTcuMzA0NTEwNyw5IDE4LjUwMzk3NTIsOS4xNDcwNjQ2NiAxOS42MDE0Mzg4LDkuMzk4NTYxMjIgTDE2Ljg5ODY1MzEsMTIuMTAxMzQ2OSBDMTYuNjA5Nzg4NSwxMi4wMzUwMzQyIDE2LjMwODk4NTYsMTIgMTYsMTIgQzEzLjc5MDg2MDksMTIgMTIsMTMuNzkwODYwOSAxMiwxNiBDMTIsMTYuMzA4OTg1NiAxMi4wMzUwMzQyLDE2LjYwOTc4ODUgMTIuMTAxMzQ2OSwxNi44OTg2NTMxIEw4LjEwODY5ODkxLDIwLjg5MTMwMTEgTDguMTA4Njk4OTEsMjAuODkxMzAxMSBMOC4xMDg2OTg5MSwyMC44OTEzMDExIFogTTEyLjM5ODU2MSwyMi42MDE0MzkgQzEzLjQ5NjAyNDYsMjIuODUyOTM1NiAxNC42OTU0ODkyLDIzLjAwMDAwMDEgMTYsMjMgQzI1LDIyLjk5OTk5OSAyOSwxNiAyOSwxNiBDMjksMTYgMjcuMzgyNzkxOCwxMy4xNjk4ODU2IDIzLjg5MTMwMDgsMTEuMTA4Njk5MiBMMTkuODk4NjUzMSwxNS4xMDEzNDY5IEMxOS45NjQ5NjU4LDE1LjM5MDIxMTUgMjAsMTUuNjkxMDE0NCAyMCwxNiBDMjAsMTguMjA5MTM5MSAxOC4yMDkxMzkxLDIwIDE2LDIwIEMxNS42OTEwMTQ0LDIwIDE1LjM5MDIxMTUsMTkuOTY0OTY1OCAxNS4xMDEzNDY5LDE5Ljg5ODY1MzEgTDEyLjM5ODU2MSwyMi42MDE0MzkgTDEyLjM5ODU2MSwyMi42MDE0MzkgTDEyLjM5ODU2MSwyMi42MDE0MzkgWiBNMTksMTYgQzE5LjAwMDAwMDEsMTYuNzY3NzY2OSAxOC43MDcxMDY4LDE3LjUzNTUzMzkgMTguMTIxMzIwMywxOC4xMjEzMjAzIEMxNy41MzU1MzM5LDE4LjcwNzEwNjggMTYuNzY3NzY2OSwxOS4wMDAwMDAxIDE2LDE5IEwxOSwxNiBMMTksMTYgTDE5LDE2IFogTTE2LDEzIEMxNS4yMzIyMzMxLDEyLjk5OTk5OTkgMTQuNDY0NDY2MSwxMy4yOTI4OTMyIDEzLjg3ODY3OTcsMTMuODc4Njc5NyBDMTMuMjkyODkzMiwxNC40NjQ0NjYxIDEyLjk5OTk5OTksMTUuMjMyMjMzMSAxMywxNiBMMTYsMTMgTDE2LDEzIEwxNiwxMyBaIE0yNCw3IEw3LDI0IEw4LDI1IEwyNSw4IEwyNCw3IEwyNCw3IFoiIGlkPSJleWUtaGlkZGVuIi8+PC9nPjwvZz48L3N2Zz4=");
}
.ui__eye-icon:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tMjItZXllIj48cGF0aCBkPSJNMTcsOSBDOCw5IDQsMTYgNCwxNiBDNCwxNiA4LDIzLjAwMDAwMSAxNywyMyBDMjYsMjIuOTk5OTk5IDMwLDE2IDMwLDE2IEMzMCwxNiAyNiw5IDE3LDkgTDE3LDkgWiBNMTcsMjAgQzE5LjIwOTEzOTEsMjAgMjEsMTguMjA5MTM5MSAyMSwxNiBDMjEsMTMuNzkwODYwOSAxOS4yMDkxMzkxLDEyIDE3LDEyIEMxNC43OTA4NjA5LDEyIDEzLDEzLjc5MDg2MDkgMTMsMTYgQzEzLDE4LjIwOTEzOTEgMTQuNzkwODYwOSwyMCAxNywyMCBMMTcsMjAgWiBNMTcsMTkgQzE4LjY1Njg1NDMsMTkgMjAsMTcuNjU2ODU0MyAyMCwxNiBDMjAsMTQuMzQzMTQ1NyAxOC42NTY4NTQzLDEzIDE3LDEzIEMxNS4zNDMxNDU3LDEzIDE0LDE0LjM0MzE0NTcgMTQsMTYgQzE0LDE3LjY1Njg1NDMgMTUuMzQzMTQ1NywxOSAxNywxOSBMMTcsMTkgWiBNMTcsMTcgQzE3LjU1MjI4NDgsMTcgMTgsMTYuNTUyMjg0OCAxOCwxNiBDMTgsMTUuNDQ3NzE1MiAxNy41NTIyODQ4LDE1IDE3LDE1IEMxNi40NDc3MTUyLDE1IDE2LDE1LjQ0NzcxNTIgMTYsMTYgQzE2LDE2LjU1MjI4NDggMTYuNDQ3NzE1MiwxNyAxNywxNyBMMTcsMTcgWiIgaWQ9ImV5ZSIvPjwvZz48L2c+PC9zdmc+");
  display: block;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: contain;
}

input[type=date i]::-webkit-calendar-picker-indicator {
  background-color: var(--dt-txt-5);
  border-radius: 4px;
  opacity: 0.6;
  cursor: pointer;
  margin-bottom: 1rem;
}

.bBase {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.bBase[disabled], .bBase.disabled {
  color: var(--dt-txt-6);
  background-color: rgb(133.7553648069, 142.4849785408, 150.2446351931);
  cursor: not-allowed;
  opacity: 0.6;
}
.bBase[disabled]:hover, .bBase.disabled:hover {
  background-color: rgb(133.7553648069, 142.4849785408, 150.2446351931);
  cursor: not-allowed;
}
.bBase {
  background-color: #6c757d;
}
.bBase:hover {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
.bBase {
  border: none;
  border-radius: 0.3rem;
  padding: 0.75rem 1rem;
  font-size: 16px;
}
.bBase:hover {
  text-decoration: none;
}
.bBase {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  min-width: 144px;
  width: auto;
}

.bBasePrimary {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.bBasePrimary[disabled], .bBasePrimary.disabled {
  color: var(--dt-txt-6);
  background-color: rgb(51.5, 51.5, 51.5);
  cursor: not-allowed;
  opacity: 0.6;
}
.bBasePrimary[disabled]:hover, .bBasePrimary.disabled:hover {
  background-color: rgb(51.5, 51.5, 51.5);
  cursor: not-allowed;
}
.bBasePrimary {
  background-color: #1a1a1a;
}
.bBasePrimary:hover {
  background-color: rgb(0.5, 0.5, 0.5);
}
.bBasePrimary {
  border: none;
  border-radius: 0.3rem;
  padding: 0.75rem 1rem;
  font-size: 16px;
}
.bBasePrimary:hover {
  text-decoration: none;
}
.bBasePrimary {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  min-width: 144px;
  width: auto;
}

.bCancel {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.bCancel[disabled], .bCancel.disabled {
  color: var(--dt-txt-6);
  background-color: rgb(66.0550458716, 68.9908256881, 93.9449541284);
  cursor: not-allowed;
  opacity: 0.6;
}
.bCancel[disabled]:hover, .bCancel.disabled:hover {
  background-color: rgb(66.0550458716, 68.9908256881, 93.9449541284);
  cursor: not-allowed;
}
.bCancel {
  background-color: #2d2f40;
}
.bCancel:hover {
  background-color: rgb(23.9449541284, 25.0091743119, 34.0550458716);
}
.bCancel {
  border: none;
  border-radius: 0.3rem;
  padding: 0.75rem 1rem;
  font-size: 16px;
}
.bCancel:hover {
  text-decoration: none;
}
.bCancel {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  min-width: 144px;
  width: auto;
}

.editLink {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.editLink[disabled], .editLink.disabled {
  color: var(--dt-txt-6);
  background-color: rgb(66.0550458716, 68.9908256881, 93.9449541284);
  cursor: not-allowed;
  opacity: 0.6;
}
.editLink[disabled]:hover, .editLink.disabled:hover {
  background-color: rgb(66.0550458716, 68.9908256881, 93.9449541284);
  cursor: not-allowed;
}
.editLink {
  background-color: #2d2f40;
}
.editLink:hover {
  background-color: rgb(23.9449541284, 25.0091743119, 34.0550458716);
}
.editLink {
  border: none;
  border-radius: 0.3rem;
  padding: 0.75rem 1rem;
  font-size: 16px;
}
.editLink:hover {
  text-decoration: none;
}
.editLink {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
.editLink .icon {
  margin-right: 8px;
  font-size: 0.75rem;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.editLink.editLink--danger {
  background-color: rgb(220, 50, 70);
  color: #ffffff;
}
.editLink.editLink--danger:hover {
  background-color: rgb(187.0625, 31.9375, 50.1875);
}
.editLink {
  min-width: 144px;
  width: auto;
}

.signup-link {
  display: flex;
  justify-content: center;
  background: #2d2f40;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.875rem;
  width: 100%;
  padding: 1rem;
  border-radius: 0;
}
.signup-link:hover {
  background-color: rgb(23.9449541284, 25.0091743119, 34.0550458716);
}

button.isLoading:after {
  background-color: inherit;
}
button.isLoading:before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%) rotateZ(0deg);
  top: 50%;
  left: 50%;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  z-index: 99;
  border: 3px solid var(--elementsColor3);
  border-top-color: var(--oddsBlockColorSelected);
  opacity: 1;
  transition: opacity 0.3s;
  -webkit-animation: rotateZ 1s linear infinite;
  -o-animation: rotateZ 1s linear infinite;
  animation: rotateZ 1s linear infinite;
}

.error__list {
  float: left;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  padding: 0.25rem;
  margin-top: -1px;
  margin-bottom: 0;
}
.error__list li:only-child {
  flex-basis: 100%;
}
.error__list li {
  flex-basis: 50%;
  list-style: none;
  position: relative;
  padding-left: 0;
  margin-bottom: 4px;
  font-size: 12px;
  color: rgb(220, 50, 70);
  display: flex;
  align-items: center;
}
.error__list li:before {
  content: "";
  position: absolute;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/e/e9/Echo_curation_alt_check_mark.svg");
  left: 2px;
  width: 12px;
  height: 12px;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
}
.error__list li.errorBlock:before {
  content: "";
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/77/OOjs_UI_icon_close-ltr-destructive.svg");
  color: #d53a58;
}
.error__list.block--global-error .errorBlock:before {
  content: none;
}

.form-wrapper .form-wrapper__hints {
  padding: 1.25rem 0.25rem;
}
.form-wrapper .form-wrapper__footer {
  padding: 1.25rem 0.25rem;
}

.signin__form .block__bGroup,
.forgot-password__form .block__bGroup,
.reset-password__form .block__bGroup {
  justify-content: center;
}
.signin__form .block__bGroup button:only-child,
.forgot-password__form .block__bGroup button:only-child,
.reset-password__form .block__bGroup button:only-child {
  width: 100%;
  max-width: none;
}
.signin__form .form-wrapper__footer,
.forgot-password__form .form-wrapper__footer,
.reset-password__form .form-wrapper__footer {
  font-size: 1rem;
  text-align: center;
  padding-bottom: 0;
}

.signup__form {
  padding: 2rem 1.5rem 1rem;
}
.signup__form .signup__container__header__title {
  text-align: center;
  font-size: 1.25rem;
}

.password-input-validation {
  margin-top: -1rem;
}
.password-input-validation--with-error {
  margin-top: 0;
}
.password-input-validation ul {
  list-style-type: none;
  padding: 0;
}
.password-input-validation ul li {
  font-size: 0.8rem;
}
.password-input-validation ul li:before {
  content: "G";
  font-family: "[aKira] icons", serif;
  line-height: 1;
  margin-right: 0.5rem;
  width: 0.75rem;
  display: inline-block;
  text-align: center;
  font-size: 80%;
}
.password-input-validation ul li.validated {
  color: rgb(20.9, 188.1, 58.52);
}
.password-input-validation ul li.validated:before {
  content: "F";
  color: rgb(20.9, 188.1, 58.52);
  font-size: 0.75rem;
}

.signup-email-explanation {
  position: absolute;
  margin-top: -1.55rem;
  font-size: 0.7rem;
}

.block.error + .signup-email-explanation {
  display: none;
}

:root[theme=dark] .btn.btn-primary-outline {
  border-color: #00f181;
  color: #00f181;
}
:root[theme=dark] .btn.btn-primary-outline:hover, :root[theme=dark] .btn.btn-primary-outline:focus {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=light] .btn.btn-primary-outline {
  border-color: #00f181;
  color: #00f181;
}
:root[theme=light] .btn.btn-primary-outline:hover, :root[theme=light] .btn.btn-primary-outline:focus {
  background-color: #00f181;
  color: #ffffff;
}

.btn {
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.3rem;
  padding: 0.375rem 0.75rem;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  cursor: pointer;
}
.btn.btn-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.175rem 0.35rem;
}
.btn.btn-lg {
  font-size: 1.35rem;
  line-height: 1.5 !important;
  padding: 0.5rem 1rem;
}
.btn.btn-primary-outline {
  border: 1px solid transparent;
}

.header .header__account .account_dropdown__info .client_info {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 1rem;
}
.header .header__account .account_dropdown__info .client_info__picture {
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 1rem;
  background-image: url(/static/assets/images/myprofile.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.header .header__account .account_dropdown__info .client_info__avatar {
  height: 3.75rem;
  width: 3.75rem;
  object-fit: cover;
  border-radius: 50%;
}
.header .header__account .account_dropdown__info .client_info__block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.header .header__account .account_dropdown__info .client_info__block__name, .header .header__account .account_dropdown__info .client_info__block__id {
  color: rgb(0, 130, 213);
}
.header .header__account .account_dropdown__info .client_info__block__id {
  -webkit-user-select: text;
  user-select: text;
}
.header .header__account .account_dropdown__info .client_info__block__name {
  text-transform: capitalize;
  font-weight: bold;
}
.header .header__account .account_dropdown__info .client_info__block__name--first-name {
  display: inline-block;
  margin-right: 0.5rem;
}

:root[theme=dark] .header,
:root[theme=dark] .footer-mobile-nav {
  background-color: #1a1a1a;
  color: #ffffff;
  border-color: rgb(41, 41, 41);
}
:root[theme=dark] .verification-tooltip .verification-tooltiptext {
  background-color: #000000;
  color: #ffffff;
}
@media (max-width: 991.98px) {
  :root[theme=dark] .header .header__menu.header__menu--active {
    background-color: #1a1a1a;
    box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  }
}
:root[theme=dark] .header .header__back:hover {
  color: #ffffff;
}
:root[theme=dark] .header .header__menu__item {
  color: #ffffff;
}
:root[theme=dark] .header .header__menu__item.header__menu__item--logout {
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
:root[theme=dark] .header .header__menu__item:active, :root[theme=dark] .header .header__menu__item.active {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=dark] .header .header__menu__item:hover {
    color: #ffffff;
  }
}
:root[theme=dark] .header .lang__block:after,
:root[theme=dark] .header .account__current:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgb(127.5, 127.5, 127.5);
}
:root[theme=dark] .header .header__account .account__current .user_profile {
  background-image: url(/static/assets/images/ico-profile-dark.png);
  border-color: #ffffff;
}
@media (hover: hover) {
  :root[theme=dark] .header .header__account:hover {
    background-color: #121212;
  }
}
:root[theme=dark] .header .header__account .account_dropdown {
  background: #242424;
  color: #ffffff;
}
:root[theme=dark] .header .header__account__bet-bonus {
  color: #242424;
}
:root[theme=dark] .header .header__account__bet-bonus--counter {
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .header .header__account .account_dropdown__links a:hover {
    color: #00f181;
  }
}
:root[theme=dark] .header .header__account .account_dropdown__links .account-link--has-bonus {
  background-color: #ffd700;
  color: #695706;
}
:root[theme=dark] .header .header__account .account_dropdown__links .account-link--has-bonus:hover {
  background-color: #ffe766;
}
:root[theme=dark] .header .btn {
  color: #00f181;
  border-color: #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .header .btn:hover {
    color: #ffffff;
    border-color: #00f181;
    background-color: #00f181;
  }
}
:root[theme=dark] .header .btn.btn-registration {
  color: #ffffff;
  border-color: #00f181;
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .header .btn.btn-registration:hover {
    box-shadow: 0 0 15px #00f181;
  }
}
:root[theme=dark] .header .btn.btn-betslip, :root[theme=dark] .header .btn.buttonCancel, :root[theme=dark] .header .btn.buttonBet {
  color: #000000;
  border-color: #00f181;
  background-color: #00f181;
}
:root[theme=dark] .header .btn.btn-betslip-show {
  color: #000000;
  border-color: #00f181;
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .header .btn.btn-betslip-show:hover {
    color: #ffffff;
    border-color: #00f181;
    background-color: #00f181;
  }
}
@media (hover: hover) {
  :root[theme=dark] .header .btn.btn-betslip:hover, :root[theme=dark] .header .btn.buttonCancel:hover, :root[theme=dark] .header .btn.buttonBet:hover {
    background-color: rgb(0, 139, 74.4024896266);
  }
}
:root[theme=dark] .header .header__balance .text {
  color: #cccccc;
}
:root[theme=dark] .header .navbar-toggler .line {
  stroke: #ffffff;
}
@media (min-width: 1200px) {
  :root[theme=dark] .header .navbar-toggler:hover {
    background-color: #0082d5;
  }
  :root[theme=dark] .header .navbar-toggler:hover .line {
    stroke: #1a1a1a;
  }
}
:root[theme=dark] .header .header__info .header__account {
  background-color: #191c21;
}
@media (hover: hover) {
  :root[theme=dark] .header .header__info .header__account:hover {
    background-color: rgb(3.0172413793, 3.3793103448, 3.9827586207);
  }
}
:root[theme=dark] .header .header__info.header__info--has-bonus .header__account {
  position: relative;
}
:root[theme=dark] .header .header__info.header__info--has-bonus .header__account::before, :root[theme=dark] .header .header__info.header__info--has-bonus .header__account::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 4px + 4px);
  height: calc(100% + 4px + 4px);
  border-radius: 4px;
  background: linear-gradient(45deg, #998100, #fff7cc, #998100, #fff7cc, #998100);
  background-size: 300%;
  background-repeat: repeat;
  animation: border 5s linear infinite;
}
:root[theme=dark] .header .header__info.header__info--has-bonus .header__account::before {
  border: 1px solid #ffd700;
}
:root[theme=dark] .header .header__info.header__info--has-bonus .header__account::after {
  filter: blur(5px);
}
:root[theme=light] .header,
:root[theme=light] .footer-mobile-nav {
  background-color: #ffffff;
  color: rgb(127, 127, 127);
  border-color: rgb(215, 215, 215);
}
:root[theme=light] .verification-tooltip .verification-tooltiptext {
  background-color: #ffffff;
  color: #000000;
}
@media (max-width: 767.98px) {
  :root[theme=light] .header .header__menu.header__menu--active {
    background-color: #ffffff;
    box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  }
}
:root[theme=light] .header .header__menu__item {
  color: rgb(127, 127, 127);
}
:root[theme=light] .header .header__menu__item:active, :root[theme=light] .header .header__menu__item.active {
  color: #000000;
}
@media (hover: hover) {
  :root[theme=light] .header .header__menu__item:hover {
    color: #000000;
  }
}
:root[theme=light] .header .header__menu__item.header__menu__item--logout {
  background: transparent;
  border: 1px solid rgb(127, 127, 127);
  color: rgb(127, 127, 127);
}
:root[theme=light] .header .lang__block:after,
:root[theme=light] .header .account__current:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgb(127.5, 127.5, 127.5);
}
:root[theme=light] .header .btn {
  color: #00f181;
  border-color: #00f181;
}
@media (hover: hover) {
  :root[theme=light] .header .btn:hover {
    color: #ffffff;
    border-color: #00f181;
    background-color: #00f181;
  }
}
:root[theme=light] .header .btn.btn-registration {
  color: #ffffff;
  border-color: #00f181;
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=light] .header .btn.btn-registration:hover {
    box-shadow: 0 0 1rem #00f181;
  }
}
:root[theme=light] .header .btn.btn-betslip, :root[theme=light] .header .btn.buttonCancel, :root[theme=light] .header .btn.buttonBet {
  color: #ffffff;
  border-color: #00f181;
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=light] .header .btn.btn-betslip:hover, :root[theme=light] .header .btn.buttonCancel:hover, :root[theme=light] .header .btn.buttonBet:hover {
    background-color: rgb(0, 190, 101.7012448133);
  }
}
:root[theme=light] .header .btn.btn-betslip-show {
  color: #000000;
  border-color: #00c5ec;
  background-color: #00c5ec;
}
@media (hover: hover) {
  :root[theme=light] .header .btn.btn-betslip-show:hover {
    color: #ffffff;
    border-color: #00c5ec;
    background-color: #00c5ec;
  }
}
:root[theme=light] .header .btn.btn-my-bets {
  color: #000000;
  border-color: #00f181;
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=light] .header .btn.btn-my-bets:hover {
    color: #ffffff;
    border-color: #00f181;
    background-color: #00f181;
  }
}
:root[theme=light] .header .header__account .account__current .user_profile {
  background-image: url(/static/assets/images/ico-profile-light.png);
  border-color: rgb(127, 127, 127);
}
:root[theme=light] .header .header__account .account_dropdown {
  background: #ffffff;
  color: #242424;
}
:root[theme=light] .header .header__account__bet-bonus {
  color: #ffffff;
}
:root[theme=light] .header .header__account__bet-bonus--counter {
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=light] .header .header__account .account_dropdown__links a:hover {
    color: #00f181;
  }
}
:root[theme=light] .header .header__account .account_dropdown__links .account-link--has-bonus {
  background-color: #ffd700;
  color: #695706;
}
:root[theme=light] .header .header__account .account_dropdown__links .account-link--has-bonus:hover {
  background-color: #ffe766;
}
:root[theme=light] .header .header__balance .text {
  color: #b2b2b2;
}
:root[theme=light] .header .navbar-toggler .line {
  stroke: #000000;
}
@media (min-width: 1200px) {
  :root[theme=light] .header .navbar-toggler:hover {
    background-color: #0082d5;
  }
  :root[theme=light] .header .navbar-toggler:hover .line {
    stroke: #000000;
  }
}
:root[theme=light] .header .header__info .header__account {
  background-color: #d7d9da;
}
@media (hover: hover) {
  :root[theme=light] .header .header__info .header__account:hover {
    background-color: rgb(188.5064935065, 191.8311688312, 193.4935064935);
  }
}
:root[theme=light] .header .header__info.header__info--has-bonus .header__account {
  position: relative;
}
:root[theme=light] .header .header__info.header__info--has-bonus .header__account::before, :root[theme=light] .header .header__info.header__info--has-bonus .header__account::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 4px + 4px);
  height: calc(100% + 4px + 4px);
  border-radius: 4px;
  background: linear-gradient(45deg, #998100, #fff7cc, #998100, #fff7cc, #998100);
  background-size: 300%;
  background-repeat: repeat;
  animation: border 5s linear infinite;
}
:root[theme=light] .header .header__info.header__info--has-bonus .header__account::before {
  border: 1px solid #ffd700;
}
:root[theme=light] .header .header__info.header__info--has-bonus .header__account::after {
  filter: blur(5px);
}

.header__account__btn .account_dropdown__info__verification {
  margin-left: 0.5rem;
}
.header__account__btn .verification-symbol {
  background-size: cover;
  display: block;
  width: 20px;
  height: 20px;
}
.header__account__btn .verification-tooltip {
  position: relative;
  display: inline-block;
}
.header__account__btn .verification-tooltip .verification-tooltiptext {
  display: none;
  width: 120px;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  margin-top: 5px;
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .header__account__btn .verification-tooltip:hover .verification-tooltiptext {
    display: inline-block;
  }
}

.footer-mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 66px;
  padding-bottom: 10px;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  border-top: 1px solid transparent;
  z-index: 99;
}
.footer-mobile-nav .footer-mobile-nav__container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.5rem;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex: 1;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item {
  flex: 1;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item,
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex: 1;
  height: 55px;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item .icons,
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item a .icons {
  height: 4rem;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item:hover,
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item a:hover {
  text-decoration: none;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item.active,
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item a.active {
  font-weight: bold;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item .nav-title,
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item a .nav-title {
  line-height: 1rem;
  font-size: 0.675rem;
  color: #ffffff;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item .navbar-toggler,
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item a .navbar-toggler {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 55px;
  border: 0;
  padding: 5px;
  border-radius: 0;
  background: none;
  cursor: pointer;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item .navbar-toggler:hover,
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item a .navbar-toggler:hover {
  background: none;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item--promotions {
  display: none;
}
.footer-mobile-nav .footer-mobile-nav__container .nav_items .nav_item a {
  padding: 5px;
}

.header {
  position: sticky;
  width: 100%;
  height: 64px;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid transparent;
  z-index: 99;
}
.header.header--cordova-dev {
  border-top: 5px solid #c00 !important;
}
@media (max-width: 767.98px) {
  .header {
    height: 56px;
  }
  .header .header__logo {
    width: 125px;
    height: 40px;
    background-size: cover;
  }
}
.header .header__container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.5rem;
}
@media (max-width: 767.98px) {
  .header .header__container {
    padding: 0 0.5rem 0;
  }
}
.header .header__logo {
  display: inline-block;
  width: 100px;
  height: 30px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0.25rem 0;
}
.header .header__back {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin: 0.25rem;
  font-size: 1.5rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  .header .header__back {
    display: none;
  }
}
.header .header__menu {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: stretch;
  align-content: center;
  margin: 0 auto 0 0;
  padding: 0;
  font-size: 1.25rem;
}
@media (max-width: 767.98px) {
  .header .header__menu {
    height: calc(100% - 56px - 56px);
  }
}
.header .header__menu__item {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 0.1rem;
}
.header .header__menu__item:hover {
  text-decoration: none;
}
.header .navbar-toggler {
  height: 45px;
  width: 45px;
  border: 0;
  padding: 0;
  border-radius: 100%;
  background-color: transparent;
  cursor: pointer;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .header .navbar-toggler {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
  }
}
@media (max-width: 767.98px) {
  .header .navbar-toggler {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header .navbar-toggler:hover {
    background-color: #ffffff;
  }
  .header .navbar-toggler:hover .line {
    stroke: #000000;
  }
}
.header .navbar-toggler .line {
  fill: none;
  stroke: #ffffff;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.header .navbar-toggler .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.header .navbar-toggler .line2 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.header .navbar-toggler:not(.navbar-toggler--collapsed) .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.header .navbar-toggler:not(.navbar-toggler--collapsed) .line2 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.header .header__lang {
  --flagSize: 12px;
  position: relative;
  cursor: pointer;
  margin-right: 1.5rem;
}
.header .header__lang .lang__dropdown {
  left: auto;
  right: 0;
  top: 24px;
}
.header .header__lang .lang__block {
  position: relative;
  margin: 0 0.15rem;
}
.header .header__lang .lang__block:after {
  right: -16px;
  top: 7px;
}
.header .header__lang .lang__block .lang-flag {
  display: inline-block;
  margin-right: 0.5rem;
  border-radius: 2px;
}
.header .header__time {
  margin-right: 1rem;
}
.header .header__info {
  display: flex;
  justify-content: flex-end;
  margin: auto 0.25rem;
}
.header .header__info .btn-group {
  display: contents;
}
.header .btn {
  margin-left: 0.25rem;
  line-height: 1.125;
}
.header .btn:hover {
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .header .header__info {
    margin-left: auto;
  }
}
.header .header__balance {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  margin-left: 0.5rem;
  font-size: 0.8rem;
  line-height: 1.25;
  color: inherit;
}
.header .header__balance .balance__bonus {
  margin-top: 4px;
}
.header .header__balance .balance__main .amount {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
}
.header .header__balance .text {
  margin-right: 0.25rem;
}
.header .mobile-balance {
  display: none;
}
@media (max-width: 767.98px) {
  .header .mobile-balance {
    display: flex;
    margin-left: auto;
  }
  .header .mobile-balance .header__balance {
    font-size: 0.75rem;
    padding: 0.25rem 0.35rem;
    max-width: 125px;
    margin-left: auto;
    border-radius: 1rem;
  }
}
.header .header__account {
  position: relative;
  display: flex;
  width: max-content;
  padding: 0.5rem 0;
  border-radius: 0.25rem;
  transition: 0.2s;
}
.header .header__account:hover .account__current:after {
  border-top-color: #ffffff;
}
.header .header__account__btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header .header__account__bet-bonus {
  line-height: 1rem;
  color: #242424;
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
}
.header .header__account__bet-bonus--counter {
  background-color: #00f181;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0 0.375rem;
  margin-left: 0.25rem;
}
.header .header__account .account__current {
  position: relative;
  padding-right: 1.5rem;
  margin-left: 0.5rem;
}
.header .header__account .account__current:after {
  top: 8px;
  right: 0.5rem;
  border-top-color: #c0c5cb;
}
.header .header__account .account__current .user_profile {
  height: 1.25rem;
  width: 1.25rem;
  border: 1px solid transparent;
  border-radius: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.header .header__account .account_dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  cursor: default;
  top: 55px;
  right: 0;
  left: auto;
  width: 300px;
  border-radius: 0 0 0.2rem 0.2rem;
  overflow: hidden;
  transition: max-height 0.5s ease;
  max-height: calc(100vh - 64px - 1rem);
}
.header .header__account .account_dropdown:after {
  right: 2rem;
}
.header .header__account .account_dropdown--mobile {
  position: fixed;
  left: 0;
  width: 100%;
}
.header .header__account .account_dropdown--expanded {
  max-height: 530px;
}
.header .header__account .account_dropdown__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.header .header__account .account_dropdown__header a {
  cursor: pointer;
}
.header .header__account .account_dropdown__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  font-size: 0.875rem;
}
.header .header__account .account_dropdown__info__verification {
  text-transform: capitalize;
  font-weight: bold;
  color: var(--alert-color);
}
.header .header__account .account_dropdown__info__verification.account__verified {
  color: #00f181;
}
.header .header__account .account_dropdown__bonuses {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 1rem;
  padding-bottom: 0.5rem;
}
.header .header__account .account_dropdown__bonuses .icons {
  width: 2.5rem;
  height: 2.5rem;
  /*&.icon--odds_boost-black {
    width: 3rem;
    height: 3rem;
  }*/
}
.header .header__account .account_dropdown__bonuses .bet-bonus--icon {
  transition: 0.2s;
  position: relative;
  padding: 0.5rem;
  margin: 0 auto 1rem auto;
  border-radius: 0.5rem;
  background-color: rgb(0, 179.8, 96.2414937759);
  line-height: 0;
}
.header .header__account .account_dropdown__bonuses .bet-bonus--icon .bet-bonus--counter {
  line-height: 1rem;
  right: 0.25rem;
}
.header .header__account .account_dropdown__bonuses .bet-bonus--link {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  font-weight: 500;
  flex: 1;
  align-items: center;
}
.header .header__account .account_dropdown__bonuses .bet-bonus--link > span {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}
.header .header__account .account_dropdown__bonuses .bet-bonus--link:hover .bet-bonus--icon {
  background-color: #00f181;
}
.header .header__account .account_dropdown__bonuses .bet-bonus--link--all {
  margin-top: -0.5rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: bold;
  gap: 1rem;
}
.header .header__account .account_dropdown__links {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0;
}
.header .header__account .account_dropdown__links a {
  display: flex;
  padding: 0.4rem 1rem;
  transition: 0.2s;
  text-decoration: none;
}
.header .header__account .account_dropdown__links .account-link .icons {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
}
.header .header__account .account_dropdown__links .account-link .AIcon-angle-right {
  display: none;
}
.header .header__account .account_dropdown__payments a {
  position: relative;
}
.header .header__account .account_dropdown__payments .withdrawal-pending-badge {
  position: absolute;
  right: -6px;
  bottom: -6px;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.5rem;
  padding: 0.125rem;
}
.header .header__account .account_dropdown__payments .withdrawal-pending-badge .icons {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
}
.header .header__account .account_dropdown > div {
  border-bottom: 1px solid #adb5bd;
}
.header .header__account .account_dropdown > div:last-child {
  border-bottom: none;
}
.header .btn-mobile-menu {
  display: block;
  height: 2.75rem;
  padding: 0.25rem;
  font-size: 0.875rem;
}
.header .btn-deposit,
.header .header__lang,
.header .header__time {
  display: none;
}
.header .header__menu {
  display: none;
}
.header .header__menu .free-bet-bonus--icon {
  display: none;
}
.header .header__menu__items {
  display: none;
}
.header .header__menu .header__menu__item.header__menu__item--logout, .header .header__menu .header__menu__item.header__menu__item--close {
  display: none;
}
.header .header__menu__title {
  display: none;
  background-color: #00f181;
  padding: 0.25rem 0.375rem;
  font-size: 0.875rem;
  color: black;
}
@media (max-width: 767.98px) {
  .header .header__menu__title {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .header .header__menu__items {
    display: block;
  }
  .header .header__menu.header__menu {
    position: fixed;
    width: 310px;
    top: 56px;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    background-color: #292929;
    z-index: 40;
    padding-bottom: 0.5rem;
    overflow: hidden;
  }
  .header .header__menu.header__menu .header__menu__scrollable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 2rem 0;
  }
  .header .header__menu.header__menu .header__menu__item {
    font-size: 1rem;
    padding: 0.625rem 0.5rem 0.625rem 1.1rem;
    letter-spacing: 1px;
  }
  .header .header__menu.header__menu .header__balance {
    display: none;
  }
  .header .header__menu.header__menu .header__menu__item.header__menu__item--btn {
    display: block;
    margin: 0.5rem 0.5rem 1rem 1rem;
    padding: 0.75rem;
  }
  .header .header__menu.header__menu .header__menu__item.header__menu__item--close {
    position: absolute;
    top: 0px;
    right: 8px;
    padding: 0.5rem;
    margin: 0;
    border: 0;
    background: transparent;
  }
  .header .header__menu.header__menu .header__menu__item.header__menu__item--close:before {
    content: "G";
    display: inline-block;
    font-family: "[aKira] icons", serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .header .header__menu .btn-group--auth {
    display: flex;
    padding: 1rem;
  }
  .header .header__menu .btn-group--auth .btn {
    flex: 1;
    margin: 0.25rem;
  }
}
@media (min-width: 768px) {
  .header .header__logo {
    margin: 0.25rem 8.5rem 0.25rem 1.25rem;
  }
  .header .btn-mobile-menu {
    display: none;
  }
  .header .header__menu,
  .header .header__menu__scrollable,
  .header .header__info {
    display: flex;
  }
  .header .header__menu .btn-group--auth {
    display: none;
  }
}
@media (min-width: 992px) {
  .header .btn-deposit,
  .header .header__lang,
  .header .header__time {
    display: block;
  }
}

.btn-betslip-show,
.btn-my-bets {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.btn-betslip-show > span:first-child,
.btn-my-bets > span:first-child {
  font-size: 0.875rem;
  line-height: 1rem;
}
.btn-betslip-show .badge__container,
.btn-my-bets .badge__container {
  height: 1.1875rem;
  margin-top: 0.125rem;
  overflow: hidden;
  position: relative;
}
.btn-betslip-show .badge__container .stripe,
.btn-my-bets .badge__container .stripe {
  display: flex;
  flex-direction: column;
  transform: translateY(-1.375rem);
}
.btn-betslip-show .badge__container .stripe.animate.increasing,
.btn-my-bets .badge__container .stripe.animate.increasing {
  transform: translateY(-2.75rem);
}
.btn-betslip-show .badge__container .stripe.animate.decreasing,
.btn-my-bets .badge__container .stripe.animate.decreasing {
  transform: translateY(0px);
  transition-duration: 600ms;
}
.btn-betslip-show .badge__container .stripe.animate,
.btn-my-bets .badge__container .stripe.animate {
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: ease;
}
.btn-betslip-show .badge__container .stripe .badge,
.btn-my-bets .badge__container .stripe .badge {
  margin-top: 0.125rem;
}
.btn-betslip-show .badge__container .badge,
.btn-my-bets .badge__container .badge {
  font-size: 1.15rem;
  line-height: 1;
  border-radius: 0.25rem;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .btn-betslip-show,
  .btn-my-bets {
    height: 2.75rem;
    padding: 0.25rem 0.1rem;
    max-height: 3rem;
  }
  .btn-betslip-show > span:first-child,
  .btn-my-bets > span:first-child {
    font-size: 0.675rem;
    line-height: 1rem;
    white-space: nowrap;
  }
  .btn-betslip-show .badge__container,
  .btn-my-bets .badge__container {
    margin-top: 0;
    overflow: hidden;
    position: relative;
    height: auto;
  }
  .btn-betslip-show .badge__container .stripe,
  .btn-my-bets .badge__container .stripe {
    transform: translateY(-18px);
  }
  .btn-betslip-show .badge__container .stripe.animate.increasing,
  .btn-my-bets .badge__container .stripe.animate.increasing {
    transform: translateY(-36px);
  }
  .btn-betslip-show .badge__container .stripe.animate.decreasing,
  .btn-my-bets .badge__container .stripe.animate.decreasing {
    transform: translateY(0px);
  }
  .btn-betslip-show .badge__container .badge,
  .btn-my-bets .badge__container .badge {
    font-size: 1rem;
  }
}

.main {
  position: fixed;
  top: 116px;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: calc(100vh - 64px - 52px);
  display: flex;
  align-content: space-around;
  justify-content: space-between;
  align-items: stretch;
}
.main-loader {
  min-height: 100vh;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .main {
    top: 0;
    position: relative;
    bottom: auto;
    padding-bottom: 66px;
  }
}
.main.main--sidebar-left .main__sidebar--left, .main.main--sidebar-right .main__sidebar--right {
  width: 95vw;
  opacity: 1;
}
.main.main--sidebar-left .main__sidebar--left {
  max-width: 350px;
  width: 85vw;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .main.main--sidebar-left > .main__page::after {
    content: "";
    position: fixed;
    z-index: 15;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
  }
}
@media (min-width: 576px) {
  .main.main--sidebar-left .main__sidebar--left {
    width: 260px;
  }
  .main.main--sidebar-right .main__sidebar--right {
    width: 310px;
  }
}

.main__page {
  position: relative;
  flex-grow: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 100vw;
}
@media (max-width: 767.98px) {
  .main__page {
    overflow: unset;
  }
}

.main__body {
  padding: 0.25rem 0.75rem;
}
.main__body--home-page .bonus-navigation {
  padding: 0;
  height: 3rem;
}
@media (max-width: 767.98px) {
  .main__body {
    padding: 0.25rem 0.5rem 2rem 0.5rem;
  }
}

.main__sidebar {
  position: fixed;
  top: 64px;
  bottom: 0;
  width: 0;
  overflow: hidden;
  z-index: 20;
}
@media (min-width: 768px) {
  .main__sidebar {
    position: relative;
    top: auto;
    bottom: auto;
  }
}
@media (max-width: 767.98px) {
  .main__sidebar {
    top: 56px;
  }
}
.main__sidebar {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-shrink: 0;
  opacity: 0;
  transition: width 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
.main__sidebar.main__sidebar--left {
  left: 0;
  right: auto;
}
.main__sidebar.main__sidebar--right {
  right: 0;
  left: auto;
}

.b-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.b-row .b-col {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767.98px) {
  .b-row .b-col {
    flex: none;
  }
}

.text-small {
  font-size: 80%;
}

.icons {
  width: 2rem;
  height: 2rem;
  background-position: left;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}
.icons.icon--home {
  background-image: url(/static/assets/images/icons/home.png);
}
.icons.icon--racing {
  background-image: url(/static/assets/images/icons/racing.png);
}
.icons.icon--sports {
  background-image: url(/static/assets/images/icons/sports.png);
}
.icons.icon--more {
  background-image: url(/static/assets/images/icons/more.png);
}
.icons.icon--close-btn-red {
  background-image: url(/static/assets/images/icons/close-btn-red.png);
  height: 2rem;
  width: 4rem;
}
.icons.icon--sgm {
  background-image: url(/static/assets/images/icons/sgm.png);
  height: 1rem;
  width: 1.75rem;
  background-position: center;
}
.icons.icon--sgm-color {
  background-image: url(/static/assets/images/icons/sgm-color.png);
  height: 1rem;
  width: 1.75rem;
  background-position: center;
}
.icons.icon--sgm-green {
  background-image: url(/static/assets/images/icons/sgm-green.png);
  height: 1rem;
  width: 1.75rem;
  background-position: center;
}
.icons.icon--close-red {
  background-image: url(/static/assets/images/icons/close-red.png);
}
.icons.icon--close-black {
  background-image: url(/static/assets/images/icons/close-black.png);
}
.icons.icon--close {
  background-image: url(/static/assets/images/icons/close-black.png);
}
.icons.icon--close:hover {
  background-image: url(/static/assets/images/icons/close-red.png);
}
.icons.icon--free-bet-bonus {
  background-image: url(/static/assets/images/icons/freebet-icon.png);
}
.icons.icon--free-bet-split {
  background-image: url(/static/assets/images/icons/freebet-split-icon.png);
}
.icons.icon--odds_boost {
  background-image: url(/static/assets/images/icons/ico-bonus-boost.png);
  transform: scale(1.25);
}
.icons.icon--odds_boost-black {
  background-image: url(/static/assets/images/icons/ico-bonus-boost-black.png);
  transform: scale(1.25);
}
.icons.icon--freebet, .icons.icon--freebet_deposit {
  background-image: url(/static/assets/images/icons/ico-bonus-freebet.png);
}
.icons.icon--freebet-black, .icons.icon--freebet_deposit-black {
  background-image: url(/static/assets/images/icons/ico-bonus-freebet-black.png);
}
.icons.icon--bet_return {
  background-image: url(/static/assets/images/icons/ico-bonus-return.png);
}
.icons.icon--bet_return-black {
  background-image: url(/static/assets/images/icons/ico-bonus-return-black.png);
}
.icons.icon--bet-bonus-all {
  background-image: url(/static/assets/images/icons/ico-bonus-all.png);
}
.icons.icon--bet-bonus-promotions {
  background-image: url(/static/assets/images/icons/ico-bonus-all.png);
}
.icons.icon--promo_odds {
  background-image: url(/static/assets/images/icons/ico-bonus-promo-odds.svg);
}
.icons.icon--promo_odds-black {
  background-image: url(/static/assets/images/icons/ico-bonus-promo-odds.svg);
}
.icons.icon--withdrawal-pending {
  background-image: url(/static/assets/images/icons/withdrawal-pending.svg);
}

.react-select [class*=__dropdown] {
  position: initial;
  background-color: transparent;
  max-height: initial;
}
.react-select [class*=__dropdown]::after {
  display: none;
}

:root[theme=dark] .main__sidebar {
  border-color: rgb(41, 41, 41);
  background-color: rgb(18, 18, 18);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  color: #ffffff;
  /*      @include media-breakpoint-down(md) {
    background-color: $dark-body-bg-color;
    box-shadow: $dark-header-shadow;
  }*/
}
:root[theme=dark] .sidebar-tree__section-data {
  background-color: rgb(18, 18, 18);
}
:root[theme=light] .main__sidebar {
  border-color: rgb(215, 215, 215);
  background-color: #ffffff;
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  color: #000000;
}
@media (max-width: 767.98px) {
  :root[theme=light] .main__sidebar {
    background-color: #ffffff;
    box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  }
}
:root[theme=light] .sidebar-tree__section-data {
  background-color: #ffffff;
}

@media (max-width: 767.98px) {
  body:has(.main--sidebar-right) {
    max-height: 100vh;
    overflow: hidden;
  }
}

.main__sidebar {
  font-size: 0.85rem;
  line-height: 1.25;
}

.main-sidebar__container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.main-sidebar__container .sidebar-head {
  padding: 0.25rem 0;
  z-index: 3;
}
.main-sidebar__container .sidebar-head .search {
  padding: 0.25rem;
}
.main-sidebar__container .sidebar-head .backToMain {
  padding: 0 0.5rem 0 0.25rem;
  cursor: pointer;
}
.main-sidebar__container .sidebar-body {
  flex-grow: 1;
  overflow: auto;
  padding: 0.25rem 0;
  max-height: calc(100vh - 110px);
}
.main-sidebar__container .sidebar-body .sidebar-tree__section-data {
  overflow: hidden;
}
.main-sidebar__container .sidebar-body.sidebar-body--race {
  font-size: 1rem;
}
.main-sidebar__container .sidebar-body.sidebar-body--race .sidebar-tree__section-title,
.main-sidebar__container .sidebar-body.sidebar-body--race .sidebar-tree__section-item {
  font-size: inherit;
}
.main-sidebar__container .sidebar_sport .icon.AIcon-angle-up,
.main-sidebar__container .sidebar_sport .icon.AIcon-angle-down,
.main-sidebar__container .sidebar_race .icon.AIcon-angle-up,
.main-sidebar__container .sidebar_race .icon.AIcon-angle-down {
  float: right;
}
.main-sidebar__container .sidebar-foot:has(div) {
  padding: 0.25rem 0.5rem;
}

@media (min-width: 576px) and (max-width: 1199.98px) {
  .main__sidebar--left.sidebar {
    position: fixed;
    top: 116px;
    bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .main__sidebar--left.sidebar {
    top: 64px;
  }
}
.main__sidebar--left .main-sidebar__container {
  min-width: 260px;
}

@media (min-width: 576px) and (max-width: 1199.98px) {
  .main__sidebar--right.sidebar {
    position: fixed;
    top: 116px;
    bottom: 0;
  }
}
.main__sidebar--right .main-sidebar__container {
  min-width: 310px;
}

.all_sports_tab_sidebar-tree {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.all_sports_tab_sidebar-tree__item {
  cursor: pointer;
  padding: 5px 5px;
  width: 100%;
  text-align: center;
}
.all_sports_tab_sidebar-tree__item.active, .all_sports_tab_sidebar-tree__item:hover {
  box-shadow: inset 0 -1px 0 0 #00f181;
}

:root[theme=dark] .sidebar-tree__section {
  border-color: rgb(41, 41, 41);
  background-color: rgb(18, 18, 18);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .sidebar-tree__section-tournaments {
  border-color: rgb(41, 41, 41);
}
:root[theme=dark] .sidebar-tree__section-title {
  color: #ffffff;
  background-color: rgb(18, 18, 18);
}
:root[theme=dark] .sidebar-tree__section-title--home .active {
  color: #00f181;
}
:root[theme=dark] .sidebar-tree__section-title--link:hover {
  color: #00f181;
}
:root[theme=dark] .sidebar-tree__section-subtitle {
  color: #00f181;
}
:root[theme=dark] .sidebar-tree__section-item {
  color: #ffffff;
}
:root[theme=dark] .sidebar-tree__section-item.active {
  color: #00f181;
  background-color: #2d3146;
}
:root[theme=dark] .sidebar-tree__section-item:hover {
  background-color: #2d3146;
}
:root[theme=dark] .sidebar-tree__section-item--all, :root[theme=dark] .sidebar-tree__section-item--all.active {
  background-color: transparent;
}
:root[theme=dark] .sidebar-tree__section-item .icon {
  color: rgb(229.5, 229.5, 229.5);
}
:root[theme=dark] .sidebar-tree__section-item.link-list--has-bonus {
  background: #ffd700;
  border-color: #ffd700;
  color: #695706;
}
:root[theme=dark] .sidebar-tree__section-item.link-list--has-bonus .icon {
  color: inherit;
}
:root[theme=dark] .sidebar-tree__section-item.link-list--has-bonus.active, :root[theme=dark] .sidebar-tree__section-item.link-list--has-bonus:hover {
  background-color: #ffe766;
}
:root[theme=light] .sidebar-tree__section {
  border-color: rgb(215, 215, 215);
  background-color: #ffffff;
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .sidebar-tree__section-tournaments {
  border-color: rgb(215, 215, 215);
}
:root[theme=light] .sidebar-tree__section-title {
  color: #000000;
  background-color: #ffffff;
}
:root[theme=light] .sidebar-tree__section-title--home .active {
  color: #00f181;
}
:root[theme=light] .sidebar-tree__section-title--link:hover {
  color: #00f181;
}
:root[theme=light] .sidebar-tree__section-subtitle {
  color: #00f181;
}
:root[theme=light] .sidebar-tree__section-item {
  color: #000000;
}
:root[theme=light] .sidebar-tree__section-item:hover {
  color: #00f181;
}
:root[theme=light] .sidebar-tree__section-item.active {
  color: #00f181;
}
:root[theme=light] .sidebar-tree__section-item--all, :root[theme=light] .sidebar-tree__section-item--all.active {
  background-color: transparent;
}
:root[theme=light] .sidebar-tree__section-item .icon {
  color: #333333;
}
:root[theme=light] .sidebar-tree__section-item.link-list--has-bonus {
  background: #ffd700;
  border-color: #ffd700;
  color: #695706;
}
:root[theme=light] .sidebar-tree__section-item.link-list--has-bonus .icon {
  color: inherit;
}
:root[theme=light] .sidebar-tree__section-item.link-list--has-bonus.active, :root[theme=light] .sidebar-tree__section-item.link-list--has-bonus:hover {
  background-color: #ffe766;
}

.sidebar-tree__section {
  margin-bottom: 0.25rem;
}
.sidebar-tree__section + .sidebar-tree__section {
  margin-top: 0.25rem;
}

.sidebar-tree__section-tournaments {
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.sidebar-tree__section-title {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: flex;
  font-size: 1rem;
  line-height: 1.25;
}
.sidebar-tree__section-title:has(a) {
  cursor: pointer;
  padding: 0;
}
.sidebar-tree__section-title:not(:has(a)) {
  padding: 0.5rem;
}
.sidebar-tree__section-title .icon {
  padding: 0.5rem;
}
.sidebar-tree__section-title--link {
  width: 100%;
  padding: 0.5rem;
}
.sidebar-tree__section-title--link:hover {
  text-decoration: none;
}
.sidebar-tree__section-title .icons,
.sidebar-tree__section-title .icon-racing {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.sidebar-tree__section-title .name {
  margin-right: auto;
}

.sidebar-tree__section-subtitle {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-size: 0.6rem;
  line-height: 1.25;
  text-transform: uppercase;
}
.sidebar-tree__section-subtitle .icon {
  margin-right: 0.5rem;
}
.sidebar-tree__section-subtitle .name {
  margin-right: auto;
}

.sidebar-tree__section-item {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding: 0.75rem 0.5rem 0.75rem 1.25rem;
  font-size: inherit;
  line-height: 1.25;
  text-decoration: none;
  margin-left: -0.5rem;
}
@media (max-width: 767.98px) {
  .sidebar-tree__section-item {
    padding: 0.625rem 0.5rem 0.625rem 1.1rem;
  }
}
.sidebar-tree__section-item:hover {
  text-decoration: none;
}
.sidebar-tree__section-item .icon {
  margin-right: 1rem;
  margin-top: -3px;
}
.sidebar-tree__section-item .icon-racing {
  margin-right: 1rem;
}
.sidebar-tree__section-item .icon-flag {
  opacity: 1;
  margin-right: 1rem;
  width: 15px;
  height: 10px;
  --flagSize: 10px;
}
.sidebar-tree__section-item .name {
  margin-right: auto;
}
.sidebar-tree__section-item .count {
  margin-left: auto;
}
.sidebar-tree__section-item .icon-favorite-new {
  margin-left: 0.5rem;
}

.sidebar-tree__section-group {
  padding-left: 0.75rem;
  padding-bottom: 1rem;
}
.sidebar-tree__section-group .sidebar-tree__section-item {
  line-height: 1.25;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.sidebar-tree__section-group .sidebar-tree__section-item--tournament {
  padding-left: 2rem;
}
.sidebar-tree__section-group .sidebar-tree__section-item.active {
  box-shadow: none !important;
}

.sidebar-tree__section-item a,
a.sidebar-tree__section-item {
  color: inherit;
  cursor: pointer;
}

.sidebar-tree__section-item--tournament {
  position: relative;
}

.sidebar-tree__section-item--upcoming-sport-name {
  position: absolute;
  top: 0;
  font-size: 10px;
  left: 42px;
  right: 0;
}

.sidebar-tree__section-item--upcoming-sport .name {
  padding-top: 5px;
}

.sidebar-tree__loader svg {
  max-width: 1.75rem;
  max-height: 1.75rem;
}

:root[theme=dark] .bets__nav__item.active:not(:only-child) {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=dark] .bets__nav__item:not(.active):not(:only-child):hover {
  color: #00f181;
}
:root[theme=dark] .bets__filter__item {
  background-color: #ffffff;
}
:root[theme=dark] .bets__filter__item:not(.active):hover {
  color: #00f181;
  cursor: pointer;
}
:root[theme=dark] .bets__filter__item.active {
  color: #00f181;
}
:root[theme=dark] .bets .bet-slip__order-bet {
  background-color: #ffffff;
  color: #00f181;
}
:root[theme=light] .bets__nav__item.active:not(:only-child) {
  background-color: #00c5ec;
  color: #00f181;
}
:root[theme=light] .bets__nav__item:not(.active):not(:only-child):hover {
  color: #00f181;
}
:root[theme=light] .bets__filter__item {
  background-color: #ffffff;
}
:root[theme=light] .bets__filter__item:not(.active):hover {
  color: #00f181;
}
:root[theme=light] .bets__filter__item.active {
  color: #00f181;
}
:root[theme=light] .bets .bet-slip__order-bet {
  background-color: #ffffff;
  color: #00f181;
}

.icon.empty-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/static/assets/images/icons/betslip-empty.png);
}

.bets .bets__betslip__empty, .bets .bets__myBets__empty {
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  flex-direction: column;
}
.bets {
  max-height: 100%;
  width: 100%;
  background-color: var(--bgColorNav);
  border-radius: 0.3rem;
}
.bets__nav {
  width: 100%;
  height: 40px;
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: 2;
}
.bets__nav__item {
  flex: 3;
  height: 100%;
  font-size: 14px;
  font-weight: bold;
  transition: color 0.2s, background-color 0.2s;
}
.bets__nav__item:not(.active):not(:only-child):hover {
  cursor: pointer;
}
.bets__nav__item .backToMain {
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
}
.bets__filter {
  padding: 0 0.25rem;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 5;
  justify-content: space-evenly;
}
.bets__filter__item {
  padding: 0.5rem;
  font-weight: 500;
  flex: 3;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s;
}
.bets .tab__content:not(.active) {
  display: none;
}
.bets .bet-slip__order-bet {
  z-index: 3;
}

.controlsButton {
  margin-top: 8px;
  width: 100%;
  height: 26px;
  border-radius: 0.3rem;
  border: solid 1px var(--betsMyBetsBlockContentControlsButtonBorderColor);
  overflow: hidden;
}
.controlsButton__popup {
  flex: none;
  width: 32px;
  height: 100%;
  color: var(--success-color);
  background-color: transparent;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s;
  line-height: 0;
}
.controlsButton__popup.AkIcon-play-icon {
  font-size: 8px;
}
.controlsButton__popup:hover, .controlsButton__popup.active {
  background-color: var(--success-color);
  color: var(--dt-txt-6);
}
.controlsButton__cashout {
  flex: 1;
  height: 100%;
  border-right: 1px solid var(--success-color);
  border-left: 1px solid var(--success-color);
  background-color: rgba(62, 179, 96, 0.3);
  color: var(--dt-txt-6);
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s;
}
.controlsButton__cashout:hover {
  background-color: rgba(62, 179, 96, 0.5);
}
.controlsButton__cashout span {
  padding: 0 4px;
}

.betslip__promo-block {
  display: block;
  margin: 0.5rem 0;
}
.betslip__promo-block p {
  margin: 0;
  padding: 0;
}
.betslip__promo-block img {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

:root[theme=dark] {
  /************ My Bets  colors */
  --betsMyBetsBlockContentCouponBorderColor: cv(dt-txt-1);
  --betsMyBetsBlockContentCouponOutcomeNameColor: cv(dt-txt-5);
  --betsMyBetsBlockContentCouponOutcomeColor: cv(dt-txt-4);
  --betsMyBetsBlockContentResultBg: cv(dt-light-3);
  --betsMyBetsBlockContentResultBlockNameColor: cv(dt-txt-3);
  --betsMyBetsBlockContentResultBlockOrderColor: #ffffff;
  --betsMyBetsBlockContentResultStatusBorderColor: cv(dt-light-4);
  --betsMyBetsBlockContentResultStatusColor: cv(dt-txt-4);
  /************ My Bets  colors End*/
}
:root[theme=dark] .bets__status__label.free-bet-bonus {
  background-color: #00f181;
  border-color: #00f181;
}
:root[theme=light] .bets__block__content .coupon {
  background-color: white;
}
:root[theme=light] .bets__block__content .coupon__odd {
  color: #00f181;
}
:root[theme=light] .bets__status__label.free-bet-bonus {
  background-color: #00f181;
  border-color: #00f181;
}

.bets .bets__block__content .cashoutBlock__content .radioContainer .container, .bets__block__content .cashoutBlock__content .radioContainer .bets .container {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 32px;
  font-size: 14px;
  color: var(--dt-txt-5);
  padding: 0 12px;
}
.bets .bets__block__content .cashoutBlock__content .radioContainer .container .checkmark, .bets__block__content .cashoutBlock__content .radioContainer .bets .container .checkmark,
.bets .bets__block__content .cashoutBlock__content .radioContainer .container input,
.bets__block__content .cashoutBlock__content .radioContainer .bets .container input {
  position: static;
}
.bets .bets__block__content .cashoutBlock__content .radioContainer .container:hover, .bets__block__content .cashoutBlock__content .radioContainer .bets .container:hover {
  background-color: var(--dt-light-2);
}
.bets .bets__block__content .coupon:before, .bets__block__content .bets .coupon:before, .bets .bets__block__title:before {
  content: "";
  width: 2px;
  height: 8px;
  position: absolute;
}
.bets .bets__block__content .result__block .order .cashout, .bets__block__content .result__block .order .bets .cashout,
.bets .bets__block__content .result__block .order .odd__original,
.bets__block__content .result__block .order .bets .odd__original, .bets .bets__block__content .coupon__odd .odd__original, .bets__block__content .coupon__odd .bets .odd__original {
  text-decoration-color: rgb(220, 50, 70);
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  font-size: 0.75rem;
}
.bets .accordion-header {
  cursor: pointer;
}
.bets .bets__block__content .accordion-header, .bets__myBets .bets__block__content .accordion-header {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem 0 1rem;
}
.bets .bets__block__content .accordion-header .arrow, .bets__myBets .bets__block__content .accordion-header .arrow {
  font-size: 85%;
}
.bets .bets__block__content .collapsed .accordion-header, .bets__myBets .bets__block__content .collapsed .accordion-header {
  padding-bottom: 0.5rem;
}
.bets .bets__block__content .accordion-body, .bets__myBets .bets__block__content .accordion-body {
  padding: 0.125rem;
}
.bets__myBets {
  width: 100%;
  padding: 0.5rem 0.25rem;
}
.bets__myBets__empty .emptyIcon {
  width: 100%;
  height: 100px;
  text-align: center;
}
.bets__myBets__empty .emptyIcon svg {
  display: inline-block;
  display: none !important;
  width: 172px;
}
.bets__myBets__empty .emptyText {
  margin-top: 20px;
  font-weight: 600;
  color: var(--authorized-betslip-empty-label-txt-color);
}
.bets__myBets .bets__block__content {
  padding-bottom: 0;
}
.bets__myBets .bets__block__content .bets__status {
  margin-bottom: 0.75rem;
}
.bets__status {
  margin-top: 1rem;
  gap: 0.5rem;
}
.bets__status__label {
  flex: none;
  min-width: 60px;
  padding: 0 12px;
  height: 24px;
  border-radius: 0.3rem;
  font-size: 10px;
  font-weight: 600;
  color: var(--dt-txt-6);
  border: solid 1px transparent;
  background-color: transparent;
  text-transform: capitalize;
}
.bets__status__label.win {
  background-color: rgba(62, 179, 96, 0.8);
  border-color: rgb(30, 230, 75);
}
.bets__status__label.lose {
  background-color: rgba(249, 65, 68, 0.1);
  border-color: rgb(220, 50, 70);
}
.bets__status__label.pending, .bets__status__label.changed {
  background-color: rgba(241, 159, 17, 0.7);
  border-color: rgb(255, 150, 10);
}
.bets__status__label.process {
  background-color: rgba(63, 71, 186, 0.7);
  border-color: #3f47ba;
}
.bets__status__label.void {
  background-color: rgba(30, 32, 46, 0.8);
  border-color: #6e7191;
}
.bets__status__label.free-bet-bonus {
  background-color: rgba(241, 159, 17, 0.7);
  border-color: rgb(255, 150, 10);
  color: var(--betsMyBetsBlockContentCouponOutcomeNameColor);
  font-size: 14px;
}
.bets__status__label.free-bet-bonus .icons {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  margin-top: -2px;
}
.bets__block {
  --betsBlockStatusLeftBorderColor: transparent;
  --betsBlockTopBorderColor: #00c5ec;
  --betsTitleBackgroundColor: rgba(8, 255, 8, 0.1);
  --betsBlockTitleFontColor: inherit;
}
.bets__block.win {
  --betsBlockStatusLeftBorderColor: rgb(30, 230, 75);
  --betsBlockTitleFontColor: rgb(30, 230, 75);
}
.bets__block.lose {
  --betsBlockStatusLeftBorderColor: #dc3246;
}
.bets__block.changed {
  --betsBlockTopBorderColor: #e6a13c;
  --betsTitleBackgroundColor: rgba(230, 161, 60, 0.1);
  --betsBlockTitleFontColor: #1c0303;
}
.bets__block.process {
  --betsBlockTopBorderColor: #05115e;
  --betsTitleBackgroundColor: rgba(184, 219, 255, 0.2);
  --betsBlockTitleFontColor: #05115e;
}
.bets__block.cancelled {
  --betsBlockStatusLeftBorderColor: #dc3246;
  --betsBlockTopBorderColor: rgb(220, 50, 70);
  --betsTitleBackgroundColor: rgba(249, 65, 68, 0.1);
}
.bets__block.cancelled .result .order--stake {
  width: auto;
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  color: rgb(220, 50, 70);
}
.bets__block.cancelled .result .order--stake span {
  color: var(--betsMyBetsBlockContentResultBlockOrderColor);
}
.bets__block {
  margin-bottom: 0.25rem;
  border-top: 2px solid var(--betsBlockTopBorderColor);
}
.bets__block .loading-spinner {
  width: 1rem;
  height: 1rem;
}
.bets__block .loading-spinner:before {
  top: 0;
  left: -0.25rem;
  height: 1rem;
  width: 1rem;
}
.bets__block__title {
  position: relative;
  width: 100%;
  height: 28px;
  background-color: var(--betsTitleBackgroundColor);
  font-size: 10px;
  color: var(--betsBlockTitleFontColor);
  padding: 0 12px;
}
.bets__block__title.itemList__header {
  display: none;
  color: var(--betsBlockTitleFontColor) !important;
}
.bets__block__title:before {
  left: 6px;
  top: 10px;
  background-color: var(--betsBlockStatusLeftBorderColor);
}
.bets__block__title .betsIcon {
  font-size: 14px;
  margin-right: 6px;
  transition: transform 0.2s;
  width: 16px;
}
.bets__block__title .betsIcon:empty {
  transform: scale(0, 1);
}
.bets__block__title .betsIcon:empty + .name {
  transform: translateX(-16px);
}
.bets__block__title .name {
  transition: transform 0.2s;
}
.bets__block__title .number {
  margin-left: 6px;
  font-weight: 500;
}
.bets__block__title .date {
  margin-left: auto;
}
.bets__block__content {
  width: 100%;
  padding-bottom: 0.75rem;
}
.bets__block__content .status-combined {
  padding-left: 2.5rem;
  display: none;
  margin-top: -0.25rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.bets__block__content .status-combined .leg-status {
  margin: 0;
}
.bets__block__content .status-combined .leg-status__icon {
  margin: 0;
}
.bets__block__content .status-combined .leg-status__label {
  display: none;
}
.bets__block__content-same-game-multiple .status-combined {
  margin-top: 0;
  margin-bottom: 0;
}
.bets__block__content .coupon:not(:first-child) {
  border-top: 1px solid var(--betsMyBetsBlockContentCouponBorderColor);
}
.bets__block__content .coupon {
  --betsBlockCouponStatusColor: transparent;
}
.bets__block__content .coupon.win {
  --betsBlockCouponStatusColor: rgb(30, 230, 75);
}
.bets__block__content .coupon.lose {
  --betsBlockCouponStatusColor: #dc3246;
}
.bets__block__content .coupon {
  position: relative;
  width: 100%;
  padding: 0.5rem 0.75rem;
}
.bets__block__content .coupon:before {
  left: 0.5rem;
  top: 13px;
  background-color: var(--betsBlockCouponStatusColor);
}
.bets__block__content .coupon__block:has(*) {
  margin-bottom: 4px;
}
.bets__block__content .coupon__block-details {
  font-size: 0.75rem;
  padding-left: 1.75rem;
}
.bets__block__content .coupon__block-details .event__outcome-name {
  display: inline-flex;
  margin-bottom: 0.25rem;
  font-weight: 500;
  font-size: 0.875rem;
}
.bets__block__content .coupon__block-details .event__name {
  display: flex;
  align-items: center;
}
.bets__block__content .coupon__block-details .event__name--hard {
  align-items: start;
  margin-top: 0.25rem;
  gap: 0.125rem;
}
.bets__block__content .coupon__block-details .event__name--hard .leg-race-runners {
  display: flex;
  flex-direction: column;
}
.bets__block__content .coupon__outcomeName {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--betsMyBetsBlockContentCouponOutcomeNameColor);
  display: flex;
  align-items: center;
}
.bets__block__content .coupon__outcomeName > a {
  display: inline-flex;
}
.bets__block__content .coupon__odd {
  font-size: 1rem;
  font-weight: 500;
  text-align: right;
}
.bets__block__content .coupon__odd .boosted .odd__default {
  position: relative;
  color: #00f181;
  text-decoration: none;
}
.bets__block__content .coupon__odd .boosted .icons {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: -1.25rem;
}
.bets__block__content .coupon__outcome {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--betsMyBetsBlockContentCouponOutcomeColor);
}
.bets__block__content .coupon__market-specifiers {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--betsMyBetsBlockContentCouponOutcomeColor);
}
.bets__block__content .coupon__teams {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: var(--betsMyBetsBlockContentCouponOutcomeColor);
}
.bets__block__content .coupon__teams .score,
.bets__block__content .coupon__teams .time {
  color: var(--betsMyBetsBlockContentCouponOutcomeNameColor);
}
.bets__block__content .coupon__teams .isLive:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 4px;
  background-color: rgb(30, 230, 75);
  margin-right: 6px;
  display: inline-block;
}
.bets__block__content .coupon__teams .time {
  margin-right: 6px;
}
.bets__block__content .coupon .icon {
  font-size: 0.875rem;
  margin-right: 0.5rem;
  line-height: 0.75rem;
}
.bets__block__content .coupon .event-legs {
  padding: 0 0 0 1rem;
}
.bets__block__content .coupon .event-legs--sgm {
  width: 100%;
}
.bets__block__content .coupon .event-legs--sgm .event-leg {
  display: flex;
  flex-wrap: wrap;
}
.bets__block__content .coupon .event-legs--sgm .event-leg .leg-status {
  order: 1;
}
.bets__block__content .coupon .event-legs--sgm .event-leg .text-small {
  order: 2;
  width: 100%;
}
.bets__block__content .coupon .event-leg {
  padding-bottom: 0.25rem;
  line-height: 1.1;
}
.bets__block__content .coupon .event-time {
  font-size: 0.75rem;
  font-weight: 500;
}
.bets__block__content .result {
  width: 100%;
  border-radius: 0.3rem;
  background-color: var(--betsMyBetsBlockContentResultBg);
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.bets__block__content .result--values {
  margin-bottom: 0.5rem;
}
.bets__block__content .result--values:has(.order-flexi) {
  align-items: start;
}
.bets__block__content .result--values .order .order--win.order-flexi {
  margin-top: 0.5rem;
  margin-bottom: -0.5rem;
}
.bets__block__content .result__block {
  flex: 1;
  text-align: center;
  flex-direction: column;
  justify-content: start;
}
.bets__block__content .result__block .name {
  margin-top: 0.25rem;
  font-size: 10px;
  font-weight: 500;
  color: var(--betsMyBetsBlockContentResultBlockNameColor);
}
.bets__block__content .result__block .order {
  margin-top: 4px;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  color: var(--betsMyBetsBlockContentResultBlockOrderColor);
}
.bets__block__content .result__block .order .odd__default {
  font-size: 1rem;
}
.bets__block__content .result__block .order .refund-amount {
  font-size: 0.625rem;
  font-weight: 500;
}
.bets__block__content .result__block .order:has(.scratched) {
  display: flex;
  flex-direction: column;
}
.bets__block__content .result__block .order .order--win {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: rgb(30, 230, 75);
}
.bets__block__content .result__block .order .order--win:before {
  content: "+";
}
.bets__block__content .result__block .order .order--win .AkIcon-check-icon {
  font-size: 0.5rem;
  display: none;
}
.bets__block__content .result__block .bonus__description {
  margin-top: 0.5rem;
}
.bets__block__content .result .partial__title {
  text-align: left;
  color: rgb(255, 143, 156);
  width: 100%;
  padding-left: 1rem;
  font-weight: 600;
}
.bets__block__content .betError {
  width: 100%;
  min-height: 30px;
  padding: 4px 12px;
  margin-top: 8px;
  background-color: rgba(249, 65, 68, 0.16);
  -webkit-animation: flashing 1s linear 3;
  -o-animation: flashing 1s linear 3;
  animation: flashing 1s linear 3;
  flex-direction: column;
}
.bets__block__content .buttonCancel {
  height: 24px;
  margin-top: 8px;
  padding: 0 8px;
}
.bets__block__content .cashoutBlock {
  border-radius: 0.3rem;
  background-color: var(--dt-light-3);
  padding: 8px 12px 12px 12px;
  margin-bottom: 12px;
  position: relative;
}
.bets__block__content .cashoutBlock .closeIcon {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  transition: background-color 0.2s;
  font-size: 8px;
  cursor: pointer;
}
.bets__block__content .cashoutBlock .closeIcon:hover {
  background-color: var(--dt-light-2);
}
.bets__block__content .cashoutBlock__title {
  margin-bottom: 12px;
  text-align: center;
  color: var(--dt-txt-5);
}
.bets__block__content .cashoutBlock__content .inputBlock {
  margin-bottom: 12px;
}
.bets__block__content .cashoutBlock__content .partialContent {
  margin-top: 10px;
  margin-bottom: 12px;
}
.bets__block__content .cashoutBlock__content .partialContent .range {
  margin: 10px auto 0;
  width: 100%;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  height: 2px;
  background-color: var(--dt-light-5);
}
.bets__block__content .cashoutBlock__content .partialContent .range_thumb {
  position: absolute;
  height: 2px;
  left: 0;
  border-radius: 2px;
  background-color: #3f47ba;
}
.bets__block__content .cashoutBlock__content .partialContent .range_thumb > div {
  border: solid 1px var(--dt-dark-1);
  bottom: -9px;
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: var(--dt-txt-3);
}
.bets__block__content .cashoutBlock__content .partialContent .dots {
  background-image: radial-gradient(#1b4d6b 20%, transparent 20%);
  background-position: 0 0;
  background-size: 10px 9px;
  background-repeat-x: repeat;
  height: 10px;
  width: 99%;
  margin-top: 10px;
}
.bets__block__content .cashoutBlock__content .partialContent .values {
  width: 100%;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--couponTextColorPrimary);
}
.bets__block__content .cashoutBlock__content .bBasePrimary {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: var(--dt-txt-6);
  /* height: 32px; */
  padding: 9px 10px;
}
.bets__block__content .cashoutBlock__content .radioContainer {
  margin-bottom: 4px;
}
.bets__block__content .cashoutBlock__content .radioContainer .container {
  justify-content: flex-start;
  padding: 0;
}
.bets__block__content .cashoutBlock__content .radioContainer .container .checkmark {
  margin-right: 8px;
}
.bets__block__content-multiple, .bets__block__content-same-race-multiple, .bets__block__content-same-game-multiple {
  padding-bottom: 0;
}
.bets__block__content-multiple .coupon:before, .bets__block__content-same-race-multiple .coupon:before, .bets__block__content-same-game-multiple .coupon:before {
  display: none;
}
.bets__block__content-multiple .coupon__odd, .bets__block__content-same-race-multiple .coupon__odd, .bets__block__content-same-game-multiple .coupon__odd {
  color: #00f181;
}
.bets__block__content-multiple .event--multi__wrapper, .bets__block__content-same-race-multiple .event--multi__wrapper, .bets__block__content-same-game-multiple .event--multi__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  font-size: 1rem;
}
.bets__block__content-multiple .event--multi__wrapper + .event--multi__wrapper, .bets__block__content-same-race-multiple .event--multi__wrapper + .event--multi__wrapper, .bets__block__content-same-game-multiple .event--multi__wrapper + .event--multi__wrapper {
  padding-top: 0;
  margin-top: -0.25rem;
}
.bets__block__content-multiple .event--multi__wrapper .event__outcome-name, .bets__block__content-same-race-multiple .event--multi__wrapper .event__outcome-name, .bets__block__content-same-game-multiple .event--multi__wrapper .event__outcome-name {
  display: flex;
  align-items: center;
}
.bets__block__content-multiple .event--multi__wrapper .event__outcome-name .icon, .bets__block__content-same-race-multiple .event--multi__wrapper .event__outcome-name .icon, .bets__block__content-same-game-multiple .event--multi__wrapper .event__outcome-name .icon {
  margin-right: 0.5rem;
}
.bets__block__content-multiple .event--multi__wrapper .event__event-name,
.bets__block__content-multiple .event--multi__wrapper .event-time, .bets__block__content-same-race-multiple .event--multi__wrapper .event__event-name,
.bets__block__content-same-race-multiple .event--multi__wrapper .event-time, .bets__block__content-same-game-multiple .event--multi__wrapper .event__event-name,
.bets__block__content-same-game-multiple .event--multi__wrapper .event-time {
  font-size: 0.75rem;
  font-weight: 500;
  padding-left: 1.75rem;
}
.bets__block__content-multiple .event--multi__wrapper .event__event-name, .bets__block__content-same-race-multiple .event--multi__wrapper .event__event-name, .bets__block__content-same-game-multiple .event--multi__wrapper .event__event-name {
  font-weight: bold;
}
.bets__block__content-multiple .event--multi__wrapper .accordion, .bets__block__content-same-race-multiple .event--multi__wrapper .accordion, .bets__block__content-same-game-multiple .event--multi__wrapper .accordion {
  font-weight: 400;
}
.bets__block__content-multiple .sub-item, .bets__block__content-same-race-multiple .sub-item, .bets__block__content-same-game-multiple .sub-item {
  width: 100%;
  padding: 0.25rem;
  padding-left: 1.75rem;
  font-size: 0.75rem;
}
.bets__block__content-multiple .sub-item__index, .bets__block__content-multiple .sub-item__name, .bets__block__content-same-race-multiple .sub-item__index, .bets__block__content-same-race-multiple .sub-item__name, .bets__block__content-same-game-multiple .sub-item__index, .bets__block__content-same-game-multiple .sub-item__name {
  display: inline-block;
  font-weight: 500;
}
.bets__block__content-multiple .sub-item .event__outcome-container, .bets__block__content-same-race-multiple .sub-item .event__outcome-container, .bets__block__content-same-game-multiple .sub-item .event__outcome-container {
  display: flex;
  width: 100%;
}
.bets__block__content-multiple .sub-item .event__outcome-container .event__outcome-details, .bets__block__content-same-race-multiple .sub-item .event__outcome-container .event__outcome-details, .bets__block__content-same-game-multiple .sub-item .event__outcome-container .event__outcome-details {
  width: 100%;
}
.bets__block__content-multiple .sub-item .event__outcome-container .runnerImage, .bets__block__content-same-race-multiple .sub-item .event__outcome-container .runnerImage, .bets__block__content-same-game-multiple .sub-item .event__outcome-container .runnerImage {
  display: none;
  margin: 0;
}
.bets__block__content-multiple .sub-item .event__outcome-container .sportIcon, .bets__block__content-same-race-multiple .sub-item .event__outcome-container .sportIcon, .bets__block__content-same-game-multiple .sub-item .event__outcome-container .sportIcon {
  display: none;
}
.bets__block__content-multiple .sub-item__market, .bets__block__content-same-race-multiple .sub-item__market, .bets__block__content-same-game-multiple .sub-item__market {
  font-size: 0.75rem;
  color: var(--betsBetslipItemListItemEventNameColor);
  display: flex;
  align-items: center;
}
.bets__block__content-multiple .coupon__teams, .bets__block__content-same-race-multiple .coupon__teams, .bets__block__content-same-game-multiple .coupon__teams {
  padding: 0.5rem 0;
}
.bets__block__content-multiple .coupon__teams {
  padding: 0;
}

.bet-odds .odd__updated,
.coupon__odd .odd__updated {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.bet-odds .odd__updated .tooltip-symbol,
.bet-odds .odd__updated .description-tooltip,
.coupon__odd .odd__updated .tooltip-symbol,
.coupon__odd .odd__updated .description-tooltip {
  display: inline-flex;
}

.leg-status {
  display: flex;
  line-height: 1;
  margin-left: 0.25rem;
  align-items: center;
}
.leg-status--win {
  color: #28a745;
}
.leg-status--not-confirmed {
  color: rgb(220, 50, 70);
}
.leg-status--lose {
  color: #dc3246;
}
.leg-status--error {
  background-color: rgb(220, 50, 70);
}
.leg-status--void {
  color: #6c757d;
}
.leg-status__label {
  display: inline-flex;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  font-weight: 400;
}
.leg-status__icon {
  display: inline-block;
  margin-right: 0.25rem;
  min-width: 0.75rem;
  font-size: 0.66rem;
  line-height: 0.75rem;
}
.leg-status__icon--lose {
  font-size: 0.5rem;
  line-height: 0.5rem;
}
.leg-status__icon--lose:before {
  padding-top: 0.125rem;
}
.leg-status__icon--error {
  position: relative;
  text-align: center;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}
.leg-status__icon--error:before {
  content: "!";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  font-size: 0.5rem;
  line-height: 1;
  transform: translateY(-50%);
  color: #ffffff;
}

:root[theme=dark] {
  /************ Betslip Item List colors **********************/
  --betsBetslipItemListItemAnimationPeakBg: cv(dt-light-4);
  --betsBetslipItemListItemCloseBg: transparent;
  --betsBetslipItemListItemCloseBgHover: cv(dt-light-4);
  --betsBetslipItemListItemEventNameColor: cv(dt-txt-4);
  --betsBetslipItemListItemInfoColor: cv(dt-txt-4);
  --betsBetslipItemListItemBonusDescriptionColor: cv(dt-txt-4);
  --betsBetslipItemListItemOddColor: #ebcf87;
  --betsBetslipItemListLoadingColor: cv(dt-txt-6);
  /************ Betslip Item List colors  End**********************/
  /************ Betslip Controls colors */
  --betsBetslipControlsBlockOddNameColor: cv(dt-txt-4);
  --betsBetslipControlsBlockPotentialWinAmountColor: cv(dt-txt-6);
  /************ Betslip Controls colors End*/
}
:root[theme=dark] .bets__betslip .controls__block .switchBlockInfo {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=dark] .bets__betslip .controls__block .markets-selector:hover:not(.disabled) {
    border-color: #00f181;
  }
}
:root[theme=dark] .bets__betslip .controls__block .markets-selector:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
}
:root[theme=dark] .bets__betslip .itemList__item {
  background-color: cv(dt-light-3);
}
:root[theme=dark] .bets__betslip .itemList__item__note {
  background: #121212;
}
:root[theme=dark] .bets__betslip .itemList__item .btn-bonus .icons {
  filter: invert(1);
}
:root[theme=dark] .bets__betslip .controls.sticky:has(.betError) {
  background-color: #121212;
}
:root[theme=dark] .clear_bets .buttonCancel {
  background-color: #dee2e6;
  border-color: #dee2e6;
}
:root[theme=dark] .multi-bet .itemList_sub-container .itemList__item .boosted .odd__original {
  color: #ebcf87;
}
:root[theme=light] {
  --betsBetslipItemListItemCloseBgHover: cv(lt-dark-4);
  --betsBetslipItemListItemEventNameColor: #4b526a;
  --betsBetslipItemListItemInfoColor: cv(lt-txt-4);
  --betsBetslipItemListItemBonusDescriptionColor: #4b526a;
  --betsBetslipItemListLoadingColor: cv(lt-txt-6);
  --betsBetslipControlsBlockOddNameColor: cv(lt-txt-4);
}
:root[theme=light] .bets__betslip .controls__block .switchBlockInfo {
  color: #000000;
}
@media (hover: hover) {
  :root[theme=light] .bets__betslip .controls__block .markets-selector:hover:not(.disabled) {
    border-color: #00f181;
  }
}
:root[theme=light] .bets__betslip .controls__block .markets-selector:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
}
:root[theme=light] .bets__betslip :not(.placed) .itemList__item {
  background-color: white;
  box-shadow: 0 0.125rem 0.25rem #d7d9da;
}
:root[theme=light] .bets__betslip :not(.placed) .itemList__item__note {
  background: #eef2f3;
}
:root[theme=light] .bets__betslip :not(.placed) .itemList__item .sub-item {
  border-top: 1px solid #d7d9da;
}
:root[theme=light] .bets__betslip {
  /*[class*='__dropdown'] {
    box-shadow: none;
    border: none;

    &.expanded {
      box-shadow: 0 0.125rem 0.25rem $gray-350;
      border: 1px solid $gray-100;
    }
  }*/
}
:root[theme=light] .bets__betslip .controls.sticky:has(.betError) {
  background-color: #eef2f3;
}
:root[theme=light] .accordion-header {
  color: #4b526a;
}
:root[theme=light] .stake-all {
  background-color: #ffffff;
}
:root[theme=light] .multi-bet .itemList_sub-container .itemList__item .boosted .odd__original {
  color: rgb(220.4285714286, 172.0285714286, 47.5714285714);
}
:root[theme=light] {
  /*.clear_bets {
    .buttonCancel {
      background-color: $bet-slip-btn;
      border-color: $bet-slip-btn;
    }
  }*/
}

.sidebar-body.sidebar-body--bets {
  margin-top: 0.25rem;
  padding-top: 0;
}

.bets__betslip {
  width: 100%;
}
.bets__betslip .event-icon {
  display: flex;
  align-items: center;
  border-radius: 1rem;
  padding: 0.25rem 0.5rem;
  min-width: 1.75rem;
  line-height: 1;
  justify-content: center;
}
.bets__betslip .event-icon .icon-racing,
.bets__betslip .event-icon .icon {
  margin: 0;
}
.bets__betslip.tab__content {
  padding-bottom: 2rem;
}
.bets__betslip__empty {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 140px;
}
.bets__betslip__empty .emptyIcon {
  margin-top: 5vh;
  width: 100px;
  height: 100px;
  background-position: center;
  background-size: contain;
  text-align: center;
}
.bets__betslip__empty .emptyIcon svg {
  display: none !important;
  height: 100%;
}
.bets__betslip__empty .empty-state-label {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  display: block;
  color: var(--dt-txt-4);
  margin-top: 1rem;
}
.bets__betslip__empty .empty-state-label.authorized {
  color: var(--authorized-betslip-empty-label-txt-color);
}
.bets__betslip__empty .empty-state-buttons {
  display: flex;
  align-items: center;
  margin-top: 15px;
  width: 100%;
}
.bets__betslip__empty .empty-state-buttons .btn {
  height: 32px;
  min-width: 130px;
  margin: 0 5px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
.bets__betslip__empty .empty-state-buttons .btn-login {
  background-color: var(--btn-login-bg-color);
  color: var(--btn-login-txt-color);
}
.bets__betslip__empty .empty-state-buttons .btn-login:hover {
  background-color: var(--dt-light-4);
}
.bets__betslip__empty .empty-state-buttons .btn-registration {
  background-color: var(--btn-registration-bg-color);
  color: var(--btn-registration-txt-color);
}
.bets__betslip__empty .empty-state-buttons .btn-registration:hover {
  background-color: rgb(48.8796680498, 141.1203319502, 75.6846473029);
}
.bets__betslip .race-countdown {
  font-size: 0.625rem;
  line-height: 0.7rem;
  padding: 0.1rem 0.2rem;
  min-width: 25px;
  top: -1px;
  position: relative;
  margin-left: 0.5rem;
}
.bets__betslip .block--input-money .ui__field.placeholder {
  color: inherit;
  opacity: 1;
}
.bets__betslip .block--input-money .ui__field:-moz-placeholder {
  color: inherit;
  opacity: 1;
}
.bets__betslip .block--input-money .ui__field::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
.bets__betslip .block--input-money .ui__field:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
.bets__betslip .block--input-money .ui__field::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
.bets__betslip__warning {
  width: 100%;
  padding: 0 14px;
  margin-bottom: 8px;
}
.bets__betslip__warning .warningContainer {
  width: 100%;
  min-height: 48px;
  padding: 8px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  border: solid 1px #e6a13c;
  background-color: rgba(230, 161, 60, 0.1);
  color: cv(dt-txt-6);
}
@media (max-width: 767.98px) {
  .bets__betslip .block {
    margin-bottom: 0;
  }
}
.bets__betslip .block__wrap {
  margin-bottom: 0;
}
.bets__betslip .stake-all {
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #d7d9da;
}
.bets__betslip .stake-all__label {
  display: flex;
  align-items: center;
  font-weight: 500;
  margin-left: 0.5rem;
  white-space: nowrap;
}
.bets__betslip .stake-all .block__wrap {
  width: 100%;
}
.bets__betslip .stake-all .block--input-money {
  display: flex;
  margin-left: auto;
  margin-right: -0.25rem;
}
.bets__betslip .itemList {
  width: 100%;
  padding: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  position: relative;
}
.bets__betslip .itemList .bets-count {
  margin-left: 0.5rem;
}
.bets__betslip .itemList .event__name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  width: 100%;
  gap: 0.25rem;
}
.bets__betslip .itemList .event__name-name,
.bets__betslip .itemList .event__name .event__team {
  padding-left: 0.25rem;
}
.bets__betslip .itemList {
  /*overflow: hidden;*/
}
.bets__betslip .itemList.placed {
  width: calc(100% - 8px);
  padding: 8px;
  margin: 8px auto;
  position: relative;
  border-radius: 0.3rem;
  border: solid 1px var(--dt-light-5);
  color: var(--dt-txt-5);
}
.bets__betslip .itemList.placed .itemList__loading {
  width: calc(100% - 16px);
  height: calc(100% - 16px);
}
.bets__betslip .itemList.placed .itemList__item {
  --closeWidth: 0;
  padding: 8px;
}
.bets__betslip .itemList.placed .itemList__item .odd {
  color: #ebcf87;
}
.bets__betslip .itemList.placed .itemList__item .event__name,
.bets__betslip .itemList.placed .itemList__item .event__team {
  color: inherit;
}
.bets__betslip .itemList__header {
  margin-top: 10px;
  margin-bottom: 12px;
  width: 100%;
  text-align: center;
  color: var(--dt-txt-5);
}
.bets__betslip .itemList__header .AkIcon-check-icon,
.bets__betslip .itemList__header .AkIcon-close-icon {
  border-radius: 10px;
  border: 1px solid currentColor;
  font-size: 8px;
  padding: 1px;
  width: 14px;
  height: 14px;
  display: block;
  line-height: 1;
  margin-right: 4px;
}
.bets__betslip .itemList__header .AkIcon-check-icon {
  color: #28a745;
}
.bets__betslip .itemList__header .AkIcon-close-icon {
  color: #b33e3e;
}
.bets__betslip .itemList__header .AkrIcon-warning {
  color: #e6a13c;
  width: 14px;
  height: 14px;
  display: block;
  line-height: 1;
  margin-right: 4px;
}
.bets__betslip .itemList__controls {
  margin-top: 8px;
  display: flex;
}
.bets__betslip .itemList__controls > button {
  flex: 1;
  height: 32px;
  padding: 0 4px;
  margin: 0 4px;
}
.bets__betslip .itemList__loading {
  position: absolute;
  width: calc(100% - 8px);
  border-radius: 0.3rem;
  height: 100%;
  background-color: rgba(33, 35, 48, 0.8);
  z-index: 9;
}
.bets__betslip .itemList__loading > div {
  flex: none;
  width: 78px;
  height: 78px;
  position: relative;
  font-size: 24px;
  font-weight: 600;
  color: var(--betsBetslipItemListLoadingColor);
}
.bets__betslip .itemList__loading > div:before {
  content: "";
  width: 78px;
  height: 78px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 78px;
  border: solid 2px var(--dt-txt-1);
  border-left-color: var(--dt-txt-2);
  border-bottom-color: var(--dt-txt-2);
  transform: rotateZ(45deg);
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
.bets__betslip .itemList__item {
  width: 100%;
  min-height: 68px;
  position: relative;
  margin-bottom: 0.25rem;
  padding: 0.5rem;
  /*will-change: transform;*/
  flex-wrap: wrap;
  column-gap: 0.5rem;
  border-bottom: 1px solid #d7d9da;
}
.bets__betslip .itemList__item.new {
  -webkit-animation: betslipAttention 0.5s ease-in-out both;
  animation: betslipAttention 0.5s ease-in-out both;
}
.bets__betslip .itemList__item:before {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(100% - 24px);
  background-color: transparent;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bets__betslip .itemList__item.error {
  -webkit-animation: headShake 1s ease-in-out 1;
  -o-animation: headShake 1s ease-in-out 1;
  animation: headShake 1s ease-in-out 1;
}
.bets__betslip .itemList__item.error:before {
  opacity: 0.7;
  background-color: #d42439;
  -webkit-animation: opacityBg 1s linear infinite;
  -o-animation: opacityBg 1s linear infinite;
  animation: opacityBg 1s linear infinite;
}
.bets__betslip .itemList__item.warning {
  -webkit-animation: headShake 1s ease-in-out 1;
  -o-animation: headShake 1s ease-in-out 1;
  animation: headShake 1s ease-in-out 1;
}
.bets__betslip .itemList__item.warning:before {
  opacity: 0.7;
  background-color: rgb(255, 150, 10);
  -webkit-animation: opacityBg 1s linear infinite;
  -o-animation: opacityBg 1s linear infinite;
  animation: opacityBg 1s linear infinite;
}
.bets__betslip .itemList__item.suspended, .bets__betslip .itemList__item.disabled {
  opacity: 0.9;
}
.bets__betslip .itemList__item__alert {
  background: rgba(18, 18, 18, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.bets__betslip .itemList__item__alert span {
  background: rgba(18, 18, 18, 0.85);
  border-radius: 0.3rem;
  border: 1px solid rgb(255, 150, 10);
  color: rgb(255, 150, 10);
  padding: 0.375rem 0.5rem;
  min-width: 66%;
  box-shadow: 0 2px 4px 0 rgba(33, 37, 41, 0.5);
}
.bets__betslip .itemList__item__note {
  padding: 1rem;
  margin: 0 -0.5rem;
  font-size: 0.75rem;
}
.bets__betslip .itemList__item__note--header {
  font-weight: bold;
}
.bets__betslip .itemList__item__competitors {
  display: flex;
  margin: 0.25rem 0;
  justify-content: center;
  align-items: center;
}
.bets__betslip .itemList__item__competitor {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bets__betslip .itemList__item__competitor:before {
  content: "";
  display: inline-flex;
  margin-bottom: 0.125rem;
  width: 1.75rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 0.25rem;
}
.bets__betslip .itemList__item__competitor--sportsbet:before {
  background-image: url(/static/assets/images/partners/sb.png);
}
.bets__betslip .itemList__item__competitor--tab:before {
  background-image: url(/static/assets/images/partners/tab.png);
}
.bets__betslip .itemList__item__competitor--ladbrokes:before {
  background-image: url(/static/assets/images/partners/l.png);
}
.bets__betslip .itemList__item.has-unaccepted-odds .odd {
  color: rgb(220, 50, 70);
}
.bets__betslip .itemList__item.has-unaccepted-odds:before {
  background-color: rgb(255, 150, 10);
}
.bets__betslip .itemList__item.no-multi {
  flex-direction: column;
  text-align: center;
  padding: 0.75rem 0.75rem 1.5rem 0.75rem;
}
.bets__betslip .itemList__item.no-multi .no-multi-header {
  font-size: 1rem;
  font-weight: 700;
  margin: 0.25rem 0;
  display: flex;
  align-items: center;
}
.bets__betslip .itemList__item.no-multi .no-multi-content {
  opacity: 0.75;
  font-size: 0.75rem;
}
.bets__betslip .itemList__item {
  --closeWidth: 18px;
  --oddWidth: 60px;
  /*--marketWidth: 80px;*/
}
.bets__betslip .itemList__item .close {
  flex: none;
  width: var(--closeWidth);
  height: var(--closeWidth);
  margin-right: 0;
  margin-left: -1px;
  font-size: 1.5rem;
  font-weight: normal;
  cursor: pointer;
  transition: background-color 0.1s, color 0.1s;
  margin-bottom: auto;
}
.bets__betslip .itemList__item .close:hover {
  transform: scale(-1.2, 1.2);
}
.bets__betslip .itemList__item .close {
  z-index: 2;
}
.bets__betslip .itemList__item .controls__block {
  width: 100%;
  margin-bottom: 0.375rem;
  margin-top: 2px;
}
.bets__betslip .itemList__item .controls__block:not(:has(*)) {
  margin: 0;
  padding: 0;
}
.bets__betslip .itemList__item .controls__block + .controls__block {
  margin-top: 0;
}
.bets__betslip .itemList__item .controls__block .b-col {
  line-height: 1;
}
.bets__betslip .itemList__item .controls__block:last-child {
  margin-bottom: 0;
}
.bets__betslip .itemList__item .controls__block_column {
  margin-left: var(--closeWidth);
  margin-top: 0.4rem;
}
.bets__betslip .itemList__item .controls__block .block--input-money {
  width: 100%;
  align-items: stretch;
}
.bets__betslip .itemList__item .controls__block .possible-win {
  margin-top: 0.25rem;
  margin-right: 0.25rem;
  justify-content: start;
}
.bets__betslip .itemList__item .controls__block .possible-win__title {
  font-size: 0.75rem;
  font-weight: normal;
}
.bets__betslip .itemList__item .controls__block .possible-win.rightSide {
  justify-content: flex-end;
}
.bets__betslip .itemList__item .controls__block .total-amount {
  margin-top: 0.3rem;
  margin-bottom: -0.3rem;
}
.bets__betslip .itemList__item .event {
  flex: 1;
  max-width: calc(100% - var(--closeWidth) - var(--oddWidth) - 4px);
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  padding-top: 0.125rem;
  padding-bottom: 0.5rem;
}
.bets__betslip .itemList__item .event__outcome-container {
  display: flex;
  align-items: center;
}
.bets__betslip .itemList__item .event__outcome-container .event__outcome-details {
  max-width: calc(100% - 1.75rem - 0.5rem);
}
.bets__betslip .itemList__item .event__outcome-logo {
  /*position: absolute;
  left: 0;*/
  width: 1.75rem;
  margin-right: 0.5rem;
  margin-left: 0;
}
.bets__betslip .itemList__item .event__outcome-logo .event-participants__participant-logo,
.bets__betslip .itemList__item .event__outcome-logo .runnerImage--masked {
  width: 1.75rem;
  transform: scale(0.95);
}
.bets__betslip .itemList__item .event__outcome-name {
  display: flex;
  margin-bottom: 0.25rem;
  font-weight: 500;
}
.bets__betslip .itemList__item .event__market-name--specifiers {
  font-size: 0.75rem;
  color: var(--betsBetslipItemListItemEventNameColor);
  line-height: 1rem;
}
.bets__betslip .itemList__item .event__score {
  font-weight: 600;
  color: var(--betsBetslipItemListItemInfoColor);
}
.bets__betslip .itemList__item .event__team, .bets__betslip .itemList__item .event__name {
  line-height: 1rem;
  font-size: 0.75rem;
  color: var(--betsBetslipItemListItemEventNameColor);
  margin-bottom: 0.125rem;
}
.bets__betslip .itemList__item .event__team--hard, .bets__betslip .itemList__item .event__name--hard {
  color: inherit;
  margin-bottom: 0.75rem;
}
.bets__betslip .itemList__item:not(.readonly) .odd__default,
.bets__betslip .itemList__item:not(.readonly) .odd__original {
  margin-right: 0.25rem;
}
.bets__betslip .itemList__item .sub-item {
  width: 100%;
  padding: 0.5rem;
  padding-left: 0;
  border-top: 1px solid #343a40;
}
.bets__betslip .itemList__item .sub-item__index, .bets__betslip .itemList__item .sub-item__name {
  display: inline-block;
  font-weight: 500;
}
.bets__betslip .itemList__item .sub-item__market {
  font-size: 0.75rem;
  color: var(--betsBetslipItemListItemEventNameColor);
}
.bets__betslip .itemList__item .odd {
  flex-direction: column;
  align-items: flex-end;
  height: 100%;
  text-align: right;
  font-weight: 600;
  min-width: var(--oddWidth);
  flex: none;
  position: relative;
  align-self: start;
}
.bets__betslip .itemList__item .odd.up .odd__default, .bets__betslip .itemList__item .odd.down .odd__default {
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  --betsBetslipItemListItemOddColor: var(--betsBetslipItemListItemOddColor);
  color: #ac4058;
}
.bets__betslip .itemList__item .odd.up .odd__default span, .bets__betslip .itemList__item .odd.down .odd__default span {
  color: var(--betsBetslipItemListItemEventNameColor);
}
.bets__betslip .itemList__item .odd.up .odd__original {
  --betsBetslipItemListItemOddColor: rgb(30, 230, 75);
}
.bets__betslip .itemList__item .odd.up .odd__original:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid var(--betsBetslipItemListItemOddColor);
}
.bets__betslip .itemList__item .odd.down .odd__original {
  --betsBetslipItemListItemOddColor: #ac4058;
}
.bets__betslip .itemList__item .odd.down .odd__original:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--betsBetslipItemListItemOddColor);
}
.bets__betslip .itemList__item .odd.boosted .odd__default {
  position: relative;
}
.bets__betslip .itemList__item .odd.boosted .icons {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: -1rem;
}
.bets__betslip .itemList__item .odd.boosted .odd__original {
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  --betsBetslipItemListItemOddColor: var(--betsBetslipItemListItemOddColor);
  color: #ac4058;
}
.bets__betslip .itemList__item .odd.boosted .odd__original span {
  color: var(--betsBetslipItemListItemEventNameColor);
}
.bets__betslip .itemList__item .odd.boosted.down .odd__default {
  text-decoration: none;
}
.bets__betslip .itemList__item .odd__default {
  color: var(--betsBetslipItemListItemOddColor);
  font-weight: 700;
  border-radius: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  width: auto;
}
.bets__betslip .itemList__item .odd__original {
  position: relative;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  color: var(--betsBetslipItemListItemOddColor);
  transition: color 0.2s;
}
.bets__betslip .itemList__item .odd__original:before {
  top: 10px;
  left: -11px;
}
.bets__betslip .itemList__item .btn-bonus {
  width: 100%;
  white-space: nowrap;
  justify-content: center;
  font-size: 0.8rem;
}
.bets__betslip .itemList__item .btn-bonus__block {
  flex-wrap: nowrap;
  gap: 0.25rem;
  justify-content: end;
}
.bets__betslip .itemList__item .btn-bonus__block:not(:has(*)) {
  margin: 0;
  padding: 0;
}
.bets__betslip .itemList__item .btn-bonus__wrapper {
  max-width: 50%;
  flex: 1;
}
.bets__betslip .itemList__item .btn-bonus .icons {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.25rem;
}
.bets__betslip .itemList__item .btn-bonus.active {
  background-color: #00f181;
}
.bets__betslip .itemList__item .place-container {
  min-width: 2.5rem;
}
.bets__betslip .itemList__item .place-container.event__outcome-logo {
  min-width: 1.75rem;
  margin-left: -2.25rem;
}
.bets__betslip .itemList .multi-bet .itemList_sub-container .itemList__item {
  min-height: 2.5rem;
}
.bets__betslip .itemList .multi-bet .itemList_sub-container .itemList__item .odd__default, .bets__betslip .itemList .multi-bet .itemList_sub-container .itemList__item .odd__original {
  padding-right: 0;
}
.bets__betslip .itemList .multi-bet .itemList_sub-container .itemList__item .odd.boosted .odd__default {
  display: none;
}
.bets__betslip .itemList .multi-bet .itemList_sub-container .itemList__item .odd.boosted .odd__original {
  text-decoration: none;
}
.bets__betslip .itemList .multi-bet .itemList__item {
  margin-bottom: 0;
  --closeWidth: 4px;
}
.bets__betslip .itemList .multi-bet .itemList__item .sub-item {
  padding-left: 0;
}
.bets__betslip .itemList .multi-bet .itemList__item__note {
  padding: 0.5rem 1rem 1rem 1rem;
  margin: 0;
  width: 100%;
}
.bets__betslip .itemList .multi-bet .itemList__item .itemList__item__note {
  display: none;
}
.bets__betslip .itemList--single-bets .itemList__item {
  padding-bottom: 0;
}
.bets__betslip .itemList__bets--sgm .itemList__item .controls__block:has(*) {
  margin-bottom: 0.25rem;
}
.bets__betslip .itemList--confirming .itemList__item .event {
  max-width: calc(100% - var(--oddWidth) - 4px);
}
.bets__betslip .itemList--confirming .itemList__item .possible-win {
  margin-right: 0;
}
.bets__betslip .itemList--confirming .itemList__item .total-amount__amount,
.bets__betslip .itemList--confirming .itemList__item .possible-win__amount {
  min-width: calc(var(--oddWidth) - 0.25rem);
  text-align: right;
}
.bets__betslip .betError {
  width: 100%;
  min-height: 30px;
  padding: 0.375rem 0.75rem;
  background-color: rgba(249, 65, 68, 0.16);
  border-top: 2px solid rgb(220, 50, 70);
  -webkit-animation: flashing 1s linear 3;
  -o-animation: flashing 1s linear 3;
  animation: flashing 1s linear 3;
  justify-content: flex-start;
  display: block;
}
.bets__betslip .betError.warning {
  background-color: rgba(255, 190, 10, 0.16);
  border-top: 2px solid rgb(255, 150, 10);
}
.bets__betslip .betError i {
  padding-right: 0.25rem;
}
.bets__betslip .betError i:before {
  line-height: inherit;
  color: rgb(255, 150, 10);
}
.bets__betslip .betError .error {
  display: inline-block;
}
.bets__betslip .max-bet__block {
  margin-top: 0.375rem;
}
.bets__betslip .max-bet__amount {
  display: inline-block;
  margin-left: 0.25rem;
  cursor: pointer;
  text-decoration: underline;
}
@media (hover: hover) {
  .bets__betslip .max-bet__amount:hover {
    color: #00f181;
  }
}
.bets__betslip .max-bet__warning {
  color: #e6a13c;
  font-size: 0.75rem;
}
.bets__betslip .combos {
  display: inline-block;
  margin-left: 0.25rem;
}
.bets__betslip .controls.sticky {
  position: sticky;
  bottom: 0;
  z-index: 11;
}
.bets__betslip .controls__block {
  margin-bottom: 0.5rem;
}
.bets__betslip .controls__block--equal > div {
  flex: 1;
}
.bets__betslip .controls__block {
  /*        &.gutter {
            margin-top: 16px;
          }*/
}
.bets__betslip .controls__block_column {
  display: flex;
  flex-direction: column;
}
.bets__betslip .controls__block_column > .inputBlock,
.bets__betslip .controls__block_column > .inputBlock .block,
.bets__betslip .controls__block_column > .column {
  width: 100%;
}
.bets__betslip .controls__block_column .possible-win {
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin-top: 0.5rem;
}
.bets__betslip .controls__block_column .possible-win .possible-win__amount {
  margin-left: 0.25rem;
}
.bets__betslip .controls__block_column .possible-win .possible-win__title {
  margin-bottom: 0;
}
.bets__betslip .controls__block .quickAmount {
  flex: 1;
  height: 24px;
  border-radius: 0.3rem;
  background-color: var(--dt-light-5);
  font-size: 8px;
  font-weight: bold;
  transition: background-color 0.2s;
  color: var(--dt-txt-6);
  cursor: pointer;
  margin: 0 2px;
}
.bets__betslip .controls__block .quickAmount:hover, .bets__betslip .controls__block .quickAmount.active {
  background-color: var(--dt-txt-1);
}
.bets__betslip .controls__block .toggleBlock, .bets__betslip .controls__block .toggleBlock--empty {
  height: 2rem;
  line-height: 2rem;
}
.bets__betslip .controls__block .toggleBlock {
  min-width: 94px;
  border-radius: 0.3rem;
  border: 1px solid transparent;
  position: relative;
  cursor: pointer;
}
.bets__betslip .controls__block .toggleBlock__title {
  position: relative;
  z-index: 1;
  flex: 1;
  line-height: 1.5rem;
  padding: 0.25rem 0.75rem;
}
.bets__betslip .controls__block .toggleBlock__dropdown {
  top: 2.25rem;
  line-height: 1.25rem;
  z-index: 11;
  max-height: 78px;
  min-width: 94px;
}
.bets__betslip .controls__block .toggleBlock__dropdown > div {
  font-size: 12px;
  padding: 0.25rem 0.75rem;
}
.bets__betslip .controls__block .toggleBlock__dropdown:after {
  display: none;
}
.bets__betslip .controls__block .toggleBlock:before {
  content: "";
  right: 0.5rem;
  top: 0.9rem;
}
.bets__betslip .controls__block .inputError {
  width: 100%;
  min-height: 30px;
  opacity: 0.8;
  border-radius: 0.3rem;
  border: solid 1px rgb(220, 50, 70);
  background-color: rgba(249, 65, 68, 0.3);
  padding: 4px 12px;
  font-size: 12px;
  color: var(--dt-txt-6);
}
.bets__betslip .controls__block .bonus-type {
  display: flex;
}
.bets__betslip .controls__block .bonus-type .icons {
  width: 1rem;
  height: 1rem;
}
.bets__betslip .controls__block .rightSide {
  margin-left: auto;
}
.bets__betslip .controls__block .rightSide .oddName {
  margin-right: 8px;
  font-size: 10px;
  font-weight: 600;
  color: var(--betsBetslipControlsBlockOddNameColor);
}
.bets__betslip .controls__block .rightSide .oddAmount {
  font-size: 12px;
  font-weight: 600;
  color: #cae26a;
}
.bets__betslip .controls__block .rightSide .oddAmount.up {
  color: #cae26a;
}
.bets__betslip .controls__block .rightSide .oddAmount.down {
  color: #ac4058;
}
.bets__betslip .controls__block .rightSide .possible-win__title {
  font-size: 10px;
  font-weight: 600;
}
.bets__betslip .controls__block .rightSide .possible-win__amount {
  margin-left: 0.5rem;
}
.bets__betslip .controls__block .rightSide .potentialWinAmount {
  font-size: 12px;
  font-weight: 600;
  color: var(--betsBetslipControlsBlockPotentialWinAmountColor);
}
.bets__betslip .controls__block .rightSide {
  /*          &.column {
              flex-direction: column;
              align-items: flex-start;
            }*/
}
.bets__betslip .controls__block .switchBlockInfo {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.bets__betslip .bonus__description {
  color: var(--betsBetslipItemListItemBonusDescriptionColor);
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0 0.25rem;
}
.bets__betslip .bonus__warn {
  margin: 0 0.25rem;
  color: rgb(220, 50, 70);
  justify-content: center;
  font-size: 0.875rem;
  gap: 0.375rem;
  border-radius: 4px;
}
.bets__betslip .bonus__warn .AkrIcon-warning {
  line-height: 1;
}
.bets__betslip .static-loading {
  display: none;
}
.bets__bet-reports .bets__status {
  display: none;
}
.bets__bet-reports .status-combined,
.bets__bet-reports .leg-status {
  display: none;
}
.bets__bet-reports .close {
  color: #ffffff;
  background-color: rgb(220, 50, 70);
  border-radius: 50%;
  position: absolute;
  line-height: 1rem;
  right: 5px;
  top: 5px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  display: none;
}
.bets__bet-reports .clear-reports-wrapper {
  width: 100%;
  position: absolute;
  padding: 10px;
  bottom: 0;
  display: none;
}
.bets__bet-reports .clear-reports {
  width: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}
.bets__bet-reports .itemList__header {
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  font-weight: 500;
  font-size: 1rem;
}
.bets__bet-reports .itemList__header.bets__bet-reports__placed {
  display: none;
}
.bets__bet-reports .itemList__header:before {
  display: none;
}
.bets__bet-reports__placed {
  border: 1px solid rgb(30, 230, 75);
  color: rgb(30, 230, 75);
  background-color: rgba(30, 230, 75, 0.1);
  border-radius: 4px;
}
.bets__bet-reports__placed.itemList__header {
  margin: 0.25rem;
  width: auto;
}
.bets__bet-reports .sub-item .event__outcome-logo {
  display: none;
}
.bets__bet-reports .bets__block .best-odds-status:after {
  display: none;
}
.bets__bet-reports .bets__block .best-odds-status--isBest:after, .bets__bet-reports .bets__block .best-odds-status--isGood:after {
  display: block;
}
.bets__button {
  width: 100%;
  padding: 8px 12px;
  position: sticky;
  bottom: 0;
  z-index: 9;
  background-color: var(--bgColorNav);
}
.bets__button button {
  width: 100%;
}
.bets .accordion-header {
  font-weight: 500;
  padding-left: 1rem;
}
.bets .accordion-body {
  padding: 0;
}
.bets .markets-name {
  padding-left: 18px;
}
.bets .markets-selector, .bets .markets-selector--empty {
  height: 2rem;
  line-height: 2rem;
}
.bets .markets-selector {
  display: block;
  position: relative;
  cursor: pointer;
}
.bets .markets-selector.disabled {
  cursor: default;
}
.bets .markets-selector__dropdown {
  top: 2rem;
  line-height: 1.25rem;
  z-index: 11;
  min-width: 94px;
  width: 100%;
  overflow: auto;
}
.bets .markets-selector__dropdown.expanded {
  max-height: 6rem;
}
.bets .markets-selector__dropdown > div {
  font-size: 12px;
  padding: 0.25rem 0.75rem;
}
.bets .markets-selector__dropdown > div.active {
  font-weight: 600;
}
.bets .markets-selector__dropdown:after {
  display: none;
}
.bets .markets-selector:before {
  content: "";
  right: 0.5rem;
  top: 0.9rem;
}
.bets .markets-selector,
.bets .ui__field,
.bets span.ui__field,
.bets input[type=text].ui__field,
.bets input[type=tel].ui__field,
.bets input[type=number].ui__field {
  height: 2rem;
  line-height: 2rem;
  padding: 0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #adb5bd;
}
.bets .b-row {
  margin: 0;
}
.bets .b-row .b-col {
  margin: 0 0.25rem;
}
.bets .best-odds-status {
  width: 100%;
}
.bets .best-odds-status:after {
  content: "";
  display: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.bets .best-odds-status--isBest:after {
  background-image: url(/static/assets/images/icons/betslip-best-odds.png);
  width: 95%;
  max-width: 300px;
  margin: 0 auto;
  aspect-ratio: 3/1;
}
.bets .best-odds-status--isGood:after {
  background-image: url(/static/assets/images/icons/betslip-good-odds.png);
  width: 95%;
  max-width: 300px;
  margin: 0 auto;
  aspect-ratio: 3/1;
}
.bets .best-odds-status--isNone .itemList__item__competitors {
  display: none;
}
.bets .best-odds-status--closed:after {
  display: none;
}

.place-bet-controls__type-selector {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.place-bet-controls .buttonBet,
.place-bet-controls .buttonCancel {
  width: 100%;
  margin-bottom: 0.5rem;
}
.place-bet-controls .buttonBet {
  padding: 0.75rem;
}
.place-bet-controls .possible-win, .place-bet-controls .possible-win__title {
  white-space: nowrap;
  font-weight: 600;
  font-size: 0.85rem !important;
}
.place-bet-controls .low-balance__block {
  text-align: center;
  border-top: 1px solid #d7d9da;
}
.place-bet-controls .low-balance__block .btn {
  margin-top: 0.5rem;
  line-height: inherit;
  text-decoration: none;
  word-break: break-word;
  text-transform: initial;
}

.bets label.row,
.place-bet-controls label.row {
  max-width: none;
}
.bets .total-amount,
.place-bet-controls .total-amount {
  white-space: nowrap;
  font-weight: 600;
  margin: 0.5rem 0;
}
.bets .total-amount__amount,
.place-bet-controls .total-amount__amount {
  margin-left: 0.5rem;
}

.icon-leg-multi {
  background-image: url(/static/assets/images/icons/leg-multi.png);
}

:root[theme=dark] .settings-content-controls__title,
:root[theme=dark] .settings-content-controls__hint {
  color: rgb(127.5, 127.5, 127.5);
}
:root[theme=dark] .settings-content-controls__input {
  color: #ffffff;
}
:root[theme=light] .settings .settings-content-controls__title,
:root[theme=light] .settings .settings-content-controls__hint {
  color: rgb(127.5, 127.5, 127.5);
}

/*.settings {
  padding: 0.25rem;
}*/
.settings-title {
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.settings-title:hover .settings-title__icon {
  transform: rotateZ(45deg);
}

.settings-title__icon {
  display: inline-block;
  transition: all 300ms ease-in-out;
}

.settings-title__label {
  margin-left: 0.5rem;
}

.settings-content-controls + .settings-content-controls {
  margin-top: 1.25rem;
}

.settings-content-controls__title {
  font-size: 0.85rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.25rem;
}

.settings-content-controls__hint {
  width: 100%;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.settings-content-controls__input {
  font-size: 0.85rem;
  line-height: 1.25;
}
.settings-content-controls__input .container {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.settings-content-controls__input .container + .container {
  margin-top: 0.5rem;
}

.settings-content__footer {
  display: flex;
  align-content: center;
  align-items: center;
  margin-top: 2rem;
}
.settings-content__footer .btn + .btn {
  margin-left: 0.25rem;
}

.quick-bet-toggle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.25rem 0;
}
.quick-bet-input__label {
  margin: 0.25rem 0;
}

:root[theme=dark] .bespoke-market {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .bespoke-market .event__link {
  color: #008d35;
}
:root[theme=dark] .bespoke-market__name {
  color: #000000;
}
:root[theme=dark] .bespoke-market__description {
  color: #212529;
}
:root[theme=dark] .bespoke-market__auth-buttons .btn-login {
  border: 1px solid transparent;
  background-color: #3b3b3b;
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=dark] .bespoke-market__auth-buttons .btn-login:hover {
    border: 1px solid transparent;
    background-color: rgb(84.5, 84.5, 84.5);
    color: #ffffff;
  }
}
:root[theme=dark] .bespoke-market__auth-buttons .btn-registration {
  border: 1px solid transparent;
  background-color: #00f181;
  color: #000000;
}
@media (hover: hover) {
  :root[theme=dark] .bespoke-market__auth-buttons .btn-registration:hover {
    border: 1px solid transparent;
    background-color: rgb(0, 215.5, 115.3506224066);
    color: #000000;
  }
}
:root[theme=dark] .bespoke-outcome__name {
  color: #000000;
}
:root[theme=dark] .bespoke-outcome__description {
  color: #212529;
}
:root[theme=dark] .bespoke-filters .filter-item {
  border: 1px solid #00f181;
  color: #e9ecef;
}
:root[theme=dark] .bespoke-filters .filter-item.active {
  background-color: #00f181;
  color: #000000;
  border: 1px solid #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .bespoke-filters .filter-item:hover {
    border: 1px solid 1px solid #00f181;
    color: #000000;
  }
}
:root[theme=dark] .icons.icon--bespoke-markets {
  filter: invert(1);
}
:root[theme=light] .bespoke-market {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .bespoke-market .event__link {
  color: #0082d5;
}
:root[theme=light] .bespoke-market__name {
  color: #4b526a;
}
:root[theme=light] .bespoke-market__description {
  color: #6c757d;
}
:root[theme=light] .bespoke-market__auth-buttons .btn-login {
  border: 1px solid transparent;
  background-color: #28a745;
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .bespoke-market__auth-buttons .btn-login:hover {
    border: 1px solid transparent;
    background-color: #28a745;
    color: #ffffff;
  }
}
:root[theme=light] .bespoke-market__auth-buttons .btn-registration {
  border: 1px solid transparent;
  background-color: #0082d5;
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .bespoke-market__auth-buttons .btn-registration:hover {
    border: 1px solid transparent;
    background-color: #0082d5;
    color: #ffffff;
  }
}
:root[theme=light] .bespoke-outcome__name {
  color: #4b526a;
}
:root[theme=light] .bespoke-outcome__description {
  color: #6c757d;
}
:root[theme=light] .bespoke-outcome__btn.btn.disabled {
  pointer-events: none;
  background-color: #e9ecef;
  color: #6c757d;
}
:root[theme=light] .bespoke-filters .filter-item {
  border: 1px solid transparent;
}
:root[theme=light] .bespoke-filters .filter-item.active {
  background-color: #00c5ec;
  color: #ffffff;
  border: 1px solid #00c5ec;
}
@media (hover: hover) {
  :root[theme=light] .bespoke-filters .filter-item:hover {
    border: 1px solid #00c5ec;
  }
}
:root[theme=light] .icons.icon--bespoke-markets {
  filter: invert(1);
}

.bespoke-market__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  margin-top: 1rem;
}
.bespoke-market__list .bespoke-market {
  flex: 1 1 100%;
  padding: 0;
  margin: 0 0 1.25rem;
  overflow: hidden;
  border-radius: 0;
}
.bespoke-market__list .bespoke-market__image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  max-height: 240px;
}
.bespoke-market__list .bespoke-market__content {
  padding: 1rem 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 767.98px) {
  .bespoke-market__list .bespoke-market__content {
    padding: 0.75rem 1rem;
  }
}
.bespoke-market__list .bespoke-market__info {
  font-size: 0.75rem;
  line-height: 1rem;
  display: flex;
  margin-bottom: 0.5rem;
}
.bespoke-market__list .bespoke-market__info .event__date-time {
  text-align: left;
  margin-right: 0.5rem;
}
.bespoke-market__list .bespoke-market__info .event__date-time .event__date-time-text {
  margin-left: 0.25rem;
}
.bespoke-market__list .bespoke-market__name {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 767.98px) {
  .bespoke-market__list .bespoke-market__name {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.bespoke-market__list .bespoke-market__description {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.bespoke-market__list .bespoke-market__event .event__link {
  font-weight: 500;
}
.bespoke-market__list .bespoke-market__auth-buttons {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
  gap: 0.75rem;
}
.bespoke-market__list .bespoke-market__auth-buttons .btn-login,
.bespoke-market__list .bespoke-market__auth-buttons .btn-registration {
  text-decoration: none;
  flex: 0 1 50%;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
}
.bespoke-market__list .bespoke-market .bespoke-outcomes {
  margin-top: 0.75rem;
}
.bespoke-market__list .bespoke-market .bespoke-outcome__text-container {
  flex-grow: 1;
}
.bespoke-market__list .bespoke-market .bespoke-outcome__btn {
  flex-grow: 0;
  width: 100%;
  max-width: 140px;
  padding: 0.75rem 1rem;
  margin-right: 0;
  margin-left: 0;
}
@media (max-width: 767.98px) {
  .bespoke-market__list .bespoke-market .bespoke-outcome__btn {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .bespoke-market__list .bespoke-market .bespoke-outcome__btn {
    max-width: 80px;
    padding: 0.5rem 0.75rem;
  }
}
.bespoke-market__list .bespoke-market .odd-wrapper__content {
  column-gap: 0.5rem;
}

.bespoke-outcomes .bespoke-outcome + .bespoke-outcome {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #c9cdd4;
}

.bespoke-outcome__name {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bespoke-outcome__name .bespoke-outcome__btn {
  display: none;
}
@media (max-width: 767.98px) {
  .bespoke-outcome__name .btn.bespoke-outcome__btn {
    display: inline-block;
    margin-left: 0.5rem;
  }
}
.bespoke-outcome__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.bespoke-outcome .odd-wrapper__content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.bespoke-outcome__text-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.bespoke-outcome__btn {
  font-weight: 600;
}

.bespoke-filters.filter__wrapper {
  flex-direction: row;
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}
.bespoke-filters .filter-item {
  display: flex;
  cursor: pointer;
  padding: 0.25rem 0.75rem;
  border: 1px solid #343a40;
  border-radius: 4px;
  font-size: 0.875rem;
  white-space: nowrap;
}

.no-promotions__signin {
  margin-top: 2rem;
}
.no-promotions__signin .btn {
  text-decoration: none;
}
.no-promotions__signin .btn:hover {
  text-decoration: none;
}
.no-promotions__signin .btn.btn-registration {
  margin-left: 1rem;
}

.main__body--race-page .bespoke-market__info,
.sportDetails .bespoke-market__info {
  display: none;
}

.no-bespoke-message {
  margin-bottom: 2rem;
  text-align: center;
}

.icon--bespoke-markets {
  background-image: url(/static/assets/images/icons/ico-bespoke-markets.svg);
}

:root[theme=dark] .footer--mobile {
  border: 1px solid rgb(41, 41, 41);
}
:root[theme=dark] .footer-block {
  border: 1px solid rgb(41, 41, 41);
  color: rgb(216.75, 216.75, 216.75);
}
:root[theme=dark] .footer-block--csm-content a {
  color: #ffffff;
}
:root[theme=dark] .footer-block--navigation .nav-links__title {
  color: #ffffff;
}
:root[theme=dark] .footer-block--copyrights .age-restriction {
  border-color: #00f181;
  color: #00f181;
}
:root[theme=light] .footer--mobile {
  border: 1px solid rgb(215, 215, 215);
}
:root[theme=light] .footer-block {
  border: 1px solid rgb(215, 215, 215);
  color: rgb(63.75, 63.75, 63.75);
}
:root[theme=light] .footer-block--csm-content a {
  color: #000000;
}
:root[theme=light] .footer-block--navigation .nav-links__title {
  color: rgb(127.5, 127.5, 127.5);
}
:root[theme=light] .footer-block--copyrights .age-restriction {
  border-color: #00c5ec;
  color: #00c5ec;
}

.footer {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 0.75rem;
}
.footer--mobile {
  padding: 0 0.25rem;
}
.footer .static a {
  text-decoration: underline;
}
.footer .static a:hover {
  text-decoration: none;
}
.footer {
  /*  @include media-breakpoint-down(md) {
    margin-bottom: 3.5rem;
  }*/
}
@media (max-width: 991.98px) {
  .footer {
    border-top: 1px solid transparent;
  }
}
.footer {
  /*@include media-breakpoint-down(sm) {
    .static {
      p {
        margin: .5rem 0;
        font-size: .75rem;
      }
    }
  }*/
}

.footer__container {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.footer-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  padding: 0.25rem;
  border-top: 1px solid transparent;
  margin-top: 1rem;
}
.footer-block .static--empty {
  padding: 0;
  margin: 0;
  border: 0;
}
.footer-block--mobile {
  padding-top: 0;
  margin-top: 0.75rem;
  border: none;
}
.footer-block--mobile.footer-block--csm-content {
  margin-top: 0;
}

.footer__up-button {
  cursor: pointer;
}

.footer-block--csm-content {
  font-size: 0.85rem;
  line-height: 1.25;
}
.footer-block--csm-content a:hover {
  text-decoration: underline;
}

.footer-block--navigation .nav-links {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.85rem;
  line-height: 1.25;
}
.footer-block--navigation .nav-links__group {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}
@media (max-width: 767.98px) {
  .footer-block--navigation .nav-links__group:first-child {
    width: 25%;
  }
  .footer-block--navigation .nav-links__group:not(:first-child) {
    width: 35%;
    flex: 1;
  }
}
.footer-block--navigation .nav-links__title {
  text-transform: uppercase;
  padding: 0.25rem;
}
@media (max-width: 767.98px) {
  .footer-block--navigation .nav-links__title {
    font-size: 0.75rem;
  }
}
.footer-block--navigation .nav-links__link {
  padding: 0.25rem;
}
@media (max-width: 767.98px) {
  .footer-block--navigation .nav-links__link {
    font-size: 0.75rem;
  }
}

.footer-block--icons {
  width: 100%;
  gap: 1rem;
  flex-direction: column;
}
.footer-block--icons .icons-block {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.payments__logo {
  display: block;
  width: 64px;
  height: 50px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.footer-block--copyrights {
  font-size: 0.7rem;
  line-height: 1.25;
}
.footer-block--copyrights .age-restriction {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}

.footer_app-link {
  margin: 1rem auto;
}

.footer_app-link__container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
@media (min-width: 768px) {
  .footer_app-link__container {
    justify-content: center;
  }
}

.footer_app-link__btn {
  width: 160px;
  max-width: 40%;
}
.footer_app-link__btn a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.footer_app-link__btn img {
  width: 100%;
  height: auto;
}
.footer_app-link__btn + .footer_app-link__btn {
  margin-left: 2rem;
}

:root[theme=dark] .slick-slider .slick-arrow {
  background: #ffffff;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .slick-slider .slick-arrow:not(.slick-disabled):hover {
  background: white;
}
:root[theme=dark] .top-event-item {
  background: #1a1a1a;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] {
  /*.top-event-item__head {
    border: $dark-panel-border;
  }*/
}
:root[theme=dark] .top-event-status__label {
  color: #00f181;
}
:root[theme=dark] .main-market__outcome {
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  background-color: #f2f2f2;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
:root[theme=dark] .main-market__outcome .specifiers {
  font-size: 0.75rem;
  font-weight: 400;
}
:root[theme=dark] .main-market__outcome.disabled {
  background-color: transparent;
  color: #4b526a;
  border: none;
}
@media (hover: hover) {
  :root[theme=dark] .main-market__outcome:hover:not(.disabled) {
    color: #008d35;
    background-color: #f2f2f2;
    border: none;
  }
  :root[theme=dark] .main-market__outcome:hover:not(.disabled) .specifiers {
    color: #008d35;
  }
}
:root[theme=dark] .main-market__outcome:focus:not(.disabled) {
  color: #008d35;
  background-color: #f2f2f2;
  border: none;
}
:root[theme=dark] .main-market__outcome:focus:not(.disabled) .specifiers {
  color: #008d35;
}
:root[theme=dark] .main-market__outcome.selected {
  color: #ffffff;
  background-color: #008d35;
  border: none;
}
:root[theme=dark] .main-market__outcome.selected .specifiers {
  color: rgba(255, 255, 255, 0.75);
}
@media (hover: hover) {
  :root[theme=dark] .main-market__outcome.selected:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 166.5, 62.585106383);
    border: none;
  }
  :root[theme=dark] .main-market__outcome.selected:hover:not(.disabled) .specifiers {
    color: rgba(255, 255, 255, 0.75);
  }
}
:root[theme=dark] .main-market__outcome.selected:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 166.5, 62.585106383);
  border: none;
}
:root[theme=dark] .main-market__outcome.selected:focus:not(.disabled) .specifiers {
  color: #008d35;
}
:root[theme=dark] .main-market__outcome {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
:root[theme=light] .slick-slider .slick-arrow {
  background: #ffffff;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .slick-slider .slick-arrow:not(.slick-disabled):hover {
  background: rgb(229.5, 229.5, 229.5);
}
:root[theme=light] .top-event-item {
  background: #ffffff;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .top-event-item__head {
  border: 1px solid rgb(215, 215, 215);
}
:root[theme=light] .top-event-status__label {
  color: #00f181;
}
:root[theme=light] .main-market__outcome {
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #0082d5;
  background-color: transparent;
  border: 1px solid #0082d5;
  box-shadow: none;
}
:root[theme=light] .main-market__outcome .specifiers {
  font-size: 0.75rem;
  font-weight: 400;
}
:root[theme=light] .main-market__outcome.disabled {
  background-color: transparent;
  color: #c0c5cb;
  border: 1px solid #c0c5cb;
}
@media (hover: hover) {
  :root[theme=light] .main-market__outcome:hover:not(.disabled) {
    color: #ffffff;
    background-color: #0082d5;
    border: 1px solid #0082d5;
  }
  :root[theme=light] .main-market__outcome:hover:not(.disabled) .specifiers {
    color: #ffffff;
  }
}
:root[theme=light] .main-market__outcome:focus:not(.disabled) {
  color: #ffffff;
  background-color: #0082d5;
  border: 1px solid #0082d5;
}
:root[theme=light] .main-market__outcome:focus:not(.disabled) .specifiers {
  color: #ffffff;
}
:root[theme=light] .main-market__outcome.selected {
  color: #ffffff;
  background-color: #0082d5;
  border: 1px solid #0082d5;
}
:root[theme=light] .main-market__outcome.selected .specifiers {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .main-market__outcome.selected:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 98.8732394366, 162);
    border: 1px solid #ffffff;
  }
  :root[theme=light] .main-market__outcome.selected:hover:not(.disabled) .specifiers {
    color: #ffffff;
  }
}
:root[theme=light] .main-market__outcome.selected:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 98.8732394366, 162);
  border: 1px solid #ffffff;
}
:root[theme=light] .main-market__outcome.selected:focus:not(.disabled) .specifiers {
  color: #ffffff;
}
:root[theme=light] .main-market__outcome {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}

.slick-slider .slick-arrow {
  top: 0.15rem;
  bottom: 0.15rem;
  height: auto;
  opacity: 1;
  z-index: 5 !important;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border-radius: 0;
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.top-events {
  padding: 0.25rem;
}

.top-event-item {
  display: flex;
  flex-direction: column;
  width: 320px;
  height: 195px;
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25;
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.top-event-item .event-participants__participant-logo {
  padding-top: 0.25rem;
}

.top-event-item__head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0.15rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.top-event-item__head .event__extras {
  display: none;
  margin-left: auto;
  width: auto;
}
.top-event-item__head .top-event-item__sgm {
  display: none;
}

.top-event-item__type {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.top-event-item__type .icon {
  margin-right: 0.5rem;
}
.top-event-item__name {
  margin-left: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0.25rem;
}

.top-event-item__countdown {
  display: none;
  margin-left: auto;
}

.top-event-item__time {
  display: none;
}
.top-event-item__time.top-event-item__time--with-countdown {
  display: none;
}

.top-event-item__tournament-name {
  display: none;
}

.top-event-item__event-link:hover {
  text-decoration: none;
}

.top-event-info__body,
.top-event-item__market {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-content: center;
  /*align-items: center;*/
  text-align: center;
}
.top-event-info__body .main-market__outcome .name,
.top-event-info__body .main-market__outcome .outcome-logo,
.top-event-item__market .main-market__outcome .name,
.top-event-item__market .main-market__outcome .outcome-logo {
  display: none;
}

.top-event-info__left,
.top-event-info__right {
  flex: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top-event-info__center {
  flex: 1;
}
@media (max-width: 991.98px) {
  .top-event-info__center .countdown {
    display: none;
  }
}

.top-event-info__participant {
  max-width: 120px;
  height: 2.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-event-status,
.top-event-status__time {
  display: flex;
  flex-direction: column;
}

.top-event-status__sgm {
  margin-top: -0.25rem;
  margin-bottom: 0.25rem;
  height: 1rem;
}

.top-event-status__time {
  margin-top: 0.75rem;
  padding: 0 2px;
  white-space: nowrap;
}

.top-event-status__participants {
  display: none;
}

.top-event-status--live {
  margin-top: 0;
}
.top-event-status--live .top-event-status__time {
  margin-top: 0;
}

.top-event-status .icon--bet-bonus-all {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
}

.top-event-item__market {
  padding: 0.25rem;
}

.main-market__outcome {
  flex-grow: 1;
  margin: 0 0.5rem;
}
.main-market__outcome .odds-change-arrow {
  display: none;
}
.main-market__outcome .promo-odds {
  line-height: 1;
}
.main-market__outcome .odd {
  font-weight: bold;
}
.main-market__outcome.disabled {
  cursor: not-allowed;
}
.main-market__outcome.up {
  position: relative;
}
.main-market__outcome.down {
  position: relative;
}
.top-event-status__score {
  font-size: 1.1rem;
  line-height: 1.25;
  font-weight: 500;
}
.top-event-status__score .text {
  margin: 0 0.25rem;
}

.top-events--racing {
  padding: 0.25rem 0;
}
.top-events--racing .top-event-item {
  width: auto;
  height: auto;
  flex: 1;
}
.top-events--racing .top-event-item + .top-event-item {
  margin-top: 0.5rem;
}
.top-events--racing .top-event-item .top-event-item__head .icon-flag {
  display: inline-block;
  margin-right: 0.5rem;
  width: 15px;
  height: 10px;
  --flagSize: 10px;
}
.top-events--racing .top-event-item .race-metadata .separator {
  padding-left: 5px;
  padding-right: 5px;
}
.top-events--racing .top-event-item .race-metadata .race-metadata-item:first-child .separator {
  display: none;
}
.top-events--racing a.top-event-item:hover {
  text-decoration: none;
}
.top-events--racing .top-event-item__body {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-around;
}
.top-events--racing .top-event-item__body .race-name {
  margin-left: 0.5rem;
}
.top-events--racing .race-countdown {
  margin: 0 0 0 auto;
}

@media (min-width: 768px) {
  .top-events--racing {
    display: flex;
  }
  .top-events--racing .top-event-item + .top-event-item {
    margin-top: 0;
  }
}
:root[theme=dark] .selectedOdds {
  background-color: #1a1a1a;
  color: #ffffff;
}
:root[theme=dark] .selectedOdds .add_to_bet .block--input-money .ui__field {
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #dee2e6;
}
:root[theme=light] .selectedOdds {
  background-color: #ffffff;
  color: rgb(127, 127, 127);
}
:root[theme=light] .selectedOdds .add_to_bet .block--input-money .ui__field {
  color: rgb(127, 127, 127);
}

.selectedOdds {
  bottom: 0;
  position: sticky;
  z-index: 15;
  right: 0;
  left: 0;
  height: auto;
  margin-top: 1rem;
  width: 100%;
}
.selectedOdds .multi-add-selection {
  display: none;
  font-size: 0.9rem;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .selectedOdds {
    bottom: 64px;
  }
}
.selectedOdds .legs-navigation {
  align-items: center;
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: space-between;
}
.selectedOdds .legs-navigation-leg {
  flex: 1;
  min-width: 5rem;
  padding: 0.125rem 1rem;
  display: flex;
  align-items: center;
}
.selectedOdds .legs-navigation-leg--current {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  flex: initial;
  min-width: 8rem;
  padding: 0.125rem 0.5rem;
  justify-content: center;
  font-weight: bold;
}
.selectedOdds .legs-navigation-leg--prev {
  justify-content: flex-end;
}
.selectedOdds .legs-navigation-leg--nex {
  justify-content: flex-start;
}
.selectedOdds .legs-navigation-leg .icon {
  font-size: 0.75rem;
  margin: 0 0.25rem;
  line-height: 0.85rem;
}
.selectedOdds .legs-navigation-link {
  display: flex;
  align-items: center;
}
.selectedOdds .header {
  position: relative;
  height: 2rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.selectedOdds .header .icon {
  margin-right: 0.5rem;
  font-size: 0.75rem;
}
.selectedOdds .header .title {
  font-size: 1rem;
}
.selectedOdds .header .legs.combos {
  margin-left: auto;
  width: auto;
}
.selectedOdds .content {
  padding: 0.5rem 1rem 0;
}
.selectedOdds .content .row {
  display: flex;
  align-items: center;
  line-height: 1.25rem;
}
.selectedOdds .content .row .index {
  min-width: 1rem;
}
.selectedOdds .content .row .name {
  min-width: 11rem;
}
.selectedOdds .content .row .market {
  min-width: 3rem;
}
.selectedOdds .legs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
.selectedOdds .legs__combos {
  min-width: 1.25rem;
  text-align: center;
}
.selectedOdds .legs .loader.fetchingOutcome {
  display: inline-block;
  max-height: 1.25rem;
  max-width: 1.25rem;
  transform: scale(1.25);
  padding: 0;
}
.selectedOdds .legs .loader.fetchingOutcome svg {
  stroke: #ffffff;
}
.selectedOdds .action_section {
  padding: 0.75rem 1rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  align-items: baseline;
  justify-content: space-between;
  min-height: 3rem;
}
.selectedOdds .action_section .block__wrap {
  margin-bottom: 0;
}
.selectedOdds .action_section .legs.combos {
  display: none;
}
.selectedOdds .action_section .legs span {
  display: inline-block;
}
.selectedOdds .action_section .odds {
  display: flex;
  align-items: center;
  white-space: normal;
}
.selectedOdds .action_section .odds__spinner, .selectedOdds .action_section .odds__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.selectedOdds .action_section .odds .value-odds {
  border: 1px solid transparent;
  color: #ebcf87;
  font-weight: bold;
}
.selectedOdds .action_section .add_to_bet {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  justify-content: flex-end;
}
.selectedOdds .action_section .add_to_bet__amount {
  display: flex;
}
.selectedOdds .action_section .add_to_bet__amount .block--input-money {
  margin: 0 0.5rem;
  max-width: 170px;
  min-width: 100px;
  flex: 1;
}
.selectedOdds .action_section .add_to_bet__amount .block--input-money .ui__field {
  height: 2rem;
  padding: 0;
  border-radius: 0;
}
.selectedOdds .action_section .add_to_bet__amount .block--input-money .ui__field[disabled] {
  opacity: 0.5;
}
.selectedOdds .action_section .add_to_bet__amount .block--input-money .ui__field.placeholder {
  color: inherit;
  opacity: 0.75;
}
.selectedOdds .action_section .add_to_bet__amount .block--input-money .ui__field:-moz-placeholder {
  color: inherit;
  opacity: 0.75;
}
.selectedOdds .action_section .add_to_bet__amount .block--input-money .ui__field::-moz-placeholder {
  color: inherit;
  opacity: 0.75;
}
.selectedOdds .action_section .add_to_bet__amount .block--input-money .ui__field:-ms-input-placeholder {
  color: inherit;
  opacity: 0.75;
}
.selectedOdds .action_section .add_to_bet__amount .block--input-money .ui__field::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.75;
}
.selectedOdds .action_section .add_to_bet__btn {
  display: flex;
}
.selectedOdds .action_section .add_to_bet .btn {
  font-weight: bold;
  padding: 0.5rem 1rem;
  line-height: 1.125;
}
.selectedOdds .action_section .add_to_bet .add {
  background-color: #00f181;
  border: 1px solid rgba(249, 247, 247, 0);
  color: #ffffff;
}
.selectedOdds .action_section .add_to_bet .add:disabled {
  cursor: not-allowed;
  color: #87919b;
  background-color: inherit;
  border: 1px solid;
}
.selectedOdds .action_section .add_to_bet .add:disabled:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 768px) {
  .selectedOdds .action_section .add_to_bet .bet-now {
    display: none;
  }
}
.selectedOdds .action_section .add_to_bet .clear:hover {
  background-color: #87919b;
}
.selectedOdds .action_section .add_to_bet .clear {
  background-color: #87919b;
  border: 1px solid rgba(0, 0, 0, 0);
  color: #ffffff;
}
.selectedOdds .action_section .add_to_bet .clear .AkrIcon-trash {
  display: none;
}
.selectedOdds .action_section .btn {
  margin-left: 0.5rem;
}
@media (max-width: 991.98px) {
  .selectedOdds .action_section {
    padding: 0.75rem 0.5rem;
  }
  .selectedOdds .action_section .add_to_bet {
    flex: 1 0 auto;
    margin-left: auto;
  }
  .selectedOdds .action_section .add_to_bet--with-amount {
    margin-left: 0;
    flex-direction: column;
    align-items: end;
  }
  .selectedOdds .action_section .add_to_bet .add_to_bet__btn {
    margin: 0.5rem;
  }
}
.selectedOdds_notification {
  text-align: center;
  padding: 0.25rem;
}
.selectedOdds_notification--danger {
  background-color: rgb(220, 50, 70);
  -webkit-animation: headShake 1s ease-in-out 1;
  -o-animation: headShake 1s ease-in-out 1;
  animation: headShake 1s ease-in-out 1;
  -webkit-animation: opacityBg 1s linear infinite;
  -o-animation: opacityBg 1s linear infinite;
  animation: opacityBg 1s linear infinite;
}
.selectedOdds_notification--warning {
  background-color: rgb(255, 150, 10);
}
.selectedOdds .collapse__wrapper .index {
  margin-right: 0.5rem;
}
.selectedOdds .collapse__wrapper .market {
  font-size: 80%;
}
.selectedOdds .collapse__wrapper .name {
  font-size: 80%;
}

:root[theme=dark] .sports-filter__container {
  background: #191c21;
  color: #ffffff;
  border: none;
  box-shadow: none;
  overflow: hidden;
}
:root[theme=dark] .sport-filter-option {
  border: 1px solid #00f181;
  color: #e9ecef;
  background: transparent;
}
:root[theme=dark] .sport-filter-option.active {
  border: 1px solid #00f181;
  color: #000000;
  background: #00f181;
}
:root[theme=dark] .sport-filter-option.active::after {
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .sport-filter-option:hover {
    border: 1px solid #00f181;
    color: #000000;
    background: #00f181;
  }
  :root[theme=dark] .sport-filter-option:hover::after {
    background-color: #00f181;
  }
}
:root[theme=dark] .race-list-item--OPEN {
  color: rgb(30, 230, 75) !important;
}
:root[theme=dark] .race-list-item--PAYING {
  color: #d9d3d3 !important;
}
:root[theme=dark] .race-list-item--ABANDONED {
  color: darkgray !important;
}
:root[theme=dark] .sport-filter-option__counter {
  background-color: #191c21;
}
:root[theme=light] .sports-filter__container {
  background: #ffffff;
  color: #000000;
  border: 1px solid #ffffff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}
:root[theme=light] .sport-filter-option {
  border: 1px solid #6c757d;
  color: #6c757d;
  background: transparent;
}
:root[theme=light] .sport-filter-option.active {
  border: 1px solid #000000;
  background: #f5f6f7;
  color: #000000;
}
:root[theme=light] .sport-filter-option.active::after {
  background-color: #00f181;
}
@media (hover: hover) {
  :root[theme=light] .sport-filter-option:hover {
    border: 1px solid #000000;
    background: #f5f6f7;
    color: #000000;
  }
  :root[theme=light] .sport-filter-option:hover::after {
    background-color: #00f181;
  }
}
:root[theme=light] .sport-filter-option__counter {
  background-color: #ffffff;
}

.sports-filter {
  position: sticky;
  top: 0;
  left: 0;
  margin: 0.25rem 0 0;
  z-index: 10;
}
@media (max-width: 767.98px) {
  .sports-filter {
    top: 56px;
  }
}
.sports-filter.outright__filters {
  margin: 0.25rem 0 0 0;
}
.sports-filter + .sports-filter {
  margin-top: 0.25rem;
}

.sports-filter__container {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 100%;
  padding: 0.25rem;
}

.sports-filter__list,
.sports-filter__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  overflow: hidden;
  overflow-x: auto;
}

.sports-filter__list {
  padding: 0.25rem 0;
}

.sports-filter__header {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 0.25rem;
}
.sports-filter__header .flag__sport {
  width: 24px;
  height: 16px;
  margin-left: 0.75rem;
  --flagSize: 16px;
}

.sports-filter__list-item {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.sports-filter__list-item a {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-around;
}
.sports-filter__list-item a:hover {
  text-decoration: none;
}

.sport-filter-option {
  overflow: hidden;
  padding: 0.25rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 0.9rem;
  cursor: pointer;
  flex-shrink: 0;
  margin-right: 0.5rem;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
.sport-filter-option.active {
  cursor: default;
}

.sport-filter-option__icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
}

.sport-filter-option__counter {
  position: absolute;
  right: 1rem;
  top: 4px;
  padding: 1px;
  background-color: inherit;
  font-size: 0.6rem;
  line-height: 0.6rem;
}

.sport-filter-option__name {
  white-space: nowrap;
  text-align: center;
}

.sport-filter-option__icon {
  display: none;
}

.sports-filter--tournament {
  top: 0px;
  left: 0;
  z-index: 10;
}
.sports-filter--tournament .sport-filter-option {
  width: auto;
  height: auto;
  white-space: nowrap;
}

.sports-filter--race-numbers {
  position: relative;
  z-index: 9;
}
.sports-filter--race-numbers .sports-filter__list {
  margin-top: 0;
}
.sports-filter--race-numbers .sport-filter-option {
  padding: 0.35rem 1.25rem 0.4rem 1.25rem;
}
.sports-filter--race-numbers .sport-filter-option .race-number {
  font-size: 1.05rem;
}
.sports-filter--race-numbers .sport-filter-option .startTime {
  font-size: 0.875rem;
}

.main__body.main__body--race-page .icon-favorite-new,
.main__body.main__body--race-page .flag__sport,
.main__body.main__body--race-page .icon-racing,
.main__body.main__body--race-page .tournament-name {
  margin-left: 0.25rem;
  display: flex;
}
.main__body.main__body--race-page .icon-favorite-new .separator-title,
.main__body.main__body--race-page .flag__sport .separator-title,
.main__body.main__body--race-page .icon-racing .separator-title,
.main__body.main__body--race-page .tournament-name .separator-title {
  padding-left: 5px;
}

:root[theme=dark] .tournament__header {
  background: #191c21;
  color: #ffffff;
  border: none;
  box-shadow: none;
}
:root[theme=dark] .bet-types__selector__toggler {
  border: none;
  color: #ffffff;
}
:root[theme=light] .tournament__header {
  background: #ffffff;
  color: #000000;
  border: 1px solid #ffffff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}
:root[theme=light] .bet-types__selector__toggler {
  border: 1px solid #ffffff;
  color: #000000;
}

.tournament {
  min-height: 60vh;
}

.tournament__header {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: sticky;
  top: 1.75rem;
  left: 0;
  z-index: 9;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem;
  margin-top: 0.25rem;
}
@media (max-width: 767.98px) {
  .tournament__header .tournament__info {
    width: calc(320px / 1.75);
  }
}
.tournament__header .sport-filter-option, .tournament__header .sport-filter-option a {
  text-decoration: none;
}

.main__body--sport-live .tournament__header {
  top: 0;
}

.tournament__info,
.tournament__metadata,
.tournament__header__market-row,
.tournament-header__extras {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875rem;
  line-height: 1.25;
}

.tournament__info {
  justify-content: flex-start;
}
.tournament__info .venue-state {
  margin-left: 0.25rem;
}
.tournament__info .icon-favorite-new {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.875rem;
  line-height: 0.75rem;
  margin-left: 0.25rem;
}
.tournament__info .icon-racing {
  margin-left: 0.25rem;
  margin-right: 0;
}
.tournament__info .flag__sport {
  width: 24px;
  height: 16px;
  margin-left: 0.75rem;
  --flagSize: 16px;
}
.tournament__info .tournament-name {
  margin-left: 0.75rem;
  overflow: hidden;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tournament__info .tournament-name .tournament-title {
  font-weight: normal;
}
.tournament__info .tournament-countdown {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.tournament__metadata {
  justify-content: flex-start;
}
.tournament__metadata .metadata + .metadata {
  margin-left: 0.5rem;
}

.tournament__info + .tournament__metadata {
  margin-top: 0.5rem;
}

.tournament__header__market-row {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 0.25rem 0;
  overflow: auto;
}
.tournament__header__market-row .tournament-market {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0.25rem 0;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
}
.tournament__header__market-row .tournament-market .tournament-market__outcomes-block {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 0.75rem;
}
.tournament__header__market-row .tournament-market .tournament-market__outcome {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.tournament-market__empty,
.tournament-header__extras {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 50px;
}

.main__body--sport-live .tournament__header {
  top: 0px;
}

@media screen and (max-width: 1650px) {
  .tournament:not(.racelist) .tournament__header .tournament-market:nth-child(n+4),
  .tournament:not(.racelist) .event .event__market-row-market:not(.template--multi-markets .event__market-row-market):nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 1450px) {
  .tournament:not(.racelist) .tournament__header .tournament-market:nth-child(n+3),
  .tournament:not(.racelist) .event .event__market-row-market:not(.template--multi-markets .event__market-row-market):nth-child(n+3) {
    display: none;
  }
}
@media screen and (max-width: 1250px) {
  .tournament:not(.racelist) .tournament__header .tournament-market:nth-child(n+3),
  .tournament:not(.racelist) .event .event__market-row-market:not(.template--multi-markets .event__market-row-market):nth-child(n+3) {
    display: none;
  }
}

.tournament .bet-types__selector {
  display: none;
  position: absolute;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  top: 8px;
  right: 0;
}
.tournament .bet-types__selector__toggler {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.375rem 0.25rem 0.5rem;
  border-radius: 4px;
  cursor: pointer;
}
.tournament .bet-types__selector__toggler:after {
  display: inline-block;
  font-family: "apollo ui", serif;
  content: "J";
  margin-left: auto;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1;
  transform: rotate(0);
  opacity: 0.85;
  transition: transform 0.3s ease-in-out;
}
.tournament .bet-types__selector__toggler.expanded:after {
  transform: rotate(180deg);
}
.tournament .bet-types__selector__toggler--single:after {
  display: none;
}
.tournament .bet-types__selector__dropdown {
  right: 0;
  left: auto;
  max-width: none;
}
.tournament .bet-types__selector__dropdown > div {
  padding: 0.75rem 1rem;
}

:root[theme=dark] .event-group__header,
:root[theme=dark] .event_sub-period {
  border: 1px solid rgb(41, 41, 41);
}
:root[theme=dark] .event-group {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .event-group__header--multi-markets {
  border-bottom: 1px solid rgb(18, 18, 18);
}
:root[theme=dark] .event {
  border-color: black;
}
:root[theme=dark] .event.event--scratched {
  color: #6c757d;
}
:root[theme=dark] .event.event--scratched .event__outcome {
  color: inherit !important;
}
:root[theme=dark] .event__extras {
  background-color: transparent;
}
:root[theme=dark] .event {
  /*&--classic {
    &.template--multi-markets {
      border-bottom: 1px solid $dark-sidebar-tree-bg-color;
    }
  }*/
}
:root[theme=dark] .event-group__wrapper:not(:last-of-type) .template--multi-markets {
  border-bottom: 1px solid rgb(18, 18, 18);
}
:root[theme=dark] .event--outright {
  background-color: #ffffff;
  /*.odd-wrapper__content {
            .name {
              background-color: $dark-panel-bg-color;
            }
          }

          .selected {
            .name {
              color: $light-brand-tertiary;
            }
          }
  */
}
:root[theme=dark] .event--outright .outright__info {
  border-bottom: 2px solid #1a1a1a;
}
:root[theme=dark] .event--outright .outright__name {
  color: #ffffff;
}
:root[theme=dark] .event__info-tournament {
  color: #00f181;
}
:root[theme=dark] .event__outcome {
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  background-color: #f2f2f2;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
:root[theme=dark] .event__outcome .specifiers {
  font-size: 0.75rem;
  font-weight: 400;
}
:root[theme=dark] .event__outcome.disabled {
  background-color: transparent;
  color: #4b526a;
  border: none;
}
@media (hover: hover) {
  :root[theme=dark] .event__outcome:hover:not(.disabled) {
    color: #008d35;
    background-color: #f2f2f2;
    border: none;
  }
  :root[theme=dark] .event__outcome:hover:not(.disabled) .specifiers {
    color: #008d35;
  }
}
:root[theme=dark] .event__outcome:focus:not(.disabled) {
  color: #008d35;
  background-color: #f2f2f2;
  border: none;
}
:root[theme=dark] .event__outcome:focus:not(.disabled) .specifiers {
  color: #008d35;
}
:root[theme=dark] .event__outcome.selected {
  color: #ffffff;
  background-color: #008d35;
  border: none;
}
:root[theme=dark] .event__outcome.selected .specifiers {
  color: rgba(255, 255, 255, 0.75);
}
@media (hover: hover) {
  :root[theme=dark] .event__outcome.selected:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 166.5, 62.585106383);
    border: none;
  }
  :root[theme=dark] .event__outcome.selected:hover:not(.disabled) .specifiers {
    color: rgba(255, 255, 255, 0.75);
  }
}
:root[theme=dark] .event__outcome.selected:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 166.5, 62.585106383);
  border: none;
}
:root[theme=dark] .event__outcome.selected:focus:not(.disabled) .specifiers {
  color: #008d35;
}
:root[theme=dark] .event__outcome {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
:root[theme=dark] .outright-market__outcome {
  border-bottom: 1px solid #242424;
  background-color: transparent;
  color: #000000;
}
:root[theme=dark] .outright-market__outcome .odd {
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  background-color: #f2f2f2;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
:root[theme=dark] .outright-market__outcome .odd .specifiers {
  font-size: 0.75rem;
  font-weight: 400;
}
:root[theme=dark] .outright-market__outcome .odd.disabled {
  background-color: transparent;
  color: #4b526a;
  border: none;
}
@media (hover: hover) {
  :root[theme=dark] .outright-market__outcome .odd:hover:not(.disabled) {
    color: #008d35;
    background-color: #f2f2f2;
    border: none;
  }
  :root[theme=dark] .outright-market__outcome .odd:hover:not(.disabled) .specifiers {
    color: #008d35;
  }
}
:root[theme=dark] .outright-market__outcome .odd:focus:not(.disabled) {
  color: #008d35;
  background-color: #f2f2f2;
  border: none;
}
:root[theme=dark] .outright-market__outcome .odd:focus:not(.disabled) .specifiers {
  color: #008d35;
}
:root[theme=dark] .outright-market__outcome .odd.selected {
  color: #ffffff;
  background-color: #008d35;
  border: none;
}
:root[theme=dark] .outright-market__outcome .odd.selected .specifiers {
  color: rgba(255, 255, 255, 0.75);
}
@media (hover: hover) {
  :root[theme=dark] .outright-market__outcome .odd.selected:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 166.5, 62.585106383);
    border: none;
  }
  :root[theme=dark] .outright-market__outcome .odd.selected:hover:not(.disabled) .specifiers {
    color: rgba(255, 255, 255, 0.75);
  }
}
:root[theme=dark] .outright-market__outcome .odd.selected:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 166.5, 62.585106383);
  border: none;
}
:root[theme=dark] .outright-market__outcome .odd.selected:focus:not(.disabled) .specifiers {
  color: #008d35;
}
:root[theme=dark] .outright-market__outcome .odd {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
:root[theme=dark] .outright-market__outcome .selected .odd {
  color: #ffffff;
  background-color: #008d35;
  border: none;
}
:root[theme=dark] .outright-market__outcome .selected .odd .specifiers {
  color: rgba(255, 255, 255, 0.75);
}
@media (hover: hover) {
  :root[theme=dark] .outright-market__outcome .selected .odd:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 166.5, 62.585106383);
    border: none;
  }
  :root[theme=dark] .outright-market__outcome .selected .odd:hover:not(.disabled) .specifiers {
    color: rgba(255, 255, 255, 0.75);
  }
}
:root[theme=dark] .outright-market__outcome .selected .odd:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 166.5, 62.585106383);
  border: none;
}
:root[theme=dark] .outright-market__outcome .selected .odd:focus:not(.disabled) .specifiers {
  color: #008d35;
}
@media (hover: hover) {
  :root[theme=dark] .outright-market__outcome:hover .odd {
    color: #008d35;
    background-color: #f2f2f2;
  }
  :root[theme=dark] .outright-market__outcome:hover .odd.selected {
    color: #ffffff;
    background-color: rgb(0, 166.5, 62.585106383);
  }
}
:root[theme=dark] .outright-market__show-toggler {
  color: #00f181;
}
:root[theme=dark] .event-sub-period {
  border-color: black;
}
:root[theme=dark] .event__stats .event-live-label {
  color: #00f181;
}
:root[theme=dark] .event__market-row-market .event__outcome.disabled, :root[theme=dark] .event__market-row-market .event__outcome--fake {
  color: #adb5bd !important;
}
:root[theme=dark] .event-participants__participant {
  color: #ffffff;
}
:root[theme=dark] .event-participants__participant-logo--empty {
  filter: invert(1);
  opacity: 0.75;
}
:root[theme=light] .event-group__header,
:root[theme=light] .event_sub-period {
  border: 1px solid rgb(215, 215, 215);
}
:root[theme=light] .event-group {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .event {
  border-color: rgb(191.25, 191.25, 191.25);
}
:root[theme=light] .event.event--scratched {
  color: rgb(191.25, 191.25, 191.25);
}
:root[theme=light] .event.event--scratched .event__outcome {
  color: inherit !important;
}
:root[theme=light] .event__extras {
  background-color: #ffffff;
}
:root[theme=light] .event {
  /*&--classic {
    &.template--multi-markets {
      border-bottom: $light-panel-border;
    }
  }*/
}
:root[theme=light] .event-group__wrapper:not(:last-of-type) .template--multi-markets {
  border-bottom: 1px solid rgb(215, 215, 215);
}
:root[theme=light] .event--outright {
  background-color: #ffffff;
}
:root[theme=light] .event--outright .outright__info {
  border-bottom: 1px solid #c0c5cb;
}
:root[theme=light] .event__info-tournament {
  color: rgb(0, 130, 213);
}
:root[theme=light] .event__outcome {
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #0082d5;
  background-color: transparent;
  border: 1px solid #0082d5;
  box-shadow: none;
}
:root[theme=light] .event__outcome .specifiers {
  font-size: 0.75rem;
  font-weight: 400;
}
:root[theme=light] .event__outcome.disabled {
  background-color: transparent;
  color: #c0c5cb;
  border: 1px solid #c0c5cb;
}
@media (hover: hover) {
  :root[theme=light] .event__outcome:hover:not(.disabled) {
    color: #ffffff;
    background-color: #0082d5;
    border: 1px solid #0082d5;
  }
  :root[theme=light] .event__outcome:hover:not(.disabled) .specifiers {
    color: #ffffff;
  }
}
:root[theme=light] .event__outcome:focus:not(.disabled) {
  color: #ffffff;
  background-color: #0082d5;
  border: 1px solid #0082d5;
}
:root[theme=light] .event__outcome:focus:not(.disabled) .specifiers {
  color: #ffffff;
}
:root[theme=light] .event__outcome.selected {
  color: #ffffff;
  background-color: #0082d5;
  border: 1px solid #0082d5;
}
:root[theme=light] .event__outcome.selected .specifiers {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .event__outcome.selected:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 98.8732394366, 162);
    border: 1px solid #ffffff;
  }
  :root[theme=light] .event__outcome.selected:hover:not(.disabled) .specifiers {
    color: #ffffff;
  }
}
:root[theme=light] .event__outcome.selected:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 98.8732394366, 162);
  border: 1px solid #ffffff;
}
:root[theme=light] .event__outcome.selected:focus:not(.disabled) .specifiers {
  color: #ffffff;
}
:root[theme=light] .event__outcome {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
:root[theme=light] .outright-market__outcome {
  border-bottom: 1px solid transparent;
  background-color: transparent;
  color: #000000;
}
:root[theme=light] .outright-market__outcome .odd {
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #0082d5;
  background-color: transparent;
  border: 1px solid #0082d5;
  box-shadow: none;
}
:root[theme=light] .outright-market__outcome .odd .specifiers {
  font-size: 0.75rem;
  font-weight: 400;
}
:root[theme=light] .outright-market__outcome .odd.disabled {
  background-color: transparent;
  color: #c0c5cb;
  border: 1px solid #c0c5cb;
}
@media (hover: hover) {
  :root[theme=light] .outright-market__outcome .odd:hover:not(.disabled) {
    color: #ffffff;
    background-color: #0082d5;
    border: 1px solid #0082d5;
  }
  :root[theme=light] .outright-market__outcome .odd:hover:not(.disabled) .specifiers {
    color: #ffffff;
  }
}
:root[theme=light] .outright-market__outcome .odd:focus:not(.disabled) {
  color: #ffffff;
  background-color: #0082d5;
  border: 1px solid #0082d5;
}
:root[theme=light] .outright-market__outcome .odd:focus:not(.disabled) .specifiers {
  color: #ffffff;
}
:root[theme=light] .outright-market__outcome .odd.selected {
  color: #ffffff;
  background-color: #0082d5;
  border: 1px solid #0082d5;
}
:root[theme=light] .outright-market__outcome .odd.selected .specifiers {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .outright-market__outcome .odd.selected:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 98.8732394366, 162);
    border: 1px solid #ffffff;
  }
  :root[theme=light] .outright-market__outcome .odd.selected:hover:not(.disabled) .specifiers {
    color: #ffffff;
  }
}
:root[theme=light] .outright-market__outcome .odd.selected:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 98.8732394366, 162);
  border: 1px solid #ffffff;
}
:root[theme=light] .outright-market__outcome .odd.selected:focus:not(.disabled) .specifiers {
  color: #ffffff;
}
:root[theme=light] .outright-market__outcome .odd {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
:root[theme=light] .outright-market__outcome .selected .odd {
  color: #ffffff;
  background-color: #0082d5;
  border: 1px solid #0082d5;
}
:root[theme=light] .outright-market__outcome .selected .odd .specifiers {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .outright-market__outcome .selected .odd:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 98.8732394366, 162);
    border: 1px solid #ffffff;
  }
  :root[theme=light] .outright-market__outcome .selected .odd:hover:not(.disabled) .specifiers {
    color: #ffffff;
  }
}
:root[theme=light] .outright-market__outcome .selected .odd:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 98.8732394366, 162);
  border: 1px solid #ffffff;
}
:root[theme=light] .outright-market__outcome .selected .odd:focus:not(.disabled) .specifiers {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .outright-market__outcome:hover .odd {
    color: #ffffff;
    background-color: #0082d5;
  }
  :root[theme=light] .outright-market__outcome:hover .odd.selected {
    color: #ffffff;
    background-color: rgb(0, 98.8732394366, 162);
  }
}
:root[theme=light] .outright-market__show-toggler {
  color: #5265d1;
}
:root[theme=light] .event-sub-period {
  border-color: rgb(191.25, 191.25, 191.25);
}
:root[theme=light] .event__stats .event-live-label {
  color: #00c5ec;
}
:root[theme=light] .race-results {
  background-color: rgb(245, 245, 245);
}
:root[theme=light] .race-results_tab__item {
  background-color: rgb(245, 245, 245);
}
:root[theme=light] .race-exotic-dividend-item-val {
  color: black;
}
:root[theme=light] .event__market-row-market .event__outcome.disabled {
  color: #6c757d !important;
}
.event-group {
  margin-top: 0.75rem;
  padding: 0.25rem;
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.event-group .icon--bet-bonus-all {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}

.event-group__header {
  padding: 0.25rem 0;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid transparent;
}
.event-group__header--classic .event-group__title {
  text-transform: uppercase;
  font-weight: 600;
}
.event-group__header--multi-markets {
  margin: 0;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
@media (max-width: 991.98px) {
  .event-group__header--multi-markets {
    padding-right: 0;
    font-size: 12px;
  }
}
.event-group__header--multi-markets .event-group__title {
  font-weight: 600;
  flex: 2;
}
.event-group__header--multi-markets .event-group__bet-types {
  position: relative;
  flex: 6;
  display: flex;
}
@media (max-width: 991.98px) {
  .event-group__header--multi-markets .event-group__bet-types {
    padding-left: 0.25rem;
  }
}
.event-group__header--multi-markets .event-group__bet-types__item {
  font-size: 0.75rem;
  flex: 1;
  text-align: center;
  min-width: 3.5rem;
  overflow: hidden;
  align-self: center;
}
@media (max-width: 991.98px) {
  .event-group__header {
    white-space: normal;
  }
}

.event-group__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  font-size: 0.875rem;
  line-height: 1.25;
}
.event-group__title .icon-flag {
  display: inline-block;
  margin-right: 0.5rem;
  width: 15px;
  height: 10px;
  --flagSize: 10px;
}

.event {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 0.875rem;
  line-height: 1.25;
  padding: 0.5rem 0;
}
@media (max-width: 991.98px) {
  .event {
    padding: 0.375rem 0;
  }
}
.event + .event {
  margin-top: 0.75rem;
}
.event.event--scratched .event-participants__participant .event-participants__participant-name {
  text-decoration: line-through;
}

.event--classic {
  padding: 0.25rem 0.5rem;
}
.event--classic.template--classic .event__info .event-participants__participant-logo {
  display: none;
}
@media (max-width: 991.98px) {
  .event--classic.template--classic .event__info {
    flex-direction: column;
    align-content: center;
    padding-top: 0.5rem;
  }
  .event--classic.template--classic .event__info .event__stats-wrapper {
    width: 100%;
  }
  .event--classic.template--classic .event__info .event__stats {
    align-self: self-start;
  }
  .event--classic.template--classic .event__info .event-participants__participant-logo {
    display: block;
    height: 1.25rem;
    width: 1.25rem;
  }
  .event--classic.template--classic .event__info .event-participants__participant-logo--empty {
    display: none;
  }
  .event--classic.template--classic .event__info .event-participants__participant-name {
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .event--classic.template--classic .event__outcome .event-participants__participant-logo {
    display: none;
  }
  .event--classic.template--classic .event__outcome .name {
    font-size: 12px;
  }
}
.event--classic.template--classic_sgm .event__stats-wrapper {
  min-width: 50%;
}
@media (max-width: 991.98px) {
  .event--classic.template--classic_sgm .event__stats-wrapper {
    width: auto;
  }
}
.event--classic.template--multi-markets {
  flex-direction: row;
  /*margin: 0;
  padding: 0.5rem 0;*/
}
.event--classic.template--multi-markets .event__extras {
  display: flex;
}
@media (max-width: 991.98px) {
  .event--classic.template--multi-markets {
    font-size: 12px;
  }
  .event--classic.template--multi-markets .event__extras {
    display: none;
  }
}
.event--classic.template--multi-markets_sgm .event__info .event__stats {
  display: flex;
  align-items: center;
}
.event--classic.template--multi-markets .event__info {
  flex: 2;
  flex-direction: column;
  align-items: flex-start;
  justify-content: start;
  padding: 0.5rem 0 0.5rem 0.5rem;
  margin: 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .event--classic.template--multi-markets .event__info {
    padding: 0.5rem;
  }
  .event--classic.template--multi-markets .event__info .event-participants {
    width: 100%;
  }
  .event--classic.template--multi-markets .event__info .event-participants__participant {
    width: 100%;
  }
  .event--classic.template--multi-markets .event__info .event-participants__participant-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    text-align: center;
    width: 100%;
  }
}
.event--classic.template--multi-markets .event__info-block {
  height: 100%;
  width: 100%;
}
.event--classic.template--multi-markets .event__info-block .icon--sgm-color {
  display: none;
}
.event--classic.template--multi-markets .event__info .event__stats {
  margin-left: 0;
}
.event--classic.template--multi-markets .event__info .event__stats-wrapper {
  position: absolute;
  top: 0.25rem;
  left: 0;
}
.event--classic.template--multi-markets .event__info .event__stats-wrapper .event__extras {
  font-size: 12px;
}
.event--classic.template--multi-markets .event__info .event__stats .icon--sgm-color {
  display: block;
}
.event--classic.template--multi-markets .event__info .event__stats .event__date-time {
  text-align: left;
}
.event--classic.template--multi-markets .event__info .event-participants {
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 70%;
  justify-content: space-around;
  margin-top: 0.5rem;
}
.event--classic.template--multi-markets .event__info .event-participants, .event--classic.template--multi-markets .event__info .event-participants__participant, .event--classic.template--multi-markets .event__info .event-participants-wrapper {
  width: 100%;
}
.event--classic.template--multi-markets .event__info .event-participants > span {
  display: none;
}
.event--classic.template--multi-markets .event__main-period {
  flex: 6;
  padding: 0.5rem 0;
}
.event--classic.template--multi-markets .event__main-period .event__extras {
  display: none;
}
@media (max-width: 991.98px) {
  .event--classic.template--multi-markets .event__main-period {
    padding: 0;
    flex: 4;
  }
}
.event--classic.template--multi-markets .event__market-row {
  justify-content: stretch;
}
.event--classic.template--multi-markets .event__market-row-market {
  width: initial;
  flex-direction: column;
  padding: 0;
}
.event--classic.template--multi-markets .event__market-row .event__outcome {
  width: initial !important;
  min-width: 3.5rem;
  margin: 0.125rem;
}
.event--classic.template--multi-markets .event__market-row .event__outcome > span {
  flex: 1;
}
.event--classic.template--multi-markets .event__market-row .event__outcome--mobile {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0.5rem;
}
.event--classic.template--multi-markets .event__market-row .event__outcome--mobile .odds {
  width: 100%;
}
.event--classic.template--multi-markets .event__market-row .event__outcome--mobile:nth-child(even) {
  flex-direction: row-reverse !important;
}
.event--classic.template--multi-markets .event__market-row .event__outcome .odds {
  font-weight: 700;
  font-size: 1rem;
}
@media (max-width: 991.98px) {
  .event--classic.template--multi-markets .event__market-row .event__outcome {
    font-size: 12px;
  }
  .event--classic.template--multi-markets .event__market-row .event__outcome > span {
    flex: initial;
  }
  .event--classic.template--multi-markets .event__market-row .event__outcome .specifiers {
    padding-bottom: 0.25rem;
  }
}
.event--classic.template--multi-markets .event__market-row .event__outcome.event__outcome--fake {
  display: flex;
}
.event--classic.template--multi-markets.event--columns-4.event--desktop .event__outcome, .event--classic.template--multi-markets.event--columns-5.event--desktop .event__outcome, .event--classic.template--multi-markets.event--columns-6.event--desktop .event__outcome, .event--classic.template--multi-markets.event--columns-many.event--desktop .event__outcome {
  min-width: 3rem;
  padding: 0.25rem;
}
.event--classic.template--multi-markets.event--columns-4.event--desktop .event__outcome .odds, .event--classic.template--multi-markets.event--columns-5.event--desktop .event__outcome .odds, .event--classic.template--multi-markets.event--columns-6.event--desktop .event__outcome .odds, .event--classic.template--multi-markets.event--columns-many.event--desktop .event__outcome .odds {
  margin-right: 0;
}
.event--classic.template--multi-markets.event--columns-4.event--desktop .event__outcome .odds-with-label, .event--classic.template--multi-markets.event--columns-5.event--desktop .event__outcome .odds-with-label, .event--classic.template--multi-markets.event--columns-6.event--desktop .event__outcome .odds-with-label, .event--classic.template--multi-markets.event--columns-many.event--desktop .event__outcome .odds-with-label {
  flex-direction: column;
}
.event--classic.template--multi-markets.event--columns-4.event--desktop .event__outcome .odds-with-label .specifiers, .event--classic.template--multi-markets.event--columns-5.event--desktop .event__outcome .odds-with-label .specifiers, .event--classic.template--multi-markets.event--columns-6.event--desktop .event__outcome .odds-with-label .specifiers, .event--classic.template--multi-markets.event--columns-many.event--desktop .event__outcome .odds-with-label .specifiers {
  font-size: 85%;
}
.event--classic.template--multi-markets.event--columns-many.event--desktop .event__outcome {
  padding: 0.125rem;
}
.event--classic.template--multi-markets.event--columns-many.event--desktop .event__outcome .odds-with-label .specifiers {
  font-size: 80%;
  line-height: 1.1;
}
.event--classic.template--multi-markets.event__info--mobile {
  flex-direction: column;
}
.event--classic.template--multi-markets.event__info--mobile .event-participants {
  flex-direction: row;
  align-items: center;
  width: auto;
  margin-right: auto;
  margin-left: auto;
}
.event--classic.template--multi-markets.event__info--mobile .event-participants span {
  display: block;
}
.event--classic.template--multi-markets.event__info--mobile .event-participants .event-participants__participant {
  justify-content: center;
}
.event--classic.template--multi-markets.event__info--mobile .event__market-row-market {
  flex-direction: row;
}
.event--classic .specifiers {
  flex: 1;
}
.event--classic .specifiers-mobile {
  display: none;
}
@media (max-width: 991.98px) {
  .event--classic .specifiers-desc {
    display: none;
  }
  .event--classic .specifiers-mobile {
    display: inline-block;
  }
}

.event__main-period,
.event-sub-period {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.event__main-period.event__main-period--racing-meets {
  justify-content: flex-start;
}
@media (max-width: 991.98px) {
  .event__main-period.event__main-period--racing-meets {
    flex-direction: column;
  }
}

.event__info,
.event__market-row {
  display: flex;
  flex-direction: row;
  justify-content: start;
}

.event__info {
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  padding: 0.25rem 50px 0.25rem 0.5rem;
  align-items: center;
}
@media (max-width: 991.98px) {
  .event__info {
    flex-direction: column;
    padding-right: 0.5rem;
  }
}
.event__info .icons.icon--sgm-color {
  width: 3rem;
  margin-right: 0.5rem;
}
.event__info .event__info-block {
  display: flex;
}
.event__info .event__info-block .event-participants-wrapper {
  align-content: center;
}
@media (max-width: 767.98px) {
  .event__info .event__info-block {
    width: 100%;
  }
  .event__info .event__info-block .event-participants-wrapper {
    width: 100%;
  }
}
.event__info__mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -0.25rem;
  margin-top: 0.375rem;
}
.event__info__mobile .event__info-tournament {
  display: block;
  text-overflow: ellipsis;
}
.event__info__mobile .event__info-tournament .sportIcon {
  display: none;
  margin-right: 0.25rem;
}
.event__info__mobile .sgm-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.event__info__mobile .left-side {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.event__info__mobile .event__extras {
  display: flex;
  align-content: center;
  align-items: end;
  justify-content: end;
  width: 50px;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .event__info__mobile .event__extras {
    display: flex;
    width: auto;
  }
}
.event__info__mobile .race-countdown {
  margin-right: 0.5rem;
  font-size: 12px;
}
.event__info .item__logo {
  margin-top: -1px;
  font-size: 0.875rem;
  margin-right: 0.25rem;
  opacity: 0.85;
}
@media (max-width: 991.98px) {
  .event__info .item__logo {
    margin-top: 1px;
  }
}
.event__info .icon--sgm-color {
  margin-right: 0.5rem;
}
.event__info .event__stats {
  margin-left: 0.5rem;
  font-size: 12px;
}
.event__info .event__stats .icon--sgm-color {
  display: none;
}
.event__info .event__stats .race-countdown {
  margin-right: 0.5rem;
  font-size: 0.75rem;
  padding: 0.1rem 0.2rem;
  min-width: 25px;
  margin-top: 0px;
}
@media (max-width: 991.98px) {
  .event__info .event__stats {
    margin-left: 0;
  }
  .event__info .event__stats .race-countdown {
    margin-left: 0;
  }
}
.event__info-tournament {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  line-height: 1.3;
}
.event__info-tournament--category {
  display: none;
}
@media (max-width: 1199.98px) {
  .event__info-tournament {
    display: none;
  }
}
.event__info .icon-expand {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  width: 30px;
}
.event__info .icon-expand:before {
  transition: transform ease-in-out 0.25s;
}
.event__info .icon-expand.expanded:before {
  transform: rotate(-180deg);
}
.event__info .icon-expand.disabled {
  cursor: default;
  pointer-events: none;
}
.event__info .icon-expand.disabled:before {
  display: none;
}
.event__market-row {
  align-items: stretch;
  flex-grow: 1;
}

.event-participants {
  display: flex;
  justify-content: start;
  font-weight: bold;
  align-items: center;
  line-height: 1.2;
}
.event-participants > span {
  padding: 0 0.25rem;
}
.event-participants {
  white-space: nowrap;
}

.event-participants__participant {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1rem;
}
.event-participants__participant-logo + .event-participants__participant-name {
  margin-left: 0.25rem;
}

.event-participants__participant-index {
  padding-right: 0.25rem;
}

.event-participants__participant-logo {
  margin-right: 0;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.event-participants__participant-logo--sm {
  width: 0.75rem;
  height: 0.75rem;
}
.event-participants__participant-logo--sm i {
  font-size: 0.875rem;
}
.event-participants__participant-logo--md {
  width: 1.15rem;
  height: 1.15rem;
}
.event-participants__participant-logo--md i {
  font-size: 1.15rem;
}
.event-participants__participant-logo--lg {
  width: 1.75rem;
  height: 1.75rem;
}
.event-participants__participant-logo--lg i {
  font-size: 1.75rem;
}
.event-participants__participant-logo--xl {
  width: 2.25rem;
  height: 2.25rem;
}
.event-participants__participant-logo--xl i {
  font-size: 2.25rem;
}
.event-participants__participant-logo--xxl {
  width: 5.25rem;
  height: 5.25rem;
}
.event-participants__participant-logo--xxl i {
  font-size: 5.25rem;
}
.event-participants__participant-logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.event-participants__participant-name {
  font-weight: bold;
}
@media (min-width: 576px) {
  .event-participants__participant-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 428px) {
  .event-participants__participant-name.race {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}

.event-participants__participant-score {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.event-participants__participant-info {
  text-decoration: none;
}
.event-participants__participant-info .event-participants__participant-info_flex {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width: 428px) {
  .event-participants__participant-info .event-participants__participant-info_flex {
    max-width: 220px;
    white-space: nowrap;
  }
}
.event-participants__participant-info .event-participants__participant-info_flex .event-participants__participant-info_item {
  display: flex;
  align-items: center;
  padding-right: 0.5rem;
}
.event-participants__participant-info .event-participants__participant-info_flex .event-participants__participant-info_item:first-child {
  order: 2;
}
.event-participants__participant-info .event-participants__participant-info_flex .event-participants__participant-info_item:nth-child(2) {
  order: 1;
}
@media screen and (max-width: 428px) {
  .event-participants__participant-info .event-participants__participant-info_flex .event-participants__participant-info_item {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .event-participants__participant-info .event-participants__participant-info_flex .event-participants__participant-info_item:first-child {
    order: 1;
  }
  .event-participants__participant-info .event-participants__participant-info_flex .event-participants__participant-info_item:nth-child(2) {
    order: 2;
  }
}
@media screen and (max-width: 428px) {
  .event-participants__participant-info .event-participants__participant-info_flex .event-participants__participant-info_flex-wrap {
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.event-participants__participant-info .event-participants__participant-info_flex .event-participants__participant-info_itemLabel {
  display: inline-block;
  padding-right: 0.25rem;
  min-width: 1rem;
}
.event-participants__participant-info .event-participants__participant-info_flex .event-participants__participant-info_itemValue {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-participants .sgm-icon {
  display: none;
}

.win .event-participants__participant-score {
  font-weight: bold;
}

.event-sub-period {
  align-items: center;
  align-content: center;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid transparent;
}

.event-sub-period--info {
  display: flex;
  width: 320px;
  padding-left: 1.5rem;
  flex: 2;
}
@media (min-width: 576px) {
  .event-sub-period--info .event-sub-period--name {
    padding-left: 3rem;
  }
}

.odds-change-arrow {
  display: none;
}

.event__market-row-market {
  background: transparent;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 3.5rem;
  position: relative;
  padding: 0.25rem 0;
  /*  @include media-breakpoint-down(sm) {
      min-width: 60px;
    }*/
}
.event__market-row-market .favorite {
  background: #00f181;
  border-radius: 0rem 0rem 0.25rem 0.25rem;
  color: #111111;
  display: block;
  line-height: 0.625rem;
  text-align: center;
  user-select: none;
  font-size: 0.7rem;
  min-width: 3.5rem;
  position: absolute;
  bottom: 0;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  text-overflow: ellipsis;
}
.event__market-row-market .favorite--won {
  font-size: 0.625rem;
}
.event__market-row-market .favorite--lost {
  background-color: #000000;
  color: white;
  font-size: 0.625rem;
}
.event__market-row-market .favorite--void, .event__market-row-market .favorite--not_settled, .event__market-row-market .favorite--unsettled {
  background-color: gray;
  color: white;
  font-size: 0.625rem;
}
.event__market-row-market .event__outcome {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex: 1;
  min-height: 3rem;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 1rem;
  padding: 0.25rem 1rem;
}
.event__market-row-market .event__outcome--with-name {
  margin: 0 0.125rem;
}
.event__market-row-market .event__outcome--with-name .event-participants__participant-logo--lg {
  width: 2.5rem;
  height: 3rem;
}
.event__market-row-market .event__outcome--with-name .event-participants__participant-logo--lg.event-participants__participant-logo--empty {
  padding-top: 0.25rem;
}
.event__market-row-market .event__outcome .name,
.event__market-row-market .event__outcome .odds {
  padding: 0 0.25rem;
}
.event__market-row-market .event__outcome .name {
  flex-grow: 4;
  font-weight: 400;
}
.event__market-row-market .event__outcome .odds {
  font-weight: 700;
  margin-right: 0.125rem;
}
@media (max-width: 1199.98px) {
  .event__market-row-market .event__outcome .odds {
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  .event__market-row-market .event__outcome {
    flex-direction: column;
    flex-wrap: initial;
    justify-content: space-around;
    padding: 0.25rem;
  }
  .event__market-row-market .event__outcome .name,
  .event__market-row-market .event__outcome .odds,
  .event__market-row-market .event__outcome .specifiers {
    flex-grow: 0;
  }
  .event__market-row-market .event__outcome .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    line-height: 1;
    padding: 0.25rem;
  }
}
.event__market-row-market .event__outcome {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  cursor: pointer;
}
.event__market-row-market .event__outcome.disabled, .event__market-row-market .event__outcome.event__outcome--fake {
  cursor: default;
}
.event__market-row-market .event__outcome.event__outcome--fake {
  display: none;
}
.event__market-row-market .event__outcome.selected {
  background-color: #00f181;
}
.event__market-row-market .event__outcome--up {
  position: relative;
}
.event__market-row-market .event__outcome--down {
  position: relative;
}
.event__market-row-market .event__outcome .up {
  color: #219653;
  font-size: 8px;
  left: 50%;
  top: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}
.event__market-row-market .event__outcome .down {
  color: #ce0a2e;
  font-size: 8px;
  left: 50%;
  bottom: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}
.event__market-row-market .event__outcome.disabled {
  cursor: not-allowed;
}
.event__market-row-market .market-expanded-button {
  display: none;
  position: relative;
  width: 2rem;
}
.event__market-row-market .market-expanded-button:before, .event__market-row-market .market-expanded-button:after {
  position: absolute;
  left: 50%;
  content: "";
  display: block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  transform: translate(-50%, -50%);
}
.event__market-row-market .market-expanded-button:before {
  top: calc(50% - 4px);
  border-bottom: 4px solid red;
}
.event__market-row-market .market-expanded-button:after {
  top: calc(50% + 4px);
  border-top: 4px solid red;
}
.event__market-row-market .market-expanded-button:hover {
  background-color: var(--outcome-new-hover-background);
}
.event__market-row-market .market-expanded-button.expanded {
  z-index: var(--market-expanded-dropdown-z-index);
  background-color: var(--market-expanded-background);
}
.event__market-row-market .market-expanded-button.expanded:before {
  top: calc(50% + 4px);
}
.event__market-row-market .market-expanded-button.expanded:after {
  top: calc(50% - 4px);
}
.event__market-row-market .market-expanded-button.expanded:hover {
  background-color: var(--market-expanded-hover-background);
}
.event__market-row-market .market-expanded-dropdown {
  --border-radius: $button-border-radius;
  position: absolute;
  z-index: 99;
  right: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  box-shadow: 0px 0px 30px var(--dt-base-color);
  overflow: hidden;
  border-radius: var(--border-radius);
}
.event__market-row-market .market-expanded-dropdown .market-expanded-row {
  display: flex;
  align-items: center;
  background-color: transparent;
  border-top: var(--tournament-border);
}
.event__market-row-market .market-expanded-dropdown .market-expanded-row .outcome-new {
  height: var(--event-main-period-height);
  width: 50%;
}
.event__market-row-market .market-expanded-dropdown .market-expanded-row .outcome-new:not(.selected) {
  background-color: var(--market-expanded-background);
}
.event__market-row-market .market-expanded-dropdown .market-expanded-row .outcome-new:not(.selected):hover {
  background-color: var(--market-expanded-hover-background);
}
.event__market-row-market .market-expanded-dropdown .market-expanded-row .outcome-new:first-child {
  border-left-color: transparent;
}
.event__market-row-market .market-expanded-dropdown .market-expanded-row:first-child {
  margin-top: 0;
  border-top: none;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.event__market-row-market .market-expanded-dropdown .market-expanded-row:last-child {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.event__market-row-market .market-expanded-dropdown.bottom {
  top: 0;
  border-top-right-radius: 0;
  transform: translateY(0);
}

.event__stats {
  display: flex;
  text-align: center;
}
.event__stats-wrapper {
  display: flex;
}
.event__stats-wrapper .event__extras {
  width: auto;
  margin-left: 0.5rem;
  margin-right: auto;
  display: none;
  padding-right: 0.5rem;
}
.event__stats-wrapper .event__extras .icon--bet-bonus-all {
  margin-left: 0.5rem;
}
.event__stats .event-live-status {
  display: flex;
  flex-direction: column;
  min-width: 3rem;
}
.event__stats .event-live-status .event-status-period {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event__info--tennis .event-live-time {
  display: none;
}

.event__date-time {
  display: flex;
  text-align: center;
  justify-content: space-evenly;
}
.event__extras {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 50px;
}
@media (max-width: 1199.98px) {
  .event__extras {
    display: none;
  }
}
.event__extras-label {
  padding-left: 0.25rem;
}
.event__extras-name {
  display: none;
}

.outright {
  font-size: 0.875rem;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}
.outright + .event--classic {
  margin-top: 1rem;
}
.outright__header {
  display: flex;
  flex-direction: row;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.outright__info {
  display: flex;
  flex-direction: row;
  align-self: center;
}
.outright__name {
  margin-left: 0.5rem;
}
.outright {
  /*&__filters {
    margin-left: auto;
    // cursor: pointer;
    padding: 0;

    .sFilter__block {
      background: none;
      height: auto;
      padding: 0;

      .item {
        border: 1px solid transparent;
      }
    }
  }*/
}
.outright-market {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.outright-market__outcome {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  margin: 1px;
}
.outright-market__outcome .odd-wrapper {
  display: flex;
  flex-grow: 1;
  height: 100%;
}
.outright-market__outcome .odd-wrapper__content {
  display: flex;
  margin: 0 auto;
  padding: 0.75rem 0.5rem;
}
.outright-market__outcome .odd-wrapper__content .name,
.outright-market__outcome .odd-wrapper__content .odd {
  padding: 0 1rem;
}
.outright-market__outcome .odd-wrapper__content .odd {
  font-weight: 600;
  margin-left: auto;
  margin-right: 0;
  max-width: 8rem;
  cursor: pointer;
  font-size: 1rem;
}
.outright-market__outcome .odd-wrapper__content .odd.disabled {
  cursor: not-allowed;
}
.outright-market__outcome .odd-wrapper.up .odd {
  position: relative;
}
.outright-market__outcome .odd-wrapper.down .odd {
  position: relative;
}
@media (min-width: 992px) {
  .outright-market__outcome {
    width: calc(50% - 2px);
  }
}
.outright.template--outright {
  padding: 0.75rem 0.5rem;
}
.outright.template--outright .outright-market__outcome {
  border-radius: 0;
  cursor: pointer;
  padding: 0.25rem 0;
  margin: 0;
}
.outright.template--outright .outright-market__outcome .name {
  font-weight: 400;
}
@media (min-width: 992px) {
  .outright.template--outright .outright-market__outcome {
    width: 100%;
  }
}
.outright.template--outright .odd-wrapper__content {
  margin: 0;
  padding: 0;
  width: 100%;
}
.outright.template--outright .odd-wrapper__content > span {
  padding: 0.75rem 0.5rem;
  flex: 1;
}
.outright.template--outright .odd-wrapper__content > span.odd {
  text-align: center;
}
.outright.template--outright .outright__info {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.outright.template--outright .outright__info > div {
  padding: 0.5rem 0;
}
@media (max-width: 991.98px) {
  .outright.template--outright .outright__info > div {
    width: 100%;
    flex: initial;
  }
  .outright.template--outright .outright__info > div.event__date-time {
    text-align: left;
    padding-right: 0.25rem;
    font-weight: normal;
    width: auto;
    white-space: nowrap;
    flex: initial;
  }
  .outright.template--outright .outright__info > div.outright__name {
    margin-left: 0;
    margin-right: 0.5rem;
    width: auto;
  }
}
.outright.template--outright .outright__info .event__date-time {
  flex: 1;
  text-align: right;
  padding-right: 0.5rem;
  justify-content: end;
  gap: 0.25rem;
}
.outright.template--outright .outright__info .outright__name {
  flex: 1;
}
@media (max-width: 991.98px) {
  .outright.template--outright .outright__info .outright__name {
    flex: initial;
  }
}
.outright.template--outright .outright__info .outright__title--wrapper {
  width: 100%;
  justify-content: space-between;
  display: flex;
  margin: 0 0.5rem;
}
.outright.template--outright .outright__info .outright__title--wrapper .outright__title {
  font-style: italic;
  font-size: 12px;
}
.outright.template--outright .outright-market__show-toggler {
  display: flex;
  width: 100%;
  justify-content: center;
}
.outright.template--outright .outright-market__show-toggler > span {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  margin-top: 0.25rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  .outright.template--outright .outright-market__show-toggler {
    font-size: 1rem;
  }
}

.event-group__sgm-wrapper .event__info__mobile .left-side {
  display: flex;
}

.event-group__wrapper--live .event__info__mobile .event__stats {
  display: none;
}
.event-group__wrapper--live .event__info__mobile .event__info-tournament {
  margin-left: 0;
  padding-left: 0;
}
.event-group__wrapper--live .event__info__mobile .event__info-tournament .sportIcon {
  display: inline-block;
}
@media (max-width: 991.98px) {
  .event-group__wrapper--live .event__stats-wrapper .sportIcon {
    display: none;
  }
}

.odds-animation {
  min-width: 2.5rem;
  max-width: 4rem;
  height: 2rem;
  padding: 0.25rem 0.5rem;
  background-color: #00f181;
  text-align: center;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  z-index: 1500;
  position: fixed !important;
  opacity: 0.8;
}
.odds-animation .name,
.odds-animation .specifiers {
  display: none !important;
}

.odds-with-label {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 991.98px) {
  .odds-with-label {
    flex-direction: column;
  }
}

:root[theme=dark] .sport-markets__event-sgp {
  color: #00f181;
  background-color: #1a1a1a;
}
:root[theme=dark] .playerGrid {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .playerGrid-item {
  background-color: #ffffff;
}
:root[theme=dark] .playerGrid-item:not(:last-of-type) {
  border-bottom: 1px solid #343a40;
}
:root[theme=dark] .playerGrid-filter .sports-filter__list-item {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
:root[theme=dark] .playerGrid-filter .sports-filter__list-item .event-participants__participant-name {
  color: inherit;
}
:root[theme=dark] .playerGrid-filter .sports-filter__list-item.active {
  background-color: #00f181;
  color: #000000;
}
:root[theme=dark] .playerGrid .outcome-stats__item--win,
:root[theme=dark] .playerGrid .outcome-stats__item--win_with_margin,
:root[theme=dark] .playerGrid .outcome-stats__item--lose,
:root[theme=dark] .playerGrid .outcome-stats__item--lose_with_margin {
  background-color: rgba(0, 241, 129, 0.2);
  color: #000000;
}
:root[theme=dark] .playerGrid .outcome-stats__item--win:last-child,
:root[theme=dark] .playerGrid .outcome-stats__item--win_with_margin:last-child,
:root[theme=dark] .playerGrid .outcome-stats__item--lose:last-child,
:root[theme=dark] .playerGrid .outcome-stats__item--lose_with_margin:last-child {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=light] .sport-markets__event-sgp {
  color: #00f181;
  background-color: #ffffff;
}
:root[theme=light] .playerGrid {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .playerGrid-item {
  background-color: #ffffff;
}
:root[theme=light] .playerGrid-item:not(:last-of-type) {
  border-bottom: 1px solid #e9ecef;
}
:root[theme=light] .playerGrid .outcome-stats__item--win,
:root[theme=light] .playerGrid .outcome-stats__item--win_with_margin,
:root[theme=light] .playerGrid .outcome-stats__item--lose,
:root[theme=light] .playerGrid .outcome-stats__item--lose_with_margin {
  background-color: rgba(0, 241, 129, 0.2);
  color: #000000;
}
:root[theme=light] .playerGrid .outcome-stats__item--win:last-child,
:root[theme=light] .playerGrid .outcome-stats__item--win_with_margin:last-child,
:root[theme=light] .playerGrid .outcome-stats__item--lose:last-child,
:root[theme=light] .playerGrid .outcome-stats__item--lose_with_margin:last-child {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=light] .playerGrid-filter .sports-filter__list-item {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
:root[theme=light] .playerGrid-filter .sports-filter__list-item .event-participants__participant-name {
  color: inherit;
}
:root[theme=light] .playerGrid-filter .sports-filter__list-item.active {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=light] .playerGrid-scrollbar .scroll__button {
  border: 1px solid #0082d5;
  color: #0082d5;
}

.sport-markets {
  min-height: 85vh;
  position: relative;
  z-index: 1;
}
.sport-markets .sport-events__title {
  display: none;
}
.sport-markets .sport-events__list {
  padding-top: 0.5rem;
}
.sport-markets .sport-events__list .scroll__container > div:first-child {
  padding-top: 4px;
}
.sport-markets .sport-events__list-item {
  padding-top: 1rem;
  padding-bottom: 0.25rem;
  height: auto;
  min-height: 120px;
}
.sport-markets .sport-events__list-item .top-event-item__head {
  display: none;
}
.sport-markets .loader.empty-state {
  min-height: 15vh;
}
.sport-markets .bet-return-bonus-banner {
  margin-bottom: 0.5rem;
}
.sport-markets .sports-filter + .sports-filter {
  margin-top: 0.5rem;
}
.sport-markets .sports-filter--stat-type {
  position: relative;
  top: 0;
  z-index: 9;
}

.sport-markets__event-sgp {
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  margin: 0 1rem 0.5rem 1rem;
  justify-content: space-between;
}

.sport-filter--provider.sFilter .item {
  border: 0;
  border-radius: 0;
}
.sport-filter--provider.sFilter .item.active {
  box-shadow: inset 0 -2px 0 0 #00f181;
}
.sport-filter--provider.sFilter .item .sgm-provider:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 1px;
  height: 0.75rem;
  width: 2.5rem;
  margin-right: 0.25rem;
  background-image: url(/static/assets/images/icons/sgm-color.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.playerGrid {
  border-radius: 4px;
  justify-content: center;
}
.playerGrid-filter {
  width: 100%;
  padding: 0.25rem;
  gap: 0.25rem;
  align-items: stretch;
}
.playerGrid-filter .sports-filter__list-item {
  display: flex;
  flex: 1;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}
.playerGrid-filter .sports-filter__list-item .sport-filter-option__name {
  display: flex;
  align-items: center;
}
.playerGrid-filter .sports-filter__list-item .sport-filter-option__name .event-participants__participant-name {
  font-weight: 600;
  margin-left: 0.25rem;
}
@media (max-width: 991.98px) {
  .playerGrid-filter .sports-filter__list-item .sport-filter-option__name .event-participants__participant-name {
    display: none;
  }
}
.playerGrid-filter .sports-filter__list-item .sport-filter-option__name .event-participants__participant-name--short {
  display: none;
}
@media (max-width: 991.98px) {
  .playerGrid-filter .sports-filter__list-item .sport-filter-option__name .event-participants__participant-name--short {
    display: block;
  }
}
.playerGrid-filter .sports-filter__list-item .sport-filter-option__name .event-participants__participant-logo {
  width: 1.75rem;
  height: 1.75rem;
}
@media (max-width: 991.98px) {
  .playerGrid-filter .sports-filter__list-item {
    max-width: 40%;
  }
  .playerGrid-filter .sports-filter__list-item .sport-filter-option__name {
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
  }
  .playerGrid-filter .sports-filter__list-item .event-participants__participant-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.playerGrid-list {
  min-height: 10vh;
  width: 100%;
}
.playerGrid-item {
  display: flex;
  flex-wrap: wrap;
  padding: 0.25rem;
}
.playerGrid-item .event-participants__participant-logo {
  margin-right: 0.5rem;
}
.playerGrid-item .outcome-stats {
  font-size: 0.875rem;
  margin-top: 0.125rem;
}
.playerGrid-item .outcome-stats__label {
  line-height: 1;
}
.playerGrid-item .playerGrid-item-name {
  font-weight: 600;
}
.playerGrid-item .playerGrid-outcomes {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  margin-top: 0.25rem;
  height: 3.625rem;
}
.playerGrid-item .playerGrid-outcomes.noScroll .scroll__container > div:first-child {
  gap: 0.5rem;
}
.playerGrid-item .playerGrid-outcomes.noScroll .playerGrid-outcome__container {
  margin-right: 0;
}
.playerGrid-item .playerGrid-outcome {
  display: flex;
  text-align: center;
  margin: 0;
  font-size: 1rem;
  min-height: 2.5rem;
}
.playerGrid-item .playerGrid-outcome__container {
  flex: 1;
  min-width: 3.5rem;
  margin-right: 0.5rem;
  text-align: center;
}
.playerGrid-item .playerGrid-outcome__value {
  font-size: 0.875rem;
  line-height: 1rem;
}
.playerGrid-item .playerGrid-outcome .name {
  display: none;
}
.playerGrid-scrollbar {
  position: relative;
  display: flex;
  width: 100%;
}
.playerGrid-scrollbar .playerGrid-outcomes {
  padding: 0 2.25rem;
}
.playerGrid-scrollbar .noScroll {
  padding: 0;
}
.playerGrid-scrollbar .noScroll .scroll__button {
  background-color: red;
  display: none;
}
.playerGrid-scrollbar .scroll__button {
  position: absolute;
  cursor: pointer;
  background-color: transparent;
  padding: 0.375rem;
  width: 2rem;
  height: 2rem;
  bottom: 1px;
  border: 1px solid;
  border-radius: 4px;
}
.playerGrid-scrollbar .scroll__button--left {
  left: 0;
}
.playerGrid-scrollbar .scroll__button--right {
  right: 0;
}
.playerGrid-scrollbar .scroll__button--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.playerGrid .eventView__market.eventView__market--playerGrid {
  border: none;
  margin: 0.625rem 0 0.125rem 0;
}
.playerGrid .eventView__market.eventView__market--playerGrid .marketGroup {
  box-shadow: none;
}
.playerGrid .eventView__market.eventView__market--playerGrid .marketGroup .MarketTypeDefaultView {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  padding: 0;
}
.playerGrid .eventView__market.eventView__market--playerGrid .marketGroup .MarketTypeDefaultView__row {
  gap: 0.5rem;
}
.playerGrid .eventView__market.eventView__market--playerGrid .marketGroup .MarketTypeDefaultView .market {
  margin: 0;
}
.playerGrid .eventView__market.eventView__market--playerGrid .marketGroup .MarketTypeDefaultView .market .odd {
  width: 100%;
}
.playerGrid .eventView__market.eventView__market--playerGrid .marketGroup .MarketTypeDefaultView .market.selected {
  --oddsBlockColorSelected: transparent;
  color: inherit;
}

:root[theme=dark] .main__body--sport-page .sidebar-tree__section-item,
:root[theme=dark] .main__body--sport-page .bottom__block {
  border-color: #000000;
  color: #ffffff;
}
:root[theme=dark] .main__body--sport-page .sidebar-tree__section-item.active,
:root[theme=dark] .main__body--sport-page .bottom__block.active {
  background-color: #2d3146;
}
:root[theme=dark] .main__body--sport-page .sport-tree__category-list {
  background-color: #2d3146;
}
:root[theme=dark] .main__body--sport-page .sport-page__content--list .sidebar-tree__section-item--tournament {
  background-color: #2d3146;
}
:root[theme=dark] .main__body--sport-page .sport-tree-item-message {
  background-color: #2d3146;
}
:root[theme=dark] .go-to-link {
  color: #ffffff;
}
:root[theme=light] .main__body--sport-page .sidebar-tree__section {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .main__body--sport-page .sidebar-tree__section-item,
:root[theme=light] .main__body--sport-page .bottom__block {
  border-color: #d7d9da;
}
@media (hover: hover) {
  :root[theme=light] .main__body--sport-page .sidebar-tree__section-item:hover,
  :root[theme=light] .main__body--sport-page .bottom__block:hover {
    background-color: #f5f6f7;
  }
}
:root[theme=light] .main__body--sport-page .sidebar-tree__section-item.active,
:root[theme=light] .main__body--sport-page .bottom__block.active {
  background-color: #dee2e6;
}
:root[theme=light] .main__body--sport-page .sidebar-tree__section-item .icon,
:root[theme=light] .main__body--sport-page .bottom__block .icon {
  font-size: 1.125rem;
}
:root[theme=light] .sport-name.has-dropdown:after {
  color: #595a6f;
}

@media (max-width: 767.98px) {
  .main__body--sport-page .sport-page__content--featured,
  .main__body--sport-page .sport-page__content--list {
    padding: 0 0.25rem;
  }
}
.main__body--sport-page .sidebar-tree__section {
  border-radius: 0.25rem;
  border: none;
}
.main__body--sport-page .sidebar-tree__section-item,
.main__body--sport-page .bottom__block {
  display: block;
  padding: 0.75rem 1rem;
  margin: 0;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
}
.main__body--sport-page .sidebar-tree__section-item:last-child,
.main__body--sport-page .bottom__block:last-child {
  border: none;
}
.main__body--sport-page .sidebar-tree__section-item .icon,
.main__body--sport-page .sidebar-tree__section-item .iconResult,
.main__body--sport-page .bottom__block .icon,
.main__body--sport-page .bottom__block .iconResult {
  margin-right: 1rem;
}
.main__body--sport-page .sidebar-tree__section-item .icon--bespoke-markets,
.main__body--sport-page .bottom__block .icon--bespoke-markets {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0;
  margin-bottom: -2px;
}
.main__body--sport-page .sidebar-tree__section-item .arrow,
.main__body--sport-page .bottom__block .arrow {
  font-size: 0.5rem;
  line-height: 1rem;
  float: right;
}
.main__body--sport-page .sport-tree__category-list {
  padding-left: 1rem;
}
.main__body--sport-page .sport-tree-item-message {
  padding: 1rem;
}
.main__body--sport-page .sport-page__content--list--title {
  margin: 0.75rem 0.25rem;
}
.main__body--sport-page .sport-page__content--list .sidebar-tree__section-item--tournament {
  padding-left: 3rem;
  font-size: 0.875rem;
}
.main__body--sport-page .sport-page__content--list .sidebar-tree__section-item--tournament .name {
  opacity: 0.8;
}
.main__body--sport-page .sport-page__content--list .sidebar-tree__section-item--tournament .icon {
  display: none;
}
.main__body--sport-page .sport-page__content--upcoming .event__outcome--fake {
  cursor: default;
}
.main__body--sport-page .sport-page__content .loader {
  padding: 1rem;
}
.main__body--sport-page .sport-page__content .loader svg {
  max-width: 2.5rem;
  max-height: 2.5rem;
}

.sport-page__content--nothing-found {
  margin: 1rem auto 2rem;
  padding: 1rem;
  max-width: 500px;
  text-align: center;
}
.sport-page__content--nothing-found .go-to-link {
  padding: 0.5rem 1rem;
  display: inline-block;
  font-weight: 600;
}

.sport-page__header-dropdown {
  position: relative;
  width: fit-content;
}
.sport-page__header-dropdown .sport-page__header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sport-page__header-dropdown .sport-page__header.sport-page__header--one-country {
  display: none;
}
.sport-page__header .sport-name {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 1rem 0 1rem 0;
  margin: 0;
  font-size: 1.75rem;
}
.sport-page__header .sport-name.has-dropdown {
  cursor: pointer;
}
.sport-page__header .sport-name.has-dropdown:after {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-family: "apollo ui", serif;
  content: "J";
  font-size: 0.875rem;
  line-height: 1;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 767.98px) {
  .sport-page__header .sport-name.has-dropdown:after {
    font-size: 0.75rem;
  }
}
.sport-page__header .sport-name.expanded:after {
  transform: rotate(180deg);
}
.sport-page__header .sportIcon {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.5rem;
}
.sport-page__header .sportIcon:before {
  font-size: 1.75rem;
}
.sport-page__header .tournament__header {
  align-items: baseline;
}

.tournament-list.tournament-list__dropdown {
  min-width: 300px;
}
.tournament-list.tournament-list__dropdown::after {
  content: none;
}
.tournament-list .tournament-list__item {
  border-radius: 0;
  padding: 0.625rem 3.125rem 0.625rem 1.25rem;
}
.tournament-list__all-link {
  font-weight: 600;
}

@media (hover: hover) {
  :root[theme=dark] .filter-by-time:hover {
    color: white;
  }
}
.filter-by-time__block {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  margin-bottom: -0.75rem;
}
.filter-by-time__block .filter-by-time {
  position: relative;
  padding: 0.5rem 0 0.5rem 1rem;
  white-space: nowrap;
}
.filter-by-time__block .filter-by-time__name:after {
  content: "J";
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-family: "apollo ui", serif;
  font-weight: 400;
  font-size: 0.675rem;
  line-height: 1;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
}
.filter-by-time__block .filter-by-time__name.expanded:after {
  transform: rotate(180deg);
}
.filter-by-time__block .filter-by-time {
  /*&:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid $gray-350;
    right: 0.75rem;
    top: 1rem;
  }*/
}
.filter-by-time__block .filter-by-time__dropdown {
  top: 2rem;
  right: 1rem;
}
.filter-by-time__block .filter-by-time__item.active {
  color: #00f181;
}

.sport-events__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sport-events__title {
  font-size: 0.9rem;
  line-height: 1.25;
}

.sport-events__list {
  cursor: grab;
  display: flex;
  padding-bottom: 0.5rem;
}
.sport-events__list .scroll__container > div:first-child {
  gap: 0.5rem;
}
.sport-events__list .scroll__container--dragging {
  cursor: grabbing;
}
@media (min-width: 768px) {
  .sport-events__list .scroll__container {
    padding-bottom: 12px;
  }
  .sport-events__list .scroll__container > div:first-child {
    padding-bottom: 2px;
  }
}

.sport-events__list-item {
  flex-shrink: 0;
}

.sportsbook-error {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.race-summary {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  height: 100%;
}
.race-summary:hover {
  background-color: #ffffff;
}
.race-summary__icons {
  position: absolute;
  top: 0;
  height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

.venue_race_table_row .icon--bet-bonus-all,
.venue_race_table_row .icon--promo-odds {
  width: 1.5rem;
  height: 1.5rem;
}

.race-summary__number {
  display: block;
  font-size: 0.8rem;
  line-height: 1;
}

.race-countdown,
.race-status {
  display: inline-block;
  min-width: 40px;
  padding: 0.25rem 0.5rem;
  margin: auto auto auto 5px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.race-countdown.race-countdown--light--mobile,
.race-status.race-countdown--light--mobile {
  color: #ffffff;
  background-color: #000000;
}
.race-countdown.race-countdown--success,
.race-status.race-countdown--success {
  color: #000000;
  background-color: rgb(30, 230, 75);
}
.race-countdown.race-countdown--warning,
.race-status.race-countdown--warning {
  color: #000000;
  background-color: rgb(255, 150, 10);
}
.race-countdown.race-countdown--danger,
.race-status.race-countdown--danger {
  color: #ffffff;
  background-color: rgb(220, 50, 70);
}
.race-countdown.race-countdown--info, .race-countdown.race-countdown--light,
.race-status.race-countdown--info,
.race-status.race-countdown--light {
  color: #000000;
  background-color: #f8f9fa;
}

.race-status.race-status--OPEN {
  color: #000000;
  background-color: rgb(30, 230, 75);
}
.race-status.race-status--CLOSED {
  color: #ffffff;
  background-color: rgb(220, 50, 70);
}
.race-status.race-status--INTERIM {
  color: #000000;
  background-color: rgb(255, 150, 10);
}
.race-status.race-status--PROTEST {
  color: #000000;
  background-color: rgb(255, 150, 10);
}
.race-status.race-status--PAYING {
  color: #ffffff;
  background-color: black;
}
.race-status.race-status--ABANDONED {
  color: #ffffff;
  background-color: rgb(220, 50, 70);
}

.race-summary__fixed-odds {
  padding: 0.25em 0.4em;
  background-color: rgba(93, 90, 86, 0.85);
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
  color: #fff;
  margin: 0 0 0 0.5rem;
  border-radius: 0.25rem;
  min-width: 1.375rem;
  font-style: oblique;
  font-weight: bold;
  letter-spacing: 1px;
}

@media (min-width: 768px) {
  .race-summary {
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    justify-content: center;
  }
  .race-summary + .race-summary {
    border-left: 1px solid gray;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
  }
  .race-summary .race-countdown {
    font-size: 0.75rem;
    padding: 3px;
    margin-left: 0;
  }
  .race-summary__number {
    margin-bottom: 0.75rem;
    font-size: 0.7rem;
    line-height: 1;
  }
  .race-summary__fixed-odds {
    /*position: absolute;
    top: 0.45rem;
    left: 50%;
    transform: translate(-50%);
    margin: auto;*/
    padding: 0.2rem 0.25rem 0.15rem 0.15rem;
    margin: 0;
    border-radius: 3px;
    font-size: 0.675rem;
    font-style: oblique;
    font-weight: bold;
    letter-spacing: 1px;
  }
}
:root[theme=dark] .next-jump-bar {
  background-color: #3b3b3b;
  color: #50279d;
  border-bottom-color: rgb(41, 41, 41);
}
:root[theme=dark] .next-jump-bar__item.next-jump-bar__item--filters {
  border-color: #ffffff;
}
:root[theme=dark] .next-jump-bar .next-race-nav .next-race-nav__button {
  background-color: #3b3b3b;
  color: #50279d;
  border-color: #ffffff;
}
:root[theme=dark] .next-jump-bar .next-race-nav .next-race-nav__button:first-child {
  border-color: #ffffff;
}
:root[theme=dark] .next-jump-bar .next-race-nav .next-race-nav__button:hover {
  color: #ffffff;
}
:root[theme=light] .next-jump-bar {
  background-color: #ffffff;
  color: rgb(127, 127, 127);
  border-bottom-color: rgb(215, 215, 215);
}
:root[theme=light] .next-jump-bar__item {
  border-color: rgb(215, 215, 215);
}
:root[theme=light] .next-jump-bar__item.next-jump-bar__item--filters {
  border-color: rgb(215, 215, 215);
}
:root[theme=light] .next-jump-bar .next-race-nav .next-race-nav__button {
  background-color: #ffffff;
  color: rgb(127, 127, 127);
  border-color: rgb(215, 215, 215);
}
:root[theme=light] .next-jump-bar .next-race-nav .next-race-nav__button:first-child {
  border-color: rgb(215, 215, 215);
}
:root[theme=light] .next-jump-bar .next-race-nav .next-race-nav__button:hover {
  color: #000000;
}

.next-jump-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  flex-wrap: nowrap;
  padding: 0;
  height: 52px;
  border-bottom: 1px solid transparent;
}
@media (max-width: 767.98px) {
  .next-jump-bar {
    display: none;
  }
}
.next-jump-bar .next-race-list {
  width: 100%;
  height: 100%;
  margin-right: 0.5rem;
}
.next-jump-bar .next-race-list .next-jump-bar__item:first-child {
  border-left: 0;
}
.next-jump-bar .next-race-list .next-race-list__scroll {
  width: 100%;
}
.next-jump-bar .next-race-list .next-race-list__scroll div:first-child {
  display: flex;
  align-items: center;
}
.next-jump-bar .next-race-list .next-race-list__scroll > div:nth-child(2), .next-jump-bar .next-race-list .next-race-list__scroll > div:nth-child(3) {
  height: 0 !important;
  width: 0 !important;
}
.next-jump-bar .next-race-nav {
  display: flex;
  flex-direction: column;
}
.next-jump-bar .next-race-nav .next-race-nav__button {
  height: 20px;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  border: 0;
  border-left: 1px solid transparent;
  cursor: pointer;
}
.next-jump-bar .next-race-nav .next-race-nav__button .icon {
  font-size: 10px;
}
.next-jump-bar .next-race-nav .next-race-nav__button:first-child {
  border-bottom: 1px solid transparent;
}
.next-jump-bar .filter-race-type-container {
  position: relative;
  cursor: pointer;
  min-width: calc(80px - 1rem);
  text-align: center;
}
.next-jump-bar .filter-race-type-container input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 5px;
}
.next-jump-bar .filter-race-type-container input[type=checkbox]::before {
  font-size: 10px;
  height: 13px;
  line-height: 13px;
  width: 11px;
}
.next-jump-bar .loader {
  padding: 0;
  margin: 0 auto;
}
.next-jump-bar .loader svg {
  max-width: 1.75rem;
  max-height: 1.75rem;
}

.next-jump-bar__title {
  font-weight: bold;
  white-space: nowrap;
}

.next-jump-bar__item {
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: space-between;
  flex-wrap: nowrap;
  flex-shrink: 0;
  height: 100%;
  border-left: 1px solid rgb(215, 215, 215);
  margin-left: 0.5rem;
  padding: 0.5rem;
  font-size: 1rem;
}
.next-jump-bar__item:hover {
  text-decoration: none;
}
.next-jump-bar__item.next-jump-bar__item--title {
  border-left: 0;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .next-jump-bar__item.next-jump-bar__item--title {
    display: none;
  }
  .next-jump-bar__item.next-jump-bar__item--filters {
    border-left: 0;
  }
}
.next-jump-bar__item.next-jump-bar__item--filters {
  border-right: 1px solid #ffffff;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
  min-width: 80px;
}
.next-jump-bar__item .race-name {
  display: inline-block;
  width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.next-jump-bar__item .race-number {
  margin-left: 0.5rem;
}
.next-jump-bar__item .race-countdown {
  margin-left: 0.5rem;
}

:root[theme=dark] .next-jump-box__item {
  border-color: black;
}
@media (max-width: 767.98px) {
  :root[theme=dark] .next-jump-box__item {
    box-shadow: 0rem 0.125rem 0.125rem 0rem rgba(0, 0, 0, 0.2);
    background: rgb(41, 41, 41);
    color: #ffffff;
    border: none;
  }
}
:root[theme=light] .next-jump-box__item {
  border-color: rgb(191.25, 191.25, 191.25);
}
@media (hover: hover) {
  :root[theme=light] .next-jump-box__item:not(.next-jump-box__item--empty):hover {
    background: rgb(229.5, 229.5, 229.5);
  }
}
@media (max-width: 767.98px) {
  :root[theme=light] .next-jump-box__item {
    border: none;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  }
}

.next-jump-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  overflow-x: auto;
  padding-bottom: 0.5rem;
}
.next-jump-box .next-jump-box__mobile {
  height: 6.25rem;
  width: 100%;
  margin-left: -0.25rem;
}

.next-jump-box__title {
  font-weight: bold;
}

.next-jump-box__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 8rem;
  height: 5rem;
  padding: 0.5rem;
  font-size: 0.875rem;
}
.next-jump-box__item--empty {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 0.75rem;
}
.next-jump-box__item .next-jump-box__item-title {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
}
.next-jump-box__item .race-name {
  font-weight: bold;
  margin-left: 0.5rem;
}
.next-jump-box__item .race-countdown {
  display: block;
  margin: 0;
}
.next-jump-box__item + .next-jump-box__item {
  border-left: 1px solid transparent;
}
.next-jump-box__item:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .next-jump-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
  }
  .next-jump-box__item {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
  }
  .next-jump-box__item .next-jump-box__item-title {
    flex-direction: row;
    text-align: left;
  }
  .next-jump-box__item .race-countdown {
    display: inline-block;
    margin-left: auto;
    margin-right: 0;
  }
  .next-jump-box__item + .next-jump-box__item {
    border-left: 0;
    border-top: 1px solid transparent;
  }
}
@media (max-width: 767.98px) {
  .next-jump-box__mobile .scroll__container > div {
    margin-bottom: -10px !important;
  }
  .home-next-jump .home-next-jump__col-title {
    padding: 0 0.5rem 0 0.75rem;
  }
  .next-jump-box__item {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    box-shadow: 0rem 0.125rem 0.125rem 0rem rgba(0, 0, 0, 0.2);
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    align-items: flex-start;
    width: 10.5rem;
    height: 5.25rem;
    padding: 0;
  }
  .next-jump-box__item:first-child {
    margin-left: 1rem;
  }
  .next-jump-box__item .event-icon {
    height: 1.7rem;
    width: 1.7rem;
  }
  .next-jump-box__item .icon-racing {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0;
    left: 0;
    background-position: left;
    background-size: contain;
  }
  .next-jump-box__item .icon-racing.icon-racing--horse {
    background-image: url(/static/assets/images/icons/horse-mobile.png);
  }
  .next-jump-box__item .icon-racing.icon-racing--dog {
    background-image: url(/static/assets/images/icons/greyhound-mobile.png);
  }
  .next-jump-box__item .icon-racing.icon-racing--trot {
    background-image: url(/static/assets/images/icons/harness-mobile.png);
  }
  .next-jump-box__item .next-jump-box__item-title {
    padding: 0.5rem 0.75rem 0 0.75rem;
    text-align: left;
    width: 100%;
  }
  .next-jump-box__item .next-jump-box__item-title .race-name {
    margin: 0;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .next-jump-box__item .next-jump-box__item-title .race-number {
    font-size: 0.8rem;
  }
  .next-jump-box__item .next-jump-box__item-countdown--wrapper {
    position: absolute;
    bottom: 5px;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0.25rem 0.5rem 0.25rem 0.75rem;
  }
}
@media (hover: hover) {
  :root[theme=dark] .next-jump-box a:hover {
    color: white;
  }
}
:root[theme=dark] .home-next-jump__col-box {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .home-next-jump__col-title .race-link-all {
  color: #ffffff;
}
:root[theme=dark] .home-next-jump__col-title .race-link-all:hover {
  color: white;
}
@media (max-width: 767.98px) {
  :root[theme=dark] .home-next-jump__col-box {
    border: none;
    box-shadow: none;
    background-color: transparent;
  }
}
:root[theme=dark] .home-tabs--wrapper {
  background: #191c21;
}
:root[theme=dark] .home-tabs {
  background: #ffffff;
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .home-tabs__tab-btn .btn {
  background: #ffffff;
}
:root[theme=dark] .home-tabs__tab-btn .btn:hover {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=dark] .home-tabs__tab-btn.home-tabs__tab-btn--active .btn {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=light] .home-next-jump__col-box {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .home-tabs--wrapper {
  background: #ffffff;
}
:root[theme=light] .home-tabs {
  background: #ffffff;
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .home-tabs__tab-btn .btn {
  background: #ffffff;
}
:root[theme=light] .home-tabs__tab-btn .btn:hover {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=light] .home-tabs__tab-btn.home-tabs__tab-btn--active .btn {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=light] .home-tabs__tab-btn.home-tabs__tab-btn--active .btn .icon-racing {
  filter: invert(1);
}
@media (max-width: 767.98px) {
  :root[theme=light] .home-next-jump__col-box {
    border: none;
    box-shadow: none;
    background-color: transparent;
  }
}

.home-next-jump__title {
  display: none;
}

.home-tabs--wrapper {
  height: 4rem;
  display: flex;
  align-items: center;
  z-index: 13;
  position: sticky;
  top: -4px;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding: 0 1rem;
}

.home-tabs {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 1.5rem auto;
  width: 100%;
  max-width: 600px;
  border-radius: 2rem;
}
.home-tabs .home-tabs__tab-btn {
  width: 100%;
  flex-grow: 1;
  border-radius: 1.25rem;
}
.home-tabs .home-tabs__tab-btn:focus, .home-tabs .home-tabs__tab-btn:focus-visible {
  outline: none;
}
.home-tabs .home-tabs__tab-btn .btn {
  border: none;
  width: 100%;
  justify-content: center;
}
.home-tabs .home-tabs__tab-btn .btn .icon-racing,
.home-tabs .home-tabs__tab-btn .btn .icon {
  margin-right: 0.5rem;
}
.home-tabs .home-tabs__tab-btn .btn:hover {
  text-decoration: none;
}
.home-tabs .home-tabs__tab-btn:first-child .btn {
  border-radius: 1.25rem;
}
.home-tabs .home-tabs__tab-btn:last-child .btn {
  border-radius: 1.25rem;
}
@media (max-width: 767.98px) {
  .home-tabs .home-tabs__tab-btn {
    flex-grow: 1;
    border-radius: 1.25rem;
  }
  .home-tabs .home-tabs__tab-btn .btn {
    border: none;
  }
}

.home-tab {
  max-width: 1340px;
  margin: auto;
}
.home-tab .types {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  z-index: 1;
  position: relative;
  width: 100%;
  max-width: 640px;
  height: max-content;
  margin: 1rem auto;
  overflow: hidden;
  overflow-x: auto;
}
.home-tab .types .type__container {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-width: 75px;
  flex: 1 1 75px;
  min-height: 3.75rem;
}
.home-tab .types .type__container .race-link-all {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 3.5rem;
}
.home-tab .types .type__container .type__container-inner {
  height: 4.125rem;
  width: 3.5rem;
  position: relative;
}
.home-tab .types .type__container .type__item-group-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 3.5rem;
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  height: 3.5rem;
  width: 3.5rem;
  margin: 5px 0;
  background-color: #00f181;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 0;
}
.home-tab .types .type__container .type__item-group-icon .icon-racing {
  height: 1.5rem;
  width: 1.5rem;
  filter: invert(1);
  margin-right: 0;
}
.home-tab .types .type__container .type__item-group-icon .AkIcon-more-icon:before {
  margin: 0.35rem 0 0 0.25rem;
}
.home-tab .types .type__container:has(.icon--bespoke-markets) .type__item-group-icon {
  position: relative;
}
.home-tab .types .type__container:has(.icon--bespoke-markets) .type__item-group-icon::before, .home-tab .types .type__container:has(.icon--bespoke-markets) .type__item-group-icon::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 4px + 4px);
  height: calc(100% + 4px + 4px);
  border-radius: inherit;
  background: linear-gradient(45deg, #998100, #fff7cc, #998100, #fff7cc, #998100);
  background-size: 300%;
  background-repeat: repeat;
  animation: border 5s linear infinite;
}
.home-tab .types .type__container:has(.icon--bespoke-markets) .type__item-group-icon::before {
  border: 1px solid #ffd700;
}
.home-tab .types .type__container:has(.icon--bespoke-markets) .type__item-group-icon::after {
  filter: blur(2px);
}
.home-tab .types .type__container .type__item-label {
  display: none;
  font-size: 0.5rem;
  padding: 0.25rem;
  text-align: center;
  text-transform: capitalize;
}
.home-tab .types .type__container .type__item-icon-blank {
  border-radius: inherit;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  width: 100%;
  position: absolute;
}
.home-tab .types .type__title {
  width: 100%;
  margin-top: 0.375rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 0.75rem;
  text-align: center;
}
@media (max-width: 991.98px) {
  .home-tab .types {
    margin: 0.5rem auto;
  }
}
.home-tab .home-next-jump__col .types {
  justify-content: center;
}
.home-tab .loader {
  padding: 1rem;
  /* svg {
    max-width: 2.5rem;
    max-height: 2.5rem;
  }*/
}

.home-next-jump {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  padding-top: 0;
  margin-bottom: 0.5rem;
}
.home-next-jump .types {
  width: 100%;
}
@media (max-width: 767.98px) {
  .home-next-jump {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
@media (min-width: 768px) {
  .home-next-jump {
    flex-direction: row;
  }
}

.home-next-jump__col {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-grow: 1;
}
.home-next-jump__col-box {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.home-next-jump__col + .home-next-jump__col {
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .home-next-jump__col .types {
    display: none;
  }
  .home-next-jump__col--empty {
    display: none;
  }
  .home-next-jump__col-box {
    border: none;
    box-shadow: none;
    background-color: transparent;
  }
  .home-next-jump__col + .home-next-jump__col {
    margin-top: 0.125rem;
  }
}
@media (min-width: 768px) {
  .home-next-jump__col + .home-next-jump__col {
    margin-top: 0;
    margin-left: 0.5rem;
  }
}

.home-next-jump__col-title {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .home-next-jump__col-title .race-next-to-jump {
    font-size: 0.8rem;
  }
}
.home-next-jump__col-title .race-next-to-jump {
  margin-right: 0.5rem;
}
.home-next-jump__col-title .race-type {
  font-weight: bold;
}
.home-next-jump__col-title .race-link-all {
  font-size: 0.9em;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: bold;
}

.home-next-jump__col-footer {
  display: none;
}

.home-sports-list .top-event-item .event-participants__participant-logo {
  width: 2.5rem;
  height: 2.5rem;
}
.home-sports-list .sport-events:not(:has(.sport-events__list-item)) {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 24px;
  height: 40px;
  opacity: 0.6;
  color: var(--dt-txt-4);
  background-image: linear-gradient(149deg, var(--dt-light-2), var(--globalColor1));
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  transition: opacity 0.2s;
}

.slick-next:before, .slick-prev:before {
  font-size: 12px;
  line-height: 1;
  opacity: 1;
  color: var(--dt-txt-4);
  font-family: "apollo ui", sans-serif;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  opacity: 1;
  background-image: linear-gradient(149deg, var(--dt-light-2), var(--globalColor1));
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev {
  left: 0;
  z-index: 99;
  border-radius: 0 6px 6px 0;
}

.slick-next {
  right: 0;
  z-index: 99;
  border-radius: 0.3rem 0 0 6px;
}

.slick-next:before {
  content: "H";
}

.slick-prev:before {
  content: "G";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick", sans-serif;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.slick-list {
  border-radius: 0.3rem;
}

:root[theme=dark] .slick-dots li button:before {
  background-color: #d7d9da;
}
:root[theme=dark] .slick-dots .slick-active button:before {
  background-color: #00f181;
}
:root[theme=light] .slick-dots li button:before {
  background-color: #d7d9da;
}
:root[theme=light] .slick-dots .slick-active button:before {
  background-color: #00f181;
}

.banner-slider {
  position: relative;
  margin: 0 auto 0.25rem auto;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .banner-slider {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.25rem;
  }
}
.banner-slider .slick-dots {
  position: absolute;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.banner-slider .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-slider .slick-dots li button {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.banner-slider .slick-dots li button::before {
  content: "";
  position: static;
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.375rem;
  line-height: 1;
  opacity: 0.9;
}
.banner-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.625rem;
}

.banner-slider__slide {
  position: relative;
  display: block;
  width: 100%;
  height: 265px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (min-width: 768px) {
  .banner-slider__slide {
    background-position: center;
  }
}
@media (max-width: 767.98px) {
  .banner-slider__slide {
    height: 200px;
  }
}
@media (max-width: 575.98px) {
  .banner-slider__slide {
    height: 165px;
  }
}
.banner-slider__slide .banner-slider__slide_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.banner-slider__slide.has-mobile-img .banner-slider__slide_img--desktop {
  display: none;
}
.banner-slider__slide.has-mobile-img .banner-slider__slide_img--mobile {
  display: block;
}
@media (min-width: 576px) {
  .banner-slider__slide.has-mobile-img .banner-slider__slide_img--desktop {
    display: block;
  }
  .banner-slider__slide.has-mobile-img .banner-slider__slide_img--mobile {
    display: none;
  }
}

:root[theme=dark] .top-event-at {
  background-color: #1a1a1a;
}
@media (hover: hover) {
  :root[theme=dark] .event-select__group {
    background-color: transparent !important;
  }
}
:root[theme=dark] .event-select__group .event-select__item + .event-select__item {
  border-top-color: rgba(222, 226, 230, 0.2);
}
:root[theme=dark] .event-select__title {
  color: rgba(255, 255, 255, 0.7);
}
@media (hover: hover) {
  :root[theme=dark] .event-select__item:hover:before {
    background-color: rgba(0, 130, 213, 0.2);
  }
  :root[theme=dark] .event-select__item:hover {
    border-color: transparent !important;
  }
  :root[theme=dark] .event-select__item:hover + .event-select__item {
    border-color: transparent !important;
  }
}
:root[theme=dark] .event-select__item.active {
  color: #0082d5;
}
:root[theme=dark] .event-select__item.active:before {
  background-color: rgba(0, 241, 129, 0.2);
}
:root[theme=dark] .event-select__item.active + .event-select__item {
  border-top-color: transparent;
}
:root[theme=light] .top-event-at {
  background-color: #ffffff;
}
:root[theme=light] .event-list-dropdown .event-name .event-participants__participant-name,
:root[theme=light] .event-list-select .event-name .event-participants__participant-name {
  color: #ffffff;
}
:root[theme=light] .event-list-dropdown .event-name > span,
:root[theme=light] .event-list-select .event-name > span {
  color: #d7d9da;
}
:root[theme=light] .event-list-dropdown .event-list .event-participants,
:root[theme=light] .event-list-select .event-list .event-participants {
  border-bottom: 1px solid #e9ecef;
}
:root[theme=light] .event-list-dropdown .event-list .event-participants:last-child,
:root[theme=light] .event-list-select .event-list .event-participants:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  :root[theme=light] .event-select__group {
    background-color: transparent !important;
  }
}
:root[theme=light] .event-select__group .event-select__item + .event-select__item {
  border-top-color: rgba(192, 197, 203, 0.6);
}
:root[theme=light] .event-select__title {
  color: #5d6379;
}
@media (hover: hover) {
  :root[theme=light] .event-select__item:hover:before {
    background-color: rgba(0, 130, 213, 0.2);
  }
  :root[theme=light] .event-select__item:hover {
    border-color: transparent !important;
  }
  :root[theme=light] .event-select__item:hover + .event-select__item {
    border-color: transparent !important;
  }
}
:root[theme=light] .event-select__item.active {
  color: #0082d5;
}
:root[theme=light] .event-select__item.active:before {
  background-color: transparent;
}
:root[theme=light] .event-select__item.active + .event-select__item {
  border-top-color: transparent;
}

.event-details__top {
  position: relative;
  width: 100%;
  min-height: 8rem;
}
.event-details__top__cover {
  width: 100%;
  height: 100%;
  background-image: url(/static/assets/images/sport-covers/cover-default.jpg);
  background-position: center;
  background-size: cover;
  position: absolute;
  opacity: 0.4;
  z-index: 1;
}
.event-details__top {
  /*    &:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, var(--dt-base-color) 0%, rgba(20, 21, 31, 0) 120%);

  }*/
}
.event-details__inner {
  padding: 0.5rem 0.5rem;
  position: relative;
  z-index: 100;
}
@media (max-width: 991.98px) {
  .event-details__inner {
    padding: 1rem;
  }
}
.event-details__tournament {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
.event-details__teams {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.event-details__teams .timer {
  display: flex;
}
.event-details .top-event-info__body {
  gap: 2rem;
}
@media (max-width: 767.98px) {
  .event-details .top-event-info__body {
    gap: 1rem;
  }
}
.event-details .top-event-info__center {
  display: flex;
  align-items: center;
  max-width: 220px;
  margin: 0 auto;
}
.event-details .top-event-info__center .top-event-at {
  padding: 0.125rem 0.375rem;
  border-radius: 2px;
}
.event-details .top-event-info__center .time {
  width: 100%;
}
.event-details .top-event-info__left, .event-details .top-event-info__right {
  flex-direction: row;
}
.event-details .top-event-info__left .top-event-info__participant {
  padding-right: 0.5rem;
  text-align: right;
}
.event-details .top-event-info__right .top-event-info__participant {
  padding-left: 0.5rem;
  text-align: left;
}
.event-details .top-event-info__participant {
  max-width: 500px;
  min-width: 200px;
  height: auto;
  align-self: center;
}
@media (max-width: 767.98px) {
  .event-details .top-event-info__participant {
    max-width: 200px;
    min-width: 60px;
  }
}
.event-details .additional {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem 0.5rem;
}
.event-details .event-list-dropdown,
.event-details .event-list-select {
  display: flex;
  position: relative;
  flex-direction: column;
}
.event-details .event-list-dropdown-wrapper,
.event-details .event-list-select-wrapper {
  display: flex;
  position: relative;
}
.event-details .event-list-dropdown .event-name,
.event-details .event-list-select .event-name {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem;
  cursor: pointer;
  align-items: center;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.25rem 1.25rem 0.25rem 0;
  margin: 0.5rem 0;
  border-radius: 4px;
}
.event-details .event-list-dropdown .event-name:after,
.event-details .event-list-select .event-name:after {
  position: absolute;
  right: 0;
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0;
  font-family: "apollo ui", serif;
  content: "J";
  font-size: 0.875rem;
  line-height: 1;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 767.98px) {
  .event-details .event-list-dropdown .event-name:after,
  .event-details .event-list-select .event-name:after {
    font-size: 0.75rem;
  }
}
.event-details .event-list-dropdown .event-name.expanded:after,
.event-details .event-list-select .event-name.expanded:after {
  transform: rotate(180deg);
}
.event-details .event-list-dropdown .event-name .event-participants__participant-name,
.event-details .event-list-select .event-name .event-participants__participant-name {
  font-size: 1.5rem;
}
.event-details .event-list-dropdown .event-name > span,
.event-details .event-list-select .event-name > span {
  padding: 0 0.75rem;
}
@media (max-width: 991.98px) {
  .event-details .event-list-dropdown .event-name,
  .event-details .event-list-select .event-name {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  }
  .event-details .event-list-dropdown .event-name,
  .event-details .event-list-dropdown .event-name .event-participants__participant-name,
  .event-details .event-list-select .event-name,
  .event-details .event-list-select .event-name .event-participants__participant-name {
    font-size: 1rem;
  }
  .event-details .event-list-dropdown .event-name .event-participants__participant-logo--lg,
  .event-details .event-list-select .event-name .event-participants__participant-logo--lg {
    width: 1rem;
    height: 1rem;
  }
}
.event-details .event-list-dropdown .event-list,
.event-details .event-list-select .event-list {
  position: absolute;
  left: 1rem;
  top: 3rem;
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
.event-details .event-list-dropdown .event-list:after,
.event-details .event-list-select .event-list:after {
  left: 3rem;
}
.event-details .event-list-dropdown .event-list .event-participants,
.event-details .event-list-select .event-list .event-participants {
  text-decoration: none;
  border-radius: 0;
}
.event-details .event-list-dropdown .event-list .event-participants > span,
.event-details .event-list-select .event-list .event-participants > span {
  margin-right: 0;
  padding: 0 0.5rem;
}
.event-details .event-list-dropdown .event-list .event-participants__participant-logo--lg,
.event-details .event-list-select .event-list .event-participants__participant-logo--lg {
  width: 1rem;
  height: 1rem;
}
@media (max-width: 991.98px) {
  .event-details .event-list-dropdown .event-list,
  .event-details .event-list-select .event-list {
    top: 2rem;
    left: 0;
  }
  .event-details .event-list-dropdown .event-list .event-participants__participant,
  .event-details .event-list-select .event-list .event-participants__participant {
    font-size: 0.875rem;
  }
}
.event-details .event-list-dropdown .event-select,
.event-details .event-list-select .event-select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.event-details .event-list-dropdown .event-select__group,
.event-details .event-list-select .event-select__group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 0;
}
.event-details .event-list-dropdown .event-select__group .event-select__item + .event-select__item,
.event-details .event-list-select .event-select__group .event-select__item + .event-select__item {
  border-top-width: 1px;
  border-top-style: solid;
}
.event-details .event-list-dropdown .event-select__dropdown,
.event-details .event-list-select .event-select__dropdown {
  top: 100%;
  max-height: 420px;
  overflow: auto;
  min-width: 100%;
}
.event-details .event-list-dropdown .event-select__dropdown .event-select__group + .event-select__group,
.event-details .event-list-select .event-select__dropdown .event-select__group + .event-select__group {
  padding-top: 0.625rem;
}
.event-details .event-list-dropdown .event-select__title, .event-details .event-list-dropdown .event-select__item,
.event-details .event-list-select .event-select__title,
.event-details .event-list-select .event-select__item {
  width: 100%;
}
.event-details .event-list-dropdown .event-select__title,
.event-details .event-list-select .event-select__title {
  font-weight: 600;
  padding-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.event-details .event-list-dropdown .event-select__item,
.event-details .event-list-select .event-select__item {
  position: relative;
  padding: 0.625rem 1.25rem;
  cursor: pointer;
}
.event-details .event-list-dropdown .event-select__item:before,
.event-details .event-list-select .event-select__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.25rem;
  right: -1.25rem;
  bottom: 0;
}
.event-details .event-list-dropdown .event-select__item .icon--promo-odds,
.event-details .event-list-select .event-select__item .icon--promo-odds {
  position: absolute;
  right: 0;
  top: calc(0.625rem - 2px);
}
.event-details .event-list-dropdown .event-select__text,
.event-details .event-list-select .event-select__text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-details__timer {
  max-width: 208px;
}
.event-details__timer .timerText {
  gap: 0.75rem;
}

.icon-favorite-new {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 24px;
  height: 100%;
  font-size: 8px;
  flex: none;
  color: #ebcf87;
  opacity: 0.4;
}
.icon-favorite-new:before {
  transform: scale(-1, 1);
  transition: transform ease-out 0.2s, color 0.2s;
}
.icon-favorite-new:hover {
  opacity: 0.8;
}
.icon-favorite-new:hover:before {
  transform: scale(-1.2, 1.2);
}
.icon-favorite-new.active {
  opacity: 1;
}
.icon-favorite-new.active:before {
  transform: scale(1.25, 1.25);
}
@supports (-webkit-background-clip: text) {
  .icon-favorite-new.active:before {
    background: linear-gradient(to right, #ebcf87, rgb(255, 150, 10));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

:root[theme=dark] .icon-racing {
  -webkit-filter: invert(1);
  filter: invert(1);
}
.icon-racing {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.icon-racing.icon-racing--all {
  background-image: url(/static/assets/images/icons/ico-race-all.png);
}
.icon-racing.icon-racing--horse {
  background-image: url(/static/assets/images/icons/ico-race-horse.png);
}
.icon-racing.icon-racing--dog {
  background-image: url(/static/assets/images/icons/ico-race-dog.png);
}
.icon-racing.icon-racing--trot {
  background-image: url(/static/assets/images/icons/ico-race-harness.png);
}

:root[theme=dark] .venue_page_header_container {
  background-color: #191c21;
  color: #ffffff;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .venue_page__race_type__filter {
  background-color: #191c21;
  color: #ffffff;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .venue_page__race_type__filter .tab .tab_button {
  border: 1px solid #00f181;
  color: #e9ecef;
  background: transparent;
}
:root[theme=dark] .venue_page__race_type__filter .tab .tab_button.active {
  border: 1px solid #00f181;
  background: #00f181;
  color: #000000;
}
@media (hover: hover) {
  :root[theme=dark] .venue_page__race_type__filter .tab .tab_button:hover {
    border: 1px solid #00f181;
    background: #00f181;
    color: #000000;
  }
}
:root[theme=dark] .venue_page__race_type__filter .filter-item__country--first {
  border-color: #000000;
}
:root[theme=dark] .venue_page_header__item {
  border: 1px solid #00f181;
  color: #e9ecef;
  background: transparent;
}
:root[theme=dark] .venue_page_header__item.active {
  border: 1px solid #00f181;
  color: #000000;
  background: #00f181;
}
@media (min-width: 768px) {
  :root[theme=dark] .venue_page_header__item:hover {
    border: 1px solid #00f181;
    color: #000000;
    background: #00f181;
  }
}
:root[theme=dark] .venue__content__container .race_type_header {
  color: #ffffff;
}
:root[theme=dark] .race_type_header__container {
  background-color: #191c21;
  color: #ffffff;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .venue_race_table_header_item, :root[theme=dark] .venue_race_table_row_item__data {
  border-bottom: 1px solid #000000;
}
:root[theme=dark] .venue_race_table_row_item__data {
  border-color: #000000;
}
:root[theme=dark] .venue_race_table_row:last-child td {
  border-bottom: 0.0625rem solid #000000;
}
:root[theme=dark] .venue_race_table .venue_race_table_row {
  background-color: #191c21;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data {
  background-color: transparent;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data__link {
  color: #ffffff;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data.first {
  color: #ffffff;
}
@media (min-width: 768px) {
  :root[theme=dark] .venue_race_table .venue_race_table_row_item__data.first:hover {
    background-color: #212529;
  }
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data .race-summary {
  border: 1px solid transparent;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data .race-summary:hover {
  background-color: #212529;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data .race-summary--highlighted {
  background-color: #ffc502;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data .race-summary--highlighted:hover {
  background-color: rgba(255, 197, 2, 0.66);
}
:root[theme=dark] .venue_race_table.venue_race__mobile .venue_race_table_row {
  border-bottom: 1px solid #000000;
}
:root[theme=dark] .venue_race_table_header_container {
  background-color: #191c21;
}
:root[theme=dark] .main__body--race-page .event {
  border-color: rgb(191.25, 191.25, 191.25);
}
:root[theme=dark] .main__body--race-page .event.expanded {
  border-color: rgb(0, 88, 47.1037344398);
}
:root[theme=dark] .main__body--race-page .race__metadata {
  color: #ffffff;
}
:root[theme=dark] .main__body--race-page .race__number__container,
:root[theme=dark] .main__body--race-page .race__results {
  background: #191c21;
  color: #ffffff;
  border: none;
  box-shadow: 0 0 0 0 rgb(64, 64, 64);
}
:root[theme=dark] .main__body--race-page .race__number__container .race-exotic-dividend-item-val,
:root[theme=dark] .main__body--race-page .race__results .race-exotic-dividend-item-val {
  background-color: #000000;
  color: #ffc502;
}
:root[theme=dark] .main__body--race-page .race-nav__container--sub {
  background: #191c21;
  border: none;
}
:root[theme=dark] .main__body--race-page .race-results_tab__item {
  background-color: #d7d9da;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome {
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  background-color: #f2f2f2;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome .specifiers {
  font-size: 0.75rem;
  font-weight: 400;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.disabled {
  background-color: transparent;
  color: #4b526a;
  border: none;
}
@media (hover: hover) {
  :root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome:hover:not(.disabled) {
    color: #008d35;
    background-color: #f2f2f2;
    border: none;
  }
  :root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome:hover:not(.disabled) .specifiers {
    color: #008d35;
  }
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome:focus:not(.disabled) {
  color: #008d35;
  background-color: #f2f2f2;
  border: none;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome:focus:not(.disabled) .specifiers {
  color: #008d35;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected {
  color: #ffffff;
  background-color: #008d35;
  border: none;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected .specifiers {
  color: rgba(255, 255, 255, 0.75);
}
@media (hover: hover) {
  :root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 166.5, 62.585106383);
    border: none;
  }
  :root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected:hover:not(.disabled) .specifiers {
    color: rgba(255, 255, 255, 0.75);
  }
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 166.5, 62.585106383);
  border: none;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected:focus:not(.disabled) .specifiers {
  color: #008d35;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .bets-odds-label {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .exotic__row_wrapper .favorite {
  background: transparent;
  color: #00f181;
}
:root[theme=dark] .main__body--race-page .race__info .icon-racing {
  -webkit-filter: invert(1);
  filter: invert(1);
}
:root[theme=dark] .main__body--race-page .extra_market_content_container {
  background: #1a1a1a;
}
:root[theme=dark] .main__body--race-page .racelist .tournament__header,
:root[theme=dark] .main__body--race-page .extra_market_container__header {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #1a1a1a;
  border-radius: 0;
  margin-top: 1px;
}
@media (min-width: 768px) {
  :root[theme=dark] .main__body--race-page .event__main-period.collapsible:hover {
    background-color: rgb(25.65, 25.65, 25.65);
    transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  }
}
:root[theme=dark] .main__body--race-page .runner-static {
  background: #000000;
  color: #dee2e6;
  box-shadow: #121212 0 11px 8px -8px inset, #242424 0 -11px 8px -10px inset;
  border: 1px solid rgba(36, 36, 36, 0.75);
  border-top: none;
}
:root[theme=dark] .main__body--race-page .runner-static__nav--item.active {
  color: #00f181;
  border-bottom-color: #00f181;
}
:root[theme=dark] .main__body--race-page .runner-static__nav--item:hover {
  color: #00f181;
}
:root[theme=dark] .main__body--race-page .runner-static .runner-runs table th,
:root[theme=dark] .main__body--race-page .runner-static .runner-runs table td {
  border-color: #242424;
  text-align: center;
}
:root[theme=dark] .main__body--race-page .runner-static .runner-runs__data {
  background-color: #121212;
}
:root[theme=dark] .main__body--race-page .runner-static .runner-runs .finish_1 {
  color: gold;
}
:root[theme=dark] .main__body--race-page .runner-static .runner-runs .finish_2,
:root[theme=dark] .main__body--race-page .runner-static .runner-runs .finish_3 {
  color: rgb(9, 159.1408450704, 255);
}
:root[theme=dark] .main__body--race-page .runner-static .runner-runs .highlight {
  color: #00f181;
}
:root[theme=dark] .main__body--race-page .runner-static .runner-form__info {
  background-color: #121212;
}
:root[theme=dark] .main__body--race-page .runner-static .runner-form__statistics {
  border-color: #121212;
}
:root[theme=dark] .main__body--race-page .runner-static .runner-form__statistics .highlight {
  color: #00f181;
}
:root[theme=dark] .main__body--race-page .speed-map {
  background-color: #121212;
  color: #e9ecef;
}
:root[theme=dark] .main__body--race-page .speed-map__item .progress {
  background-color: #000000;
}
:root[theme=dark] .place-information div:not(:first-child) {
  border-color: #ffffff;
}
:root[theme=dark] .page__markets_tab_container .tab .tab_button {
  border: 1px solid #00f181;
  color: #e9ecef;
  background: transparent;
}
:root[theme=dark] .page__markets_tab_container .tab .tab_button.active {
  border: 1px solid #00f181;
  color: #000000;
  background: #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .page__markets_tab_container .tab .tab_button:hover {
    border: 1px solid #00f181;
    color: #000000;
    background: #00f181;
  }
}
:root[theme=dark] .main__body--race-page .race-page__markets__tab_wrapper-exotics .tab_button {
  border: 1px solid #00f181;
  color: #e9ecef;
  background: transparent;
}
:root[theme=dark] .main__body--race-page .race-page__markets__tab_wrapper-exotics .tab_button.active {
  border: 1px solid #00f181;
  color: #000000;
  background: #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .main__body--race-page .race-page__markets__tab_wrapper-exotics .tab_button:hover {
    border: 1px solid #00f181;
    color: #000000;
    background: #00f181;
  }
}
:root[theme=dark] .runner-static {
  background: #000000;
  color: #dee2e6;
  box-shadow: #121212 0 11px 8px -8px inset;
  border: 1px solid rgba(36, 36, 36, 0.75);
  border-top: none;
}
:root[theme=dark] .runner-static__nav--item.active {
  color: #00f181;
  border-bottom-color: #00f181;
}
:root[theme=dark] .runner-static__nav--item:hover {
  color: #00f181;
}
:root[theme=dark] .runner-static .runner-runs table th,
:root[theme=dark] .runner-static .runner-runs table td {
  border-color: #242424;
  text-align: center;
}
:root[theme=dark] .runner-static .runner-runs__data {
  background-color: #121212;
}
:root[theme=dark] .runner-static .runner-runs .finish_1 {
  color: gold;
}
:root[theme=dark] .runner-static .runner-runs .finish_2,
:root[theme=dark] .runner-static .runner-runs .finish_3 {
  color: rgb(9, 159.1408450704, 255);
}
:root[theme=dark] .runner-static .runner-runs .highlight {
  color: #00f181;
}
:root[theme=dark] .runner-static .runner-form__info {
  background-color: #121212;
}
:root[theme=dark] .runner-static .runner-form__statistics {
  border-color: #121212;
}
:root[theme=dark] .runner-static .runner-form__statistics .highlight {
  color: #00f181;
}
:root[theme=dark] .main__body--race-page .mobile-column-chooser .race-page-columns-mobile-container {
  background-color: rgba(211, 211, 211, 0.3215686275);
  color: #ffffff;
}
:root[theme=light] .venue_page_header_container {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .venue_page__race_type__filter {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .venue_page__race_type__filter .tab .tab_button {
  border: 1px solid #6c757d;
  color: #6c757d;
  background: transparent;
}
:root[theme=light] .venue_page__race_type__filter .tab .tab_button.active {
  border: 1px solid #000000;
  color: #000000;
  background: #f5f6f7;
}
@media (hover: hover) {
  :root[theme=light] .venue_page__race_type__filter .tab .tab_button:hover {
    border: 1px solid #000000;
    color: #000000;
    background: #f5f6f7;
  }
}
:root[theme=light] .venue_page__race_type__filter .filter-item__country--first {
  border-color: #dee1e3;
}
:root[theme=light] .venue_page_header__item {
  border: 1px solid #6c757d;
  color: #6c757d;
  background: transparent;
}
:root[theme=light] .venue_page_header__item.active {
  border: 1px solid #000000;
  color: #000000;
  background: #f5f6f7;
}
@media (min-width: 768px) {
  :root[theme=light] .venue_page_header__item:hover {
    border: 1px solid #000000;
    color: #000000;
    background: #f5f6f7;
  }
}
:root[theme=light] .venue__content__container .race_type_header {
  color: #000000;
}
:root[theme=light] .race_type_header__container {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  margin-top: 1rem;
}
:root[theme=light] .venue_race_table_header_item, :root[theme=light] .venue_race_table_row_item__data {
  border-bottom: 1px solid #dee1e3;
}
:root[theme=light] .venue_race_table_row_item__data {
  border-color: #dee1e3;
}
:root[theme=light] .venue_race_table_row:last-child td {
  border-bottom: 0.0625rem solid #dee1e3;
}
:root[theme=light] .venue_race_table .venue_race_table_row_item__data {
  background-color: #fafafa;
}
:root[theme=light] .venue_race_table .venue_race_table_row_item__data .race-summary {
  border: 1px solid transparent;
}
:root[theme=light] .venue_race_table .venue_race_table_row_item__data .race-summary:hover {
  background-color: #ffffff;
}
:root[theme=light] .venue_race_table .venue_race_table_row_item__data .race-summary--highlighted {
  background-color: #ffc502;
}
:root[theme=light] .venue_race_table .venue_race_table_row_item__data .race-summary--highlighted:hover {
  background-color: rgba(255, 197, 2, 0.66);
}
:root[theme=light] .venue_race_table .venue_race_table_row_item__data__link .name {
  color: black;
}
:root[theme=light] .venue_race_table .venue_race_table_row_item__data.first {
  background-color: #ffffff;
}
:root[theme=light] .venue_race_table .venue_race_table_row_item__data.first:hover {
  background-color: #ffffff;
}
@media (max-width: 767.98px) {
  :root[theme=light] .venue_race_table .venue_race_table_row_item__data.first:hover {
    background-color: inherit;
  }
}
:root[theme=light] .venue_race_table.venue_race__mobile .venue_race_table_row {
  border-bottom: 1px solid #dee1e3;
  background-color: #ffffff;
}
:root[theme=light] .venue_race_table.venue_race__mobile .venue_race_table_row_item__data {
  background-color: #ffffff;
}
:root[theme=light] .venue_race_table_header_container {
  background-color: #ffffff;
}
:root[theme=light] .runner-static {
  box-shadow: #e9ecef 0 11px 8px -8px inset;
}
:root[theme=light] .runner-static__nav--item.active {
  color: #00f181;
  border-bottom-color: #00f181;
}
:root[theme=light] .runner-static__nav--item:hover {
  color: #00f181;
}
:root[theme=light] .runner-static .runner-runs table th,
:root[theme=light] .runner-static .runner-runs table td {
  text-align: center;
}
:root[theme=light] .runner-static .runner-runs .finish_1 {
  color: gold;
}
:root[theme=light] .runner-static .runner-runs .finish_2,
:root[theme=light] .runner-static .runner-runs .finish_3 {
  color: rgb(9, 159.1408450704, 255);
}
:root[theme=light] .runner-static .runner-runs .highlight {
  color: #00f181;
}
:root[theme=light] .runner-static .runner-form__info {
  background-color: #e9ecef;
}
:root[theme=light] .runner-static .runner-form__statistics {
  border-color: #adb5bd;
}
:root[theme=light] .runner-static .runner-form__statistics .highlight {
  color: #00f181;
}
:root[theme=light] .speed-map {
  background-color: #f5f6f7;
}
:root[theme=light] .speed-map__item .progress {
  background-color: #e9ecef;
}
:root[theme=light] .speed-map__item .progress-bar {
  background: linear-gradient(to right, rgba(0, 130, 213, 0.5) 0%, rgba(0, 241, 129, 0.66));
}
:root[theme=light] .speed-map__item .progress-bar.empty {
  background: linear-gradient(to right, #adb5bd 0%, #c0c5cb 100%);
}
:root[theme=light] .page__markets_tab_container .tab .tab_button {
  border: 1px solid #6c757d;
  color: #6c757d;
  background: transparent;
}
:root[theme=light] .page__markets_tab_container .tab .tab_button.active {
  border: 1px solid #000000;
  color: #000000;
  background: #f5f6f7;
}
@media (hover: hover) {
  :root[theme=light] .page__markets_tab_container .tab .tab_button:hover {
    border: 1px solid #000000;
    color: #000000;
    background: #f5f6f7;
  }
}
:root[theme=light] .page__markets_tab_container .tab.disabled {
  pointer-events: none;
}
:root[theme=light] .race-nav__container--sub .tab .tab_button {
  border: 1px solid #6c757d;
  color: #6c757d;
  background: transparent;
}
:root[theme=light] .race-nav__container--sub .tab .tab_button.active {
  border: 1px solid #000000;
  color: #000000;
  background: #f5f6f7;
}
@media (hover: hover) {
  :root[theme=light] .race-nav__container--sub .tab .tab_button:hover {
    border: 1px solid #000000;
    color: #000000;
    background: #f5f6f7;
  }
}
:root[theme=light] .main__body--race-page .event {
  border-color: rgb(191.25, 191.25, 191.25);
}
:root[theme=light] .main__body--race-page .event.expanded {
  border-color: #00f181;
}
:root[theme=light] .main__body--race-page .race__metadata {
  color: #000000;
}
:root[theme=light] .main__body--race-page .race__number__container,
:root[theme=light] .main__body--race-page .race__results {
  color: #000000;
  border: 1px solid #ffffff;
  background: #ffffff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}
:root[theme=light] .main__body--race-page .race__number__container .race-exotic-dividend-item-num,
:root[theme=light] .main__body--race-page .race__results .race-exotic-dividend-item-num {
  color: #c0c5cb;
}
:root[theme=light] .main__body--race-page .race__number__container .race-exotic-dividend-item-val,
:root[theme=light] .main__body--race-page .race__results .race-exotic-dividend-item-val {
  background-color: #e9ecef;
  color: #000000;
}
:root[theme=light] .main__body--race-page .race-results_tab__item {
  border: 1px solid transparent;
}
:root[theme=light] .main__body--race-page .race-results_tab__item.active {
  background-color: #00f181;
  color: #ffffff;
  border: 1px solid #00f181;
}
:root[theme=light] .main__body--race-page .race-results_tab__item:hover {
  border: 1px solid #00f181;
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome {
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #0082d5;
  background-color: transparent;
  border: 1px solid #0082d5;
  box-shadow: none;
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome .specifiers {
  font-size: 0.75rem;
  font-weight: 400;
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome.disabled {
  background-color: transparent;
  color: #c0c5cb;
  border: 1px solid #c0c5cb;
}
@media (hover: hover) {
  :root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome:hover:not(.disabled) {
    color: #ffffff;
    background-color: #0082d5;
    border: 1px solid #0082d5;
  }
  :root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome:hover:not(.disabled) .specifiers {
    color: #ffffff;
  }
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome:focus:not(.disabled) {
  color: #ffffff;
  background-color: #0082d5;
  border: 1px solid #0082d5;
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome:focus:not(.disabled) .specifiers {
  color: #ffffff;
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected {
  color: #ffffff;
  background-color: #0082d5;
  border: 1px solid #0082d5;
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected .specifiers {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected:hover:not(.disabled) {
    color: #ffffff;
    background-color: rgb(0, 98.8732394366, 162);
    border: 1px solid #ffffff;
  }
  :root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected:hover:not(.disabled) .specifiers {
    color: #ffffff;
  }
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected:focus:not(.disabled) {
  color: #ffffff;
  background-color: rgb(0, 98.8732394366, 162);
  border: 1px solid #ffffff;
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected:focus:not(.disabled) .specifiers {
  color: #ffffff;
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .event__outcome {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
:root[theme=light] .main__body--race-page .racelist .event__market-row-market .bets-odds-label {
  background-color: #00f181;
  color: #ffffff;
}
:root[theme=light] .main__body--race-page .extra_market_content_container {
  background: white;
}
:root[theme=light] .main__body--race-page .racelist .tournament__header,
:root[theme=light] .main__body--race-page .extra_market_container__header {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #1a1a1a;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  border-radius: 0;
}
:root[theme=light] .main__body--race-page .mobile-column-chooser .race-page-columns-mobile-container {
  color: #ffffff;
}

.race-countdown-wrapper {
  display: flex;
  margin-left: auto;
}
@media (max-width: 575.98px) {
  .race-countdown-wrapper {
    margin-left: 0;
  }
}

.main__body--race-page .lg-width {
  display: flex;
  flex-direction: column;
}
.main__body--race-page .lg-width .runner__list {
  flex: 2 1 0;
}
.main__body--race-page .lg-width .extra_market__list {
  flex: 1 1 0;
  margin-top: 1.5rem;
}
.main__body--race-page .lg-width .extra_market__list .extra_market_container {
  margin-top: 0;
  margin-left: 0.5rem;
  position: sticky;
  top: -1px;
}

.main__body--venues-page .no_venues {
  padding: 1rem;
}
.main__body--venues-page .scroll__container > div:first-child {
  margin-right: -8px !important;
}
.main__body--venues-page .mobile-date-picker {
  display: none;
}
.main__body--venues-page .mobile-date-picker .DateInput {
  width: 86px;
}
.main__body--venues-page .mobile-date-picker .SingleDatePicker_picker {
  position: fixed;
  top: auto !important;
  right: 0.5rem;
}

.venue_page_header_container {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
}
.venue_page_header_container .venue_page_header {
  display: flex;
  justify-content: flex-start;
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0.25rem 0.5rem;
  align-items: center;
  height: 3rem;
}
.venue_page_header_container .venue_page_header__item {
  border-radius: 4px;
  margin-right: 0.25rem;
  border: 1px solid transparent;
}
.venue_page_header_container .venue_page_header__item a {
  font-size: 0.9rem;
  text-decoration: none;
  padding: 0.25rem 0.75rem;
  white-space: nowrap;
  display: inline-block;
}
.venue_page_header_container .venue_page_header .venue-cal {
  margin-left: auto;
  align-items: center;
  display: inline-flex;
}
.venue_page_header_container .venue_page_header .venue-cal .DateInput {
  max-width: 100px;
}
.venue_page_header_container .venue_page_header .venue-cal .DateInput_input {
  height: 2rem;
}
.venue_page_header_container .venue_page_header .venue-cal.position-right .icon {
  top: 45%;
  transform: translateY(-50%);
  color: #9a9baa;
}
@media (max-width: 767.98px) {
  .venue_page_header_container .venue_page_header {
    height: 2.875rem;
    font-size: 0.875rem;
    overflow: auto;
  }
  .venue_page_header_container .venue_page_header .venue-cal {
    display: none;
  }
  .venue_page_header_container .venue_page_header .venue-cal .DateInput {
    max-width: 90px;
  }
  .venue_page_header_container .venue_page_header .venue-cal .DateInput_input {
    height: 1.5rem;
  }
}

.venue_page__race_type__filter {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: sticky;
  top: -0.25rem;
  z-index: 6;
  padding: 0.5rem 0.75rem;
  margin-top: 0.25rem;
}
.venue_page__race_type__filter .filter__wrapper {
  display: flex;
  height: 2.125rem;
}
.venue_page__race_type__filter .filter__wrapper .filter-item {
  display: flex;
  align-items: center;
  margin-right: 0.25rem;
}
.venue_page__race_type__filter .filter__wrapper .filter-item label .icon-racing {
  width: 1.25rem;
  height: 1.25rem;
}
.venue_page__race_type__filter .filter__wrapper .filter-item input[type=checkbox] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  margin-right: 5px;
}
.venue_page__race_type__filter .filter__wrapper .filter-item input[type=checkbox]::before {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  width: 18px;
}
.venue_page__race_type__filter .filter__wrapper .filter-item input[type=checkbox]::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s;
}
.venue_page__race_type__filter .filter__wrapper .filter-item input[type=checkbox]:active:after {
  position: absolute;
  border-radius: 1em;
  left: 0;
  top: 0;
  opacity: 1;
  transition: 0s;
}
.venue_page__race_type__filter .filter__wrapper .filter-item__country {
  margin-right: 0.75rem;
}
.venue_page__race_type__filter .filter__wrapper .filter-item__country--first {
  border-left: 1px solid transparent;
  padding-left: 0.75rem;
}
@media (max-width: 767.98px) {
  .venue_page__race_type__filter .filter__wrapper .filter-item__country--first {
    border-left: none;
    margin-left: auto;
  }
}
.venue_page__race_type__filter .filter__wrapper .month-selector {
  position: relative;
  width: 100%;
  height: 100%;
  align-content: center;
  justify-items: end;
  text-align: right;
}
.venue_page__race_type__filter .filter__wrapper .month-selector__wrapper {
  min-width: 8rem;
  flex-shrink: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media (max-width: 991.98px) {
  .venue_page__race_type__filter .filter__wrapper .month-selector__wrapper {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
  }
}
.venue_page__race_type__filter .filter__wrapper .month-selector__dropdown {
  left: auto;
  right: 0.125rem;
}
.venue_page__race_type__filter .filter__wrapper .month-selector__name:after {
  content: "J";
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-family: "apollo ui", serif;
  font-weight: 400;
  font-size: 0.675rem;
  line-height: 1;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
}
.venue_page__race_type__filter .filter__wrapper .month-selector__name.expanded:after {
  transform: rotate(180deg);
}
.venue_page__race_type__filter .market-tabs .tab {
  margin-right: 0.35rem;
  white-space: nowrap;
}
.venue_page__race_type__filter .market-tabs .tab_button {
  font-size: 0.9rem;
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 0.25rem 0.75rem;
  transition: color 0.2s, background-color 0.2s;
  cursor: pointer;
}
.venue_page__race_type__filter .market-tabs .tab_button .market_name {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.venue_page__race_type__filter .mobile-date-picker {
  display: flex;
  align-items: center;
}

.venue__content__container {
  margin-top: 0.25rem;
}
.venue__content__container .race_type_header {
  align-items: center;
  flex-direction: row;
  display: flex;
}
.venue__content__container .race_type_header .icon-racing {
  height: 1.5625rem;
  width: 1.5625rem;
}
.venue__content__container .race_type_header .tournament-name {
  font-weight: 600;
  font-size: 1.15rem;
}
.venue__content__container .race_type_header__container {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  top: 2.5rem;
  z-index: 5;
  display: flex;
  height: 2.75rem;
  padding: 0 1rem;
  position: sticky;
}
.venue__content__container__header--mobile {
  padding: 0.75rem 0.875rem;
  position: sticky;
  top: 0;
  background: lightgrey;
  color: black;
}
.venue__content__container__header--mobile > a {
  display: flex;
}
.venue__content__container__header--mobile .race-date {
  display: inline-block;
  margin-left: auto;
}
.venue__content__container--mobile a:hover {
  text-decoration: none;
}
.venue__content__container--mobile .venue_race_table_row_item__data__link {
  flex-direction: row;
  align-items: center;
  max-width: calc(100vw - 150px);
}
.venue__content__container--mobile .venue_race_table_row_item__data__link .race-number--rounded {
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 100%;
  margin-right: 0.5rem;
}
.venue__content__container--mobile .venue_race_table_row_item__data__link .name {
  padding-right: 0.5rem;
  font-size: 0.875rem;
  max-width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.venue__content__container--mobile .venue_race_table_row_item__data__link .country {
  color: gray;
}

.venue_race_table_header_container {
  width: 100%;
  overflow: auto;
  z-index: 5;
  position: sticky;
  top: 5rem;
}

.venue_race_table_header {
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: 100%;
  overflow: auto;
}
.venue_race_table_header::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .venue_race_table_header {
    padding-right: 45px;
  }
}
.venue_race_table_header_item {
  align-items: center;
  color: #686b70;
  display: flex;
  font-weight: normal;
  justify-content: center;
  min-height: 2.8125rem;
  flex: 1;
}
.venue_race_table_header_item.first {
  min-width: 10rem;
  max-width: 10rem;
}
.venue_race_table_header_item.first .icon-racing,
.venue_race_table_header_item.first .tournament-name {
  display: none;
}
.venue_race_table_header_item {
  min-width: 3.5rem;
}
.venue_race_table_header_item_label {
  display: none;
}

.venue_race_table_header-nav {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
}
.venue_race_table_header-nav__button {
  background-color: transparent;
  border: 1px solid #686b70;
  font-size: 12px;
  color: #686b70;
  cursor: pointer;
}
.venue_race_table_header-nav__button:hover {
  opacity: 0.7;
}

.racing-icon-name {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  white-space: nowrap;
}
.racing-icon-name .icon-racing {
  width: 20px;
  height: 20px;
}

.venue_race_table {
  width: 100%;
}
.venue_race_table::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .venue_race_table {
    padding-right: 35px;
    overflow-y: scroll;
  }
}
.venue_race_table .venue_race_table_data {
  width: 100%;
}
@media (min-width: 768px) {
  .venue_race_table .venue_race_table_data {
    overflow: hidden;
  }
  .venue_race_table .venue_race_table_data tbody {
    overflow: hidden;
  }
}
.venue_race_table .venue_race_table_data .venue_race_table_row_international td {
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
  font-weight: 600;
}
.venue_race_table .venue_race_table_data .venue_race_table_row {
  display: flex;
  align-items: center;
  flex-grow: 1;
  text-decoration: none;
}
.venue_race_table .venue_race_table_data .venue_race_table_row:first-child td {
  border-top: 0;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data {
  align-items: center;
  color: #686b70;
  display: flex;
  font-weight: normal;
  justify-content: center;
  height: 4.5rem;
  min-width: 3.5rem;
  border-style: solid;
  border-width: 0.0625rem 0.0625rem 0 0;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data.first {
  background-clip: padding-box;
  border-left-color: rgba(0, 0, 0, 0);
  min-width: 10rem;
  vertical-align: initial;
  height: 4.5rem;
  justify-content: flex-start;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data.first a {
  text-decoration: none;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data.first a .country {
  font-size: 0.875rem;
  padding: 0.25rem 0;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data.first .venue_race_table_row_item__data__link {
  height: 4.375rem;
  width: 100%;
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding-right: 0.625rem;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data.first .icon-flag {
  display: inline-block;
  margin-right: 0.5rem;
  width: 15px;
  height: 10px;
  --flagSize: 10px;
}
.venue_race_table.venue_race__desktop {
  right: 0.45px;
}
.venue_race_table.venue_race__desktop .venue_race_table_row_item__data {
  flex: 1;
}
.venue_race_table.venue_race__desktop .venue_race_table_row_item__data.first {
  padding-left: 1rem;
}
.venue_race_table.venue_race__mobile {
  padding-right: 0;
}
.venue_race_table.venue_race__mobile .venue_race_table_row {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_item__data {
  align-items: center;
  border: none;
  color: #686b70;
  display: flex;
  font-weight: normal;
  justify-content: flex-start;
  height: 4.5rem;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_item__data.first {
  flex: 1;
  background-clip: padding-box;
  border: none;
  vertical-align: initial;
  height: 4.5rem;
  justify-content: flex-start;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_item__data .race-summary__timer__wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding-right: 0.5rem;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_item__data .race-summary__timer__wrapper .race-summary__timer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_item__data .race-summary__timer__wrapper .race-summary__timer .race-countdown {
  font-weight: 400;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_item__data .race-summary__timer__wrapper .race-summary__timer .race-number {
  font-weight: 400;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_item__data .race-summary__timer__wrapper .race-summary__desktop-timer {
  display: none;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_item__data .venue_race_table_row_item__data__link > span {
  padding-bottom: 0;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_item__data .venue_race_table_row_item__data__link .country {
  color: gray;
  font-size: 0.875rem;
  padding: 0.25rem 0;
}

.main__body--race-page {
  position: relative;
}
.main__body--race-page .tournament {
  min-height: 4rem;
}
.main__body--race-page .mobile-column-chooser {
  margin: 0.5rem 0.25rem;
  text-align: right;
  display: none;
}
.main__body--race-page .mobile-column-chooser .race-page-columns-mobile-container {
  min-width: 135px;
  padding: 0.5rem 0.75rem;
  position: relative;
  width: auto;
}
.main__body--race-page .mobile-column-chooser .race-page-columns-mobile-container:focus, .main__body--race-page .mobile-column-chooser .race-page-columns-mobile-container:focus-visible {
  outline: none;
}
@media (max-width: 991.98px) {
  .main__body--race-page .single_race_multi_wrapper .event__flucs--toggle,
  .main__body--race-page .dutch_book_wrapper .event__flucs--toggle {
    margin-left: 0;
  }
}
.main__body--race-page .single_race_multi_wrapper .event__market-row .event__market-row-market,
.main__body--race-page .dutch_book_wrapper .event__market-row .event__market-row-market {
  width: auto;
}
.main__body--race-page .single_race_multi_wrapper .event__market-row .event__market-row-market .favorite,
.main__body--race-page .dutch_book_wrapper .event__market-row .event__market-row-market .favorite {
  width: 100%;
}
.main__body--race-page .single_race_multi_wrapper .event__market-row .srm__row_wrapper,
.main__body--race-page .dutch_book_wrapper .event__market-row .srm__row_wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /*margin-left: -0.45rem;
  margin-right: -0.45rem;*/
}
.main__body--race-page .single_race_multi_wrapper .event__market-row .srm__row_wrapper .srm__row_values,
.main__body--race-page .dutch_book_wrapper .event__market-row .srm__row_wrapper .srm__row_values {
  margin-right: 0.5rem;
  width: 3.5rem;
  position: relative;
}
.main__body--race-page .single_race_multi_wrapper .event__market-row .srm__row_wrapper .srm__row_values .event__outcome,
.main__body--race-page .dutch_book_wrapper .event__market-row .srm__row_wrapper .srm__row_values .event__outcome {
  position: relative;
}
.main__body--race-page .single_race_multi_wrapper .event__market-row .srm__row_wrapper .srm__row_values .event__outcome .loader.fetchingOutcome__absolute,
.main__body--race-page .dutch_book_wrapper .event__market-row .srm__row_wrapper .srm__row_values .event__outcome .loader.fetchingOutcome__absolute {
  display: inline-block;
  position: absolute;
  bottom: -0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-height: 1rem;
  max-width: 1rem;
  padding: 0;
}
.main__body--race-page .single_race_multi_wrapper .event__market-row .srm__row_wrapper .srm__row_values .favorite,
.main__body--race-page .dutch_book_wrapper .event__market-row .srm__row_wrapper .srm__row_values .favorite {
  bottom: 0;
}
@media (max-width: 991.98px) {
  .main__body--race-page .single_race_multi_wrapper .event__market-row .srm__row_wrapper .srm__row_values,
  .main__body--race-page .dutch_book_wrapper .event__market-row .srm__row_wrapper .srm__row_values {
    margin: 0 0.25rem;
    width: 4rem;
  }
}
.main__body--race-page .tournament__header .event {
  margin: 0;
  padding: 0.25rem 0;
  border: none;
}
.main__body--race-page .single_race_multi_wrapper .event__market-row .srm__row_wrapper .srm__row_values .favorite {
  width: 100%;
}
@media (max-width: 991.98px) {
  .main__body--race-page .single_race_multi_wrapper .tournament__header .event__main-period {
    flex-direction: row;
  }
  .main__body--race-page .single_race_multi_wrapper .tournament__header .event__main-period .event__market-row .srm__row_wrapper {
    justify-content: flex-end;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period {
    flex-direction: column;
    align-items: start;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .event__market-row {
    width: 100%;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .event__market-row-market {
    width: 100%;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .event__market-row .srm__row_wrapper {
    justify-content: flex-start;
    width: 100%;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .event__market-row .srm__row_wrapper .srm__row_values {
    width: 100%;
    max-width: 6rem;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .event-participants__participant-info_item {
    width: initial;
    margin-right: 0.5rem;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .runnerImage {
    margin-right: 0.75rem;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .runner-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .runner-info .event-participants__participant {
    margin-bottom: 0.25rem;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .event-participants__participant-info {
    display: flex;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .event-participants__participant-info .event-participants__participant-info_flex-wrap {
    display: flex;
  }
  .main__body--race-page .single_race_multi_wrapper .event__main-period .event__market-row-market {
    margin: 0;
  }
  .main__body--race-page .single_race_multi_wrapper .event-group .event-participants {
    margin: 0 0 10px 20px;
  }
}
.main__body--race-page .exotic_race_wrapper .tournament__header .exotic-field-header {
  display: flex;
  flex-direction: column;
}
.main__body--race-page .exotic_race_wrapper .tournament__header .exotic-field-header .sorting {
  text-align: right;
  padding-right: 0.5rem;
  margin-right: 0.75rem;
}
@media (max-width: 767.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header .exotic-field-header {
    margin-right: 0.5rem;
  }
}
.main__body--race-page .exotic_race_wrapper .event__market-row-market__outcome-container {
  justify-content: flex-end;
}
.main__body--race-page .exotic_race_wrapper .event__main-period {
  padding-right: 0.25rem;
}
.main__body--race-page .exotic_race_wrapper .event__main-period .event__market-row {
  margin-left: auto;
  justify-content: flex-end;
}
.main__body--race-page .exotic_race_wrapper .event__main-period .event__market-row .event__market-row-market-container {
  padding-right: 0;
}
@media (max-width: 767.98px) {
  .main__body--race-page .exotic_race_wrapper .event__main-period .event__market-row .event__market-row-market-container {
    padding-right: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper {
    min-width: initial;
  }
}
@media (max-width: 767.98px) {
  .main__body--race-page .exotic_race_wrapper .event__main-period {
    min-width: initial;
  }
}
@media (max-width: 575.98px) {
  .main__body--race-page .exotic_race_wrapper .event__main-period .selected-field-label {
    margin-right: 0.15rem;
  }
}
@media (max-width: 575.98px) {
  .main__body--race-page .exotic_race_wrapper .event__outcome {
    min-height: 2rem;
    height: 2rem;
    width: 3rem;
  }
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper .event__market-row {
    max-width: initial;
    flex-grow: initial;
  }
}
@media (max-width: 575.98px) {
  .main__body--race-page .exotic_race_wrapper .event__market-row-market {
    margin: 0 0.25rem;
    width: 2rem;
  }
  .main__body--race-page .exotic_race_wrapper .event__market-row-market:first-child {
    margin-left: 0;
  }
  .main__body--race-page .exotic_race_wrapper .event__market-row-market:last-child {
    margin-right: 0;
  }
}
.main__body--race-page .exotic_race_wrapper .exotic__row_odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0.25rem;
}
@media (max-width: 575.98px) {
  .main__body--race-page .exotic_race_wrapper .exotic__row_odds {
    min-height: 1rem;
    margin-top: 0.25rem;
  }
}
.main__body--race-page .exotic_race_wrapper .event__info {
  justify-content: space-between;
  max-width: 320px;
  min-width: 0;
  margin-right: 5.5rem;
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper .event__info {
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper .event__flucs {
    margin-right: 1rem;
  }
}
.main__body--race-page .exotic_race_wrapper .tournament__header {
  padding: 0.25rem;
  margin-top: 0.25rem;
  border: none;
}
.main__body--race-page .exotic_race_wrapper .tournament__header--last {
  margin-bottom: 1rem;
}
.main__body--race-page .exotic_race_wrapper .tournament__header .event-participants,
.main__body--race-page .exotic_race_wrapper .tournament__header .event-participants__participant {
  margin-bottom: 0;
}
.main__body--race-page .exotic_race_wrapper .tournament__header .event-participants__control .toggle-boxed,
.main__body--race-page .exotic_race_wrapper .tournament__header .event-participants__control .toggle-fixed {
  display: flex;
  gap: 4px;
  margin-right: 0.5rem;
}
.main__body--race-page .exotic_race_wrapper .tournament__header .event-participants__control .toggle-fixed {
  display: none;
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header .event-participants__control {
    margin-left: 0;
    padding-left: 0;
    flex-direction: column;
    align-items: start;
  }
}
.main__body--race-page .exotic_race_wrapper .tournament__header .event__info {
  margin-right: 5rem;
  min-width: 245px;
  max-width: calc(320px + 3rem);
  width: 100%;
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header .event__info {
    margin-right: auto;
    min-width: initial;
    width: auto;
  }
}
.main__body--race-page .exotic_race_wrapper .tournament__header.sub-header {
  display: none;
}
.main__body--race-page .exotic_race_wrapper .tournament__header.sub-header .runner {
  padding: 0 0.25rem;
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header.sub-header .runner {
    width: auto;
  }
}
@media (max-width: 575.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header.sub-header .runner {
    width: auto;
  }
}
.main__body--race-page .exotic_race_wrapper .tournament__header.sub-header .event__market-row-market--exotic {
  flex: 1;
  text-align: center;
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header.sub-header .event__market-row-market--exotic {
    display: none;
  }
}
.main__body--race-page .exotic_race_wrapper .tournament__header.sub-header > span {
  flex: 0.6;
}
@media (max-width: 767.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header.sub-header {
    display: flex;
  }
}
@media (max-width: 575.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header.sub-header {
    justify-content: space-between;
  }
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header:not(.sub-header) .event-participants {
    justify-content: end;
  }
}
@media (max-width: 991.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header:not(.sub-header) .event-participants__participant {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .main__body--race-page .exotic_race_wrapper .tournament__header:not(.sub-header) .event__market-row-market--exotic {
    display: none;
  }
}
.main__body--race-page .exotic_race_wrapper .odds {
  font-weight: 700;
  font-size: 1rem;
  color: #00f181;
}
.main__body--race-page .promo-odds {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 3;
}
.main__body--race-page .promo-odds .odds__promo-odds_new {
  margin-top: -0.45rem;
}
.main__body--race-page .promo-odds .odds__promo-odds_old {
  margin-top: -0.25rem;
  font-size: 0.8em;
  text-decoration: line-through;
}
.main__body--race-page .odds__best-odds .odds {
  margin-bottom: 0;
}
.main__body--race-page .odds__best-odds .odds .odds__promo-odds_new {
  margin-top: 0;
}
.main__body--race-page .odds__best-odds .odds .odds__promo-odds_old {
  margin-top: 0;
  display: none;
}
.main__body--race-page .event {
  border: 1px solid transparent;
  margin: 0.125rem 0;
  padding: 0;
}
.main__body--race-page .event + .event {
  border-top: 1px solid transparent;
  margin: 0.25rem 0;
}
.main__body--race-page .event--scratched .event__info {
  padding-left: 0.25rem;
}
.main__body--race-page .event--market-pc {
  font-weight: bold;
}
.main__body--race-page .event__main-period {
  padding: 0.25rem 0;
}
.main__body--race-page .event__main-period.collapsible {
  cursor: pointer;
}
.main__body--race-page .event .speed-map {
  padding: 0;
}
.main__body--race-page .event-participants {
  font-weight: normal;
}
.main__body--race-page .event-participants .event-participants__participant-logo {
  padding-top: 0;
}
.main__body--race-page .event__info {
  justify-content: flex-start;
  width: 320px;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
}
@media (max-width: 991.98px) {
  .main__body--race-page .event__info {
    width: auto;
    flex-direction: row;
  }
}
.main__body--race-page .event-group {
  padding: 0.125rem 0.25rem;
}
@keyframes bestOddsGlow {
  from {
    opacity: 0.5;
    transform: scale(1.01);
  }
  to {
    opacity: 0.66;
    transform: scale(1.05);
  }
}
.main__body--race-page .event__market-row {
  align-items: center;
}
@media (max-width: 991.98px) {
  .main__body--race-page .event__market-row {
    justify-content: end;
  }
}
@media (max-width: 991.98px) {
  .main__body--race-page .event__market-row:not(.tournament__header .event__market-row) {
    align-items: flex-start;
  }
}
@media (max-width: 575.98px) {
  .main__body--race-page .event__market-row:not(.tournament__header .event__market-row) {
    align-items: center;
  }
}
.main__body--race-page .event__market-row-market {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  width: 3.5rem;
}
.main__body--race-page .event__market-row-market .event__outcome {
  position: relative;
  padding: 0;
}
.main__body--race-page .event__market-row-market .event__outcome .odds {
  margin-right: 0;
}
.main__body--race-page .event__market-row-market .event__outcome.disabled .odds__promo-odds_new {
  opacity: 0.8;
}
.main__body--race-page .event__market-row-market.event__market-row-market--has-best-odds:has(.odds__best-odds):not(:has(.disabled)),
.main__body--race-page .event__market-row-market .bets-odds-label {
  overflow: visible;
}
.main__body--race-page .event__market-row-market.event__market-row-market--has-best-odds:has(.odds__best-odds):not(:has(.disabled))::before,
.main__body--race-page .event__market-row-market .bets-odds-label::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 8px;
  background-color: #ffd666;
  box-shadow: 0 0 8px #ffd666;
  opacity: 0.3;
  animation: bestOddsGlow 2.2s ease-in-out infinite alternate;
  pointer-events: none;
}
.main__body--race-page .event__market-row-market {
  /*&--best-odds {
    width: 7.5rem;

    .bets-odds-label {
      padding: 0.25rem;
      font-size: 1rem;
      border-radius: $border-radius-base;
      font-weight: 500;
    }

    .bets-odds-desc {
      visibility: hidden;
      height: 0;
      opacity: 0.1;
      font-size: 0.75rem;
    }

    @media (hover: hover) {
      &:hover {
        .bets-odds-desc {
          visibility: visible;
          opacity: 0.75;
          height: auto;
          transition:
            opacity 0.3s,
            visibility 0.3s allow-discrete;
        }
      }
    }

    @include media-breakpoint-down(md) {
      display: none;
      width: 3.25rem;
      padding: 0.125rem;
    }
  }*/
}
.main__body--race-page .event__market-row.desktop__values {
  display: flex;
}
.main__body--race-page .event__market-row.mobile__values {
  display: none;
}
.main__body--race-page .race-nav__container {
  padding: 0.75rem 0 0.75rem 0;
}
.main__body--race-page .race-nav__container--sub {
  padding: 0.25rem;
  margin-bottom: 0.25rem;
}
.main__body--race-page .race-nav__container--sub .page__markets_tab_container {
  padding: 0 0.25rem;
}
.main__body--race-page .race-nav__container .race-page__markets__tab_wrapper {
  display: flex;
  align-items: center;
}
.main__body--race-page .race-nav__container .race-page__markets__tab_wrapper .race-page__markets__tab_wrapper__flex {
  flex: 1;
}
.main__body--race-page .race-nav__container .race-page__markets__tab_wrapper .place-information {
  max-width: 140px;
  padding-left: 0.5rem;
  color: white;
  font-size: 0.75rem;
  overflow-wrap: break-word;
}
.main__body--race-page .page__markets_tab_container {
  height: 2.5rem;
}
.main__body--race-page .page__markets_tab_container .tab {
  display: flex;
  margin: 0;
  margin-right: 0.35rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
}
.main__body--race-page .page__markets_tab_container .tab_button {
  font-size: 0.9rem;
  border-radius: 4px;
  border: 1px solid transparent;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0.25rem 0.75rem;
  z-index: 2;
  cursor: pointer;
}
.main__body--race-page .page__markets_tab_container .tab_button .market_name {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.main__body--race-page .page__markets_tab_container .tab_button.best-odds {
  flex-direction: row;
}
.main__body--race-page .page__markets_tab_container .tab_button.best-odds:after {
  content: "";
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  border: 0.25rem solid transparent;
  background-image: url(/static/assets/images/icons/best-odds.svg);
  background-color: #ffffff;
}
.main__body--race-page .race__info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  align-items: center;
}
@media (max-width: 575.98px) {
  .main__body--race-page .race__info {
    justify-content: space-between;
  }
}
.main__body--race-page .race__info .icon-racing {
  flex-shrink: 0;
  margin: 0 0 0 0.25rem;
  width: 2rem;
  height: 2rem;
}
.main__body--race-page .race__info .flag__sport {
  width: 1.5rem;
  height: 1rem;
  --flagSize: 1rem;
}
.main__body--race-page .race__info .race-list {
  position: absolute;
  left: 0;
  top: 2rem;
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
.main__body--race-page .race__info .race-list__dropdown {
  z-index: 99;
  min-width: 300px;
  max-height: 55vh;
}
.main__body--race-page .race__info .race-list-item--today, .main__body--race-page .race__info .race-list-item--futures {
  font-weight: 600;
  text-transform: uppercase;
}
.main__body--race-page .race__info .race-list-item--next-to-jump {
  display: none;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 767.98px) {
  .main__body--race-page .race__info .race-list-item--next-to-jump {
    display: block;
  }
}
.main__body--race-page .race__info .race-list-item .icons-container {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
}
.main__body--race-page .race__info .race-list-item .icons-container .icons {
  margin-left: 0.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
}
.main__body--race-page .race__info .race-list-item__link {
  display: flex;
}
.main__body--race-page .race__info .race-list-item__link .racing-icon-name {
  font-size: inherit;
}
.main__body--race-page .race__info .race-list:after {
  content: none;
}
.main__body--race-page .race__info .race-name,
.main__body--race-page .race__info .race__metadata-number {
  padding-left: 0.25rem;
  display: block;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 2rem;
}
.main__body--race-page .race__info .race-name .size-24,
.main__body--race-page .race__info .race__metadata-number .size-24 {
  font-size: 1.5rem;
  height: 1.75rem;
  line-height: 1.75rem;
  margin: 0;
}
.main__body--race-page .race__info .race-name .race__metadata-number,
.main__body--race-page .race__info .race__metadata-number .race__metadata-number {
  display: inline;
  font-size: 1.5rem;
}
.main__body--race-page .race__info .race-name {
  cursor: pointer;
  padding: 0;
  border-radius: 0.3rem;
  display: inline-flex;
  align-items: center;
}
.main__body--race-page .race__info .race-name:after {
  content: "J";
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-family: "apollo ui", serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 575.98px) {
  .main__body--race-page .race__info .race-name:after {
    font-size: 0.75rem;
  }
}
.main__body--race-page .race__info .race-name.expanded:after {
  transform: rotate(180deg);
}
.main__body--race-page .race__info .race-track {
  font-size: 0.875rem;
  margin-left: 1rem;
  margin-right: auto;
}
.main__body--race-page .race__info .race-countdown {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 575.98px) {
  .main__body--race-page .race__info .race-countdown {
    margin-left: 0.25rem;
  }
}
.main__body--race-page .race__metadata {
  display: flex;
  margin: 0.25rem 0;
  position: relative;
  font-size: 0.875rem;
}
.main__body--race-page .race__metadata .race-title {
  margin-right: 1rem;
}
.main__body--race-page .race__metadata > span {
  padding-left: 0.5rem;
}
.main__body--race-page .race__metadata > span:first-child {
  padding-left: 0;
}
.main__body--race-page .race__metadata-number {
  font-size: 1.25rem;
  padding-left: 0.75rem;
}
.main__body--race-page .race-numbers {
  position: relative;
  z-index: 9;
  height: 3.25rem;
}
.main__body--race-page .race-numbers .race__number__container {
  height: 100%;
  border: 1px solid;
}
.main__body--race-page .race-numbers .race__number__container .race__number__list {
  height: 100%;
  display: flex;
  align-items: center;
  overflow: auto;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-around;
  position: relative;
  padding: 0.4rem 1rem 0.4rem 1rem;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option.active {
  color: #ffffff;
  background-color: #00f181;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option.active::after {
  height: 3px;
  background-color: #00f181;
}
@media (hover: hover) {
  .main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option:hover {
    color: #ffffff;
    background-color: #00f181;
  }
  .main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option:hover::after {
    height: 3px;
    background-color: #00f181;
  }
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option.item__multilegs--selected .race-number--tick {
  display: block;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 3px;
}
@media (hover: hover) {
  .main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option:hover {
    text-decoration: none;
    color: inherit;
    background-color: rgba(211, 211, 211, 0.3215686275);
  }
  .main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option:hover::after {
    height: 3px;
    background-color: #00f181;
  }
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option .race-number {
  font-size: 1.05rem;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option .race-number--tick {
  display: none;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  background-color: #00f181;
  top: -0.25rem;
  right: -0.25rem;
  position: absolute;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option .race-number--tick:before {
  content: "✓";
  position: absolute;
  z-index: 999;
  font-size: 0.75rem;
  width: 1rem;
  line-height: 1rem;
  text-align: center;
  color: black;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option .icons {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1rem;
  background-color: #00f181;
  bottom: -0.25rem;
  right: -0.5rem;
  position: absolute;
  z-index: 3;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option .startTime {
  font-size: 0.875rem;
}
@media (max-width: 767.98px) {
  .main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option {
    height: 2rem;
    width: 2rem;
    border: 1px solid;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option::after {
    display: none;
  }
  .main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option .race-number {
    font-size: 0.875rem;
  }
  .main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option .startTime {
    display: none;
  }
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--OPEN {
  color: #089928;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--CLOSED {
  color: rgb(220, 50, 70);
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--CLOSED:hover::after {
  background-color: rgb(220, 50, 70);
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--INTERIM {
  color: rgb(255, 150, 10);
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--INTERIM:hover::after {
  background-color: rgb(255, 150, 10);
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--PROTEST {
  color: rgb(255, 150, 10);
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--PROTEST:hover::after {
  background-color: rgb(255, 150, 10);
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--PAYING {
  color: darkgray;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--PAYING:hover::after {
  background-color: darkgray;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--ABANDONED {
  color: #d9d3d3;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item--ABANDONED:hover::after {
  background-color: #d9d3d3;
}
@media (max-width: 767.98px) {
  .main__body--race-page .race-numbers .race__number__container {
    background: inherit;
    border: none;
    color: white;
    padding: 0 0.5rem;
  }
}
.main__body--race-page .race-numbers--mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .main__body--race-page .race-numbers {
    display: none;
  }
  .main__body--race-page .race-numbers--mobile {
    display: block;
  }
}
.main__body--race-page .race__results {
  margin-top: 1rem;
}
.main__body--race-page .race__results .race__results-header {
  border-bottom: 1px solid #dee2e6;
  padding: 0.5rem 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.main__body--race-page .race__results .result-with-label .label {
  font-size: 1.1rem;
  font-weight: 700;
}
.main__body--race-page .race__results .result-with-label .results-odds {
  font-size: 1rem;
}
.main__body--race-page .race__results .race-results_tab {
  padding: 0.5rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
}
.main__body--race-page .race__results .race-results_tab__item {
  border-radius: 0.3rem;
  padding: var(--horizontalPadding);
  margin-right: 0.5rem;
  max-width: 30%;
  white-space: nowrap;
  transition: color 0.2s, background-color 0.2s;
  cursor: pointer;
  border: 1px solid transparent;
}
.main__body--race-page .race__results .race-results_tab_content .tournament__header {
  display: block;
}
.main__body--race-page .race__results .race-results_tab_content .tournament {
  height: auto;
  padding: 0;
}
.main__body--race-page .race__results .race-results_tab_content .runnerFinishPosition {
  min-width: 2.5rem;
  padding: 0 0.5rem;
}
.main__body--race-page .race__results .event-group--races {
  margin-top: 0;
  border-radius: 0;
}
.main__body--race-page .race__results .race-exotic-dividend {
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 991.98px) {
  .main__body--race-page .race__results .race-exotic-dividend {
    justify-content: end;
  }
}
.main__body--race-page .race__results .event__market-row.race-exotic-dividend {
  flex: 1;
  display: flex;
  width: 100%;
}
.main__body--race-page .race__results .race-exotic-dividend-type {
  min-width: 100px;
  margin-right: 15px;
}
.main__body--race-page .race__results .race-exotic-dividend-item {
  margin: 0 0.5rem;
}
.main__body--race-page .race__results .race-exotic-dividend-item-num {
  padding-bottom: 0.25rem;
  text-align: center;
  font-weight: 400;
}
.main__body--race-page .race__results .race-exotic-dividend-item-val {
  padding: 5px;
  width: 30px;
  text-align: center;
  border-radius: 0.25rem;
  overflow: hidden;
}
.main__body--race-page .race__results .event__market-row--race-dividend {
  display: flex !important;
  align-items: center;
}
.main__body--race-page .race__results .event__market-row--race-dividend .event__market-row--race-dividend-value {
  font-weight: bold;
  display: flex;
  flex-direction: column;
}
.main__body--race-page .race__results .event__market-row--race-dividend .event__market-row--race-dividend-value div {
  min-height: 1rem;
}
@media (max-width: 991.98px) {
  .main__body--race-page .race__results .event__market-row--race-dividend {
    margin: 0 0.25rem;
    min-width: 2rem;
    width: auto;
  }
}
.main__body--race-page .race__results .event__market-row--race-results {
  justify-content: flex-start;
}
.main__body--race-page .race__results .event__market-row--race-results .results {
  min-width: 2.5rem;
  text-align: center;
  font-weight: bold;
}
.main__body--race-page .race__results .event__market-row--race-results .results-title {
  color: #5d6379;
}
.main__body--race-page .extra_market_container {
  margin: 1rem 0;
}
.main__body--race-page .extra_market_container span.icon {
  font-size: 0.75rem;
  display: inline-block;
  margin-right: 0.75rem;
  margin-bottom: 0.25rem;
}
.main__body--race-page .extra_market_container .extra_market_container__header {
  padding: 0.75rem 0.75rem;
  border-radius: 0;
  color: white;
  font-size: 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 3.5rem;
}
.main__body--race-page .extra_market_container .extra_market_content .market_name {
  padding: 0.75rem 0.75rem;
  font-size: 1.15rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
}
.main__body--race-page .extra_market_container .extra_market_content .extra_market_content_container {
  margin: 0.75rem;
}
.main__body--race-page .extra_market_container .extra_market_content .extra_market_content_container .suspended {
  color: lightgray;
}
.main__body--race-page .extra_market_container .extra_market_content .extra_market_content_container .event-group {
  border: none;
  box-shadow: none;
  padding: 0.25rem 0.25rem 0.125rem 0.25rem;
}
.main__body--race-page .extra_market_container .extra_market_content .extra_market_content_container .outcome_name {
  padding-left: 0.75rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.main__body--race-page .extra_market_container .extra_market_content .extra_market_content_container .outcome_name .runnerImage {
  margin-right: 0.5rem;
}
.main__body--race-page .extra_market_container .extra_market_content .extra_market_content_container .outcome_name .runnerImage img {
  width: 1.5rem;
  height: 1.5rem;
}
.main__body--race-page .extra_market_container .extra_market_content .extra_market_content_container:not(.expanded) .market_runners {
  height: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  /* fade out, then shrink */
  transition: height 0.25s 0.25s, opacity 0.5s;
  overflow: hidden;
}
.main__body--race-page .extra_market_container .extra_market_content .extra_market_content_container.expanded .market_runners {
  padding: 0 1rem 1rem;
  height: auto;
  opacity: 1;
  transition: height 0.5s, opacity 0.5s;
}
.main__body--race-page .extra_market_container .extra_market_content .extra_market_content_container .event__market-row {
  justify-content: end;
}
.main__body--race-page .racelist {
  padding: 0;
}
.main__body--race-page .racelist .sorting {
  position: relative;
  cursor: pointer;
}
.main__body--race-page .racelist .sorting:before, .main__body--race-page .racelist .sorting:after {
  content: "";
  position: absolute;
  display: block;
  right: -8px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.main__body--race-page .racelist .sorting:before {
  bottom: 50%;
  border-bottom: 4px solid #6c757d;
  transform: translate(0, -60%);
}
.main__body--race-page .racelist .sorting:after {
  top: 50%;
  border-top: 4px solid #6c757d;
  transform: translate(0, 60%);
}
@media (hover: hover) {
  .main__body--race-page .racelist .sorting:hover:before {
    border-bottom-color: #d7d9da;
  }
  .main__body--race-page .racelist .sorting:hover:after {
    border-top-color: #d7d9da;
  }
}
.main__body--race-page .racelist .sorting.asc:before {
  border-bottom-color: #f5f6f7;
}
.main__body--race-page .racelist .sorting.desc:after {
  border-top-color: #f5f6f7;
}
.main__body--race-page .racelist .event__market-row-market {
  flex-direction: column;
  position: relative;
  padding: 0;
}
.main__body--race-page .racelist .event__market-row-market-container {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
}
.main__body--race-page .racelist .event__market-row-market__outcome-container {
  display: flex;
  flex-direction: row;
}
.main__body--race-page .racelist .event__market-row-market--exotic {
  width: 4.5rem;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  width: initial;
}
.main__body--race-page .racelist .event__market-row-market--exotic .exotic__row_odds {
  margin-right: 0;
}
.main__body--race-page .racelist .event__market-row-market--competitors {
  width: 4.5rem;
  display: flex;
}
.main__body--race-page .racelist .event__market-row-market--competitors--final {
  width: 3rem;
}
@media (max-width: 991.98px) {
  .main__body--race-page .racelist .event__market-row-market--competitors--final {
    width: 2.5rem;
    margin-right: 0.125rem;
    margin-left: 0.125rem;
  }
}
.main__body--race-page .racelist .event__market-row-market--competitors--final .event__competitor {
  align-self: center;
}
.main__body--race-page .racelist .event__market-row-market--competitors--final .event__competitor:before {
  display: none;
}
.main__body--race-page .racelist .event__market-row-market .event__outcome .odds.isFav {
  display: flex;
  height: 3rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}
.main__body--race-page .racelist .event__market-row-market .event__outcome.disabled-boxed .odds {
  display: none;
}
.main__body--race-page .racelist .event__market-row-market--checkbox {
  width: 2rem;
}
.main__body--race-page .racelist .event__market-row-market--checkbox .event__outcome {
  width: 100%;
  flex: none;
  min-height: 2rem;
}
@media (hover: hover) {
  .main__body--race-page .racelist .event__market-row-market--checkbox .event__outcome:not(.disabled):hover {
    transition: 320ms transform ease-in-out;
  }
}
.main__body--race-page .racelist .event__market-row-market--checkbox .event__outcome.selected:not(.disabled) {
  background-color: #00f181;
}
.main__body--race-page .racelist .event__market-row-market--checkbox .event__outcome.selected:not(.disabled)::before {
  content: "";
  width: 1rem;
  height: 1rem;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(1);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em white;
  /* Windows High Contrast Mode */
}
.main__body--race-page .racelist .event__market-row-market--checkbox .event__outcome .place {
  font-weight: bold;
}
.main__body--race-page .racelist .event__market-row-market--checkbox .odds {
  margin-top: 0.25rem;
  font-weight: bold;
  border: 1px solid transparent;
  line-height: 0.85rem;
  padding: 2px 0.75rem;
  display: flex;
  align-self: center;
  position: relative;
}
.main__body--race-page .racelist .event__market-row-market--checkbox .odds--fav {
  border-color: #ffc502;
}
.main__body--race-page .racelist .event__market-row-market--checkbox .odds .icon {
  position: absolute;
  right: 0.125rem;
  font-size: 0.5rem;
}
.main__body--race-page .racelist .event__market-row-market--checkbox .odds .icon.down {
  color: #dc3246;
}
.main__body--race-page .racelist .event__market-row-market--multilegs .event__outcome {
  width: 3.5rem;
  padding: 0.25rem 0.5rem;
}
.main__body--race-page .racelist .event__market-row-market .exotic__row_wrapper .favorite {
  background: transparent;
  color: #00f181;
}
.main__body--race-page .racelist .tournament__header {
  position: sticky;
  top: -1px;
  color: white;
  height: 5rem;
}
@media (max-width: 767.98px) {
  .main__body--race-page .racelist .tournament__header {
    top: 55px;
  }
}
.main__body--race-page .racelist .tournament__header .event-participants__participant {
  position: relative;
  color: white;
}
.main__body--race-page .racelist .tournament__header .event-participants__participant.sorting {
  padding-right: 0.25rem;
}
.main__body--race-page .racelist .tournament__header .event__market-row-market {
  align-items: center;
  color: white;
}
.main__body--race-page .racelist .tournament__header .event__market-row-market span.sorting {
  position: relative;
  padding-right: 0.25rem;
  width: min-content;
}
.main__body--race-page .racelist .tournament__header .selected-field-label {
  gap: 0.375rem;
  font-size: 0.75rem;
  white-space: nowrap;
}
.main__body--race-page .racelist .event__competitor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .main__body--race-page .racelist .event__competitor {
    font-size: 0.75rem;
  }
}
.main__body--race-page .racelist .event__competitor:before {
  content: "";
  display: inline-flex;
  width: 1.75rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 0.25rem;
}
.main__body--race-page .racelist .event__competitor--sportsbet:before {
  background-image: url(/static/assets/images/partners/sb.png);
}
.main__body--race-page .racelist .event__competitor--tab:before {
  background-image: url(/static/assets/images/partners/tab.png);
}
.main__body--race-page .racelist .event__competitor--ladbrokes:before {
  background-image: url(/static/assets/images/partners/l.png);
}
.main__body--race-page .racelist .event-group--races {
  margin-top: 0;
  border-radius: 0;
}
.main__body--race-page .racelist .event-group--races .event__outcome {
  margin: 0;
}
.main__body--race-page .racelist .deductions-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main__body--race-page .racelist .deductions-wrap .deduction-values {
  display: flex;
}
.main__body--race-page .racelist .deductions-wrap .deduction-values + div {
  background: transparent;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
@media (max-width: 991.98px) {
  .main__body--race-page .racelist--miltilegs .event__info {
    flex-direction: row;
    width: 100%;
  }
}
.main__body--race-page .racelist--miltilegs .event__info .selected-field-label {
  margin-left: auto;
}
.main__body--race-page .racelist--miltilegs .event__market-row-market {
  width: 4rem;
}
.main__body--race-page .racelist--miltilegs .event__market-row-market .event__outcome {
  margin: 0 auto;
}
.main__body--race-page .racelist--future .event-participants__participant-index,
.main__body--race-page .racelist--future .event-participants__participant-info {
  display: none;
}
.main__body--race-page .racelist--future .event__main-period {
  padding-left: 0.5rem;
  padding-top: 0;
}
.main__body--race-page .racelist--future .event__odds-histories {
  margin-top: 0;
}
.main__body--race-page .racelist--future .event:has(.event__odds-histories) .event__main-period {
  padding-bottom: 0;
}
.main__body--race-page .event__odds-histories {
  display: flex;
  margin: 0.5rem 0.5rem 0.25rem 0.5rem;
  font-size: 11px;
}
.main__body--race-page .event__odds-histories-item {
  margin-right: 1rem;
  display: flex;
}
.main__body--race-page .event__odds-histories-item:after {
  content: " ";
  font-size: 50%;
  align-self: center;
  margin-left: 2px;
}
.main__body--race-page .event__odds-histories-item--up {
  color: #008d35;
}
.main__body--race-page .event__odds-histories-item--up:after {
  content: "▲";
}
.main__body--race-page .event__odds-histories-item--down {
  color: #dc3246;
}
.main__body--race-page .event__odds-histories-item--down:after {
  content: "▼";
}
@media (max-width: 767.98px) {
  .main__body--race-page .event__odds-histories-item {
    margin-right: 0.75rem;
  }
}
.main__body--race-page .event__flucs {
  display: flex;
  flex-direction: row;
  margin-right: 0.5rem;
  align-items: stretch;
}
.main__body--race-page .event__flucs-item {
  display: flex;
  flex: 1;
  gap: 0.25rem;
  justify-content: center;
}
.main__body--race-page .event__flucs .flucs-label {
  display: none;
  white-space: nowrap;
}
.main__body--race-page .event__flucs--toggle {
  font-size: 0.75rem;
  gap: 5px;
  align-items: center;
}
.main__body--race-page .event__flucs--header {
  gap: 5px;
  align-items: center;
}
.main__body--race-page .event__flucs--header .flucs-label {
  display: flex;
}
@media (max-width: 991.98px) {
  .main__body--race-page .event__flucs {
    display: none;
    flex-direction: column;
    width: 2.5rem;
  }
  .main__body--race-page .event__flucs-item {
    justify-content: space-between;
  }
  .main__body--race-page .event__flucs .flucs-label {
    display: flex;
  }
  .main__body--race-page .event__flucs--header {
    display: none;
  }
  .main__body--race-page .event__flucs--toggle {
    display: flex;
    margin-left: -2rem;
    margin-right: 0.5rem;
  }
}
.main__body--race-page .racelist .event__flucs {
  font-size: 11px;
  width: 8rem;
}
.main__body--race-page .racelist .event__flucs--toggle {
  width: 4.5rem;
  margin-left: -4.5rem;
  margin-right: 0;
  font-size: 0.75rem;
}
.main__body--race-page .display-settings {
  justify-content: left;
  padding: 0.5rem;
  position: relative;
  top: 0;
}
.main__body--race-page .display-settings__item {
  margin-right: 1rem;
}
.main__body--race-page .display-settings__item .settings--toggle {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 0.875rem;
  gap: 5px;
}
@media (max-width: 991.98px) {
  .main__body--race-page .display-settings__item .settings--toggle {
    margin-left: 0;
    width: auto;
  }
}
.main__body--race-page .bet-return-bonus-banner {
  border-radius: 4px;
}
.main__body--race-page .runner-static {
  padding: 0.5rem 0 0.25rem;
  margin-top: 0.25rem;
}
.main__body--race-page .runner-static__nav {
  display: flex;
  width: 100%;
}
.main__body--race-page .runner-static__nav--item {
  cursor: pointer;
  display: flex;
  flex: 1;
  padding: 0.5rem 1rem;
  justify-content: center;
  border-bottom: 2px solid #adb5bd;
  font-weight: 600;
}
.main__body--race-page .runner-static__content {
  padding: 0.5rem 0.5rem 0.25rem;
}
.main__body--race-page .runner-static .runner-runs {
  padding: 0.5rem;
  overflow: auto;
}
.main__body--race-page .runner-static .runner-runs table {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  width: 100%;
  border-spacing: 0;
}
.main__body--race-page .runner-static .runner-runs table th {
  font-weight: 600;
  text-align: left;
}
.main__body--race-page .runner-static .runner-runs table td {
  padding: 0.25rem;
  border-top: 1px solid #4b526a;
}
.main__body--race-page .runner-static .runner-runs table .opacityBlock td {
  padding: 0.25rem;
  border-top: none;
}
.main__body--race-page .runner-static .runner-runs .finish_1 {
  color: gold;
}
.main__body--race-page .runner-static .runner-runs .finish_2,
.main__body--race-page .runner-static .runner-runs .finish_3 {
  color: rgb(9, 159.1408450704, 255);
}
.main__body--race-page .runner-static .runner-runs .highlight {
  color: #00f181;
}
.main__body--race-page .runner-static .runner-runs__data {
  padding: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.main__body--race-page .runner-static .runner-runs__data .item-title {
  display: block;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.main__body--race-page .runner-static .runner-runs__data--item {
  flex: 40%;
}
.main__body--race-page .runner-static .runner-form {
  white-space: normal;
}
.main__body--race-page .runner-static .runner-form__info {
  margin: 0.5rem 0;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.main__body--race-page .runner-static .runner-form__info--item {
  flex: 1;
}
.main__body--race-page .runner-static .runner-form__info--item .item-title {
  display: block;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .main__body--race-page .runner-static .runner-form__info--item {
    flex: 40%;
  }
}
.main__body--race-page .runner-static .runner-form__statistics {
  display: flex;
  width: 100%;
  gap: 1.5rem;
  border-top: 1px solid #4b526a;
  padding: 0.75rem 0.5rem 0.25rem;
  font-size: 0.75rem;
  flex-wrap: wrap;
}
.main__body--race-page .runner-static .runner-form__statistics .statistic-col {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.main__body--race-page .runner-static .runner-form__statistics .statistic-col .b-row {
  justify-content: space-between;
}
.main__body--race-page .runner-static .runner-form__statistics .statistic-col .item-value--up {
  color: #219653;
}
.main__body--race-page .runner-static .runner-form__statistics .statistic-col .item-value--dn {
  color: #ce0a2e;
}
@media (max-width: 767.98px) {
  .main__body--race-page .runner-static .runner-form__statistics .statistic-col {
    flex: 40%;
  }
}
@media (max-width: 575.98px) {
  .main__body--race-page .runner-static .runner-form__statistics .statistic-col--main {
    flex: 100%;
  }
}
@media (max-width: 575.98px) {
  .main__body--race-page .runner-static .runner-form__statistics {
    padding: 0.75rem 0.25rem 0.25rem;
  }
}
.main__body--race-page .speed-map {
  padding: 1rem;
  margin-bottom: 0.25rem;
}
.main__body--race-page .speed-map .dot-band:before {
  content: "";
  display: inline-flex;
  align-self: center;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  background-color: #4b526a;
  margin-right: 0.5rem;
}
.main__body--race-page .speed-map .dot-band--backmarker:before {
  background-color: rgb(255, 84, 112);
}
.main__body--race-page .speed-map .dot-band--offmidfield:before {
  background-color: rgb(255, 189, 62);
}
.main__body--race-page .speed-map .dot-band--midfield:before {
  background-color: rgb(255, 236, 62);
}
.main__body--race-page .speed-map .dot-band--offpace:before {
  background-color: rgb(62, 221, 255);
}
.main__body--race-page .speed-map .dot-band--pace:before {
  background-color: rgb(62, 255, 209);
}
.main__body--race-page .speed-map .dot-band--leader:before {
  background-color: rgb(165, 255, 51);
}
.main__body--race-page .speed-map .speed-label {
  max-width: 8rem;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 1px 0.5rem 1px;
  border: 1px solid #4b526a;
  border-radius: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}
.main__body--race-page .speed-map .barrier-info {
  position: relative;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-style: solid;
  border-width: 0.125rem 0 0 0;
}
.main__body--race-page .speed-map .barrier-info:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.125rem;
  height: 0.25rem;
  background-color: black;
}
.main__body--race-page .speed-map .barrier-info:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.125rem;
  height: 0.25rem;
  background-color: black;
}
.main__body--race-page .speed-map .barrier-info__start, .main__body--race-page .speed-map .barrier-info__end {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}
.main__body--race-page .speed-map .barrier-info__middle {
  position: relative;
}
.main__body--race-page .speed-map .barrier-info__middle:before {
  content: "";
  position: absolute;
  top: -0.25rem;
  right: 0;
  width: 0.125rem;
  height: 0.25rem;
  background-color: black;
}
.main__body--race-page .speed-map__item {
  padding: 0.5rem;
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 575.98px) {
  .main__body--race-page .speed-map__item {
    padding: 0.375rem;
  }
}
.main__body--race-page .speed-map__item .progress {
  width: calc(100% - 8rem);
  align-self: center;
  overflow: hidden;
  position: relative;
}
.main__body--race-page .speed-map__item .progress, .main__body--race-page .speed-map__item .progress-bar {
  border-radius: 0.25rem;
  font-size: 0;
  height: 0.5rem;
}
.main__body--race-page .speed-map__item .progress-bar {
  width: 0;
  animation: slide-in-left 0.5s ease-in;
  background: linear-gradient(to right, rgba(14, 212, 255, 0.5) 0%, rgb(62.5, 255, 165.5394190871) 100%);
}
.main__body--race-page .speed-map__item .progress-bar.empty {
  width: 25%;
  background: linear-gradient(to right, #343a40 0%, #c0c5cb 100%);
}
@media (max-width: 767.98px) {
  .main__body--race-page .speed-map__item .progress-bar.empty {
    width: 33%;
  }
  .main__body--race-page .speed-map__item .progress-bar.empty .progress-label {
    width: 33%;
  }
}
.main__body--race-page .speed-map__item .progress-label {
  padding: 0 0.5rem;
  position: absolute;
  line-height: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main__body--race-page .speed-map__runner {
  display: flex;
  width: 100%;
}
.main__body--race-page .speed-map__runner .event-participants__participant {
  display: flex;
  font-size: 0.75rem;
}
.main__body--race-page .speed-map__runner .event-participants__participant .runnerImage {
  display: flex;
  align-self: center;
}
.main__body--race-page .speed-map__runner .event-participants__participant-logo {
  padding-top: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.main__body--race-page .speed-map__runner .event-participants__participant-index {
  align-self: center;
  font-weight: 500;
  margin-right: 0.25rem;
  line-height: normal;
  display: none;
}
@media (max-width: 575.98px) {
  .main__body--race-page .speed-map__runner .event-participants__participant {
    width: auto;
  }
}
.main__body--race-page .speed-map__runner .speed-map__item {
  width: 100%;
}
.main__body--race-page .speed-map__runner .speed-map__item .progress {
  width: 100%;
  height: 1rem;
}
.main__body--race-page .speed-map__runner .speed-map__item .progress-bar {
  height: 1rem;
  font-size: 0.75rem;
}
.main__body--race-page .speed-map__runner .speed-label {
  display: none;
}
.main__body--race-page .speed-map__legend {
  display: flex;
  padding: 0.5rem 0;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.main__body--race-page .speed-map__legend .speed-label {
  margin: 0 0.25rem 0 0;
}
.main__body--race-page .speed-map__title {
  margin: 0.5rem 0;
  font-size: 1rem;
}
@media (max-width: 575.98px) {
  .main__body--race-page .speed-map__title {
    margin: 0.25rem 0;
  }
}
.main__body--race-page.future-race-page .race-page__header {
  padding-bottom: 0.25rem;
}
.main__body--race-page.future-race-page .race__metadata .race-title {
  display: none;
}
.main__body--race-page.future-race-page .display-settings {
  margin-top: 0;
}
.main__body--race-page.future-race-page .display-settings__item--speed-map {
  display: none;
}

.place-information {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  font-weight: bold;
}
.place-information div {
  margin-left: 0.375rem;
}
.place-information div:not(:first-child) {
  margin-left: 0.75rem;
  border-left: 1px solid #000000;
  padding-left: 0.5rem;
}

.runnerImage--masked {
  /*-webkit-mask-box-image: url('~static/assets/masks/silk-mask.png');
  -webkit-mask-image: url('~static/assets/masks/silk-mask.png');
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;

  mask-image: url('~static/assets/masks/silk-mask.png');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;*/
}

@media (min-width: 576px) {
  .race-results_tab_content {
    overflow: auto;
  }
  .race-results_tab_content .tournament__header {
    top: 0;
  }
}
@media (max-width: 767.98px) {
  .main__body--race-page .mobile-column-chooser {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .main__body--race-page .mobile-column-chooser select {
    appearance: auto;
    padding: 0.375rem;
  }
  .main__body--race-page .race-nav__container {
    padding: 0.5rem 0 0.75rem 0;
  }
  .main__body--race-page .race-nav__container .race-page__header {
    padding: 0 0.25rem;
  }
  .main__body--race-page .race-nav__container .race-page__header .race__info {
    padding: 0;
  }
  .main__body--race-page .race-nav__container .race-page__header .race__info .icon-racing {
    width: 1.5rem;
    height: 1.5rem;
  }
  .main__body--race-page .race-nav__container .race-page__header .race__info .race-track {
    font-size: 0.75rem;
  }
  .main__body--race-page .race-nav__container .race-page__header .race__info .race-countdown {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main__body--race-page .race-nav__container .race-page__header .race__info .race-countdown .race-countdown {
    padding: 0.25rem 0.5rem;
  }
  .main__body--race-page .race-nav__container .race-page__header .size-24 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
  }
  .main__body--race-page .race-nav__container .race-page__header .race-track {
    margin-left: 0;
  }
  .main__body--race-page .race-nav__container .race__metadata {
    padding: 0rem 0.5rem;
    font-size: 0.75rem;
  }
  .main__body--race-page .race-nav__container .race__metadata .race-title {
    margin-right: 0;
  }
  .main__body--race-page .race-nav__container .race__metadata > span {
    padding-left: 0.25rem;
  }
  .main__body--race-page .event-group--races {
    margin-top: 0;
    padding: 0.25rem 0.5rem;
  }
  .main__body--race-page .tournament__header {
    padding: 0.25rem 0.5rem;
    height: auto;
  }
  .main__body--race-page .tournament__header .event {
    padding: 0.25rem 0;
    border: none;
  }
  .main__body--race-page .racelist .tournament__header.sub-header {
    top: 30px;
    z-index: 5;
  }
  .main__body--race-page .event__market-row {
    align-items: center;
  }
  .main__body--race-page .event__market-row.desktop__values {
    display: none;
  }
  .main__body--race-page .event__market-row.mobile__values {
    display: flex;
  }
  .main__body--race-page .event__market-row .odds {
    font-size: 1rem;
  }
  .main__body--race-page .race-results_tab_content {
    overflow: auto;
  }
  .main__body--race-page .race-results_tab_content .tournament__header {
    top: 0;
  }
  .main__body--race-page .sports-filter--race-numbers {
    height: 57px;
  }
  .main__body--race-page .sports-filter--race-numbers .sport-filter-option {
    padding: 0.35rem 0.8rem 0.4rem 0.8rem;
  }
  .main__body--race-page .sports-filter--race-numbers .sport-filter-option .race-number {
    font-size: 0.75rem;
  }
  .main__body--race-page .sports-filter--race-numbers .sport-filter-option .startTime {
    font-size: 0.5rem;
  }
  .main__body--race-page .sports-filter.sports-filter--tournament {
    height: auto;
  }
  .main__body--race-page .sports-filter.sports-filter--tournament .sports-filter__header {
    overflow: auto;
  }
  .main__body--race-page .sports-filter.sports-filter--tournament .sports-filter__header .tournament-name {
    flex-direction: column;
  }
  .main__body--race-page .sports-filter.sports-filter--tournament .sports-filter__header .tournament-name .separator-title {
    display: none;
  }
  .main__body--race-page .sports-filter.sports-filter--tournament .sports-filter__header .tournament__metadata {
    flex-wrap: wrap;
  }
  .main__body--race-page .sports-filter.sports-filter--tournament .sports-filter__header .tournament__metadata .metadata {
    padding: 0 0 5px 0;
  }
  .main__body--race-page .event-participants__participant-info_itemLabel {
    font-size: 0.75rem;
  }
  .main__body--race-page .event-participants__participant-info_itemValue {
    font-size: 0.75rem;
  }
  .main__body--race-page .event-participants__participant-index {
    font-weight: bold;
  }
}
@media (max-width: 767.98px) {
  .main__body--venues-page .footer {
    padding: 0 0.75rem;
  }
  .extra_market_content_container {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.next-jump-page .race-summary__timer {
  display: inline-block;
}
.next-jump-page .race-summary__timer__wrapper {
  display: flex;
  align-items: center;
}
.next-jump-page .race-summary__timer .race-number {
  display: none;
}
.next-jump-page .venue_race_table_row {
  transition: background-color 0.35s ease-in-out;
}
.next-jump-page .venue_race_table_row .venue_race_table_row_item__data {
  transition: background-color 0.35s ease-in-out;
}
.next-jump-page .venue_race_table_row_item__data__link {
  flex-direction: row !important;
  align-items: center !important;
}
.next-jump-page .venue_race_table_row_item__data__link .racing-icon-name {
  gap: 4px;
}
.next-jump-page .venue_race_table_row_item__data__link .racing-icon-name .race-number {
  font-weight: 700;
}

.odds-with-selected-label {
  display: flex;
  gap: 4px;
  margin-left: -5rem;
  margin-bottom: 0.5rem;
  justify-content: flex-end;
}

.runnerImage {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 0.5rem;
  margin-left: 0.25rem;
}
.runnerImage--masked {
  width: 36px;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  margin-right: 0;
  margin-left: 0;
}
.runnerImage .logo {
  width: 36px;
  height: auto;
}
.runnerImage .runnerFinishPosition {
  font-weight: bold;
  text-align: center;
  width: 100%;
  background-color: #686b70;
  color: white;
  border-radius: 0.25rem;
  margin-top: 1px;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.event-participants.race {
  flex-direction: row;
  justify-content: flex-start;
}
.event-participants.race .event-participants__participant--scratched {
  padding-top: 5px;
}
.event-participants.race .event-participants__participant.race {
  align-items: center;
}
.event-participants.race {
  /*.runnerImage {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0.5rem;
    margin-left: 0.25rem;

    &--masked {
      // the same as .logo.race image
      width: $runner-image-width;
      -webkit-mask-size: 100%;
      mask-size: 100%;
      margin-right: 0;
      margin-left: 0;
    }

    .logo {
      width: $runner-image-width;
      height: auto;
    }

    .runnerFinishPosition {
      // position: absolute;
      font-weight: bold;
      text-align: center;
      // display: inline-block;
      width: 100%;
      background-color: #686b70;
      color: white;
      border-radius: 0.25rem;
      margin-top: 1px;
      font-size: 0.75rem;
      line-height: 0.75rem;
    }
  }*/
}

:root[theme=dark] .main__page--results .resultGame__content .teams.active {
  color: #00c5ec;
}
:root[theme=light] .main__page--results .bottom__block:hover {
  background: #081354;
}
:root[theme=light] .main__page--results .bottom__block.active {
  background-color: #081354;
}
:root[theme=light] .main__page--results .resultGame__content .teams {
  background: #ffffff;
  color: #000000;
  border-bottom: 1px solid rgb(215, 215, 215);
}
:root[theme=light] .main__page--results .resultGame__content .teams:hover {
  background-color: #d7d9da;
}
:root[theme=light] .main__page--results .resultGame__content .teams.active {
  border-color: #00c5ec;
}
:root[theme=light] .main__page--results .resultGame__content .teams.active > div {
  border-color: #00c5ec;
  background-color: #00c5ec;
}
:root[theme=light] .main__page--results .main__page__navigation {
  background-color: #081354;
  color: white;
}

.result .main__page__left,
.main__page--results .main__page__left {
  overflow: auto;
  padding: 0.25rem 0;
  max-height: calc(100vh - 110px);
}
.result .main__page__left .main__page__left__tree,
.main__page--results .main__page__left .main__page__left__tree {
  border-radius: 0px;
}
.result .main__page__left .main__page__left__tree:first-child,
.main__page--results .main__page__left .main__page__left__tree:first-child {
  background-image: none;
}
.result .main__page__left .main__page__left__tree:first-child .bottom__block,
.main__page--results .main__page__left .main__page__left__tree:first-child .bottom__block {
  height: auto;
  margin-top: 0;
  margin-bottom: 1px;
}
.result .main__page__left .main__page__left__tree:first-child .bottom__block .arrow,
.main__page--results .main__page__left .main__page__left__tree:first-child .bottom__block .arrow {
  height: auto;
}
.result .main__page__left .main__page__left__tree:first-child .bottom__block.active,
.main__page--results .main__page__left .main__page__left__tree:first-child .bottom__block.active {
  color: #00c5ec;
}
.result .main__page__left .main__page__left__tree:first-child .bottom__block.active.two,
.main__page--results .main__page__left .main__page__left__tree:first-child .bottom__block.active.two {
  box-shadow: inset 4px 0 0 0 #00c5ec;
}
.result .main__page__left .main__page__left__tree:nth-child(2) .bottom__block,
.main__page--results .main__page__left .main__page__left__tree:nth-child(2) .bottom__block {
  margin-top: 0;
  margin-bottom: 1px;
  height: 40px;
  width: 100%;
}
.result .main__page__left .main__page__left__tree:nth-child(2) .bottom__block.row,
.main__page--results .main__page__left .main__page__left__tree:nth-child(2) .bottom__block.row {
  width: 100%;
}
.result .main__page__left .main__page__left__tree:nth-child(2) .icon-logo,
.main__page--results .main__page__left .main__page__left__tree:nth-child(2) .icon-logo {
  margin-top: 4px;
}
.result .main__page__left .main__page__left__tree:nth-child(2) .nameNowrap,
.main__page--results .main__page__left .main__page__left__tree:nth-child(2) .nameNowrap {
  line-height: normal;
}
.result .main__page__left .main__page__left__tree .sport-tree-item-message,
.main__page--results .main__page__left .main__page__left__tree .sport-tree-item-message {
  text-align: center;
  display: inline-block;
  width: 100%;
  min-height: 40px;
}
.result .main__page__left .main__page__left__tree .sport-tree-item-message span,
.main__page--results .main__page__left .main__page__left__tree .sport-tree-item-message span {
  display: inline-block;
  padding-top: 12px;
  color: var(--results-page-tree-message-txt-color);
}
.result .main__page__left .main__page__left__tree .sport-tree-item-message span.loading-message,
.main__page--results .main__page__left .main__page__left__tree .sport-tree-item-message span.loading-message {
  position: relative;
  padding-top: 0;
}
.result .main__page__left .main__page__left__tree .sport-tree-item-message span.loading-message:before,
.main__page--results .main__page__left .main__page__left__tree .sport-tree-item-message span.loading-message:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: -32px;
  top: 9px;
  border-radius: 78px;
  border: solid 2px var(--dt-txt-1);
  border-left-color: var(--dt-txt-2);
  border-bottom-color: var(--dt-txt-2);
  transform: rotateZ(45deg);
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
.result .main__page__left .main__page__left__tree .resultGame,
.main__page--results .main__page__left .main__page__left__tree .resultGame {
  width: 100%;
}
.result .main__page__left .main__page__left__list .resultGame,
.main__page--results .main__page__left .main__page__left__list .resultGame {
  width: 100%;
  height: auto;
  margin-bottom: calc(var(--horizontalPadding) * 2);
}
.result .main__page__left .main__page__left__list .resultGame__title,
.main__page--results .main__page__left .main__page__left__list .resultGame__title {
  min-height: 2rem;
  width: 100%;
  background-color: var(--dt-light-3);
  color: var(--dt-txt-6);
  border-bottom: 1px solid var(--results-events-title-border-color);
  padding: 4px 4px 4px 16px;
  position: sticky;
  top: 0;
}
.result .main__page__left .main__page__left__list .resultGame__title .logo,
.main__page--results .main__page__left .main__page__left__list .resultGame__title .logo {
  width: 16px;
  height: 16px;
  flex: none;
  margin-right: 6px;
}
.result .main__page__left .main__page__left__list .resultGame__content,
.main__page--results .main__page__left .main__page__left__list .resultGame__content {
  width: 100%;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams {
  width: 100%;
  height: var(--treeSize);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams.active,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams.active {
  font-weight: 500;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div {
  height: var(--treeSize);
  flex: 1;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div.line,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div.line {
  flex: none;
  font-size: 16px;
  font-weight: bold;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div.teams__left,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div.teams__left {
  flex: 1;
  justify-content: flex-end;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div.teams__right,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div.teams__right {
  justify-content: flex-start;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div .score,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div .score {
  font-size: 1rem;
  font-weight: bold;
  min-width: 2rem;
  color: var(--default-odds-color);
  text-align: center;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div .flag,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div .flag {
  padding-right: 8px;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div .flag img,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div .flag img {
  max-width: 20px;
  width: 100%;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div .event-participants__participant-logo,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div .event-participants__participant-logo {
  display: none;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div > span,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div > span {
  padding: 0 4px;
}
.result .main__page__left .main__page__left__list .resultGame__content .teams > div svg,
.main__page--results .main__page__left .main__page__left__list .resultGame__content .teams > div svg {
  width: 24px;
  height: 24px;
  padding: 0 2px;
}
.result .main__page__navigation,
.main__page--results .main__page__navigation {
  color: #ffffff;
  display: flex;
  justify-content: flex-start;
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0.5rem 0.5rem;
  height: 3rem;
}
.result .main__page__navigation .datePicker,
.main__page--results .main__page__navigation .datePicker {
  margin-left: 20px;
}
.result .main__page__navigation .datePicker span:not(.AkIcon-calendar-icon),
.main__page--results .main__page__navigation .datePicker span:not(.AkIcon-calendar-icon) {
  padding: 0 18px;
}
.result .main__page__navigation .datePicker .DateInput_input,
.main__page--results .main__page__navigation .datePicker .DateInput_input {
  height: 2rem;
  font-size: 0.875rem;
}
.result .main__page__navigation .datePicker .AkIcon-calendar-icon,
.main__page--results .main__page__navigation .datePicker .AkIcon-calendar-icon {
  color: var(--dt-txt-3);
}
.result .main__page__navigation .dateFilter__element,
.main__page--results .main__page__navigation .dateFilter__element {
  color: inherit;
  font-size: 0.875rem;
}

.gameStat {
  margin-top: 8px;
  border-radius: 0.3rem;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  overflow: auto;
  margin-bottom: 20px;
  z-index: 10;
}
.gameStat > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gameStat .name {
  width: 100%;
  text-align: left;
  padding-left: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gameStat .name .logo {
  margin-right: 12px;
}
.gameStat .name .logo img {
  border-radius: 16px;
  width: 100%;
  max-width: 16px;
  height: auto;
}
.gameStat .name.active:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 0.3rem;
  background-color: #bbef21;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.gameStat .ct {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.gameStat .hr {
  height: 32px;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #343a40;
}
.gameStat .score {
  min-width: 50px;
  padding: 0 4px;
}
.gameStat span.hr.score.general {
  color: #000000;
}
.gameStat span.hr.score.general.current_period {
  color: #00f181;
}

.event__info .gameStat {
  margin-bottom: 0px;
  width: 100%;
}

.event-details .gameStat {
  min-height: 116px;
}
.event-details .gameStat .hr {
  background-color: #d7d9da;
  font-weight: 600;
}
.event-details .gameStat .ct {
  font-weight: 600;
  color: var(--dt-txt-6);
}

:root[theme=dark] .global-loader {
  color: #ffffff;
  background: #00f181;
}
:root[theme=dark] .global-loader .loader svg {
  stroke: #ffffff;
}
:root[theme=light] .global-loader {
  color: #000000;
  background: #00f181;
}
:root[theme=light] .global-loader .loader svg {
  stroke: #000000;
}

.global-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 2rem;
}
.global-loader .loader {
  padding: 2rem 0;
}
.global-loader .loader svg {
  width: 200px;
  height: 200px;
  max-width: 200px;
  max-height: 200px;
}
.global-loader .content__title {
  font-size: 1.5rem;
  line-height: 1.3;
  text-align: center;
}
.global-loader .content__body {
  font-size: 1.1rem;
  line-height: 1.3;
  text-align: center;
}
:root[theme=dark] .keypad__container {
  color: #000000;
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
}
:root[theme=dark] .keypad__container .btn {
  color: #ffffff;
  background-color: #1a1a1a;
  border-color: transparent;
}
:root[theme=dark] .fake-input.active:after {
  border-left: 1px solid #000000;
}
:root[theme=light] .keypad__container {
  color: #000000;
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
}
:root[theme=light] .keypad__container .btn {
  color: rgb(127, 127, 127);
  background-color: #ffffff;
  border-color: transparent;
}
:root[theme=light] .keypad__btn .svg-delete-left {
  filter: invert(1);
}
:root[theme=light] .fake-input.active:after {
  border-left: 1px solid #000000;
}

.keypad__container {
  -ms-touch-action: manipulation !important;
  touch-action: manipulation !important;
  margin-bottom: 0.5rem;
}
.keypad__container--fixed {
  position: fixed;
  bottom: calc(66px - 0.5rem);
  right: 0;
  left: 0;
  padding: 0.5rem;
  z-index: 50;
}
.keypad__row {
  display: flex;
  align-items: center;
  justify-content: stretch;
}
.keypad__btn {
  flex: 1;
  margin: 2px;
  min-height: 50px;
}
.keypad__btn .svg-delete-left {
  height: 1.125rem;
  width: 2rem;
}

.block--input-money .ui__field.fake-input {
  display: none;
}
.block--input-money--mobile .ui__field {
  display: none;
}
.block--input-money--mobile .ui__field.fake-input {
  display: flex;
}

.ui__field.fake-input.active:after,
input[type=text].ui__field.fake-input.active:after,
input[type=tel].ui__field.fake-input.active:after,
input[type=number].ui__field.fake-input.active:after {
  content: "";
  width: 0;
  height: 1rem;
  animation-duration: 1.05s;
  animation-iteration-count: infinite;
  -webkit-animation-name: blink;
  animation-name: blink;
  animation-timing-function: step-end;
}

body:has(.keypad__container.keypad__container--fixed) {
  padding-bottom: 200px;
}

.maintenance-alert {
  background: rgb(255, 150, 10);
  color: #ffffff;
  padding: 0.25rem 0.75rem;
  margin-bottom: 0.25rem;
}
.maintenance-alert p {
  margin: 0;
}
.maintenance-alert p + p {
  margin-top: 0.25rem;
}
.maintenance-alert.maintenance-odds-delayed {
  text-align: center;
  font-size: 0.85rem;
}

:root[theme=dark] {
  /*.bonus-navigation a {
    border-color: $dark-header-bg-color;

    &.active {
      border-color: $white;
    }
    &:hover {
      color: $white;
    }
  }*/
}
:root[theme=dark] .bonus-banners {
  width: 100%;
}
:root[theme=dark] .bonus-banners .filter-item {
  border: 1px solid #00f181;
  color: #e9ecef;
}
:root[theme=dark] .bonus-banners .filter-item.active {
  background-color: #00f181;
  color: #000000;
  border: 1px solid #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .bonus-banners .filter-item:hover {
    border: 1px solid 1px solid #00f181;
    color: #000000;
  }
}
:root[theme=dark] .bonus-banners__item {
  color: #ffffff;
}
:root[theme=dark] .bonus-banners__item .bonus-name {
  color: #00f181;
}
:root[theme=dark] .bonus-banners__item .bonus-timer {
  color: rgb(255, 150, 10);
}
:root[theme=dark] .bet-return-bonus-banner {
  background-color: #ffffff;
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  border-top: 3px solid #ffc502;
  color: #ffffff;
}
:root[theme=dark] .bet-return-bonus-banner__toggler {
  color: #00f181;
}
:root[theme=light] .bonus-banners .filter-item {
  border: 1px solid transparent;
}
:root[theme=light] .bonus-banners .filter-item.active {
  background-color: #00f181;
  color: #ffffff;
  border: 1px solid #00f181;
}
@media (hover: hover) {
  :root[theme=light] .bonus-banners .filter-item:hover {
    border: 1px solid #00f181;
  }
}
:root[theme=light] .bonus-banners__item {
  color: #ffffff;
}
:root[theme=light] .bonus-banners__item .bonus-name {
  color: #00f181;
}
:root[theme=light] .bonus-banners__item .bonus-timer {
  color: rgb(255, 150, 10);
}
:root[theme=light] .bet-return-bonus-banner {
  background-color: #ffffff;
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
  border-top: 3px solid #ffc502;
}
:root[theme=light] .bet-return-bonus-banner__toggler {
  color: #00f181;
}

.account_dropdown__bonuses--all {
  justify-content: center;
}

.bet-bonus--animation {
  position: absolute;
  overflow: hidden;
}

.bet-bonus--content {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bonus-navigation {
  margin: 0;
  width: 100%;
}
.bonus-navigation .bet-bonus--link {
  position: relative;
  text-decoration: none;
  appearance: none;
  font-weight: 600;
  transition: border-bottom-color 0.2s, color 0.2s;
  display: flex;
  border-radius: 3.5rem;
  padding: 0.375rem 0.75rem;
  white-space: nowrap;
  margin-right: 0.5rem;
}
.bonus-navigation .bet-bonus--link .icons {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}
@media (max-width: 767.98px) {
  .bonus-navigation .bet-bonus--link {
    font-size: 12px;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 0;
  }
  .bonus-navigation .bet-bonus--link .icons {
    margin-right: 0.25rem;
  }
}
.bonus-navigation .bet-bonus--icon {
  line-height: 0;
}
.bonus-navigation .bet-bonus--counter {
  line-height: 0.875rem;
  position: static;
  margin-left: 0.25rem;
}

.bonus-banners .filter__wrapper {
  flex-direction: row;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.bonus-banners .filter-item {
  display: flex;
  cursor: pointer;
  padding: 0.25rem 0.75rem;
  border: 1px solid #343a40;
  border-radius: 4px;
  font-size: 0.875rem;
  white-space: nowrap;
}
.bonus-banners__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 9rem;
  background-image: url(/static/assets/images/bonus-covers/freeBetSport.png);
  background-position: left;
  background-size: cover;
  margin-bottom: 1rem;
  padding: 1rem;
  padding-left: 9rem;
  cursor: pointer;
  justify-content: space-between;
  font-weight: bold;
  position: relative;
}
.bonus-banners__item:last-of-type {
  margin-bottom: 0;
}
.bonus-banners__item.bonus-banners__item--trackers {
  height: 10rem;
}
@media (max-width: 991.98px) {
  .bonus-banners__item.bonus-banners__item--trackers {
    min-height: 10rem;
    height: auto;
  }
}
.bonus-banners__item.RACING {
  background-image: url(/static/assets/images/bonus-covers/freeBetRacing.png);
}
.bonus-banners__item.ODDS_BOOST {
  background-image: url(/static/assets/images/bonus-covers/oddsBoost.png);
}
.bonus-banners__item .bonus-type, .bonus-banners__item .bonus-service, .bonus-banners__item .bonus-icon {
  display: none;
}
.bonus-banners__item .bonus-name {
  font-size: 1.5rem;
  font-weight: 900;
}
.bonus-banners__item .bonus-description {
  white-space: pre-wrap;
}
.bonus-banners__item .bonus-description__show-link {
  display: none;
}
.bonus-banners__item .bonus-popup-link {
  display: none;
  margin-right: auto;
}
.bonus-banners__item .bonus-timer {
  font-size: 0.875rem;
}
.bonus-banners__item .bonus-timer .race-countdown {
  margin-left: 0.5rem;
}
.bonus-banners__item .bonus-timer .btn-bonus-split {
  float: right;
}
.bonus-banners__item .bonus-amount {
  font-size: 1.5rem;
  position: absolute;
  right: 1rem;
  backdrop-filter: blur(2px);
}

.no-bonuses-message {
  margin-bottom: 2rem;
}

.main--mobile-device .bonus-banners__item {
  background-position: center;
  padding-left: 1rem;
}
.main--mobile-device .bonus-banners__item-trackers {
  padding-left: 8rem;
}
.main--mobile-device .bonus-banners__item .bonus-amount {
  position: relative;
  right: auto;
}

@media (max-width: 767.98px) {
  .main__body--home-page .bonus-tabs-container {
    width: 100%;
  }
  .main__body--home-page .bonus-navigation a.bet-bonus--link {
    flex-shrink: 0;
    justify-content: center;
    width: 100%;
    max-width: 33.333%;
    padding: 0.5rem 0.25rem;
    margin-right: 0;
  }
  .main__body--home-page .bonus-navigation a.bet-bonus--link .icons {
    margin-right: 0.25rem;
  }
}

.bet-return-bonus-banner {
  display: block;
  padding: 0.5rem;
  margin-top: 0.5rem;
  overflow: hidden;
}
.bet-return-bonus-banner.bet-return-bonus-banner--deposit {
  margin: auto auto 0.75rem;
}
.bet-return-bonus-banner--title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.bet-return-bonus-banner--title h3 {
  margin: 0;
  display: flex;
  align-items: center;
}
.bet-return-bonus-banner--title h3 .icons {
  margin-right: 0.5rem;
  min-width: 1.5rem;
}
.bet-return-bonus-banner--title .bonus-timer {
  font-size: 1rem;
  margin: 0 1rem;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .bet-return-bonus-banner--title {
    flex-direction: column;
  }
  .bet-return-bonus-banner--title .bonus-timer {
    margin: 0.5rem 0;
  }
}
.bet-return-bonus-banner--description {
  padding-top: 0.75rem;
  white-space: pre-wrap;
}
.bet-return-bonus-banner__toggler {
  cursor: pointer;
  white-space: nowrap;
}

.bonus-banners__item-trackers {
  margin-top: 0.25rem;
}

:root[theme=dark] .free-bet-modal h1 {
  color: #ffffff;
}
:root[theme=dark] .free-bet-modal .free-bet-bonus--item {
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
}
:root[theme=dark] .free-bet-modal .btn {
  border-color: #ffffff;
  color: #ffffff;
}
:root[theme=dark] .free-bet-modal .btn:disabled {
  pointer-events: none;
  opacity: 0.5;
}
:root[theme=dark] .bonus-split-info {
  color: #ffffff;
}
:root[theme=dark] .free-bet-split {
  color: #ffffff;
}
:root[theme=light] .free-bet-modal .bonus-split-info {
  color: #000000;
}
:root[theme=light] .free-bet-modal .free-bet-bonus--item {
  border-color: #dee2e6;
  color: #000000;
}
:root[theme=light] .free-bet-modal .btn {
  border-color: #000000;
  color: #000000;
}
.free-bet-modal {
  max-height: calc(100vh - 100px);
  overflow: auto;
}
.free-bet-modal .block {
  padding-bottom: 1rem;
  max-height: calc(100vh - 220px);
  overflow: auto;
}
.free-bet-modal .free-bet-bonus--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
  padding: 0.5rem 0.25rem;
}
.free-bet-modal .free-bet-bonus--amount {
  display: flex;
  align-items: center;
}
.free-bet-modal .free-bet-bonus--amount .icons {
  margin-right: 0.5rem;
}
.free-bet-modal .btn {
  margin-left: 0.5rem;
}
.free-bet-modal .btn.btn-sm {
  padding: 0 0.5rem;
}
.free-bet-modal .btn .icons {
  margin-left: 0.25rem;
  width: 1.5rem;
  height: 2rem;
}
.free-bet-modal .btn:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.free-bet-split {
  font-size: 1rem;
}
.free-bet-split .bonus-split-info {
  margin-bottom: 2rem;
  margin-top: 0;
}
.free-bet-split .bonus-split-container {
  min-width: 90%;
}
.free-bet-split .bonus-split-option-list {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.free-bet-split .bonus-split-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.free-bet-split .bonus-split-option .bonus-split-option__amount,
.free-bet-split .bonus-split-option .bonus-split-option__btns {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.free-bet-split .bonus-split-option .bonus-split-option__btns {
  text-align: right;
  padding-left: 0.75rem;
}
.free-bet-split .bonus-split-option + .bonus-split-option {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #ccc;
}
.free-bet-split .bonus-quotient {
  display: inline-block;
  padding-right: 0.5rem;
}

.bet-bonus--counter, .free-bet-bonus--counter, .free-bet-bonus--action {
  position: absolute;
  border-radius: 1rem;
  bottom: 0.25rem;
  right: 0.5rem;
  background: #fff;
  color: black;
  padding: 0 0.375rem;
  font-weight: bold;
  font-size: 0.875rem;
}

.free-bet-bonus--icon {
  display: none;
  align-items: center;
  cursor: pointer;
  padding: 0.5rem 1rem;
  position: relative;
}
:root[theme=dark] .promotion-detail,
:root[theme=dark] .promotion-item {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(41, 41, 41);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=dark] .promotion-detail__title {
  color: #00f181;
}
:root[theme=dark] .no-promotions__signin .btn {
  color: #00f181;
  border-color: #00f181;
}
:root[theme=dark] .no-promotions__signin .btn:hover {
  color: #ffffff;
  border-color: #00f181;
  background-color: #00f181;
}
:root[theme=dark] .no-promotions__signin .btn.btn-registration {
  color: #ffffff;
  border-color: #00f181;
  background-color: #00f181;
}
:root[theme=dark] .no-promotions__signin .btn.btn-registration:hover {
  box-shadow: 0 0 15px #00f181;
}
:root[theme=light] .promotion-detail,
:root[theme=light] .promotion-item {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgb(215, 215, 215);
  box-shadow: 0px 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.45);
}
:root[theme=light] .promotion-detail__title {
  color: #00f181;
}
:root[theme=light] .no-promotions__signin .btn {
  color: #00f181;
  border-color: #00f181;
}
:root[theme=light] .no-promotions__signin .btn:hover {
  color: #ffffff;
  border-color: #00f181;
  background-color: #00f181;
}
:root[theme=light] .no-promotions__signin .btn.btn-registration {
  color: #ffffff;
  border-color: #00f181;
  background-color: #00f181;
}
:root[theme=light] .no-promotions__signin .btn.btn-registration:hover {
  box-shadow: 0 0 1rem #00f181;
}

.promotions__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  margin-top: 1rem;
}
.promotions__list .promotion-item {
  flex: 1 1 400px;
  padding: 0.25rem;
  margin: 0 0 1.25rem;
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (min-width: 576px) {
  .promotions__list .promotion-item {
    max-width: 440px;
  }
}
.promotions__list .promotion-item .promotion-item__image {
  display: none;
}
.promotions__list .promotion-item .promotion-item__image img {
  width: 100%;
  height: auto;
}
@media (min-width: 576px) {
  .promotions__list .promotion-item .promotion-item__image {
    display: block;
  }
}
.promotions__list .promotion-item .promotion-item__image--mobile {
  display: block;
}
@media (min-width: 576px) {
  .promotions__list .promotion-item .promotion-item__image--mobile {
    display: none;
  }
}
.promotions__list .promotion-item .promotion-item__title {
  font-size: 1rem;
  line-height: 1.25;
}
.promotions__list .promotion-item .promotion-item__info {
  font-size: 0.9rem;
  line-height: 1.25;
}
.no-promotions__signin {
  margin-top: 2rem;
}
.no-promotions__signin .btn {
  text-decoration: none;
}
.no-promotions__signin .btn:hover {
  text-decoration: none;
}
.no-promotions__signin .btn.btn-registration {
  margin-left: 1rem;
}

.promotion-detail {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0.25rem;
}
.promotion-detail .promotion-detail__image {
  display: none;
}
.promotion-detail .promotion-detail__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 576px) {
  .promotion-detail .promotion-detail__image {
    display: block;
    height: 275px;
  }
}
.promotion-detail .promotion-detail__image--mobile {
  display: block;
  height: 260px;
}
@media (min-width: 576px) {
  .promotion-detail .promotion-detail__image--mobile {
    display: none;
  }
}
.promotion-detail .promotion-detail__title {
  padding: 0 1.5rem;
}
.promotion-detail .promotion-detail__title--top {
  display: none;
}
.promotion-detail .promotion-detail__info {
  padding: 0 1.5rem;
}

:root[theme=dark] .pagination-container .pagination-item {
  background-color: #2d2f40;
  color: #ffffff;
}
:root[theme=dark] .pagination-container .pagination-item:hover {
  background-color: rgb(66.0550458716, 68.9908256881, 93.9449541284);
}
:root[theme=dark] .pagination-container .pagination-item.disabled {
  color: rgba(255, 255, 255, 0.6);
}
:root[theme=dark] .pagination-container .pagination-item.active {
  background-color: #1a1a1a;
  color: #ffffff;
}
:root[theme=dark] .pagination-container .pagination-item.active:hover {
  background-color: rgb(51.5, 51.5, 51.5);
}
:root[theme=light] .pagination-container .pagination-item {
  background-color: #2d2f40;
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .pagination-container .pagination-item:hover {
    background-color: rgb(66.0550458716, 68.9908256881, 93.9449541284);
  }
}
:root[theme=light] .pagination-container .pagination-item.disabled {
  color: rgba(255, 255, 255, 0.6);
}
:root[theme=light] .pagination-container .pagination-item.active {
  background-color: #1a1a1a;
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .pagination-container .pagination-item.active:hover {
    background-color: rgb(51.5, 51.5, 51.5);
  }
}

.pagination-container {
  width: 100%;
  height: 2rem;
  margin: 0.5rem 0;
  display: flex;
  justify-content: center;
}
.pagination-container .pagination-item {
  height: 100%;
  min-width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.pagination-container .pagination-item:not(:first-child) {
  margin-left: 0.5rem;
}
.pagination-container .pagination-item.disabled {
  cursor: default;
}
.pagination-container .pagination-item.next:after, .pagination-container .pagination-item.prev:after {
  content: "H";
  display: inline-block;
  font-family: "apollo ui", serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 8px;
  position: relative;
  top: 1px;
  transition: all 0.2s;
}
.pagination-container .pagination-item.prev:after {
  transform: rotateZ(-180deg);
}

:root[theme=dark] .sport-markets-header.breadcrumbs {
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}
:root[theme=light] .sport-markets-header.breadcrumbs {
  background: #ffffff;
  color: #000000;
  border: 1px solid #ffffff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

.sport-markets-header.breadcrumbs {
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0;
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 0.8rem;
  line-height: 1.15;
}
@media (max-width: 767.98px) {
  .sport-markets-header.breadcrumbs {
    display: none;
  }
}
.sport-markets-header.breadcrumbs .breadcrumbs__details {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.breadcrumbs__seperator {
  margin: 0 0.25rem;
}
.breadcrumbs__seperator.breadcrumbs__seperator--event {
  margin: 0 0.5rem;
}

.breadcrumbs__crumb {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.static * {
  -webkit-user-select: text;
  user-select: text;
}
.static pre {
  font-family: inherit;
}
.static .static-loading .loader {
  padding: 0.25rem;
  margin-bottom: 0.25rem;
}
.static .static-loading .loader svg {
  max-width: 1.75rem;
  max-height: 1.75rem;
}

.static_page {
  max-width: 1800px;
  margin: 16px auto 0 auto;
  height: 100%;
  overflow: auto;
  padding: 0.5rem;
}
.static_page * {
  -webkit-user-select: text;
  user-select: text;
}
.static_page .loading {
  padding: 1rem;
  text-align: center;
}
.static_page img {
  max-width: 100% !important;
  height: auto;
}
.static_page p,
.static_page li {
  font-size: 14px;
  line-height: 1.6em;
  color: var(--static-page-txt-color);
}
.static_page p:empty,
.static_page li:empty {
  display: none;
}
.static_page a {
  font-family: inherit !important;
  text-decoration: none !important;
}
.static_page a:hover {
  text-decoration: none !important;
}
@media (max-width: 767.98px) {
  .static_page {
    overflow-x: hidden;
    margin-top: 0;
    padding: 0;
  }
  .static_page .footer {
    padding: 0 0.75rem;
  }
  .static_page table {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    display: block;
    overflow: auto;
  }
  .static_page > div {
    margin: 0.5rem 0.75rem;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  }
  .static_page > div.responsible-gambling > div {
    padding-left: 0.5rem;
    padding-right: 0.75rem;
  }
  .static_page > div.responsible-gambling > div > h1 img {
    object-fit: contain;
    max-width: 100%;
    height: 64px;
  }
  .static_page > div.responsible-gambling .loading {
    margin-left: 50px;
  }
  .static_page > div.about-us p {
    line-height: 1;
  }
  .static_page > div.about-us img {
    width: 100%;
    height: 524px;
    object-fit: contain;
  }
  .static_page > div.contact-us img {
    width: 100%;
    height: 384px;
    object-fit: contain;
  }
  .static_page > div.terms > div {
    padding-right: 0.75rem;
  }
  .static_page > div.terms > div p:first-child img {
    width: 100%;
    object-fit: contain;
    height: 64px;
  }
  .static_page > div.terms h1 img {
    object-fit: contain;
    max-width: 100%;
    height: 64px;
  }
  .static_page > div.terms p img {
    width: 100%;
    object-fit: contain;
    height: 140px;
  }
  .static_page > div.terms table {
    width: 100%;
    overflow: auto;
  }
  .static_page > div.privacy > div {
    padding-right: 0.75rem;
  }
  .static_page > div.privacy p img {
    object-fit: contain;
    max-width: 100%;
    height: 64px;
    padding-left: 0.75rem;
  }
  .static_page > div.racing-rules > div {
    padding: 0 0.75rem;
  }
  .static_page > div.racing-rules > div > h1 {
    margin: 0;
  }
  .static_page > div.racing-rules > div > h1 img {
    object-fit: contain;
    max-width: 100%;
    height: 64px;
  }
  .static_page > div.sports-rules > div, .static_page > div.sa > div {
    padding: 0 0.75rem;
  }
  .static_page > div.sports-rules > div img, .static_page > div.sa > div img {
    object-fit: contain;
    max-width: 100%;
    height: 64px;
  }
}

:root[theme=dark] .cms-widget--racing-featured-event,
:root[theme=dark] .cms-widget--sport-featured-event {
  background-color: #00f181;
}
:root[theme=dark] .cms-widget__link-all {
  color: #00f181;
}
@media (min-width: 768px) {
  :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__race-header:hover {
    color: #00f181;
  }
}
:root[theme=dark] .cms-widget--racing-featured-event .event__outcome .up {
  color: rgb(30, 230, 75);
}
:root[theme=dark] .cms-widget--racing-featured-event .event__outcome .down {
  color: rgb(220, 50, 70);
}
:root[theme=dark] .cms-widget__link-all {
  color: #00f181;
}
:root[theme=light] .cms-widget--racing-featured-event,
:root[theme=light] .cms-widget--sport-featured-event {
  background-color: #00f181;
}
@media (min-width: 768px) {
  :root[theme=light] .cms-widget--racing-featured-event .cms-widget__race-header:hover {
    color: #00f181;
  }
}
:root[theme=light] .cms-widget--racing-featured-event .event__outcome .up {
  color: rgb(30, 230, 75);
}
:root[theme=light] .cms-widget--racing-featured-event .event__outcome .down {
  color: rgb(220, 50, 70);
}
:root[theme=light] .cms-widget__link-all {
  color: #00f181;
}

.cms-widget-wrapper:has(div) {
  margin-top: 1.5rem;
}
.cms-widget-wrapper .sport-events__list-big-boxes {
  gap: 0.5rem;
}
.cms-widget-wrapper .sport-events__list-item--big-box {
  flex: 1;
}

.cms-widget {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .cms-widget {
    flex-direction: row;
  }
}
.cms-widget .cms-widget__col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding: 1rem;
}
.cms-widget .cms-widget__subtitle {
  text-align: center;
  margin: 0;
  font-size: 1.1rem;
  line-height: 1;
}
.cms-widget .cms-widget__title {
  text-align: center;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.35;
}
.cms-widget .cms-widget__not-found {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.35;
}
.cms-widget .cms-widget__date-start {
  display: none;
}
.cms-widget .cms-widget__subtitle-icon {
  display: none;
}
.cms-widget .cms-widget__link-all {
  display: none;
  align-items: center;
  font-size: 0.9em;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  margin-top: 0.5rem;
  margin-left: auto;
  margin-right: 0.25rem;
}
.cms-widget .cms-widget__link-all:after {
  font-family: "apollo ui", sans-serif;
  content: "H";
  font-size: 0.5rem;
  margin-left: 0.25rem;
}
.cms-widget .bet-return-bonus-banner {
  margin-top: 0;
  margin-bottom: 0.5rem;
  border-radius: 0;
}
.cms-widget .top-event-item {
  border-radius: 0;
}
.cms-widget .top-event-item .icon--bet-bonus-all {
  display: none;
}
.cms-widget--outright-markets {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.cms-widget--outright-markets .top-event-item__event-link {
  display: none;
}
.cms-widget--outright-markets .top-event-item__market .main-market__outcome:nth-child(n+6) {
  display: none;
}
.cms-widget--outright-markets .cms-widget__link-all {
  display: block;
}
.cms-widget--outright-markets {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.cms-widget--outright-markets .top-event-item__event-link {
  display: none;
}
.cms-widget--outright-markets .top-event-item__market .main-market__outcome:nth-child(n+6) {
  display: none;
}
.cms-widget--outright-markets .cms-widget__link-all {
  display: block;
}
.cms-widget--outright-markets {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.cms-widget--outright-markets .top-event-item__event-link {
  display: none;
}
.cms-widget--outright-markets .top-event-item__market .main-market__outcome:nth-child(n+6) {
  display: none;
}
.cms-widget--outright-markets .cms-widget__link-all {
  display: block;
}

@media (min-width: 768px) {
  .cms-widget--racing-featured-event .cms-widget__col--title,
  .cms-widget--sport-featured-event .cms-widget__col--title {
    flex: 1;
  }
  .cms-widget--racing-featured-event .cms-widget__col--body,
  .cms-widget--sport-featured-event .cms-widget__col--body {
    flex: 2;
  }
}

.cms-widget--racing-featured-event .cms-widget__race {
  padding: 0.25rem;
  background: #ffffff;
}
.cms-widget--racing-featured-event .cms-widget__race .cms-widget__race-market-type {
  margin-left: auto;
  margin-top: 0.125rem;
  margin-right: 0.5rem;
  font-size: 0.75rem;
  width: 4.5rem;
  display: none;
  text-align: center;
}
.cms-widget--racing-featured-event .cms-widget__runner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0.5rem;
  position: relative;
  z-index: 1;
}
.cms-widget--racing-featured-event .cms-widget__runner .event__info {
  padding-left: 0;
}
.cms-widget--racing-featured-event .cms-widget__runner .event-participants {
  gap: 1rem;
}
.cms-widget--racing-featured-event .cms-widget__runner .event__flucs {
  display: none;
  gap: 1rem;
}
.cms-widget--racing-featured-event .cms-widget__runner .event__flucs .flucs-label {
  display: none;
}
.cms-widget--racing-featured-event .cms-widget__runner .event__outcome {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 4.5rem;
  min-height: 3rem;
  position: relative;
  padding: 0.25rem 0;
  font-weight: bold;
  cursor: pointer;
}
.cms-widget--racing-featured-event .cms-widget__runner .event__outcome .up,
.cms-widget--racing-featured-event .cms-widget__runner .event__outcome .down {
  z-index: 3;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  font-size: 8px;
  line-height: 1;
}
.cms-widget--racing-featured-event .cms-widget__runner .event__outcome .up {
  top: 3px;
  /*        &:before {
    content: '▲';
  }*/
}
.cms-widget--racing-featured-event .cms-widget__runner .event__outcome .down {
  bottom: 4px;
  /*&:before {
    content: '▼';
  }*/
}
.cms-widget--racing-featured-event .cms-widget__runner .runner-info .event-participants__participant-info {
  font-size: 0.75rem;
  font-weight: normal;
}
.cms-widget--racing-featured-event .cms-widget__race-header {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0 0.5rem;
  text-decoration: none;
}
.cms-widget--racing-featured-event .cms-widget__race-header .icon-racing {
  width: 30px;
  height: 30px;
  margin-left: 0.5rem;
}
.cms-widget--racing-featured-event .cms-widget__race-header__details {
  display: flex;
  flex-grow: 1;
  gap: 0.5rem;
  align-items: center;
}

.cms-widget--sport-featured-event .top-event-item {
  width: auto;
  height: auto;
}

:root[theme=dark] #greenid-container {
  background: #ffffff;
}
:root[theme=dark] #greenid-container #greenid-intro-content h1,
:root[theme=dark] #greenid-container #greenid-source-title h2 {
  color: #ffffff;
}
:root[theme=dark] #greenid-container #greenid-source-title .glyphicon,
:root[theme=dark] #greenid-container .greenid-helpicon {
  color: #ffffff;
}
:root[theme=dark] #greenid-container .lead {
  color: #ffffff;
}
:root[theme=dark] #greenid-container label {
  color: #ffffff;
}
:root[theme=dark] #greenid-container .help-block {
  color: #ffffff;
}
:root[theme=dark] #greenid-container .form-control {
  background-color: #ffffff;
  color: #000000;
  border-color: #dee2e6;
}
:root[theme=dark] #greenid-container select option {
  background-color: #ffffff;
  color: #000000;
}
:root[theme=dark] #greenid-container .help-block[id^=error] {
  color: rgb(220, 50, 70);
}
:root[theme=dark] #greenid-container .greenid-has-error .form-control {
  border-color: rgb(220, 50, 70);
}
:root[theme=dark] #greenid-container #greenid-source-content .dd-select {
  background-color: #ffffff !important;
}
:root[theme=dark] #greenid-container #greenid-source-content .dd-options {
  background-color: #ffffff;
}
:root[theme=dark] #greenid-container #greenid-source-content .dd-option:hover,
:root[theme=dark] #greenid-container #greenid-source-content .dd-option-selected {
  background-color: hsl(0, 0%, 110%);
}
:root[theme=dark] #greenid-container #greenid-source-content .dd-pointer {
  border-top-color: #000000 !important;
}
:root[theme=dark] .greenid-datepicker-container {
  color: #000000;
}
:root[theme=dark] .greenid-datepicker-container .active.day {
  background-color: #1a1a1a;
}
:root[theme=dark] .greenid-datepicker-container .active.day:hover {
  background-color: rgb(51.5, 51.5, 51.5);
}
:root[theme=light] #greenid-container {
  background: #ffffff;
}
:root[theme=light] #greenid-container #greenid-intro-content h1,
:root[theme=light] #greenid-container #greenid-source-title h2 {
  color: #000000;
}
:root[theme=light] #greenid-container #greenid-source-title .glyphicon,
:root[theme=light] #greenid-container .greenid-helpicon {
  color: #000000;
}
:root[theme=light] #greenid-container .lead {
  color: #000000;
}
:root[theme=light] #greenid-container label {
  color: #000000;
}
:root[theme=light] #greenid-container .help-block {
  color: #000000;
}
:root[theme=light] #greenid-container .form-control {
  background-color: rgba(199, 198, 241, 0.3607843137);
  color: #000000;
}
:root[theme=light] #greenid-container select option {
  color: #000000;
}
:root[theme=light] #greenid-container .help-block[id^=error] {
  color: rgb(220, 50, 70);
}
:root[theme=light] #greenid-container .greenid-has-error .form-control {
  border-color: rgb(220, 50, 70);
}
:root[theme=light] .greenid-datepicker-container {
  color: #000000;
}
:root[theme=light] .greenid-datepicker-container .active.day {
  background-color: #1a1a1a;
}
:root[theme=light] .greenid-datepicker-container .active.day:hover {
  background-color: rgb(51.5, 51.5, 51.5);
}

.greenid-verification-frame__wrapper {
  margin: 0 auto;
  max-width: 640px;
}

#greenid-container {
  padding: 1rem 1.5rem;
}
#greenid-container #greenid-source-content .btn-primary {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
#greenid-container #greenid-source-content .btn-primary[disabled], #greenid-container #greenid-source-content .btn-primary.disabled {
  color: var(--dt-txt-6);
  background-color: rgb(51.5, 51.5, 51.5);
  cursor: not-allowed;
  opacity: 0.6;
}
#greenid-container #greenid-source-content .btn-primary[disabled]:hover, #greenid-container #greenid-source-content .btn-primary.disabled:hover {
  background-color: rgb(51.5, 51.5, 51.5);
  cursor: not-allowed;
}
#greenid-container #greenid-source-content .btn-primary {
  background-color: #1a1a1a;
}
#greenid-container #greenid-source-content .btn-primary:hover {
  background-color: rgb(0.5, 0.5, 0.5);
}
#greenid-container #greenid-source-content .btn-primary {
  border: none;
  border-radius: 0.3rem;
  padding: 0.75rem 1rem;
  font-size: 16px;
}
#greenid-container #greenid-source-content .btn-primary:hover {
  text-decoration: none;
}
#greenid-container #greenid-source-content .btn-primary {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  #greenid-container #greenid-source-content .modal-footer .btn-primary {
    margin-left: initial;
  }
}

#greenid-verification-frame #greenid-container #greenid-intro-content h1,
#greenid-verification-frame #greenid-container #greenid-source-title h2 {
  font-family: "Barlow", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  margin-block-start: 0.75rem;
}
#greenid-verification-frame #greenid-container .checkbox label {
  padding-left: 1.75rem;
}
#greenid-verification-frame #greenid-container .checkbox .control-label {
  padding-left: 0;
}
#greenid-verification-frame #greenid-container .checkbox input[type=checkbox] {
  outline: none;
  position: static;
  margin-right: 0.5rem;
  margin-left: 0;
  margin-top: 0;
}
#greenid-verification-frame #greenid-container .form-control {
  padding: 0.75rem 1rem;
  height: auto;
}

#greenid-completelater,
#greenid-source-help {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
#greenid-completelater .modal-footer,
#greenid-source-help .modal-footer {
  display: flex;
  justify-content: end;
}
@media (max-width: 767.98px) {
  #greenid-completelater .modal-footer,
  #greenid-source-help .modal-footer {
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
  }
}

.greenid-verification-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.greenid-verification-status__verification-symbol {
  display: block;
  width: 3rem;
  height: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-size: cover;
}
.greenid-verification-status__text {
  margin-top: 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.social {
  margin: 1rem auto;
}
.social .social-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.social .social-links .social-link {
  width: 40px;
}
.social .social-links .social-link:not(:first-child) {
  margin-left: 10px;
}

.progress-bar.outcome-stat-tracker {
  height: 4px;
  border-radius: 4px;
  margin: 0.5rem 0;
  background-color: rgba(89, 90, 111, 0.25);
}
.progress-bar.outcome-stat-tracker .progress-bar__bar {
  box-shadow: none;
  border-radius: 4px;
  min-width: 1rem;
  z-index: 4;
  background-color: #1868db;
}
.progress-bar.outcome-stat-tracker:not(.progress-bar--complete) .progress-bar__bar {
  max-width: calc(100% - 1.625rem);
}
.progress-bar.outcome-stat-tracker.progress-bar--uncomplete .progress-bar__current, .progress-bar.outcome-stat-tracker.progress-bar--complete .progress-bar__current {
  width: auto;
}
.progress-bar.outcome-stat-tracker .progress-bar__current,
.progress-bar.outcome-stat-tracker .progress-bar__required {
  border-radius: 0.5rem;
  font-size: 0.75rem;
  padding: 0 0.125rem;
  min-width: 1rem;
  line-height: 1rem;
  border: none;
  left: unset;
  right: unset;
  bottom: unset;
  height: unset;
  color: #ffffff;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
}
.progress-bar.outcome-stat-tracker .progress-bar__required {
  right: 0;
  background-color: rgba(89, 90, 111, 0.75);
}
.progress-bar.outcome-stat-tracker .progress-bar__current {
  right: 0;
  background-color: #1868db;
}
.progress-bar.outcome-stat-tracker.progress-bar--none .progress-bar__bar {
  opacity: 1;
}
.progress-bar.outcome-stat-tracker--is-win .progress-bar__bar,
.progress-bar.outcome-stat-tracker--is-win .progress-bar__current {
  background-color: #008d35;
}
.progress-bar.outcome-stat-tracker--is-win .progress-bar__required .progress-bar__value-label {
  display: none;
}
.progress-bar.outcome-stat-tracker--is-lose {
  /*.progress-bar__current {
    background-color: $lose-color;
  }*/
}
.progress-bar.outcome-stat-tracker--is-interim .progress-bar__bar,
.progress-bar.outcome-stat-tracker--is-interim .progress-bar__current {
  background-color: #eba100;
}
.progress-bar.outcome-stat-tracker--is-not_defined .progress-bar__bar,
.progress-bar.outcome-stat-tracker--is-not_defined .progress-bar__current {
  background-color: #1868db;
}
.progress-bar.outcome-stat-tracker--is-void .progress-bar__bar,
.progress-bar.outcome-stat-tracker--is-void .progress-bar__current {
  background-color: #595A6F;
}

.progress-bar {
  display: inline-block;
  position: relative;
  height: 12px;
  width: 100%;
  background: #0bb3d8;
}
.progress-bar .progress-bar__current,
.progress-bar .progress-bar__required,
.progress-bar .progress-bar__bar,
.progress-bar .progress-bar__title {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: auto;
  z-index: 2;
  font-size: 10px;
  line-height: 12px;
}
.progress-bar__current {
  z-index: 3;
  left: 0.25rem;
}
.progress-bar__required {
  z-index: 2;
  right: 0.25rem;
  left: auto;
}
.progress-bar .progress-bar__bar {
  right: auto;
  left: 0;
  background: #0c4b80;
  transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out;
}
.progress-bar .progress-bar__title {
  transform: translateX(-100%) translateX(-0.25rem);
  padding: 0 0.25rem;
  background-color: rgba(12, 75, 128, 0.4);
}
.progress-bar .progress-bar__title .progress-bar__status {
  margin-left: 0.5rem;
  font-weight: 700;
  color: rgb(0, 130, 213);
  display: none;
}
.progress-bar .progress-bar__title--complete .progress-bar__status {
  color: rgb(30, 230, 75);
}
.progress-bar.progress-bar--none .progress-bar__bar {
  opacity: 0;
}
.progress-bar--incomplete .progress-bar__bar {
  background: #0c4b80;
}
.progress-bar--started .progress-bar__current {
  right: -1.7rem;
}
.progress-bar--uncomplete, .progress-bar--complete {
  text-align: center;
}
.progress-bar--uncomplete .progress-bar__current, .progress-bar--complete .progress-bar__current {
  width: 100%;
}
.progress-bar--complete .progress-bar__bar {
  background: #d4b969;
  box-shadow: 0 0 10px 0 #d4b969;
}
.progress-bar--complete .progress-bar__required {
  display: none;
}

@keyframes rotateAndFadeIn {
  0% {
    width: 10%;
    height: 10%;
    opacity: 0;
    transform: rotate(0deg);
  }
  50% {
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: rotate(720deg);
  }
  100% {
    width: 100%;
    height: 100%;
    transform: rotate(720deg);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root[theme=dark] .bundle-modal__close {
  border: 1px solid #ffffff;
  color: #ffffff;
}
:root[theme=light] .bundle-modal__close {
  border: 1px solid #000000;
  color: #000000;
}

.bundle-modal__container {
  position: fixed;
  z-index: 9996;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
}
.bundle-modal__container .particles-wrapper {
  z-index: 9997;
}

.bundle-modal__overlay,
.bundle-modal__close,
.bundle-modal__content {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin: auto;
}

.bundle-modal__overlay {
  height: 103%;
  z-index: 9996;
  background-image: url(/static/assets/images/bundle/bundle-modal-background.png);
  background-size: cover;
  animation: fadeIn 2s ease-out forwards;
}

.bundle-modal__close {
  top: 2px;
  right: 2px;
  width: 50px;
  height: 50px;
  z-index: 9999;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.2s ease-in-out;
}
.bundle-modal__close:before {
  content: "G";
  display: inline-block;
  font-family: "[aKira] icons", serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bundle-modal__close:hover {
  opacity: 1;
}

.bundle-modal__content {
  z-index: 9998;
  background-image: url(/static/assets/images/bundle/bundle-modal-box.png);
  background-size: auto 50%;
  animation: rotateAndFadeIn 2s linear forwards;
}
@media (max-width: 767.98px) {
  .bundle-modal__content {
    background-size: auto 30%;
  }
}

.bundle-modal__content-head,
.bundle-modal__content-foot {
  position: absolute;
  top: 20%;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 9999;
  text-align: center;
}

.bundle-modal__content-head {
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 0 2px 1px #fff;
  animation: fadeIn 2s ease-out forwards;
}

.bundle-modal__content-foot {
  top: auto;
  bottom: 15%;
  animation: fadeIn 2s ease-out forwards;
}
.bundle-modal__content-foot button {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.bundle-modal__content-foot button[disabled], .bundle-modal__content-foot button.disabled {
  color: var(--dt-txt-6);
  background-color: rgba(49, 97, 73, 0.4);
  cursor: not-allowed;
  opacity: 0.6;
}
.bundle-modal__content-foot button[disabled]:hover, .bundle-modal__content-foot button.disabled:hover {
  background-color: rgba(49, 97, 73, 0.4);
  cursor: not-allowed;
}
.bundle-modal__content-foot button {
  background-color: #28a745;
}
.bundle-modal__content-foot button:hover {
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}
.bundle-modal__content-foot button {
  border: none;
  border-radius: 0.3rem;
  padding: 8px 10px;
  font-size: 16px;
}
.bundle-modal__content-foot button:hover {
  text-decoration: none;
}
.bundle-modal__content-foot button {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  margin: auto;
}

.tipping--comp-banner {
  background-color: #ffffff;
  padding: 0.75rem;
  margin: 1rem 0;
  border-radius: 1rem;
}
.tipping--competition-header-description {
  padding: 0 0 0.375rem 2.25rem;
}
.tipping--competition-account {
  padding: 0 0 0.375rem 2.25rem;
}
.tipping--competition-account button {
  background-color: green;
}
.tipping--participant-btn {
  margin-right: 1rem;
}
.tipping--round h4 {
  text-align: center;
}
.tipping--round-submit-tips {
  padding: 1rem;
  text-align: center;
}
.tipping--round-submit-tips .error {
  color: rgb(220, 50, 70);
}
.tipping--match {
  margin-top: 1rem;
}
.tipping--match-status {
  padding: 0.35rem;
  border-left: 1px solid lightgray;
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.tipping--match-details {
  border: 1px solid lightgray;
  background-color: #ffffff;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.tipping--match-teams {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tipping--match-team {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  flex-grow: 1;
}
.tipping--match-team-details {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.tipping--match-team-details-icon {
  min-width: 50px;
  min-height: 50px;
  max-width: 100px;
  max-height: 100px;
}
.tipping--match-team-details-icon-container {
  width: 20%;
  display: inline-flex;
}
.tipping--match-team-details-name {
  width: 80%;
}
.tipping--match-radio {
  min-width: 3.75rem;
}
.tipping--match-score {
  align-content: center;
}
.tipping--match-progress-bars {
  display: flex;
}
.tipping--match-progress-bar-container {
  width: 100%;
  border: 1px solid lightgray;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  margin: 0.35rem 0.35rem 0.45rem 0.35rem;
}
.tipping--match-progress-bar-container-rtl {
  background-color: lightblue;
}
.tipping--match-progress-bar-container-ltr {
  background-color: #ffffff;
}
.tipping--match-progress-bar-fill {
  height: 1.25rem;
  /* flex: <grow> <shrink> <basis> */
  flex: 0 1 0%; /* Starts at 0 width, can grow/shrink */
  transition: flex 0.3s ease-in-out; /* Smooth animation */
  text-align: right;
}
.tipping--match-progress-bar-fill-rtl {
  background-color: #ffffff;
}
.tipping--match-progress-bar-fill-ltr {
  background-color: lightblue;
}
.tipping--leaderboard table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem auto 0.5rem;
}
.tipping--leaderboard th,
.tipping--leaderboard td {
  padding: 1rem 1.25rem;
  text-align: left;
  border: 1px solid lightgray;
}
.tipping--leaderboard th {
  font-weight: bold;
}

.bet-live {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 1.25rem 0;
  padding: 1.25rem 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.bet-live .bet-live__head {
  text-align: center;
}
.bet-live .bet-live__body {
  text-align: center;
}
.bet-live .bet-live__foot {
  text-align: center;
}
.bet-live .bet-live__title {
  margin: 0;
}
.bet-live .bet-live__subtitle {
  margin: 0.5rem 0 0;
}
.bet-live .bet-live__note {
  margin: 0.5rem 0 0;
}
.bet-live .bet-live__btn {
  display: block;
  border: 1px solid #000;
  margin: 0.5rem 0 0;
}

:root[theme=dark] .auth-buttons .btn-login {
  border: 1px solid transparent;
  background-color: #3b3b3b;
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=dark] .auth-buttons .btn-login:hover {
    border: 1px solid transparent;
    background-color: rgb(84.5, 84.5, 84.5);
    color: #ffffff;
  }
}
:root[theme=dark] .auth-buttons .btn-registration {
  border: 1px solid transparent;
  background-color: #00f181;
  color: #000000;
}
@media (hover: hover) {
  :root[theme=dark] .auth-buttons .btn-registration:hover {
    border: 1px solid transparent;
    background-color: rgb(0, 215.5, 115.3506224066);
    color: #000000;
  }
}
:root[theme=light] .auth-buttons .btn-login {
  border: 1px solid transparent;
  background-color: #28a745;
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=light] .auth-buttons .btn-login:hover {
    border: 1px solid transparent;
    background-color: #28a745;
    color: #ffffff;
  }
}
:root[theme=light] .auth-buttons .btn-registration {
  border: 1px solid transparent;
  background-color: #00f181;
  color: #000000;
}
@media (hover: hover) {
  :root[theme=light] .auth-buttons .btn-registration:hover {
    border: 1px solid transparent;
    background-color: rgb(0, 215.5, 115.3506224066);
    color: #000000;
  }
}

.live-bet-modal .event {
  padding: 0;
}
.live-bet-modal .event__outcome-container {
  display: flex;
  font-weight: 600;
  font-size: 1rem;
}
.live-bet-modal .event__outcome-container .odd {
  font-weight: 700;
}
.live-bet-modal .event__outcome-logo {
  margin-right: 0.25rem;
}
.live-bet-modal .event__outcome-logo--empty, .live-bet-modal .event__outcome-logo.event-participants__participant-logo--empty {
  display: none;
}
.live-bet-modal .event__outcome-details {
  width: 100%;
  margin-right: 0.5rem;
}
.live-bet-modal .event-icon {
  display: none;
}
.live-bet-modal .client-info {
  font-size: 0.875rem;
}
.live-bet-modal .fact-code {
  margin: 0.25rem 0;
}
.live-bet-modal .fact-code__container {
  margin: 0.5rem 0 0;
  text-align: center;
  border-top: 1px solid #dee2e6;
  padding-top: 0.625rem;
}
.live-bet-modal .fact-code__expired {
  margin-top: 0.25rem;
}
.live-bet-modal .auth-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto 0 auto;
  gap: 0.5rem;
}
.live-bet-modal .phone-to-call {
  margin-top: 0.5rem;
  justify-content: center;
}
.live-bet-modal .phone-to-call--btn {
  display: inline-flex;
  align-items: center;
  text-align: center;
  vertical-align: middle;
}
.live-bet-modal .phone-to-call .icon {
  display: inline-flex;
  font-size: 1rem;
  height: 1rem;
  margin-right: 0.375rem;
}

.sport-detail-header__previews,
.sport-detail-header__broadcast {
  display: flex;
  padding: 0.125rem;
  align-content: center;
  justify-content: end;
}

.video__player {
  width: 100%;
  height: 220px;
}
@media (min-width: 768px) {
  .video__player {
    height: 480px;
  }
}

.modal__content {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .modal__content {
    width: 720px;
    max-width: 900px;
  }
}

.live-video-icons__ico {
  font-weight: bold;
  font-size: 0.7rem;
  line-height: 1.25rem;
  border: 1px solid #999;
  padding: 0.15rem;
  color: #999;
}
.affiliate-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.affiliate-page .affiliate-page__container {
  max-width: 600px;
  width: 100%;
  margin: auto;
  padding: 0 1.5rem;
}
.affiliate-page .affiliate-page__header {
  background: transparent;
}
.affiliate-page .affiliate-page__footer {
  background: #ffffff;
  font-size: 0.9rem;
  line-height: 1.25;
}
.affiliate-page .affiliate-page__body {
  background: transparent none top center;
  background-size: cover;
}
@media (min-width: 992px) {
  .affiliate-page .affiliate-page__body {
    background-size: 100% auto;
  }
}
.affiliate-page .affiliate-page__body .signup__form {
  max-width: 400px;
  width: 100%;
  margin: 2rem auto;
  background: #ffffff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2509803922);
}

/**
* affiliate-page--[custom-affiliate-styles]
*/
.affiliate-page--croc {
  background-image: none;
}

.affiliate-page--patto {
  background-image: none;
}

.maintenance-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.maintenance-page .maintenance-page__container {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 0.25rem 1.5rem;
  background: #ffffff;
}
.maintenance-page .maintenance-page__footer {
  font-size: 0.9rem;
  line-height: 1.25;
}
@font-face {
  font-family: "apollo ui";
  src: url(/static/assets/fonts/apollo-ui.eot);
  src: url(/static/assets/fonts/apollo-ui.eot?#iefix) format("embedded-opentype"), url(/static/assets/fonts/apollo-ui.woff) format("woff"), url(/static/assets/fonts/apollo-ui.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:root[theme=light] .sportIcon-60,
:root[theme=light] .sportIcon-63 {
  filter: invert(1);
}

[class*=AIcon-] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[class*=AIcon-]:before {
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  vertical-align: middle;
  line-height: 1;
  speak: never;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=AIcon-]:before {
  display: inline-block;
  font-family: "apollo ui", serif;
}

.AIcon-1-field:before {
  content: "C";
}

.AIcon-3-field:before {
  content: "A";
}

.AIcon-39-field:before {
  content: "B";
}

.AIcon-stat:before {
  content: "D";
}

.AIcon-7-field:before {
  content: "E";
}

.AIcon-2-field:before {
  content: "F";
}

.AIcon-angle-left:before {
  content: "G";
}

.AIcon-angle-right:before {
  content: "H";
}

.AIcon-angle-up:before {
  content: "I";
}

.AIcon-angle-down:before {
  content: "J";
}

.AIcon-favorite:before {
  content: "K";
}

.AIcon-all-sports-icon:before {
  content: "L";
}

.AIcon-betslip-icon:before {
  content: "M";
}

.AIcon-countdown:before {
  content: "N";
}

.AIcon-screen-outline:before {
  content: "O";
}

.AIcon-favorites:before {
  content: "P";
}

.AIcon-icon-to-narrow-AitYX:before {
  content: "Q";
}

.AIcon-icon-to-wide-1mC2B:before {
  content: "R";
}

.AIcon-detach:before {
  content: "S";
}

.AIcon-bank-card:before {
  content: "T";
}

.AIcon-options-white:before {
  content: "U";
}

.AIcon-screen:before {
  content: "V";
}

.AIcon-stats-events:before {
  content: "W";
}

.AIcon-time-icon:before {
  content: "X";
}

.AIcon-bell:before {
  content: "Y";
}

.AIcon-betting-h:before {
  content: "Z";
}

.AIcon-bonus:before {
  content: "";
  background-image: url(/static/assets/images/icons/bonus.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.25rem;
}
.AIcon-bonus--FREEBET:before {
  width: 1.25rem;
  background-image: url(/static/assets/images/icons/ico-bonus-freebet.png);
}
.AIcon-bonus--BET_RETURN:before {
  width: 1.25rem;
  background-image: url(/static/assets/images/icons/ico-bonus-return.png);
}
.AIcon-bonus--ODDS_BOOST:before {
  width: 1.25rem;
  background-image: url(/static/assets/images/icons/ico-bonus-boost.png);
  scale: 1.5;
}
.AIcon-bonus--PROMO_ODDS:before {
  background-image: url(/static/assets/images/icons/ico-bonus-promo-odds.svg);
}

.AIcon-casino-h:before {
  content: "b";
}

.AIcon-details:before {
  content: "c";
}

.AIcon-envelop:before {
  content: "d";
}

.AIcon-history:before {
  content: "e";
}

.AIcon-lock:before {
  content: "f";
}

.AIcon-phone:before {
  content: "g";
}

.AIcon-reality:before {
  content: "h";
}

.AIcon-resp-game:before {
  content: "i";
}

.AIcon-self-exclude:before {
  content: "j";
}

.AIcon-self-reg:before {
  content: "k";
}

.AIcon-profile:before {
  content: "l";
}

.AIcon-transaction-h:before {
  content: "m";
}

.AIcon-deposit:before {
  content: "n";
}

.AIcon-wallet:before {
  content: "o";
}

.AIcon-withdraw:before {
  content: "p";
}

.AIcon-responsible :before {
  content: "q";
}

.AIcon-varified-user:before {
  content: "s";
}

.AIcon-unvarified-user:before {
  content: "t";
}

@font-face {
  font-family: "Asports";
  src: url(/static/assets/fonts/Asports.eot);
  src: url(/static/assets/fonts/Asports.eot?#iefix) format("embedded-opentype"), url(/static/assets/fonts/Asports.woff) format("woff"), url(/static/assets/fonts/Asports.ttf) format("truetype"), url(/static/assets/fonts/Asports.svg#Asports) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class*=sportIcon-]:before {
  display: inline-block;
  font-family: "Asports", serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

.sportIcon-52:before {
  content: "A";
}

.sportIcon-4:before {
  content: "B";
}

.sportIcon-3:before {
  content: "C";
}

.sportIcon-55:before {
  content: "D";
}

.sportIcon-36:before {
  content: "E";
}

.sportIcon-54:before {
  content: "F";
}

.sportIcon-21:before {
  content: "G";
}

.sportIcon-8:before {
  content: "H";
}

.sportIcon-18:before {
  content: "I";
}

.sportIcon-7:before {
  content: "J";
}

.sportIcon-rugby:before {
  content: "K";
}

.sportIcon-1:before {
  content: "L";
}

.sportIcon-2:before {
  content: "M";
}

.sportIcon-6:before {
  content: "N";
}

.sportIcon-45:before {
  content: "O";
}

.sportIcon-10:before {
  content: "P";
}

.sportIcon-11:before {
  content: "Q";
}

.sportIcon-16:before {
  content: "R";
}

.sportIcon-17:before {
  content: "S";
}

.sportIcon-22:before {
  content: "T";
}

.sportIcon-35:before {
  content: "U";
}

.sportIcon-43:before {
  content: "V";
}

.sportIcon-52:before {
  content: "W";
}

.sportIcon-53:before {
  content: "X";
}

.sportIcon-48:before {
  content: "Y";
}

.sportIcon-39:before {
  content: "Z";
}

.sportIcon-23:before {
  content: "a";
}

.sportIcon-19:before {
  content: "b";
}

.sportIcon-24:before {
  content: "c";
}

.sportIcon-25:before {
  content: "d";
}

.sportIcon-29:before {
  content: "e";
}

.sportIcon-31:before {
  content: "f";
}

.sportIcon-33:before {
  content: "g";
}

.sportIcon-34:before {
  content: "h";
}

.sportIcon-38:before {
  content: "i";
}

.sportIcon-46:before {
  content: "j";
}

.sportIcon-49:before {
  content: "k";
}

.sportIcon-50:before {
  content: "l";
}

.sportIcon-51:before {
  content: "m";
}

.sportIcon-60:before {
  content: "";
  background-image: url(/static/assets/images/icons/mma-logo.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
}

.sportIcon-63:before {
  content: "";
  background-image: url(/static/assets/images/icons/olympic-logo.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
}

@font-face {
  font-family: "[aKira] icons";
  src: url(/static/assets/fonts/[aKira]-icons.eot);
  src: url(/static/assets/fonts/[aKira]-icons.eot?#iefix) format("embedded-opentype"), url(/static/assets/fonts/[aKira]-icons.woff) format("woff"), url(/static/assets/fonts/[aKira]-icons.ttf) format("truetype"), url(/static/assets/fonts/[aKira]-icons.svg#[aKira]-icons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class*=AkIcon-]:before,
.sportIcon-favorites:before {
  display: inline-block;
  font-family: "[aKira] icons", serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

.AkIcon-bet-history-icon:before {
  content: "A";
}

.AkIcon-bonus-icon:before {
  content: "B";
}

.AkIcon-calendar-icon:before {
  content: "C";
}

.AkIcon-cashout-icon:before {
  content: "D";
}

.AkIcon-casino-history-icon:before {
  content: "E";
}

.AkIcon-check-icon:before {
  content: "F";
}

.AkIcon-close-icon:before {
  content: "G";
}

.AkIcon-copy-icon:before {
  content: "H";
}

.AkIcon-corner-icon:before {
  content: "I";
}

.AkIcon-credit-card-icon:before {
  content: "J";
}

.AkIcon-deposite-icon:before {
  content: "K";
}

.AkIcon-dollar-icon:before {
  content: "L";
}

.AkIcon-errow-icon:before {
  content: "M";
}

.AkIcon-events-list-icon:before {
  content: "o";
}

.AkIcon-favorite-icon:before {
  content: "N";
}

.sportIcon-favorites:before {
  content: "N";
}

.AkIcon-globe-icon:before {
  content: "O";
}

.AkIcon-home-icon:before {
  content: "P";
}

.AkIcon-hot-icon:before {
  content: "p";
}

.AkIcon-id-icon:before {
  content: "s";
}

.AkIcon-live-tracker-icon:before {
  content: "Q";
}

.AkIcon-live-translation-icon:before {
  content: "R";
}

.AkIcon-lock-icon:before {
  content: "S";
}

.AkIcon-log-out-icon:before {
  content: "T";
}

.AkIcon-penalty-icon:before {
  content: "U";
}

.AkIcon-pencil-icon:before {
  content: "V";
}

.AkIcon-play-icon:before {
  content: "W";
}

.AkIcon-self-regulation-icon:before {
  content: "X";
}

.AkIcon-setting-slick-icon:before {
  content: "Y";
}

.AkIcon-settings-gear-icon:before {
  content: "Z";
}

.AkIcon-shield-icon:before {
  content: "a";
}

.AkIcon-stats-icon:before {
  content: "b";
}

.AkIcon-substitute-arrow-icon:before {
  content: "c";
}

.AkIcon-transaction-history-icon:before {
  content: "d";
}

.AkIcon-user-badge-icon:before {
  content: "e";
}

.AkIcon-user-pointer-icon:before {
  content: "f";
}

.AkIcon-wallet-icon:before {
  content: "g";
}

.AkIcon-withdraw-icon:before {
  content: "h";
}

.AkIcon-download-icon:before {
  content: "i";
}

.AkIcon-print-icon:before {
  content: "j";
}

.AkIcon-send-to-mail-icon:before {
  content: "k";
}

.AkIcon-reality-check-icon:before {
  content: "l";
}

.AkIcon-self-exclusion-icon:before {
  content: "m";
}

.AkIcon-self-limitation-icon:before {
  content: "n";
}

.AkIcon-events-list-icon:before {
  content: "o";
}

.AkIcon-hot-icon:before {
  content: "p";
}

.AkIcon-more-icon:before {
  content: "q";
}

.AkIcon-more-expand-icon:before {
  content: "r";
}

.AkIcon-id-icon:before {
  content: "s";
}

.AkIcon-link-icon:before {
  content: "t";
}

.AkIcon-order-bet-icon:before {
  content: "u";
}

.AkIcon-edited-bet-icon:before {
  content: "v";
}

.AkIcon-long-arrow-down-icon:before {
  content: "x";
}

.AkIcon-live-statistic-icon:before {
  content: "y";
}

.AkIcon-video-window-icon:before {
  content: "z";
}

.AkIcon-translation-icon:before {
  content: "0";
}

.AkIcon-long-arrow-up-icon:before {
  content: "1";
}

@font-face {
  font-family: "common icon";
  src: url(/static/assets/fonts/common-icon.eot);
  src: url(/static/assets/fonts/common-icon.eot?#iefix) format("embedded-opentype"), url(/static/assets/fonts/common-icon.woff) format("woff"), url(/static/assets/fonts/common-icon.ttf) format("truetype"), url(/static/assets/fonts/common-icon.svg#common-icon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class*=AkrIcon-] {
  display: inline-block;
}
[class*=AkrIcon-]:before {
  display: inline-block;
  font-family: "common icon", serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.AkrIcon-edit:before {
  content: "A";
}

.AkrIcon-sun:before {
  content: "B";
}

.AkrIcon-checkbox-on:before {
  content: "C";
}

.AkrIcon-trash:before {
  content: "D";
}

.AkrIcon-profile:before {
  content: "E";
}

.AkrIcon-calendar:before {
  content: "F";
}

.AkrIcon-home:before {
  content: "G";
}

.AkrIcon-time:before {
  content: "H";
}

.AkrIcon-mdi_error:before {
  content: "I";
}

.AkrIcon-link:before {
  content: "L";
}

.AkrIcon-money:before {
  content: "M";
}

.AkrIcon-football:before {
  content: "N";
}

.AkrIcon-mdi_backup:before {
  content: "O";
}

.AkrIcon-copy:before {
  content: "P";
}

.AkrIcon-done:before {
  content: "Q";
}

.AkrIcon-order:before {
  content: "R";
}

.AkrIcon-search:before {
  content: "S";
}

.AkrIcon-live-stats:before {
  content: "T";
}

.AkrIcon-card_giftcard:before {
  content: "U";
}

.AkrIcon-visibility-off:before {
  content: "V";
}

.AkrIcon-warning:before {
  content: "W";
}

.AkrIcon-radiotbtn-1:before {
  content: "X";
}

.AkrIcon-mdi_launch:before {
  content: "Y";
}

.AkrIcon-betslip:before {
  content: "Z";
}

.AkrIcon-add:before {
  content: "a";
}

.AkrIcon-moon:before {
  content: "b";
}

.AkrIcon-checkbox-off:before {
  content: "c";
}

.AkrIcon-close:before {
  content: "d";
}

.AkrIcon-exit:before {
  content: "e";
}

.AkrIcon-filter:before {
  content: "f";
}

.AkrIcon-mdi-settings:before {
  content: "g";
}

.AkrIcon-history:before {
  content: "h";
}

.AkrIcon-in-procces:before {
  content: "i";
}

.AkrIcon-championship:before {
  content: "j";
}

.AkrIcon-lock:before {
  content: "l";
}

.AkrIcon-message:before {
  content: "m";
}

.AkrIcon-dice-2:before {
  content: "n";
}

.AkrIcon-download:before {
  content: "o";
}

.AkrIcon-print:before {
  content: "p";
}

.AkrIcon-succes:before {
  content: "q";
}

.AkrIcon-cashout:before {
  content: "r";
}

.AkrIcon-menu:before {
  content: "s";
}

.AkrIcon-statistic:before {
  content: "t";
}

.AkrIcon-mdi_phone:before {
  content: "u";
}

.AkrIcon-visability-on:before {
  content: "v";
}

.AkrIcon-error:before {
  content: "w";
}

.AkrIcon-radiotbtn:before {
  content: "x";
}

.AkrIcon-video:before {
  content: "y";
}

.AkrIcon-star:before {
  content: "z";
}

.AkrIcon-d-arrow-left:before {
  content: '"';
}

.AkrIcon-d-arrow-right:before {
  content: "'";
}

.AkrIcon-m-arrow-right:before {
  content: ",";
}

.AkrIcon-m-arrow-down:before {
  content: ".";
}

.AkrIcon-back:before {
  content: "/";
}

.AkrIcon-show:before {
  content: "[";
}

.AkrIcon-arrow-down:before {
  content: "\\";
}

.AkrIcon-arrow-right:before {
  content: "]";
}

.AkrIcon-hide:before {
  content: "{";
}

.AkrIcon-arrow-up:before {
  content: "|";
}

.AkrIcon-arrow-left:before {
  content: "}";
}

.AkrIcon-nothing:before {
  content: "?";
}

:root[theme=dark] body {
  background-color: #191c21;
}
@media (max-width: 767.98px) {
  :root[theme=dark] body {
    background-color: rgb(18, 18, 18);
  }
}
:root[theme=dark] body {
  color: #ffffff;
}
:root[theme=dark] .ui__field {
  border-color: #dee2e6;
  background-color: #ffffff;
  color: #000000;
  /*@include input-placeholder {
    color: darken($dark-input-font-color, 20%);
    opacity: 1;
  }*/
}
@media (hover: hover) {
  :root[theme=dark] .ui__field:not([disabled]):hover {
    border-color: #00f181;
  }
}
:root[theme=dark] .ui__field:not([disabled]):focus {
  border-color: #00f181;
}
:root[theme=dark] [class*=__dropdown] {
  background-color: rgb(41, 41, 41);
  box-shadow: 0px -1px 15px 6px rgba(0, 0, 0, 0.2);
}
:root[theme=dark] [class*=__dropdown] > * {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=dark] [class*=__dropdown] > *:hover {
    background-color: rgba(0, 130, 213, 0.2);
  }
}
:root[theme=dark] [class*=__dropdown] > *.active {
  color: #0082d5;
  background-color: rgba(0, 241, 129, 0.2);
}
:root[theme=dark] [class*=__dropdown] > svg {
  background-color: transparent;
  color: unset;
}
@media (hover: hover) {
  :root[theme=dark] [class*=__dropdown] > svg:hover {
    background-color: transparent;
  }
}
:root[theme=dark] [class*=__dropdown] > * + * {
  border-top-color: rgba(222, 226, 230, 0.2);
}
:root[theme=dark] .react-select [class*=__dropdown] {
  background-color: transparent;
  box-shadow: none;
}
:root[theme=light] body {
  background-color: #ffffff;
}
@media (max-width: 767.98px) {
  :root[theme=light] body {
    background-color: #f0f1f2;
  }
}
:root[theme=light] body {
  color: #000000;
}
:root[theme=light] .ui__field {
  border-color: rgb(41, 41, 41);
  background-color: rgba(199, 198, 241, 0.3607843137);
  color: #000000;
  /*      @include input-placeholder {
    color: lighten($light-input-font-color, 20%);
    opacity: 1;
  }*/
}
@media (hover: hover) {
  :root[theme=light] .ui__field:not([disabled]):hover {
    border-color: #00f181;
  }
}
:root[theme=light] .ui__field:not([disabled]):focus {
  border-color: #00f181;
}
:root[theme=light] [class*=__dropdown] {
  background-color: #ffffff;
  box-shadow: 2px 5px 11px 0 rgba(0, 0, 0, 0.2);
}
:root[theme=light] [class*=__dropdown] > * {
  color: #000000;
}
@media (hover: hover) {
  :root[theme=light] [class*=__dropdown] > *:hover {
    background-color: rgba(0, 130, 213, 0.2);
  }
}
:root[theme=light] [class*=__dropdown] > *.active {
  color: #0082d5;
  background-color: transparent;
}
:root[theme=light] [class*=__dropdown] > svg {
  color: unset;
  background-color: transparent;
}
@media (hover: hover) {
  :root[theme=light] [class*=__dropdown] > svg:hover {
    background-color: transparent;
  }
}
:root[theme=light] [class*=__dropdown] > * + * {
  border-top-color: rgba(192, 197, 203, 0.6);
}
:root[theme=light] .react-select [class*=__dropdown] {
  background-color: transparent;
  box-shadow: none;
}

* {
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

*,
:after,
:before {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  font-family: "Barlow", "Helvetica", sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: normal;
  text-rendering: auto;
  background-repeat: repeat;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
@media (hover: hover) {
  a:hover {
    text-decoration: underline;
  }
}

.container {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 0.3rem;
  background-color: var(--elementsColor1);
  border: 1px solid var(--dt-txt-1);
  transition: all 0.1s;
}

.container:hover input ~ .checkmark {
  border-color: #00f181;
}

.container input:checked ~ .checkmark {
  border-color: #00f181;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
  transform: translate(3px, 3px);
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #00f181;
}

[class*=flag--] {
  height: var(--flagSize);
  width: calc(var(--flagSize) * 1.5);
  background: url(/static/assets/svg/flag/flags.svg), #ffffff;
  image-rendering: pixelated;
  background-size: auto 100%;
  background-position-y: 0;
  background-position-x: calc(var(--flagSize) * -1.5 * 120);
  vertical-align: middle;
}

[class*=icon] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.animate-fade-left-in {
  animation: opacityBlockLeft 0.4s ease-in both;
}

input,
textarea,
select {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.number {
  -webkit-user-select: text;
  user-select: text;
}

.flex {
  flex: 1;
}

.flexible-modal {
  position: absolute;
  z-index: 10000;
  border: 1px solid #ccc;
  background: white;
}

.flexible-modal-resizer {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: se-resize;
  margin: 5px;
  border-bottom: solid 2px #333;
  border-right: solid 2px #333;
}

.flexible-modal-drag-area {
  background: rgba(22, 22, 255, 0.2);
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: move;
}

.wrap:nth-child(4n) .block:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  transform: translateX(-150%);
  background-image: linear-gradient(to right, var(--descriptionBg) 0%, rgba(189, 192, 212, 0.3) 50%, var(--descriptionBg) 100%);
  -webkit-animation: loadList 3s ease-in infinite;
  -o-animation: loadList 3s ease-in infinite;
  animation: loadList 3s ease-in infinite;
}
.wrap {
  height: 48px;
  margin-bottom: 1px;
  padding: 4px;
}
.wrap .block {
  display: inline-block;
  height: 100%;
  background-color: var(--descriptionBg);
  position: relative;
  overflow: hidden;
}
.wrap .block.one {
  width: 40%;
}
.wrap .block.two {
  width: calc(20% - 8px);
  margin: 0 4px;
}

.slide-in-elliptic-bottom-fwd {
  animation: slide-in-elliptic-bottom-fwd 0.7s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-elliptic-top-fwd {
  animation: slide-in-elliptic-top-fwd 0.7s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-top {
  animation: slide-in-top 0.8s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-right {
  animation: slide-in-right 0.5s 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.opacityBlock {
  animation: opacityBlock 0.2s ease-in both;
}

.opacityBlockDelay {
  animation: opacityBlock 0.2s 0.4s ease-in both;
}

.slide-in-left {
  animation: slide-in-left 0.5s 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.blink {
  -webkit-animation: backInDown 0.4s ease both;
  animation: backInDown 0.4s ease both;
}

.triangleNav {
  position: relative;
  margin-right: 18px;
  --triangleColorUp: rgba(255, 255, 255, 0.6);
  --triangleColorDown: rgba(255, 255, 255, 0.6);
}
.triangleNav:hover {
  --triangleColorUp: rgba(255, 255, 255, 0.8);
  --triangleColorDown: rgba(255, 255, 255, 0.8);
}
.triangleNav.up {
  --triangleColorUp: var(--highlight-color);
}
.triangleNav.down {
  --triangleColorDown: var(--highlight-color);
}

.arrowNavigation {
  --triangleColor: rgba(82, 85, 109, 0.9);
  --triangleBGColor: transparent;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--triangleBGColor);
  transition: background-color 0.2s, color 0.2s;
  will-change: transform;
  cursor: pointer;
  flex: none;
}
.arrowNavigation:before {
  top: 50%;
  left: 50%;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--triangleColor);
  transform: translate(-50%, -50%) rotateX(0deg);
  transition: transform 0.2s, border-bottom-color 0.2s;
}
.arrowNavigation:hover {
  --triangleColor: #6e7191;
  --triangleColorDown: rgba(255, 255, 255, 0.8);
}
.arrowNavigation.active:before {
  transform: translate(-50%, -50%) rotateX(180deg);
}
.arrowNavigation.active {
  --triangleColor: #6e7191;
  --triangleBGColor: var(--triangleBGColorActive);
}

.arrowNavigation-wrapper {
  width: 18px;
  height: 48px;
  flex: none;
}

.icon__fav-wrapper {
  width: 24px;
  height: 100%;
  flex: none;
}

.triangleUp {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid var(--triangleColorUp);
  transform: translateY(-6px);
}

.triangleDown {
  transform: translateY(1px);
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--triangleColorDown);
}

.switch {
  --switchWidth: 35px;
  --switchHeight: 20px;
  --switchSliderSize: 16px;
  --switchBgcolor: var(--dt-txt-1);
  --switchBgcolorHover: var(--dt-txt-3);
  --switchBgcolorChecked: var(--partner-color-1);
  --switchSliderColor: var(--dt-txt-6);
  --switchSliderColorChecked: var(--dt-txt-6);
  --switchShadow: none;
  --switchSliderShadow: none;
  --switchSliderShadowChecked: none;
  --switchBorderRadius: 4px;
  position: relative;
  display: inline-block;
  width: var(--switchWidth);
  height: var(--switchHeight);
}
.switch.live {
  --switchWidth: 40px;
  --switchHeight: 24px;
  --switchSliderSize: 18px;
  --switchBgcolor: #eef0f1;
  --switchBgcolorHover: #eef0f1;
  --switchBgcolorHoverChecked: #5d65d4;
  --switchBgcolorChecked: #d42a28;
  --switchSliderColor: var(--dt-txt-6);
  --switchSliderColorChecked: var(--dt-txt-6);
  --switchShadow: 0 0 0 1px #dfe1e3;
  --switchSliderShadow: 4px 0 4px rgba(0, 0, 0, 0.25);
  --switchSliderShadowChecked: -4px 0 4px rgba(0, 0, 0, 0.25);
  --switchBorderRadius: var(--switchHeight);
}
.switch input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--switchBgcolor);
  transition: 0.2s;
  border-radius: var(--switchBorderRadius);
  box-shadow: var(--switchShadow);
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: var(--switchSliderSize);
  width: var(--switchSliderSize);
  left: calc((var(--switchHeight) - var(--switchSliderSize)) / 2);
  bottom: calc((var(--switchHeight) - var(--switchSliderSize)) / 2);
  background-color: var(--switchSliderColor);
  box-shadow: var(--switchSliderShadow);
  transition: 0.2s;
  border-radius: var(--switchBorderRadius);
}
.switch input:checked + .slider {
  background-color: var(--switchBgcolorChecked);
  --switchBgcolorHover: var(--checked-toggle-bg-hover);
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.switch input:checked + .slider:before {
  transform: translateX(calc(var(--switchWidth) - var(--switchHeight)));
  background-color: var(--switchSliderColorChecked);
  box-shadow: var(--switchSliderShadowChecked);
}
.switch.disabled .slider {
  cursor: not-allowed;
}

.status {
  flex: none;
  min-width: 72px;
  height: 24px;
  border-radius: 0.3rem;
  background-color: #008d35;
  color: var(--dt-txt-6);
  margin-right: 16px;
}

.question {
  font-weight: bold;
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--dt-txt-3);
  border: 2px solid var(--dt-txt-3);
  border-radius: 20px;
  cursor: pointer;
}

input[type=text].stakeInput,
input[type=number].stakeInput,
input[type=password].stakeInput,
input[type=date].stakeInput {
  background-color: transparent;
  border: 1px solid var(--elementsColor1);
  border-radius: 2px;
}
input[type=text].stakeInput::-moz-placeholder,
input[type=number].stakeInput::-moz-placeholder,
input[type=password].stakeInput::-moz-placeholder,
input[type=date].stakeInput::-moz-placeholder {
  text-transform: uppercase;
  color: var(--dt-txt-3);
  opacity: 1;
}
input[type=text].stakeInput:-ms-input-placeholder,
input[type=number].stakeInput:-ms-input-placeholder,
input[type=password].stakeInput:-ms-input-placeholder,
input[type=date].stakeInput:-ms-input-placeholder {
  color: var(--dt-txt-3);
  text-transform: uppercase;
}
input[type=text].stakeInput::-webkit-input-placeholder,
input[type=number].stakeInput::-webkit-input-placeholder,
input[type=password].stakeInput::-webkit-input-placeholder,
input[type=date].stakeInput::-webkit-input-placeholder {
  color: var(--dt-txt-3);
  text-transform: uppercase;
}
input[type=text].stakeInput,
input[type=number].stakeInput,
input[type=password].stakeInput,
input[type=date].stakeInput {
  padding: 10px 3px;
}
input[type=text],
input[type=number],
input[type=password],
input[type=date] {
  min-width: 60px;
  border-radius: 2px;
  height: 20px;
  line-height: 20px;
  color: var(--tColor);
  background-color: var(--dt-light-5);
  outline: none;
  border: none;
  width: 100%;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus {
  outline: none;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  display: none;
}

input[type=range] {
  outline: 0;
  border: 0;
  border-radius: 500px;
  width: 400px;
  max-width: 100%;
  margin: 24px 0 16px;
  transition: box-shadow 0.2s ease-in-out;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=range] {
    overflow: hidden;
    height: 12px;
    -webkit-appearance: none;
    background-color: #ddd;
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.9998);
  }
  input[type=range]::-webkit-slider-runnable-track {
    height: 12px;
    -webkit-appearance: none;
    color: #444;
    transition: box-shadow 0.2s ease-in-out;
  }
  input[type=range]::-webkit-slider-thumb {
    width: 12px;
    -webkit-appearance: none;
    height: 12px;
    cursor: ew-resize;
    background: var(--grey-2);
    box-shadow: -340px 0 0 334px var(--elementsColor2), inset 0 0 0 3px var(--dt-dark-1);
    border-radius: 50%;
    transition: box-shadow 0.2s ease-in-out;
  }
  input[type=range]::-webkit-slider-thumb:before {
    content: "asd";
  }
  input[type=range]:active::-webkit-slider-thumb {
    background: #fff;
    box-shadow: -340px 0 0 334px var(--elementsColor2), inset 0 0 0 1px var(--dt-dark-1);
  }
}
input[type=range]::-moz-range-progress {
  background-color: #43e5f7;
}
input[type=range]::-moz-range-track {
  background-color: #9a905d;
}
input[type=range]::-ms-fill-lower {
  background-color: #43e5f7;
}
input[type=range]::-ms-fill-upper {
  background-color: #9a905d;
}

input[type=checkbox] {
  width: 20px;
  height: 20px;
  border-radius: 0.3rem;
  -webkit-appearance: none;
  background-color: var(--elementsColor1);
  border: 1px solid var(--dt-txt-1);
  cursor: pointer;
  margin-right: 10px;
  outline: none;
  padding: 1px;
  position: relative;
  vertical-align: top;
  transition: all 0.1s;
}
input[type=checkbox]:hover {
  border-color: #00f181;
}
input[type=checkbox]:before {
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  width: 16px;
  color: var(--dt-txt-6);
  text-align: center;
  display: block;
  background-size: cover;
  font-weight: normal;
  content: "F";
  font-family: "[aKira] icons", serif;
  opacity: 0;
  transition: transform 0.1s, opacity 0.2s;
  transform: scale(0);
}
input[type=checkbox]:checked:before {
  opacity: 1;
  transform: scale(1);
}
input[type=checkbox]:checked {
  border-color: #00f181;
  background-color: #00f181;
}
input[type=checkbox]:checked + label,
input[type=checkbox] label {
  color: var(--boxCheckedColor);
}
input[type=checkbox]:active, input[type=checkbox]:focus {
  outline: none;
  outline-offset: -1px;
}

.PhoneInputInput {
  background-color: var(--dt-light-5);
  color: var(--tColor);
}

.PhoneInputCountrySelect {
  background-color: var(--dt-txt-6);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid var(--dt-txt-1);
  -webkit-text-fill-color: var(--dt-txt-2);
  -webkit-box-shadow: 0 0 0 1000px var(--inputAutofillBg) inset;
  transition: background-color 5000s ease-in-out 0s;
}

input[type=date i]::-webkit-calendar-picker-indicator {
  background-color: var(--dt-txt-5);
  border-radius: 0.3rem;
  opacity: 0.6;
  cursor: pointer;
}

.selectBlock, .select .select-value, .block__wrap .select .select-value, .block__wrap .select .select-value:after {
  cursor: pointer;
}
.selectBlock:after, .select .select-value:after, .block__wrap .select .select-value:after {
  content: "H";
  display: inline-block;
  font-family: "apollo ui", serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: auto;
  transform: rotateZ(90deg);
  font-size: 8px;
}

.select {
  position: relative;
  max-width: var(--labelWidth);
}
.select.disabled .select-value::after {
  cursor: not-allowed;
  content: "f";
  top: 1rem;
  right: 0.5rem;
  font-size: 1rem;
  line-height: 1;
  transform: none;
  color: #6c757d;
}
.select.disabled span {
  color: #6c757d;
}
.select.disabled .select-value {
  cursor: not-allowed;
}
.select .select-options {
  position: absolute;
  background-color: #ffffff;
  border-radius: 0.3rem;
  z-index: 99;
  max-height: 320px;
  overflow: auto;
  top: 38px;
  width: 100%;
}
.select .select-options .select-option {
  height: 32px;
  padding: 0 12px;
  transition: background-color 0.2s;
  outline: none;
  font-size: 12px;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  color: #000000;
}
.select .select-options .select-option:hover {
  background-color: var(--dt-txt-4);
}

.selectBlock,
.selectContent {
  text-align: left;
  padding: 0 8px;
  min-width: 100px;
  margin: 0 8px;
}

.selectBlock {
  border-bottom: 1px solid var(--globalBorderColor);
  background-color: var(--elementsColor1);
  color: var(--dt-txt-6);
  height: 32px;
}

.selectContent {
  background-color: var(--homeMarketElementColor);
  color: var(--homeMarketColor);
  height: 24px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.selectContent:hover {
  background-color: var(--oddsBlockColorHover);
}

.range {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: var(--grey-2);
  position: relative;
  cursor: pointer;
}
.range_thumb {
  position: absolute;
  height: 4px;
  left: 0;
  border-radius: 2px;
  background-color: var(--elementsColor2);
}
.range_thumb > div {
  width: 12px;
  height: 12px;
  border: solid 1px var(--dt-dark-1);
  background-color: var(--grey-2);
  border-radius: 12px;
  bottom: -4px;
  position: absolute;
  right: 0;
}

button.bDefault {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
button.bDefault[disabled], button.bDefault.disabled {
  color: var(--dt-txt-6);
  background-color: var(--dt-light-2);
  cursor: not-allowed;
  opacity: 0.6;
}
button.bDefault[disabled]:hover, button.bDefault.disabled:hover {
  background-color: var(--dt-light-2);
  cursor: not-allowed;
}
button.bDefault {
  background-color: #1b4d6b;
}
button.bDefault:hover {
  background-color: rgb(16.723880597, 47.6940298507, 66.276119403);
}
button.bDefault {
  border: none;
  border-radius: 2px;
  padding: 7px 10px;
  font-size: 16px;
}
button.bDefault:hover {
  text-decoration: none;
}
button.bDefault {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}

.buttonBet,
.buttonBet {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.buttonBet[disabled], .buttonBet.disabled,
.buttonBet[disabled],
.buttonBet.disabled {
  color: var(--dt-txt-6);
  background-color: rgba(49, 97, 73, 0.4);
  cursor: not-allowed;
  opacity: 0.6;
}
.buttonBet[disabled]:hover, .buttonBet.disabled:hover,
.buttonBet[disabled]:hover,
.buttonBet.disabled:hover {
  background-color: rgba(49, 97, 73, 0.4);
  cursor: not-allowed;
}
.buttonBet,
.buttonBet {
  background-color: #28a745;
}
.buttonBet:hover,
.buttonBet:hover {
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}
.buttonBet,
.buttonBet {
  border: none;
  border-radius: 0.3rem;
  padding: 8px 10px;
  font-size: 16px;
}
.buttonBet:hover,
.buttonBet:hover {
  text-decoration: none;
}
.buttonBet,
.buttonBet {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  color: var(--dt-txt-6);
  font-weight: bold;
  position: relative;
  font-size: 14px;
}

.buttonCancel {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: var(--dt-txt-3);
}
.buttonCancel[disabled], .buttonCancel.disabled {
  color: var(--dt-txt-6);
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.6;
}
.buttonCancel[disabled]:hover, .buttonCancel.disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.buttonCancel {
  background-color: #dee2e6;
}
.buttonCancel:hover {
  background-color: rgb(192.9827586207, 200.5, 208.0172413793);
}
.buttonCancel {
  border: 1px solid var(--dt-txt-1);
  border-radius: 0.3rem;
  padding: 8px 10px;
  font-size: 16px;
}
.buttonCancel:hover {
  text-decoration: none;
}
.buttonCancel {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  background-color: #dee2e6 !important;
  border-color: #dee2e6 !important;
  font-weight: normal;
  text-transform: none;
  position: relative;
  font-size: 14px;
}
.buttonCancel:hover {
  background-color: rgb(192.9827586207, 200.5, 208.0172413793) !important;
}

button.buttonBet__acceptChanges {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #3eb360;
}
button.buttonBet__acceptChanges:hover {
  background-color: rgb(48.8796680498, 141.1203319502, 75.6846473029);
}
button.buttonBet__acceptChanges {
  border: none;
  border-radius: 0.3rem;
  padding: 8px 10px;
  font-size: 16px;
}
button.buttonBet__acceptChanges:hover {
  text-decoration: none;
}
button.buttonBet__acceptChanges {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  position: relative;
  font-size: 14px;
  background-color: var(--warning-color);
  color: var(--dt-txt-6);
}
button.buttonBet__acceptChanges:hover {
  background-color: #cc7400;
}

button.bPrice {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
button.bPrice[disabled], button.bPrice.disabled {
  color: var(--dt-txt-6);
  background-color: var(--dt-light-2);
  cursor: not-allowed;
  opacity: 0.6;
}
button.bPrice[disabled]:hover, button.bPrice.disabled:hover {
  background-color: var(--dt-light-2);
  cursor: not-allowed;
}
button.bPrice {
  background-color: #3e7b9d;
}
button.bPrice:hover {
  background-color: rgb(47.5616438356, 94.3561643836, 120.4383561644);
}
button.bPrice {
  border: none;
  border-radius: 2px;
  padding: 4px 8px;
  font-size: 16px;
}
button.bPrice:hover {
  text-decoration: none;
}
button.bPrice {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  white-space: nowrap;
  flex: none;
  width: auto;
}

button.bUnknown {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
button.bUnknown[disabled], button.bUnknown.disabled {
  color: var(--dt-txt-6);
  background-color: var(--dt-light-2);
  cursor: not-allowed;
  opacity: 0.6;
}
button.bUnknown[disabled]:hover, button.bUnknown.disabled:hover {
  background-color: var(--dt-light-2);
  cursor: not-allowed;
}
button.bUnknown {
  background-color: #339444;
}
button.bUnknown:hover {
  background-color: rgb(37.9296482412, 110.0703517588, 50.5728643216);
}
button.bUnknown {
  border: none;
  border-radius: 2px;
  padding: 4px 8px;
  font-size: 16px;
}
button.bUnknown:hover {
  text-decoration: none;
}
button.bUnknown {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  white-space: nowrap;
  flex: none;
  width: auto;
}

button.couponEdit {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: var(--dt-txt-2);
}
button.couponEdit[disabled], button.couponEdit.disabled {
  color: var(--dt-txt-6);
  background-color: var(--dt-light-2);
  cursor: not-allowed;
  opacity: 0.6;
}
button.couponEdit[disabled]:hover, button.couponEdit.disabled:hover {
  background-color: var(--dt-light-2);
  cursor: not-allowed;
}
button.couponEdit {
  background-color: transparent;
}
button.couponEdit:hover {
  background-color: hsla(0, 0%, -10%, 0);
}
button.couponEdit {
  border: 1px solid var(--dt-txt-2);
  border-radius: 4px;
  padding: 1px 8px;
  font-size: 16px;
}
button.couponEdit:hover {
  text-decoration: none;
}
button.couponEdit {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}

button.bSettings {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
button.bSettings[disabled], button.bSettings.disabled {
  color: var(--dt-txt-6);
  background-color: var(--dt-light-2);
  cursor: not-allowed;
  opacity: 0.6;
}
button.bSettings[disabled]:hover, button.bSettings.disabled:hover {
  background-color: var(--dt-light-2);
  cursor: not-allowed;
}
button.bSettings {
  background-color: #323548;
}
button.bSettings:hover {
  background-color: rgb(29.0983606557, 30.8442622951, 41.9016393443);
}
button.bSettings {
  border: none;
  border-radius: 0.3rem;
  padding: 4px;
  font-size: 16px;
}
button.bSettings:hover {
  text-decoration: none;
}
button.bSettings {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  width: 24px;
  height: 24px;
}
.upper button.bSettings {
  background-color: #a7bb56;
}
.upper button.bSettings:hover, .upper button.bSettings.active {
  background-color: #8da040;
}

button.bCashout {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: var(--dt-txt-6);
}
button.bCashout[disabled], button.bCashout.disabled {
  color: var(--dt-txt-6);
  background-color: var(--dt-light-2);
  cursor: not-allowed;
  opacity: 0.6;
}
button.bCashout[disabled]:hover, button.bCashout.disabled:hover {
  background-color: var(--dt-light-2);
  cursor: not-allowed;
}
button.bCashout {
  background-color: #6c757d;
}
button.bCashout:hover {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
button.bCashout {
  border: none;
  border-radius: 0.3rem;
  padding: 4px;
  font-size: 16px;
}
button.bCashout:hover {
  text-decoration: none;
}
button.bCashout {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  height: 24px;
  text-transform: capitalize;
}

button.addEvent {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: var(--dt-dark-1);
}
button.addEvent[disabled], button.addEvent.disabled {
  color: var(--dt-txt-6);
  background-color: var(--dt-light-2);
  cursor: not-allowed;
  opacity: 0.6;
}
button.addEvent[disabled]:hover, button.addEvent.disabled:hover {
  background-color: var(--dt-light-2);
  cursor: not-allowed;
}
button.addEvent {
  background-color: transparent;
}
button.addEvent:hover {
  background-color: hsla(0, 0%, -10%, 0);
}
button.addEvent {
  border: 1px solid var(--dt-dark-1);
  border-radius: 4px;
  padding: 4px;
  font-size: 16px;
}
button.addEvent:hover {
  text-decoration: none;
}
button.addEvent {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
  width: 198px;
  height: 24px;
  text-transform: capitalize;
  position: relative;
}
button.addEvent:before {
  content: "+";
  left: 8px;
  position: absolute;
}

button.bAuth {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: hsla(0, 0%, 100%, 0.9);
}
button.bAuth[disabled], button.bAuth.disabled {
  color: var(--dt-txt-6);
  background-color: var(--dt-light-2);
  cursor: not-allowed;
  opacity: 0.6;
}
button.bAuth[disabled]:hover, button.bAuth.disabled:hover {
  background-color: var(--dt-light-2);
  cursor: not-allowed;
}
button.bAuth {
  background-color: #323548;
}
button.bAuth:hover {
  background-color: rgb(29.0983606557, 30.8442622951, 41.9016393443);
}
button.bAuth {
  border: 1px solid var(--globalBorederColor);
  border-radius: 0.3rem;
  padding: 6px 12px;
  font-size: 16px;
}
button.bAuth:hover {
  text-decoration: none;
}
button.bAuth {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
button.bAuth:hover {
  background-color: rgb(29.0983606557, 30.8442622951, 41.9016393443);
}
button.bAuth {
  min-width: 100px;
  text-transform: capitalize;
  position: relative;
}
button.bAuth[disabled] {
  pointer-events: none;
  opacity: 0.45;
}

.editable {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
  cursor: pointer;
  position: relative;
  color: #00f181;
}
.editable .betslipDropdown.odds {
  background-color: cv(dt-light-5);
  bottom: auto;
  left: auto;
  right: -50px;
  width: 300px;
  top: 20px;
  transform: none;
  border: 1px solid #14151f;
}
.editable .betslipDropdown.odds .betslipDropdown__title {
  color: cv(dt-txt-5);
}
.editable .betslipDropdown.odds .betslipDropdown__content {
  max-height: 250px;
  width: 100%;
  overflow-y: auto;
  padding: 0;
}
.editable .betslipDropdown.odds .betslipDropdown__content .eventView {
  padding: 0;
}
.editable .betslipDropdown.odds .betslipDropdown__content .eventView__market {
  padding: 0;
}
.editable .betslipDropdown.odds .betslipDropdown__content .eventView__market .marketGroup__content .market {
  padding: 0 4px;
}
.editable .betslipDropdown {
  left: auto;
  right: auto;
  transform: none;
}

.bToggle {
  width: 24px;
  height: 24px;
  background-color: var(--elementsColor1);
  position: relative;
  cursor: pointer;
}
.upper .bToggle {
  background-color: #a7bb56;
}

.betNowButton {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: var(--dt-txt-6);
}
.betNowButton[disabled], .betNowButton.disabled {
  color: var(--dt-txt-6);
  background-color: var(--elementsColor1);
  cursor: not-allowed;
  opacity: 0.6;
}
.betNowButton[disabled]:hover, .betNowButton.disabled:hover {
  background-color: var(--elementsColor1);
  cursor: not-allowed;
}
.betNowButton {
  background-color: #323548;
}
.betNowButton:hover {
  background-color: rgb(29.0983606557, 30.8442622951, 41.9016393443);
}
.betNowButton {
  border: none;
  border-radius: 2px;
  padding: 0.75rem 1rem;
  font-size: 16px;
}
.betNowButton:hover {
  text-decoration: none;
}
.betNowButton {
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, text-shadow 0.35s ease-in-out, filter 0.35s ease-in-out;
}
@media (hover: hover) {
  .betNowButton :not([disabled]):hover {
    background-color: rgb(29.0983606557, 30.8442622951, 41.9016393443);
  }
}

.file-input-wrapper {
  display: flex;
  width: 100%;
  margin-bottom: 16px;
}

.file-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.file-input-bg {
  --bgSportColor: var(--elementsColor2);
  background-color: var(--bgSportColor);
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.file-input-label {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 280px;
  border: 2px dashed var(--dt-txt-1);
  border-radius: 0.3rem;
  text-align: center;
  position: relative;
  padding: 20px;
}
.file-input-label.border-active {
  border-color: var(--elementsColor3);
}
.file-input-label .icon-container {
  margin: 0 auto 10px;
}

.file-input-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--dt-txt-2);
  font-size: 16px;
  flex-direction: column;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.file-input-placeholder.file-input-name {
  color: var(--dt-txt-2);
}
.file-input-placeholder .type-doc {
  display: block;
  margin: 40px 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--dt-txt-6);
}
.file-input-placeholder .desc-doc-drag {
  display: block;
  color: var(--dt-txt-4);
  font-size: 12px;
  font-weight: normal;
}
.file-input-placeholder .desc-doc-block {
  display: block;
  margin: 20px 0 8px 0;
  font-size: 16px;
  font-weight: 600;
}

.upload-button {
  margin: 0 20px;
}

.upload-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.upload-form-footer span {
  font-size: 12px;
  color: var(--dt-txt-4);
  font-weight: normal;
  align-items: center;
  display: flex;
}
.upload-form-footer span:last-child .icon {
  margin-right: 4px;
  font-size: 16px;
  color: var(--dt-txt-3);
}

.arrow.AIcon-angle-right,
.arrow.AIcon-angle-down {
  transform-origin: center;
  transition: all 0.2s;
  cursor: pointer;
  position: relative;
  will-change: transform;
}
.arrow.AIcon-angle-right:before,
.arrow.AIcon-angle-down:before {
  transform: rotateZ(0);
  transition: transform 0.2s;
}

.arrow.AIcon-angle-right.active:before {
  transform: rotateZ(90deg);
}

.arrow.AIcon-angle-down.active:before {
  transform: rotateZ(180deg);
}

.block .block__content__types {
  display: flex;
  align-items: center;
  height: 30px;
  font-size: 14px;
}
.block .block__content__types .element {
  cursor: pointer;
  color: var(--elementColor);
  padding: 6px 24px;
  border-radius: 8px 8px 0 0;
  margin: 0 0 -1px 0 !important;
  border: 1px solid transparent;
  text-decoration: none !important;
  border-bottom-color: var(--popupBorderColor);
  position: relative;
  z-index: 2;
  background-color: transparent;
  transition: border-color 0.2s;
}
.block .block__content__types .element.active, .block .block__content__types .element:hover {
  color: var(--elementColorHover);
}
.block .block__content__types .element.active {
  cursor: default;
  border-color: var(--popupBorderColor);
  border-bottom-color: var(--currentBackgroundColorInheritBorder);
}

label.row {
  position: relative;
  max-width: var(--labelWidth);
  display: block;
}

[class*=__dropdown] {
  position: absolute;
  top: var(--headerHeight);
  left: 0;
  border-radius: 0.25rem;
  z-index: 100;
  width: 100%;
  max-width: 320px;
  max-height: 420px;
  padding: 0;
}
[class*=__dropdown]:after {
  top: -5px;
  right: 10px;
}
@supports (min-width: max-content) {
  [class*=__dropdown] {
    min-width: max-content;
  }
}
[class*=__dropdown] a:hover {
  text-decoration: none;
}
[class*=__dropdown] div {
  position: relative;
}
[class*=__dropdown] div > a:after {
  content: "";
  position: absolute;
  inset: 0;
}
[class*=__dropdown] > * {
  padding: 0.625rem 1.25rem;
  border-radius: 0;
  font-size: 0.875rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.2s;
}
[class*=__dropdown] > *:hover {
  text-decoration: none;
}
[class*=__dropdown] > * > span {
  margin-right: 8px;
}
[class*=__dropdown] > *:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
[class*=__dropdown] > *:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
[class*=__dropdown] > svg {
  padding: 0;
}
[class*=__dropdown] > * + * {
  border-top-style: solid;
  border-top-width: 1px;
}

.emptyState {
  flex-direction: column;
  margin: auto;
}
.emptyState__logo {
  width: 167px;
  height: 124px;
  background: url(/static/assets/svg/searchEmpty.svg) no-repeat center/contain;
}
.emptyState__content {
  font-size: 12px;
  font-weight: 600;
  color: var(--dt-txt-4);
}

.input-action-button-group {
  position: absolute;
  display: flex;
  right: 0.25rem;
  top: 0.75rem;
}

.input-action-button {
  margin: 0 4px;
  cursor: pointer;
}

.streamBlock {
  width: 100%;
  background-color: var(--elementsColor1);
  margin: 10px 0;
}
.streamBlock__title {
  width: 100%;
  height: 40px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--elementsColor2);
  background-color: var(--elementsColor3);
}
.streamBlock__title .teams {
  transition: all 0.2s;
  flex: 1;
  height: 100%;
}
.streamBlock__title .icon {
  flex: none;
  width: 40px;
  height: 100%;
  cursor: pointer;
  color: var(--dt-txt-6);
}
.streamBlock__title .icon:hover {
  background-color: var(--dt-dark-1);
}
.streamBlock__title .AIcon-detach {
  font-size: 16px;
}
.streamBlock__title .icon-close {
  font-size: 24px;
}
.streamBlock__content {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}
.streamBlock__content iframe {
  border: none;
  outline: none;
  position: absolute;
  width: 100%;
  height: 100%;
}

.emptySvg > path {
  fill: var(--titleColor);
}

.betslipDropdown {
  width: 240px;
  border: solid 1px var(--grey-3);
  background-color: var(--dt-txt-6);
  bottom: 100%;
  position: absolute;
  z-index: 99999;
  border-radius: 0.3rem;
  padding: 4px;
}
.betslipDropdown__title {
  width: 100%;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #232534;
  text-align: center;
}
.betslipDropdown__content {
  width: 100%;
  padding: 4px;
  --inputColor: #a7bb56;
  --textColorCashout: var(--dt-txt-2);
}
.betslipDropdown__content + .betslipDropdown__footer {
  margin-top: 10px;
}
.betslipDropdown__content.alert {
  --inputColor: var(--alert-area);
}
.betslipDropdown__content__input.disabled {
  --textColorCashout: var(--dt-txt-2);
}
.betslipDropdown__content__input {
  width: 100%;
  display: block;
  color: var(--dt-txt-4);
}
.betslipDropdown__content__input span {
  display: block;
  text-align: center;
  color: var(--dt-txt-2);
}
.betslipDropdown__content__input input[type=text].ui__field {
  text-align: center;
  color: var(--textColorCashout);
  margin-top: 10px;
  background-color: transparent;
  border-bottom: 1px solid;
  border-color: var(--inputColor);
  font-size: 16px;
}
.betslipDropdown__content__input input[type=text].ui__field.bottom {
  margin-left: 18px;
  margin-right: auto;
}
.betslipDropdown__content__radio {
  margin-top: 12px;
}
.betslipDropdown__content__radio label + label {
  margin-top: 16px;
}
.betslipDropdown__content__radio .container {
  margin-bottom: 0;
}
.betslipDropdown__content__radio .container.disabled {
  --textColorCashout: var(--dt-txt-2);
}
.betslipDropdown__content__radio .container {
  color: var(--textColorCashout);
}
.betslipDropdown__content__radio .container .checkmark {
  background-color: var(--grey-2);
  border: 1px solid var(--dt-txt-2);
  box-sizing: border-box;
}
.betslipDropdown__content__radio .container .checkmark + span {
  margin-left: 25px;
  line-height: 20px;
  color: var(--dt-txt-1);
}
.betslipDropdown__content__error span {
  color: var(--alert-area);
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 12px;
}
.betslipDropdown__footer {
  --betslipDropdownFooterColor: #00f181;
  opacity: 0.9;
  position: relative;
  margin-top: auto;
  width: 100%;
  height: 32px;
  border-radius: 0.3rem;
  font-weight: bold;
  transition: background-color 0.2s, opacity 0.2s;
  cursor: pointer;
  background-color: var(--betslipDropdownFooterColor);
  color: var(--dt-txt-6);
  line-height: 1;
}
.betslipDropdown__footer span + span {
  padding-left: 4px;
}
.betslipDropdown__footer.disabled {
  --betslipDropdownFooterColor: #dcdcdc;
  cursor: default;
}
.betslipDropdown__footer:hover {
  opacity: 1;
}

.status-label {
  border-radius: 0.3rem;
  border: solid 1px;
  padding: 6px 8px;
}
.status-label.blue {
  border: solid 1px rgb(63, 71, 186);
  background-color: rgba(63, 71, 186, 0.3);
}
.status-label.green {
  border: solid 1px rgb(62, 179, 96);
  background-color: rgba(62, 179, 96, 0.3);
}
.status-label.yellow {
  border: solid 1px rgb(254, 156, 0);
  background-color: rgba(241, 159, 17, 0.3);
}
.status-label.red {
  border: solid 1px rgb(255, 34, 57);
  background-color: rgba(249, 65, 68, 0.3);
}

.status-button {
  cursor: pointer;
  border-radius: 0.3rem;
  border: solid 1px;
  padding: 6px 8px;
}
.status-button.red {
  border: solid 1px rgba(255, 34, 57, 0.3);
  background-color: rgba(249, 65, 68, 0.1);
}
.status-button.red:hover {
  border: solid 1px rgba(255, 34, 57, 0.5);
  background-color: rgba(249, 65, 68, 0.3);
}

.timer {
  margin-top: 6px;
}
.timer span {
  font-size: 14px;
  font-weight: bold;
  border-radius: 0.3rem;
  border: solid 1px #3f47ba;
  background-color: rgba(63, 71, 186, 0.5);
  padding: 3px 5px;
}
.timer div {
  display: inline-flex;
}
.timer div span:last-child {
  margin-left: 2px;
}

.timerText {
  font-size: 8px;
  font-weight: 500;
  margin-top: 4px;
  width: 100%;
}
.timerText > span {
  flex: 1;
  text-align: center;
}

.description-tooltip {
  position: relative;
}
.description-tooltip .tooltip-symbol {
  position: relative;
  cursor: pointer;
}
.description-tooltip .tooltip-message {
  max-width: calc(310px - 2rem);
}
.description-tooltip__dropdown {
  z-index: 5;
  left: 50%;
  top: 1.5rem;
  transform: translateX(-50%);
  max-height: initial;
}
.description-tooltip__dropdown > div:hover {
  background-color: initial;
}
.description-tooltip__dropdown:after {
  right: 0;
  left: 50%;
  transform: translateX(-50%);
}
.description-tooltip__dropdown.right {
  left: auto;
  right: 0;
  transform: none;
}
.description-tooltip__dropdown.right:after {
  right: 6px;
  left: auto;
  transform: none;
}
.description-tooltip__dropdown.top {
  bottom: 1.5rem;
  top: unset;
}

.error-message {
  width: 100%;
  min-height: 24px;
  text-align: center;
  color: var(--alert-area);
  padding: var(--horizontalPadding);
}

[class*=svg-] {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  transition: opacity 0.2s;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.svg-search {
  mask-image: url(/static/assets/svg/icon-search.svg);
  -webkit-mask-image: url(/static/assets/svg/icon-search.svg);
  -webkit-mask-size: 20px;
  mask-size: 20px;
  background-color: var(--dt-txt-6);
  transition: transform 0.2s;
  transform: scale(1);
}
.svg-search:hover {
  transform: scale(1.2);
}

.icon-bg:hover .svg-play {
  transform: scale(1.2);
}

.svg-play {
  mask-image: url(/static/assets/svg/icon-play-button.svg);
  -webkit-mask-image: url(/static/assets/svg/icon-play-button.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 100%;
  height: 100%;
  background-color: var(--dt-txt-6);
  transition: transform 0.2s;
  transform: scale(1);
}

.svg-fullscreen {
  mask-image: url(/static/assets/svg/icon-fullscreen.svg);
  -webkit-mask-image: url(/static/assets/svg/icon-fullscreen.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 16px;
  height: 16px;
  background-color: var(--dt-txt-6);
  transition: transform 0.2s;
  transform: scale(1);
}
.svg-fullscreen:hover {
  transform: scale(1.2);
}

.svg-close-remove {
  mask-image: url(/static/assets/svg/icon-close-remove.svg);
  -webkit-mask-image: url(/static/assets/svg/icon-close-remove.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 14px;
  height: 14px;
  background-color: var(--dt-txt-6);
  transition: transform 0.2s;
  transform: scale(1);
}
.svg-close-remove:hover {
  transform: scale(1.2);
}

.svg-user {
  mask-image: url(/static/assets/svg/icon-user.svg);
  -webkit-mask-image: url(/static/assets/svg/icon-user.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px;
  height: 20px;
  background-color: var(--dt-txt-6);
}

.svg-plus {
  background-image: url(/static/assets/svg/icon-plus.svg);
  /*  mask-image: url('~static/assets/svg/icon-plus.svg');
  -webkit-mask-image: url('~static/assets/svg/icon-plus.svg');
  -webkit-mask-size: contain;
  mask-size: contain;*/
  width: 20px;
  height: 20px;
}

.svg-copy {
  /*mask-image: url('~static/assets/svg/icon-copy.svg');
  -webkit-mask-image: url('~static/assets/svg/icon-copy.svg');
  -webkit-mask-size: contain;
  mask-size: contain;*/
  background-image: url(/static/assets/svg/icon-copy.svg);
  width: 20px;
  height: 20px;
}

.svg-star {
  mask-image: url(/static/assets/svg/icon-star.svg);
  -webkit-mask-image: url(/static/assets/svg/icon-star.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px;
  height: 20px;
  background-color: var(--dt-txt-6);
}

.svg-star-filled {
  mask-image: url(/static/assets/svg/icon-star-filled.svg);
  -webkit-mask-image: url(/static/assets/svg/icon-star-filled.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px;
  height: 20px;
  background-color: var(--dt-txt-6);
}

.svg-save {
  mask-image: url(/static/assets/svg/icon-save.svg);
  -webkit-mask-image: url(/static/assets/svg/icon-save.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px;
  height: 20px;
  background-color: var(--txt-pale-3);
}

.svg-edit-pen {
  mask-image: url(/static/assets/svg/icon-edit-pen.svg);
  -webkit-mask-image: url(/static/assets/svg/icon-edit-pen.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px;
  height: 20px;
  background-color: var(--txt-pale-3);
}

.svg-delete-left {
  background-image: url(/static/assets/svg/icon-delete-left.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem;
  height: 1rem;
}

.svg-save,
.svg-edit-pen,
.svg-copy {
  opacity: 0.8;
}
.svg-save:hover, .svg-save.active,
.svg-edit-pen:hover,
.svg-edit-pen.active,
.svg-copy:hover,
.svg-copy.active {
  opacity: 1;
}

.svg-file {
  /*mask-image: url('~static/assets/svg/svg-id-upload-icon.svg');
  -webkit-mask-image: url('~static/assets/svg/svg-id-upload-icon.svg');

  -webkit-mask-size: contain;
  mask-size: contain;*/
  width: 99px;
  height: 116px;
  background-image: url(/static/assets/svg/svg-id-upload-icon.svg);
}

.loading-spinner {
  position: relative;
  padding-top: 0;
  height: 100%;
}
.loading-spinner:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 78px;
  border: solid 2px var(--dt-txt-1);
  border-left-color: var(--dt-txt-2);
  border-bottom-color: var(--dt-txt-2);
  transform: rotateZ(45deg);
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

.scroll__container > div:first-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: -8px;
  margin-bottom: -8px;
}
.scroll__container > div:nth-child(2), .scroll__container > div:nth-child(3) {
  height: 0 !important;
  width: 0 !important;
}
.scroll__container--dragging a {
  pointer-events: none;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-column {
  flex-direction: column;
}

.SingleDatePicker_picker {
  z-index: 9 !important;
  left: 0;
}
.SingleDatePicker_picker .CalendarMonth_caption {
  padding-top: 18px;
  padding-bottom: 48px;
}
.SingleDatePicker_picker .DayPickerNavigation_button__default {
  border: none;
}
.SingleDatePicker_picker .DayPickerNavigation_button__default:hover, .SingleDatePicker_picker .DayPickerNavigation_button__default:active {
  border: none;
}
.SingleDatePicker_picker .CalendarDay__default {
  border: none;
}

.sport-1 {
  --sportBgGradient: linear-gradient(45deg, #659e57 0%, rgb(35.1406151193, 63.9306122449, 28.0693877551) 100%);
}

.sport-18 {
  --sportBgGradient: linear-gradient(45deg, #999999 0%, rgb(84.15, 68.85, 68.85) 100%);
}

.sport-3 {
  --sportBgGradient: linear-gradient(45deg, #c0392b 0%, rgb(71.0957446809, 16.5598315008, 10.9042553191) 100%);
}

.sport-17 {
  --sportBgGradient: linear-gradient(45deg, #786b45 0%, rgb(24.6571428571, 21.2633053221, 11.3428571429) 100%);
}

.sport-2 {
  --sportBgGradient: linear-gradient(45deg, #d35626 0%, rgb(86.1493975904, 31.0202103211, 9.8506024096) 100%);
}

.sport-11 {
  --sportBgGradient: linear-gradient(45deg, #72487d 0%, rgb(26.7487213868, 13.8812182741, 30.1187817259) 100%);
}

.sport-7 {
  --sportBgGradient: linear-gradient(45deg, #2980b9 0%, rgb(9.5933628319, 42.10554941, 63.4066371681) 100%);
}

.flag--131,
.Belarus {
  background-position-x: calc(var(--flagSize) * -1.5 * (1 - 1));
}

.flag--164,
.International {
  background-position-x: calc(var(--flagSize) * -1.5 * (2 - 1));
}

.flag--150, .flag--ru, .flag--Ru, .flag--rus, .flag--RUS,
.Russia {
  background-position-x: calc(var(--flagSize) * -1.5 * (3 - 1));
}

.flag--41,
.Turkey {
  background-position-x: calc(var(--flagSize) * -1.5 * (4 - 1));
}

.flag--74, .flag--Pl, .flag--pl,
.Poland {
  background-position-x: calc(var(--flagSize) * -1.5 * (5 - 1));
}

.flag--119,
.Brazil {
  background-position-x: calc(var(--flagSize) * -1.5 * (6 - 1));
}

.flag--178,
.Norway {
  background-position-x: calc(var(--flagSize) * -1.5 * (7 - 1));
}

.flag--57,
.Puerto_Rico {
  background-position-x: calc(var(--flagSize) * -1.5 * (8 - 1));
}

.flag--6,
.England {
  background-position-x: calc(var(--flagSize) * -1.5 * (9 - 1));
}

.flag--42,
.Belgium {
  background-position-x: calc(var(--flagSize) * -1.5 * (10 - 1));
}

.flag--55, .flag--De, .flag--de, .flag--deu, .flag--DEU,
.Germany {
  background-position-x: calc(var(--flagSize) * -1.5 * (11 - 1));
}

.flag--99, .flag--AUS,
.Australia {
  background-position-x: calc(var(--flagSize) * -1.5 * (12 - 1));
}

.flag--122,
.Slovenia {
  background-position-x: calc(var(--flagSize) * -1.5 * (13 - 1));
}

.flag--80, .flag--Hr, .flag--hr,
.Croatia {
  background-position-x: calc(var(--flagSize) * -1.5 * (14 - 1));
}

.flag--114,
.South_Korea {
  background-position-x: calc(var(--flagSize) * -1.5 * (15 - 1));
}

.flag--181,
.Denmark {
  background-position-x: calc(var(--flagSize) * -1.5 * (16 - 1));
}

.flag--25,
.Chile {
  background-position-x: calc(var(--flagSize) * -1.5 * (17 - 1));
}

.flag--35,
.Northern Ireland {
  background-position-x: calc(var(--flagSize) * -1.5 * (18 - 1));
}

.flag--30, .flag--Uk, .flag--uk, .flag--ukr, .flag--UKR,
.Ukraine {
  background-position-x: calc(var(--flagSize) * -1.5 * (19 - 1));
}

.flag--128,
.Hungary {
  background-position-x: calc(var(--flagSize) * -1.5 * (20 - 1));
}

.flag--129, .flag--JPN,
.Japan {
  background-position-x: calc(var(--flagSize) * -1.5 * (21 - 1));
}

.flag--28,
.Argentina {
  background-position-x: calc(var(--flagSize) * -1.5 * (22 - 1));
}

.flag--113,
.Austria {
  background-position-x: calc(var(--flagSize) * -1.5 * (23 - 1));
}

.flag--85,
.Switzerland {
  background-position-x: calc(var(--flagSize) * -1.5 * (24 - 1));
}

.flag--153,
.Netherlands {
  background-position-x: calc(var(--flagSize) * -1.5 * (25 - 1));
}

.flag--157, .flag--IRL,
.Ireland {
  background-position-x: calc(var(--flagSize) * -1.5 * (26 - 1));
}

.flag--90,
.Venezuela {
  background-position-x: calc(var(--flagSize) * -1.5 * (27 - 1));
}

.flag--23,
.Guatemala {
  background-position-x: calc(var(--flagSize) * -1.5 * (28 - 1));
}

.flag--19,
.Morocco {
  background-position-x: calc(var(--flagSize) * -1.5 * (29 - 1));
}

.flag--15,
.Greece {
  background-position-x: calc(var(--flagSize) * -1.5 * (30 - 1));
}

.flag--10, .flag--Pt, .flag--pt,
.Portugal {
  background-position-x: calc(var(--flagSize) * -1.5 * (31 - 1));
}

.flag--63,
.Aruba {
  background-position-x: calc(var(--flagSize) * -1.5 * (32 - 1));
}

.flag--143,
.Burundi {
  background-position-x: calc(var(--flagSize) * -1.5 * (33 - 1));
}

.flag--2,
.Angola {
  background-position-x: calc(var(--flagSize) * -1.5 * (34 - 1));
}

.flag--96,
.Mauritania {
  background-position-x: calc(var(--flagSize) * -1.5 * (35 - 1));
}

.flag--95,
.Burkina_Faso {
  background-position-x: calc(var(--flagSize) * -1.5 * (36 - 1));
}

.flag--69, .flag--SWE,
.Sweden {
  background-position-x: calc(var(--flagSize) * -1.5 * (37 - 1));
}

.flag--79,
.Tunisia {
  background-position-x: calc(var(--flagSize) * -1.5 * (38 - 1));
}

.flag--47,
.UAE {
  background-position-x: calc(var(--flagSize) * -1.5 * (39 - 1));
}

.flag--81,
.Uruguay {
  background-position-x: calc(var(--flagSize) * -1.5 * (40 - 1));
}

.flag--160,
.Slovakia {
  background-position-x: calc(var(--flagSize) * -1.5 * (41 - 1));
}

.flag--184,
.Mexico {
  background-position-x: calc(var(--flagSize) * -1.5 * (42 - 1));
}

.flag--49, .flag--ZAF,
.South Africa {
  background-position-x: calc(var(--flagSize) * -1.5 * (43 - 1));
}

.flag--33,
.Ghana {
  background-position-x: calc(var(--flagSize) * -1.5 * (44 - 1));
}

.flag--137,
.Honduras {
  background-position-x: calc(var(--flagSize) * -1.5 * (45 - 1));
}

.flag--52,
.Jamaica {
  background-position-x: calc(var(--flagSize) * -1.5 * (46 - 1));
}

.flag--31,
.Curaçao {
  background-position-x: calc(var(--flagSize) * -1.5 * (47 - 1));
}

.flag--84,
.Kenya {
  background-position-x: calc(var(--flagSize) * -1.5 * (48 - 1));
}

.flag--91,
.Liberia {
  background-position-x: calc(var(--flagSize) * -1.5 * (49 - 1));
}

.flag--76,
.Nigeria {
  background-position-x: calc(var(--flagSize) * -1.5 * (50 - 1));
}

.flag--166, .flag--Ro, .flag--ro,
.Romania {
  background-position-x: calc(var(--flagSize) * -1.5 * (51 - 1));
}

.flag--86,
.Palestine {
  background-position-x: calc(var(--flagSize) * -1.5 * (52 - 1));
}

.flag--36,
.Bahrain {
  background-position-x: calc(var(--flagSize) * -1.5 * (53 - 1));
}

.flag--70,
.Malawi {
  background-position-x: calc(var(--flagSize) * -1.5 * (54 - 1));
}

.flag--87, .flag--Es, .flag--es, .flag--esp, .flag--ESP,
.Spain {
  background-position-x: calc(var(--flagSize) * -1.5 * (55 - 1));
}

.flag--59,
.Hong_Kong {
  background-position-x: calc(var(--flagSize) * -1.5 * (56 - 1));
}

.flag--61, .flag--USA,
.United_States {
  background-position-x: calc(var(--flagSize) * -1.5 * (57 - 1));
}

.flag--177,
.Nicaragua {
  background-position-x: calc(var(--flagSize) * -1.5 * (58 - 1));
}

.flag--132,
.Mauritius {
  background-position-x: calc(var(--flagSize) * -1.5 * (59 - 1));
}

.flag--127,
.Colombia {
  background-position-x: calc(var(--flagSize) * -1.5 * (60 - 1));
}

.flag--68,
.Vietnam {
  background-position-x: calc(var(--flagSize) * -1.5 * (61 - 1));
}

.flag--183,
.Uganda {
  background-position-x: calc(var(--flagSize) * -1.5 * (62 - 1));
}

.flag--102,
.Myanmar {
  background-position-x: calc(var(--flagSize) * -1.5 * (63 - 1));
}

.flag--135, .flag--NZL,
.New_Zealand {
  background-position-x: calc(var(--flagSize) * -1.5 * (64 - 1));
}

.flag--32,
.Zambia {
  background-position-x: calc(var(--flagSize) * -1.5 * (66 - 1));
}

.flag--39, .flag--CAN,
.Canada {
  background-position-x: calc(var(--flagSize) * -1.5 * (67 - 1));
}

.flag--149,
.Malta {
  background-position-x: calc(var(--flagSize) * -1.5 * (68 - 1));
}

.flag--139,
.Macedonia {
  background-position-x: calc(var(--flagSize) * -1.5 * (69 - 1));
}

.flag--46,
.Finland {
  background-position-x: calc(var(--flagSize) * -1.5 * (70 - 1));
}

.flag--51,
.Georgia {
  background-position-x: calc(var(--flagSize) * -1.5 * (71 - 1));
}

.flag--78,
.Bulgaria {
  background-position-x: calc(var(--flagSize) * -1.5 * (72 - 1));
}

.flag--163, .flag--Fr, .flag--fr, .flag--FRA,
.France {
  background-position-x: calc(var(--flagSize) * -1.5 * (73 - 1));
}

.flag--101,
.Estonia {
  background-position-x: calc(var(--flagSize) * -1.5 * (74 - 1));
}

.flag--98,
.Israel {
  background-position-x: calc(var(--flagSize) * -1.5 * (75 - 1));
}

.flag--108,
.Iceland {
  background-position-x: calc(var(--flagSize) * -1.5 * (76 - 1));
}

.flag--121,
.Algeria {
  background-position-x: calc(var(--flagSize) * -1.5 * (77 - 1));
}

.flag--24,
.Iraq {
  background-position-x: calc(var(--flagSize) * -1.5 * (78 - 1));
}

.flag--162,
.Serbia {
  background-position-x: calc(var(--flagSize) * -1.5 * (79 - 1));
}

.flag--130,
.Moldova {
  background-position-x: calc(var(--flagSize) * -1.5 * (80 - 1));
}

.flag--142,
.Haiti {
  background-position-x: calc(var(--flagSize) * -1.5 * (81 - 1));
}

.flag--159, .flag--CHI,
.China {
  background-position-x: calc(var(--flagSize) * -1.5 * (82 - 1));
}

.flag--171,
.Uzbekistan {
  background-position-x: calc(var(--flagSize) * -1.5 * (83 - 1));
}

.flag--105,
.Cyprus {
  background-position-x: calc(var(--flagSize) * -1.5 * (84 - 1));
}

.flag--110,
.Armenia {
  background-position-x: calc(var(--flagSize) * -1.5 * (85 - 1));
}

.flag--94,
.Czech_Republic {
  background-position-x: calc(var(--flagSize) * -1.5 * (86 - 1));
}

.flag--138, .flag--It, .flag--it,
.Italy {
  background-position-x: calc(var(--flagSize) * -1.5 * (87 - 1));
}

.flag--18,
.Iran {
  background-position-x: calc(var(--flagSize) * -1.5 * (88 - 1));
}

.flag--148,
.Bolivia {
  background-position-x: calc(var(--flagSize) * -1.5 * (89 - 1));
}

.flag--58,
.Fiji {
  background-position-x: calc(var(--flagSize) * -1.5 * (90 - 1));
}

.flag--133,
.French_Guyana {
  background-position-x: calc(var(--flagSize) * -1.5 * (91 - 1));
}

.flag--38, .flag--HIN,
.India {
  background-position-x: calc(var(--flagSize) * -1.5 * (92 - 1));
}

.flag--27,
.Nepal {
  background-position-x: calc(var(--flagSize) * -1.5 * (93 - 1));
}

.flag--156,
.Gambia {
  background-position-x: calc(var(--flagSize) * -1.5 * (94 - 1));
}

.flag--140,
.Saint_Kitts_Nevis_Anguilla {
  background-position-x: calc(var(--flagSize) * -1.5 * (95 - 1));
}

.flag--144,
.Singapore {
  background-position-x: calc(var(--flagSize) * -1.5 * (96 - 1));
}

.flag--17,
.Latvia {
  background-position-x: calc(var(--flagSize) * -1.5 * (97 - 1));
}

.flag--158,
.Qatar {
  background-position-x: calc(var(--flagSize) * -1.5 * (98 - 1));
}

.flag--126,
.Ecuador {
  background-position-x: calc(var(--flagSize) * -1.5 * (99 - 1));
}

.flag--151,
.Saudi_Arabia {
  background-position-x: calc(var(--flagSize) * -1.5 * (100 - 1));
}

.flag--67,
.Costa_Rica {
  background-position-x: calc(var(--flagSize) * -1.5 * (101 - 1));
}

.flag--106,
.Malaysia {
  background-position-x: calc(var(--flagSize) * -1.5 * (102 - 1));
}

.flag--165,
.Bhutan {
  background-position-x: calc(var(--flagSize) * -1.5 * (103 - 1));
}

.flag--45,
.Taiwan {
  background-position-x: calc(var(--flagSize) * -1.5 * (104 - 1));
}

.flag--134,
.Albania {
  background-position-x: calc(var(--flagSize) * -1.5 * (105 - 1));
}

.flag--118,
.Luxembourg {
  background-position-x: calc(var(--flagSize) * -1.5 * (106 - 1));
}

.flag--5,
.Sudan {
  background-position-x: calc(var(--flagSize) * -1.5 * (107 - 1));
}

.flag--12,
.Syria {
  background-position-x: calc(var(--flagSize) * -1.5 * (108 - 1));
}

.flag--29,
.Tanzania {
  background-position-x: calc(var(--flagSize) * -1.5 * (109 - 1));
}

.flag--11,
.New_Caledonia {
  background-position-x: calc(var(--flagSize) * -1.5 * (110 - 1));
}

.flag--21,
.Panama {
  background-position-x: calc(var(--flagSize) * -1.5 * (111 - 1));
}

.flag--72,
.Chinese_Taipei {
  background-position-x: calc(var(--flagSize) * -1.5 * (112 - 1));
}

.flag--155,
.Kosovo {
  background-position-x: calc(var(--flagSize) * -1.5 * (113 - 1));
}

.flag--53,
.Turkmenistan {
  background-position-x: calc(var(--flagSize) * -1.5 * (114 - 1));
}

.flag--71,
.Andorra {
  background-position-x: calc(var(--flagSize) * -1.5 * (115 - 1));
}

.flag--145,
.Egypt {
  background-position-x: calc(var(--flagSize) * -1.5 * (116 - 1));
}

.flag--100,
.Tajikistan {
  background-position-x: calc(var(--flagSize) * -1.5 * (122 - 1));
}

.flag--en, .flag--En, .flag--eng, .flag--ENG, .flag--GBR,
.United_Kingdom {
  background-position-x: calc(var(--flagSize) * -1.5 * (123 - 1));
}

@media only screen and (max-width: 1280px) {
  :root .eventView {
    flex-basis: 100%;
  }
}
.mr-1 {
  margin-right: 0.5rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.text-nowrap {
  white-space: nowrap;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.d-none,
.hide {
  display: none;
}

@media (max-width: 991.98px) {
  .d-md-none {
    display: none !important;
  }
}

.d-flex {
  display: flex;
}

.d-block {
  display: block;
}

.nothing-found, .nothing-found--details, .nothing-found--bespoke_markets {
  text-align: center;
}
.nothing-found--details, .nothing-found--bespoke_markets {
  padding: 1rem;
}
.nothing-found--bespoke_markets {
  margin-top: 0.5rem;
}
.nothing-found-label {
  opacity: 0.8;
}

.text-danger {
  color: rgb(220, 50, 70) !important;
}

.text-success {
  color: rgb(30, 230, 75) !important;
}

.text-warning {
  color: rgb(255, 150, 10) !important;
}

.text-info {
  color: rgb(0, 130, 213) !important;
}

.text-muted {
  color: #4b526a !important;
}

.bold {
  font-weight: 700;
}

.betslip-animation-wrapper {
  position: absolute;
}
.betslip-animation-wrapper > div {
  background: #ffc502;
  border-radius: 4px;
  transform-origin: right bottom;
  transform: rotate(5turn);
  animation: rotateZ 1s 10 ease-in-out;
}

.odds--blur {
  filter: blur(0.13em);
  opacity: 0.75;
}

.particles-wrapper,
.text-animation-wrapper,
.jumping-coin-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.particles-wrapper {
  z-index: 999;
}

/* Text Animation */
.text-animation-wrapper {
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Jumping Coin Animation */
.jumping-coin-wrapper {
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.25);
}
.jumping-coin-wrapper .jump {
  animation: jump 1.5s infinite ease;
}
@keyframes jump {
  0% {
    top: 0;
  }
  50% {
    top: -40px;
  }
  100% {
    top: 0;
  }
}
.jumping-coin-wrapper .icons {
  width: 100%;
  height: 100%;
  position: absolute;
  animation: jump-bonus 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite;
}
.jumping-coin-wrapper .icons.bonus-icon {
  background-image: url(/static/assets/images/icons/ico-bonus-all.png);
}
.jumping-coin-wrapper .label {
  position: absolute;
  z-index: 9;
  bottom: -100px;
  left: 50%;
  width: 200px;
  transform: translateX(-50%);
  text-align: center;
  color: #ffffff;
  text-shadow: 3px 3px 6px #000000;
  font-size: 2rem;
  font-weight: 700;
}
.jumping-coin-wrapper .coin {
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 150px;
  width: 150px;
}
.jumping-coin-wrapper .coin .front,
.jumping-coin-wrapper .coin .back {
  position: absolute;
  height: 150px;
  width: 150px;
  background: #ffbd0b;
  border-radius: 50%;
  border-top: 7px solid #ffd84c;
  border-left: 7px solid #ffd84c;
  border-right: 7px solid #d57e08;
  border-bottom: 7px solid #d57e08;
  transform: rotate(44deg);
  font-weight: bold;
}
.jumping-coin-wrapper .coin .front:before,
.jumping-coin-wrapper .coin .back:before {
  content: "";
  margin: 35.5px 35.5px;
  position: absolute;
  width: 70px;
  height: 70px;
  background: #f0a608;
  border-radius: 50%;
  border-bottom: 5px solid #ffd84c;
  border-right: 5px solid #ffd84c;
  border-left: 5px solid #d57e08;
  border-top: 5px solid #d57e08;
  z-index: 2;
}
.jumping-coin-wrapper .coin .front .currency,
.jumping-coin-wrapper .coin .back .currency {
  overflow: hidden;
  position: absolute;
  color: #ffbd0b;
  font-size: 40px;
  transform: rotate(-44deg);
  line-height: 3.7;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 0 3px 0 #cb7407;
  z-index: 3;
  border-radius: 50%;
}
.jumping-coin-wrapper .coin .front .currency:after,
.jumping-coin-wrapper .coin .back .currency:after {
  content: "";
  position: absolute;
  height: 200px;
  width: 40px;
  margin: 20px -65px;
  box-shadow: 50px -23px 0 -10px rgba(255, 255, 255, 0.22), 85px -10px 0 -16px rgba(255, 255, 255, 0.19);
  transform: rotate(-50deg);
  animation: shine 1.5s infinite ease;
}
@keyframes shine {
  0% {
    margin: 20px -65px;
  }
  50% {
    margin: 70px -85px;
  }
  100% {
    margin: 20px -65px;
  }
}
.jumping-coin-wrapper .coin .front .shapes,
.jumping-coin-wrapper .coin .back .shapes {
  transform: rotate(-44deg);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jumping-coin-wrapper .coin .front .shapes div,
.jumping-coin-wrapper .coin .back .shapes div {
  width: 20px;
  height: 4px;
  background: #d57e08;
  border-top: 2px solid #c47207;
  margin: 75px 7px;
}
.jumping-coin-wrapper .coin .front .shapes div:before,
.jumping-coin-wrapper .coin .back .shapes div:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 4px;
  background: #d57e08;
  border-top: 2px solid #c47207;
  margin: -10px 0;
}
.jumping-coin-wrapper .coin .front .shapes div:after,
.jumping-coin-wrapper .coin .back .shapes div:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 4px;
  background: #d57e08;
  border-top: 2px solid #c47207;
  margin: 8px 0;
}
.jumping-coin-wrapper .coin .front .shape_l,
.jumping-coin-wrapper .coin .back .shape_l {
  float: left;
}
.jumping-coin-wrapper .coin .front .shape_r,
.jumping-coin-wrapper .coin .back .shape_r {
  float: right;
}
.jumping-coin-wrapper .coin .front .top,
.jumping-coin-wrapper .coin .back .top {
  font-size: 24px;
  color: #d67f08;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 8px;
  left: 0;
}
.jumping-coin-wrapper .coin .front .bottom,
.jumping-coin-wrapper .coin .back .bottom {
  font-size: 24px;
  color: #d67f08;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 8px;
}
.jumping-coin-wrapper .coin .shadow {
  width: 100%;
  height: 20px;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  bottom: -50px;
  border-radius: 50%;
  z-index: -1;
  margin: 185px 7px 0 7px;
  animation: swift 1.5s infinite ease;
}
@keyframes swift {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
    transform: scale(0.8);
  }
  100% {
    opacity: 0.8;
  }
}

:root[theme=dark] {
  --accountBlocksBg: #121212;
  --accountTableBgOdd: #242424;
  --accountTableBgEven: #242424;
  --betsBetslipItemListItemOddColor: #000000;
  --betsBetslipItemListItemEventNameColor: #3b3b3b;
  --betsMyBetsBlockContentResultBlockOrderColor: black;
  --oddsBlockColorSelected: #008d35;
}
:root[theme=dark] .sport-filter--provider.sFilter .item .sgm-provider:before, :root[theme=dark] .eventView .marketGroup .icon--sgm-green, :root[theme=dark] .event-group .icon--sgm-color, :root[theme=dark] .home-tab .sport-events__list-item .icon--sgm {
  background-color: #121212;
  border: 2px solid transparent;
  border-radius: 4px;
}
:root[theme=dark] .eventView .MarketTypeDefaultView .market.selected .odd-wrapper__content .odd:not(.selected), :root[theme=dark] .main__body--race-page .racelist .event__market-row-market .selected.event__outcome, :root[theme=dark] .eventView .MarketTypeDefaultView .odd-wrapper__content .selected.odd, :root[theme=dark] .selected.event__outcome {
  color: #ffffff;
  background-color: #008d35;
}
:root[theme=dark] .eventView .MarketTypeDefaultView .market.selected .odd-wrapper__content .odd:not(.selected) .odds__promo-odds_old, :root[theme=dark] .main__body--race-page .racelist .event__market-row-market .selected.event__outcome .odds__promo-odds_old, :root[theme=dark] .eventView .MarketTypeDefaultView .odd-wrapper__content .selected.odd .odds__promo-odds_old, :root[theme=dark] .selected.event__outcome .odds__promo-odds_old,
:root[theme=dark] .eventView .MarketTypeDefaultView .market.selected .odd-wrapper__content .odd:not(.selected) .specifiers,
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .selected.event__outcome .specifiers,
:root[theme=dark] .eventView .MarketTypeDefaultView .odd-wrapper__content .selected.odd .specifiers,
:root[theme=dark] .selected.event__outcome .specifiers {
  color: rgba(255, 255, 255, 0.75);
}
@media (hover: hover) {
  :root[theme=dark] .eventView .MarketTypeDefaultView .market.selected .odd-wrapper__content .odd:hover:not(.selected), :root[theme=dark] .main__body--race-page .racelist .event__market-row-market .selected.event__outcome:hover, :root[theme=dark] .eventView .MarketTypeDefaultView .odd-wrapper__content .selected.odd:hover, :root[theme=dark] .selected.event__outcome:hover {
    background-color: rgb(0, 166.5, 62.585106383);
    color: #ffffff;
  }
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome, :root[theme=dark] .eventView .MarketTypeDefaultView .odd-wrapper__content .odd, :root[theme=dark] .event__outcome {
  /*&:not(.selected):hover {
    @media (hover: hover) {
      &:hover {
        background-color: $dark-outcome-bg-hover;
        color: $dark-outcome-color-hover;
      }
    }
  }*/
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome .event-participants__participant-logo--empty, :root[theme=dark] .eventView .MarketTypeDefaultView .odd-wrapper__content .odd .event-participants__participant-logo--empty, :root[theme=dark] .event__outcome .event-participants__participant-logo--empty {
  filter: invert(0);
}
:root[theme=dark] .main__page__account__block__title .navigation.navigation--secondary .link-list, :root[theme=dark] .main__page__account__block__title .navigation.bonus-navigation .bonus-tabs-container a.bet-bonus--link {
  flex-shrink: 0;
  min-width: 9.5rem;
  justify-content: center;
  padding: 0.5rem;
  margin-right: 0;
  border-width: 0 0 2px 0;
  border-radius: 0;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  border-color: transparent;
  color: #ffffff;
  transition: color 0.2s, background-color 0.2s;
}
@media (hover: hover) {
  :root[theme=dark] .main__page__account__block__title .navigation.navigation--secondary .link-list:hover, :root[theme=dark] .main__page__account__block__title .navigation.bonus-navigation .bonus-tabs-container a.bet-bonus--link:hover {
    background-color: transparent;
    color: #00f181;
  }
}
:root[theme=dark] .main__page__account__block__title .navigation.navigation--secondary .active.link-list, :root[theme=dark] .main__page__account__block__title .navigation.bonus-navigation .bonus-tabs-container a.active.bet-bonus--link {
  border-color: #00f181;
  background-color: transparent;
  color: #00f181;
}
:root[theme=dark] .main__page__account__block__title .navigation.navigation--secondary .link-list .icons, :root[theme=dark] .main__page__account__block__title .navigation.bonus-navigation .bonus-tabs-container a.bet-bonus--link .icons {
  margin-right: 0.25rem;
}
:root[theme=dark] .cms-widget--sport-featured-event, :root[theme=dark] .cms-widget--racing-featured-event {
  flex-direction: column;
  border-radius: 0.5rem;
  background-color: transparent;
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__col:nth-child(1), :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__col:nth-child(1) {
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
  border: 1px solid;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__col:nth-child(2), :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__col:nth-child(2) {
  background-color: #ffffff;
  padding: 0.5rem 0.5rem 0.75rem;
  border-radius: 0 0 0.5rem 0.5rem;
  border-width: 0 1px 1px;
  border-style: solid;
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__title, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__title {
  color: #00f181;
  margin-top: 0.375rem;
}
@media (max-width: 767.98px) {
  :root[theme=dark] .cms-widget--sport-featured-event .cms-widget__title, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__title-link:hover, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__title-link:hover {
  color: #ffffff;
  text-decoration: none;
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__subtitle, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__subtitle {
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 2px 2rem 4px;
  font-weight: 500;
  background-image: linear-gradient(90deg, rgba(0, 241, 129, 0) 0%, rgba(0, 241, 129, 0.2) 15%, rgba(0, 241, 129, 0.2) 85%, rgba(0, 241, 129, 0) 100%);
}
@media (max-width: 767.98px) {
  :root[theme=dark] .cms-widget--sport-featured-event .cms-widget__subtitle, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__subtitle-icon, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__subtitle-icon {
  display: inline-block;
  margin-right: 0.375rem;
  font-size: 1rem;
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__subtitle-icon.icon-racing, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__subtitle-icon.icon-racing {
  filter: invert(0);
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__subtitle-icon:before, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__subtitle-icon:before {
  font-size: 0.875rem;
  line-height: unset;
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__date-start, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__date-start {
  display: block;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.25rem;
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__date-start .time, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__date-start .time {
  margin-left: 0.25rem;
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__link-all, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__link-all {
  font-weight: 700;
  color: #008d35;
}
@media (hover: hover) {
  :root[theme=dark] .cms-widget--sport-featured-event .cms-widget__link-all:hover, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__link-all:hover {
    color: rgb(0, 90, 33.829787234);
  }
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__link-all:active, :root[theme=dark] .cms-widget--racing-featured-event .cms-widget__link-all:active {
  color: rgb(0, 64.5, 24.2446808511);
}
:root[theme=dark] .bBasePrimary {
  border-color: transparent;
  transition: none;
}
@media (min-width: 768px) {
  :root[theme=dark] .bBasePrimary:hover:not(.disabled) {
    border-color: #212529;
    background-color: rgb(38.25, 38.25, 38.25);
  }
}
:root[theme=dark] .bBasePrimary_outline {
  background-color: transparent;
  color: #000000;
  border-color: #000000;
}
@media (min-width: 768px) {
  :root[theme=dark] .bBasePrimary_outline:hover:not(.disabled) {
    background-color: #e9ecef;
  }
}
:root[theme=dark] body {
  background-color: #191c21;
}
:root[theme=dark] .header {
  border: 0;
}
@media (min-width: 768px) {
  :root[theme=dark] .header .header__menu__item:hover {
    color: #00f181;
  }
  :root[theme=dark] .header .header__menu__item:nth-of-type(1):before {
    background-image: url(/static/assets/images/icons/racing-horses.png);
  }
  :root[theme=dark] .header .header__menu__item:nth-of-type(2):before {
    background-image: url(/static/assets/images/icons/bp-sports.png);
  }
}
:root[theme=dark] .header .navbar-toggler, :root[theme=dark] .header .navbar-toggler:hover {
  background-color: #00f181;
}
:root[theme=dark] .footer-block {
  border: none;
}
:root[theme=dark] .footer-mobile-nav .nav_item--promotions {
  display: flex;
}
:root[theme=dark] .footer-mobile-nav .nav_item .icons {
  transform: scale(1.33);
}
:root[theme=dark] .footer-mobile-nav .nav_item .active:before {
  background-color: #00f181;
}
:root[theme=dark] .btn-betslip-show {
  color: #000000;
  border-color: #00f181;
  background-color: #00f181;
}
:root[theme=dark] .btn-betslip-show:hover {
  color: #ffffff;
  border-color: #00f181;
  background-color: #00f181;
}
:root[theme=dark] {
  /*.main--mobile-device {
    width: 100%;
  }*/
  /* @include media-breakpoint-down(sm) {
    .main:has(.bonus-banners) {
      background-color: $profile-pages-bg-color;
    }
  }*/
}
:root[theme=dark] .sidebar-tree__section-item:hover, :root[theme=dark] .sidebar-tree__section-item.active {
  background-color: initial;
  color: #00f181;
}
:root[theme=dark] .sidebar-tree__section-item.link-list--has-bonus.active {
  color: #008d35;
}
:root[theme=dark] .home-tabs {
  background-color: #3b3b3b;
}
:root[theme=dark] .home-tabs .home-tabs__tab-btn .btn {
  background-color: #3b3b3b;
}
:root[theme=dark] .home-tabs .home-tabs__tab-btn .btn .icon-racing {
  filter: invert(0);
  transition: 0.35s filter ease-out, 0.35s -webkit-filter ease-out;
}
@media (min-width: 768px) {
  :root[theme=dark] .home-tabs .home-tabs__tab-btn .btn:hover {
    background-color: #3b3b3b;
    color: #00f181;
  }
}
:root[theme=dark] .home-tabs .home-tabs__tab-btn--active .btn {
  color: #242424;
  background-color: #00f181;
}
:root[theme=dark] .home-tabs .home-tabs__tab-btn--active .btn .icon-racing {
  filter: invert(1);
}
@media (min-width: 768px) {
  :root[theme=dark] .home-tabs .home-tabs__tab-btn--active .btn:hover {
    background-color: #00f181;
    color: inherit;
  }
  :root[theme=dark] .home-tabs .home-tabs__tab-btn--active .btn:hover .icon-racing {
    filter: invert(0);
  }
}
:root[theme=dark] .home-tab .types .type__container-inner {
  /* width: 3.5rem;
  height: 3.5rem;*/
}
:root[theme=dark] .home-tab .types .type__container-inner:hover .type__item-group-icon {
  color: #008d35;
  transition: all 0.2s;
}
:root[theme=dark] .home-tab .types .type__item-group-icon {
  background-color: #ffffff;
  color: #000000;
  line-height: 0.5rem;
  /*width: 3.5rem;
  height: 3.5rem;*/
  padding-top: 0.375rem;
}
:root[theme=dark] .home-tab .types .type__item-group-icon .icon,
:root[theme=dark] .home-tab .types .type__item-group-icon .AkIcon-more-icon:before {
  color: #000000;
  filter: invert(0);
}
:root[theme=dark] .home-tab .types .type__item-group-icon .icon--bet-bonus-all {
  width: 1.5rem;
  height: 1.5rem;
}
:root[theme=dark] .home-tab .types .type__item-group-icon .icon--bespoke-markets {
  background-image: url(/static/assets/images/icons/123-bespoke-markets.png);
  filter: none;
}
:root[theme=dark] .home-tab .types .type__item-label {
  display: flex;
  font-size: 9px;
  line-height: 9px;
}
:root[theme=dark] .home-tab .types--racing .icon-racing {
  margin-bottom: -0.25rem;
}
:root[theme=dark] .home-tab .sport-events .sport-events__link-all {
  color: #00f181;
}
@media (min-width: 768px) {
  :root[theme=dark] .home-tab .sport-events .sport-events__link-all:hover {
    color: #ffffff;
  }
}
:root[theme=dark] .home-tab .sport-events__list-item {
  background-color: #ffffff;
}
:root[theme=dark] .home-tab .sport-events__list-item .top-event-item__head {
  background-color: #292929;
}
:root[theme=dark] .home-tab .sport-events__list-item .top-event-item__event-link {
  color: #000000;
}
:root[theme=dark] .home-tab .sport-events__list-item .event-participants__participant-logo--empty {
  filter: invert(0);
}
:root[theme=dark] .home-tab .sport-events__list-item .top-event-status__time {
  color: #70738c;
}
:root[theme=dark] .home-next-jump__col-title {
  background-color: #00f181;
  font-weight: bold;
}
:root[theme=dark] .home-next-jump__col-title,
:root[theme=dark] .home-next-jump__col-title .race-link-all {
  color: #242424;
}
:root[theme=dark] .home-next-jump__col-title:hover,
:root[theme=dark] .home-next-jump__col-title .race-link-all:hover {
  text-decoration: none;
}
:root[theme=dark] .next-jump-bar {
  color: #ffffff;
}
:root[theme=dark] .next-jump-bar a.next-jump-bar__item {
  border-color: #ffffff;
  background-color: #000000;
  color: #ffffff;
}
:root[theme=dark] .next-jump-bar .next-jump-bar__item--filters:before {
  background-color: #242424;
}
:root[theme=dark] .next-jump-bar .next-race-nav .next-race-nav__button, :root[theme=dark] .next-jump-bar .next-race-nav .next-race-nav__button:first-child {
  border-color: #242424;
}
:root[theme=dark] .next-jump-bar .next-race-nav .next-race-nav__button {
  color: #ffffff;
}
:root[theme=dark] .next-jump-bar .next-race-nav .next-race-nav__button:hover {
  color: #00f181;
}
:root[theme=dark] .home-next-jump__col-box {
  background-color: transparent;
  border-color: transparent;
}
@media (max-width: 767.98px) {
  :root[theme=dark] .home-next-jump .home-next-jump__col-title {
    color: #ffffff;
    background-color: transparent;
  }
  :root[theme=dark] .home-next-jump .home-next-jump__col-title .race-link-all {
    color: #00f181;
  }
  :root[theme=dark] .home-next-jump .home-next-jump__col-box {
    background-color: transparent;
  }
}
:root[theme=dark] .next-jump-box .next-jump-box__item {
  background-color: #ffffff;
  border-color: #d7d9da;
}
@media (hover: hover) {
  :root[theme=dark] .next-jump-box .next-jump-box__item:hover:not(.next-jump-box__item--empty) {
    color: #008d35;
  }
}
:root[theme=dark] .next-jump-box .next-jump-box__item .icon-racing {
  filter: invert(1);
  flex-shrink: 0;
}
:root[theme=dark] .next-jump-box__mobile .next-jump-box__item {
  background-color: #ffffff;
  color: #000000;
}
@media (hover: hover) {
  :root[theme=dark] .next-jump-box__mobile .next-jump-box__item:hover {
    background-color: rgb(229.5, 229.5, 229.5);
  }
  :root[theme=dark] .next-jump-box__mobile .next-jump-box__item:hover .icon-racing {
    filter: invert(1);
  }
  :root[theme=dark] .next-jump-box__mobile .next-jump-box__item:hover .race-name,
  :root[theme=dark] .next-jump-box__mobile .next-jump-box__item:hover .race-number {
    color: #000000;
  }
}
:root[theme=dark] .next-jump-box__mobile .next-jump-box__item .icon-racing {
  filter: invert(1);
}
:root[theme=dark] .icon-racing {
  filter: invert(0);
}
:root[theme=dark] .icon-racing.icon-racing--all {
  filter: invert(1);
}
:root[theme=dark] .icon-racing.icon-leg-multi {
  filter: invert(1);
}
:root[theme=dark] .cms-widget .cms-widget__race {
  color: #000000;
}
:root[theme=dark] .cms-widget .icon-racing {
  filter: invert(1);
}
:root[theme=dark] .cms-widget--racing-featured-event .cms-widget__col:nth-child(1) {
  background-image: url(/static/assets/images/123bet-racing-featured-event-bg.png);
  border: 1px solid rgb(41, 41, 41);
}
:root[theme=dark] .cms-widget--racing-featured-event .cms-widget__col:nth-child(2) {
  border-color: #008b4a;
}
:root[theme=dark] .cms-widget--racing-featured-event .cms-widget__race-details {
  display: none;
}
:root[theme=dark] .cms-widget--racing-featured-event .cms-widget__race {
  padding: 0;
}
:root[theme=dark] .cms-widget--racing-featured-event .cms-widget__runner {
  padding: 0;
}
:root[theme=dark] .cms-widget--racing-featured-event .cms-widget__runner + .cms-widget__runner {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(181, 181, 181, 0.5019607843);
}
:root[theme=dark] .cms-widget--racing-featured-event .cms-widget__link-all {
  display: flex;
}
:root[theme=dark] .cms-widget--racing-featured-event .event__info {
  padding: 0;
}
:root[theme=dark] .cms-widget--racing-featured-event .event-participants__participant-info_item {
  order: 2;
}
:root[theme=dark] .cms-widget--racing-featured-event .event__outcome {
  border-radius: 0.25rem;
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__col:nth-child(1) {
  background-image: url(/static/assets/images/123bet-sport-featured-event-bg.png);
  border: 1px solid rgb(41, 41, 41);
}
:root[theme=dark] .cms-widget--sport-featured-event .cms-widget__col:nth-child(2) {
  border: 1px solid rgb(41, 41, 41);
}
:root[theme=dark] .cms-widget--sport-featured-event .sport-events__list-item {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
:root[theme=dark] .header__info .btn {
  background: #00f181;
}
:root[theme=dark] .header__info .btn.btn-login {
  background: #3b3b3b;
  border-color: transparent;
  color: #ffffff;
}
:root[theme=dark] .header__info .btn.btn-registration {
  background: #ffffff;
  border-color: transparent;
  color: #242424;
}
@media (min-width: 768px) {
  :root[theme=dark] .header__info .btn:hover {
    background-color: #ffffff;
    color: #00f181;
  }
}
:root[theme=dark] .header__info .header__balance {
  background-color: #ffffff;
  color: #000000;
}
:root[theme=dark] .header__info .account_dropdown__info__verification:before {
  background-color: #008d35;
}
:root[theme=dark] .header__info .account_dropdown__info__verification:not(.account__verified):before {
  background-color: rgb(220, 50, 70);
}
:root[theme=dark] .header__info .account_dropdown__info-inner__verification {
  text-align: center;
}
:root[theme=dark] .header__info .account__current {
  background-color: #ffffff;
}
:root[theme=dark] .header__info .account__current__arrow {
  color: #000000;
}
:root[theme=dark] .header__info .header__account .account_dropdown {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background-color: #ffffff;
  color: #000000;
}
:root[theme=dark] .header__info .header__account .account_dropdown__info .client_info__block__name {
  color: #000000;
}
:root[theme=dark] .header__info .header__account .account_dropdown__info .client_info__block__id {
  color: #000000;
}
:root[theme=dark] .header__info .header__account .account_dropdown__info .client_info__picture {
  background-color: #dee2e6;
}
:root[theme=dark] .header__info .header__account .account_dropdown__status__verification {
  background-color: rgb(220, 50, 70);
  color: #ffffff;
}
:root[theme=dark] .header__info .header__account .account_dropdown__status__verification.account__verified {
  background-color: #008d35;
}
:root[theme=dark] .header__info .header__account .account_dropdown__info-inner__verification {
  color: rgb(220, 50, 70);
  border-color: rgb(220, 50, 70);
}
:root[theme=dark] .header__info .header__account .account_dropdown__info-inner__verification:not(.account__verified) {
  transition: none;
}
@media (min-width: 768px) {
  :root[theme=dark] .header__info .header__account .account_dropdown__info-inner__verification:not(.account__verified):hover {
    background-color: #e9ecef;
  }
}
:root[theme=dark] .header__info .header__account .account_dropdown__payments, :root[theme=dark] .header__info .header__account .account_dropdown__footer, :root[theme=dark] .header__info .header__account .account_dropdown__balance, :root[theme=dark] .header__info .header__account .account_dropdown__bonuses {
  border-color: #e3e3e3;
}
:root[theme=dark] .header__info .header__account .account_dropdown__payments .bet-bonus--icon, :root[theme=dark] .header__info .header__account .account_dropdown__footer .bet-bonus--icon, :root[theme=dark] .header__info .header__account .account_dropdown__balance .bet-bonus--icon, :root[theme=dark] .header__info .header__account .account_dropdown__bonuses .bet-bonus--icon {
  background-color: #008d35;
}
:root[theme=dark] .header__info .header__account .account_dropdown__payments .bet-bonus--icon .icons, :root[theme=dark] .header__info .header__account .account_dropdown__footer .bet-bonus--icon .icons, :root[theme=dark] .header__info .header__account .account_dropdown__balance .bet-bonus--icon .icons, :root[theme=dark] .header__info .header__account .account_dropdown__bonuses .bet-bonus--icon .icons {
  filter: brightness(0) saturate(100%) invert(1);
}
:root[theme=dark] .header__info .header__account .account_dropdown__balance__item {
  color: #727272;
  border-color: #e3e3e3;
}
:root[theme=dark] .header__info .header__account .account_dropdown__balance__value {
  color: #000000;
}
:root[theme=dark] .header__info .header__account .account_dropdown__bonuses--all::before {
  background-image: linear-gradient(90deg, #998100, #fff7cc, #998100);
}
:root[theme=dark] .header__info .header__account .account_dropdown .withdrawal-pending-badge {
  background-color: #ffffff;
}
:root[theme=dark] .header__info .header__account .account_dropdown .withdrawal-pending-badge .icon--withdrawal-pending {
  filter: invert(0);
}
@media (hover: hover) {
  :root[theme=dark] .header__info .header__account .account_dropdown__links a:hover {
    color: #008d35;
  }
  :root[theme=dark] .header__info .header__account .account_dropdown__links a:hover .icon--bespoke-markets {
    filter: brightness(0) saturate(100%) invert(26%) sepia(100%) saturate(2271%) hue-rotate(136deg) brightness(90%) contrast(104%);
  }
}
:root[theme=dark] .header__info .header__account .account_dropdown__logout-link, :root[theme=dark] .header__info .header__account .account_dropdown__close-button {
  color: #727272;
}
:root[theme=dark] .header__info .header__account .account_dropdown__logout-link:hover, :root[theme=dark] .header__info .header__account .account_dropdown__close-button:hover {
  color: rgb(220, 50, 70);
}
@media (max-width: 991.98px) {
  :root[theme=dark] .header__info .header__account .account_dropdown__logout-link, :root[theme=dark] .header__info .header__account .account_dropdown__close-button {
    color: rgb(220, 50, 70);
  }
}
:root[theme=dark] .header__info .header__account .account_dropdown .account-link {
  border-color: #e3e3e3;
  color: #727272;
}
:root[theme=dark] .header__info .header__account .account_dropdown .bet-bonus--counter {
  background-color: gold;
  color: #000000;
}
:root[theme=dark] .header__info .header__account .account_dropdown--mobile .account-link:hover {
  color: #727272;
}
@media (hover: hover) {
  :root[theme=dark] .header__info .header__account .header__account__btn:hover .account__current__arrow {
    filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
  }
}
:root[theme=dark] .main__sidebar--right {
  background-color: transparent;
}
@media (max-width: 991.98px) {
  :root[theme=dark] .main__sidebar--right {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  }
}
:root[theme=dark] .main__sidebar--right .main-sidebar__container {
  background-color: #eeeeee;
}
:root[theme=dark] .main__sidebar--right .sidebar-body {
  color: #000000;
}
:root[theme=dark] .main__sidebar--right .sidebar-foot--betslip {
  background-color: #242424;
}
:root[theme=dark] .main__sidebar--right .bets__nav {
  background-color: #ffffff;
}
:root[theme=dark] .main__sidebar--right .bets__nav__item {
  text-transform: uppercase;
  color: #000000;
  border-bottom: 2px solid #00f181;
  border-top: 2px solid transparent;
}
:root[theme=dark] .main__sidebar--right .bets__nav__item.active {
  color: #000000;
  background-color: #00f181;
}
:root[theme=dark] .main__sidebar--right .bets__nav__item:not(.active):hover {
  color: #00f181;
}
:root[theme=dark] .main__sidebar--right .buttonCancel {
  color: #000000;
}
:root[theme=dark] .main__sidebar--right .bonus__warn {
  background-color: rgba(220, 50, 70, 0.2);
  padding: 0.125rem;
  color: rgb(220, 50, 70);
}
:root[theme=dark] .bets__filter__item {
  background-color: #ffffff;
  color: #000000;
}
:root[theme=dark] .bets__filter__item.active {
  color: #008d35;
}
:root[theme=dark] .bets__myBets__empty, :root[theme=dark] .bets__status__label {
  color: #191c21;
}
:root[theme=dark] .bets .icon-racing {
  filter: invert(1);
}
:root[theme=dark] .bets__betslip .empty-state-buttons .btn-login {
  background-color: #3b3b3b;
}
:root[theme=dark] .bets__betslip .empty-state-buttons .btn-registration {
  border-color: #00f181;
  background-color: #00f181;
  color: #000000;
}
:root[theme=dark] .bets__betslip .empty-state-buttons .btn-login:hover {
  color: #ffffff;
}
:root[theme=dark] .bets__betslip .controls {
  background-color: #eeeeee;
}
:root[theme=dark] .bets__betslip .controls.sticky:has(.betError) {
  background-color: #eeeeee;
}
:root[theme=dark] .bets__betslip .controls .switchBlockInfo {
  color: #000000;
}
:root[theme=dark] .bets__betslip .block .ui__field {
  background-color: transparent;
}
:root[theme=dark] .bets__betslip .itemList .accordion-header {
  background-color: #727272;
  color: #ffffff;
}
:root[theme=dark] .bets__betslip .itemList .accordion-header:hover {
  background-color: rgb(71.75, 71.75, 71.75);
}
:root[theme=dark] .bets__betslip .itemList__item {
  border-color: rgba(114, 114, 114, 0.4);
}
:root[theme=dark] .bets__betslip .itemList__item .sub-item {
  border-color: rgba(114, 114, 114, 0.1);
}
:root[theme=dark] .bets__betslip .itemList__item .close {
  background-color: rgb(220, 50, 70);
  color: #ffffff;
  border-radius: 50%;
}
:root[theme=dark] .bets__betslip .itemList__item__note {
  background: rgba(255, 150, 10, 0.2);
  border-color: rgba(255, 150, 10, 0.5);
}
:root[theme=dark] .bets__betslip .itemList__item .btn-bonus {
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
:root[theme=dark] .bets__betslip .itemList__item .btn-bonus.active .icons {
  filter: brightness(0) saturate(100%);
}
:root[theme=dark] .bets__betslip .itemList__item .btn-bonus:not(.active) {
  background-color: #ffffff;
}
@media (min-width: 768px) {
  :root[theme=dark] .bets__betslip .itemList__item .btn-bonus:hover {
    color: #008d35;
  }
  :root[theme=dark] .bets__betslip .itemList__item .btn-bonus:hover.active {
    color: #ffffff;
  }
}
:root[theme=dark] .bets__betslip .itemList__item .btn-bonus .icons {
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
  transform: scale(1.2);
}
:root[theme=dark] .bets__betslip .itemList__item .btn-bonus .icons.icon--freebet-black {
  transform: translateY(-2px) scale(1.2);
}
:root[theme=dark] .bets__betslip .itemList__item .odd.up .odd__original {
  color: #008d35;
  --betsBetslipItemListItemOddColor: #008d35;
}
:root[theme=dark] .bets__betslip .bets__block__content .coupon__odd .odd__default > span {
  color: #008d35;
}
:root[theme=dark] .bets__betslip .bets__block__content .result__block .order {
  color: #191c21;
}
:root[theme=dark] .bets__betslip .bets__block__content .result__block .order .order--win {
  color: #008d35;
}
:root[theme=dark] .bets__betslip .bets__block__content .result__block .odd__default {
  color: #008d35;
}
:root[theme=dark] .bets__betslip .bets__block__content-multiple .coupon__odd,
:root[theme=dark] .bets__betslip .bets__block__content-same-race-multiple .coupon__odd,
:root[theme=dark] .bets__betslip .bets__block__content-same-game-multiple .coupon__odd {
  color: #008d35;
}
:root[theme=dark] .bets__betslip .markets-selector,
:root[theme=dark] .bets__betslip .block .ui__field {
  border-radius: 0;
  border-color: #727272;
}
:root[theme=dark] .bets__betslip .markets-selector:not([disabled]):focus,
:root[theme=dark] .bets__betslip .block .ui__field:not([disabled]):focus {
  border-color: #00f181;
}
:root[theme=dark] .bets__betslip.lose .bets__block__title {
  background-color: rgba(220, 50, 70, 0.1);
}
:root[theme=dark] .bets__betslip.pending .bets__block__title {
  background-color: rgba(40, 167, 69, 0.1);
}
:root[theme=dark] .bets__status__label.win {
  border-color: #008d35;
  background-color: rgba(0, 141, 53, 0.8);
  color: #ffffff;
}
:root[theme=dark] .bets .bets__betslip.win .bets__block__title {
  --betsBlockTitleFontColor: #008d35;
  --betsBlockStatusLeftBorderColor: #008d35;
}
:root[theme=dark] .bets__block__title .loading-spinner {
  background-color: transparent;
}
:root[theme=dark] .bets__status__label.void {
  color: #ffffff;
}
:root[theme=dark] .loading-spinner {
  background-color: #00f181;
}
:root[theme=dark] .event-participants__participant {
  color: #000000;
}
:root[theme=dark] .event__outcome {
  /*&--up {
    box-shadow: inset 0 0 4px 100px rgba($success-color, 0.2);
  }

  &--down {
    box-shadow: inset 0 0 4px 100px rgba($danger, 0.2);
  }*/
}
:root[theme=dark] .event__outcome .specifiers {
  font-size: 1rem;
}
@media (max-width: 991.98px) {
  :root[theme=dark] .event-group .icon--sgm-color {
    width: 2rem;
  }
}
:root[theme=dark] .event-group--date .event-group__header {
  background-color: #3b3b3b;
  color: #ffffff;
}
@media (max-width: 991.98px) {
  :root[theme=dark] .event-group--date {
    border: none;
  }
}
:root[theme=dark] .event-group .event__info__mobile {
  border-color: #e3e3e3;
}
:root[theme=dark] .event-group .event__info__mobile .event__extras,
:root[theme=dark] .event-group .event__info__mobile .event__stats {
  color: #727272;
}
:root[theme=dark] .event-group__wrapper:not(:last-of-type) .template--multi-markets {
  border-color: #e3e3e3;
}
@media (max-width: 991.98px) {
  :root[theme=dark] .event-group {
    background-color: transparent;
  }
  :root[theme=dark] .event-group .event-group__wrapper {
    background-color: #ffffff;
  }
}
:root[theme=dark] .event-group__header, :root[theme=dark] .event_sub-period {
  border: none;
}
:root[theme=dark] .event__info-tournament {
  color: #008d35;
}
:root[theme=dark] .event__extras:hover {
  color: #008d35;
}
:root[theme=dark] .event .speed-map {
  background-color: #292929;
}
:root[theme=dark] .main-market__outcome {
  /*background-color: $dark-outcome-bg;
  color: $dark-outcome-color;
  box-shadow: $dark-outcome-shadow;
  @extend %eventOutcome;*/
}
:root[theme=dark] .event-details__top {
  background-color: #000000;
}
:root[theme=dark] .event-details__top .event-participants__participant {
  color: #ffffff;
}
:root[theme=dark] .event-details__top .timer {
  color: #ffffff;
}
:root[theme=dark] .event-details__top .timer span {
  background-color: #121212;
  border-color: #3b3b3b;
  color: #ffffff;
  min-width: 1.25rem;
}
:root[theme=dark] .event-details__top .timer-text-over {
  background-color: #121212;
  border-color: #3b3b3b;
  color: #ffffff;
}
:root[theme=dark] .event-details .sport-page__header .sport-name {
  background-color: #121212;
  border-color: #00f181;
  color: #fff;
}
:root[theme=dark] .event-details .sport-page__header .sport-name:after {
  color: #fff;
}
:root[theme=dark] .event-details .sport-page__header + .tournament-list__dropdown {
  border: 1px solid #484848;
}
@media (max-width: 767.98px) {
  :root[theme=dark] .event-details__date {
    color: rgba(255, 255, 255, 0.8);
  }
}
:root[theme=dark] .eventView__market {
  --marketColor: #f2f2f2;
  --marketColorName: #000000;
  --oddsBlockColor: #000000;
  --oddsBlockColorHover: #f2f2f2;
}
:root[theme=dark] .eventView__market-group .accordion-header {
  background-color: #3b3b3b;
}
:root[theme=dark] .eventView__market-group .accordion-header:hover {
  background-color: rgb(71.75, 71.75, 71.75);
}
:root[theme=dark] .eventView__market-group .accordion-body {
  background-color: #ffffff;
  color: #000000;
}
:root[theme=dark] .eventView .MarketTypeDefaultView--show-toggler {
  color: #000000;
}
@media (hover: hover) {
  :root[theme=dark] .eventView .MarketTypeDefaultView--show-toggler > span:hover {
    color: #008d35;
  }
}
:root[theme=dark] .eventView .MarketTypeDefaultView .event-participants__participant-logo--empty {
  filter: invert(0);
}
:root[theme=dark] .eventView .marketGroup {
  border-bottom: 1px solid #e3e3e3;
}
:root[theme=dark] .eventView .marketGroup__title {
  font-weight: bold;
  font-size: 0.875rem;
  background-color: #ffffff;
}
:root[theme=dark] .eventView .marketGroup .market.market--default:not(.market--odd-box), :root[theme=dark] .eventView .marketGroup .market.market--number_of_goals, :root[theme=dark] .eventView .marketGroup .market.market--one_column, :root[theme=dark] .eventView .marketGroup .market.market--two_columns, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_winner_score, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_grouped_by_market_specifier_sorted {
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
@media (hover: hover) {
  :root[theme=dark] .eventView .marketGroup .market.market--default:not(.market--odd-box):hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--number_of_goals:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--one_column:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--two_columns:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_winner_score:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_grouped_by_market_specifier_sorted:hover .odd {
    color: #008d35;
  }
}
:root[theme=dark] .eventView .marketGroup .market.market--default:not(.market--odd-box) .odd, :root[theme=dark] .eventView .marketGroup .market.market--number_of_goals .odd, :root[theme=dark] .eventView .marketGroup .market.market--one_column .odd, :root[theme=dark] .eventView .marketGroup .market.market--two_columns .odd, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_winner_score .odd, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_grouped_by_market_specifier_sorted .odd {
  box-shadow: none;
  font-size: 1.1rem;
}
:root[theme=dark] .eventView .marketGroup .market.market--default:not(.market--odd-box).selected .name, :root[theme=dark] .eventView .marketGroup .market.market--number_of_goals.selected .name, :root[theme=dark] .eventView .marketGroup .market.market--one_column.selected .name, :root[theme=dark] .eventView .marketGroup .market.market--two_columns.selected .name, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_winner_score.selected .name, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_grouped_by_market_specifier_sorted.selected .name {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=dark] .eventView .marketGroup .market.market--default:not(.market--odd-box).selected:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--number_of_goals.selected:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--one_column.selected:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--two_columns.selected:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_winner_score.selected:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--two_columns_grouped_by_market_specifier_sorted.selected:hover .odd {
    color: #ffffff;
    background-color: rgb(0, 166.5, 62.585106383);
  }
}
:root[theme=dark] .eventView .marketGroup .market.market--handicap_dropdown, :root[theme=dark] .eventView .marketGroup .market.market--pick_your_own_handicap {
  border: none;
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
:root[theme=dark] .eventView .marketGroup .market.market--handicap_dropdown.market--odd-box,
:root[theme=dark] .eventView .marketGroup .market.market--handicap_dropdown .odd, :root[theme=dark] .eventView .marketGroup .market.market--pick_your_own_handicap.market--odd-box,
:root[theme=dark] .eventView .marketGroup .market.market--pick_your_own_handicap .odd {
  box-shadow: none;
}
:root[theme=dark] .eventView .marketGroup .market.market--handicap_dropdown.market--odd-box .odd, :root[theme=dark] .eventView .marketGroup .market.market--pick_your_own_handicap.market--odd-box .odd {
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
  border-radius: 4px;
}
@media (hover: hover) {
  :root[theme=dark] .eventView .marketGroup .market.market--handicap_dropdown.selected:hover .odd, :root[theme=dark] .eventView .marketGroup .market.market--pick_your_own_handicap.selected:hover .odd {
    background-color: rgb(0, 166.5, 62.585106383);
  }
}
:root[theme=dark] .eventView .marketGroup .market.market--handicap_dropdown .pick-line-dropdown .select, :root[theme=dark] .eventView .marketGroup .market.market--pick_your_own_handicap .pick-line-dropdown .select {
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
:root[theme=dark] .eventView .marketGroup .market--odd-box .odd {
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
@media (min-width: 576px) {
  :root[theme=dark] .eventView .marketGroup .market--odd-box .odd:hover {
    color: #008d35;
  }
}
:root[theme=dark] .eventView .marketGroup .market.selected .odd-wrapper__content .name {
  color: #000000;
}
:root[theme=dark] .eventView .marketGroup .market.selected .odd {
  background-color: #008d35;
}
@media (hover: hover) {
  :root[theme=dark] .eventView .marketGroup .market.selected .odd:hover {
    background-color: rgb(0, 166.5, 62.585106383);
    color: #ffffff;
  }
}
:root[theme=dark] .eventView .marketGroup .market.selected:not(.market--odd-box) .name {
  color: #ffffff;
}
@media (hover: hover) {
  :root[theme=dark] .eventView .marketGroup .market.selected:not(.market--odd-box):hover,
  :root[theme=dark] .eventView .marketGroup .market.selected:not(.market--odd-box):hover .odd:not(.selected) {
    background-color: rgb(0, 166.5, 62.585106383);
  }
}
:root[theme=dark] .outright .outright__name {
  color: #000000;
}
:root[theme=dark] .outright__header {
  color: #000000;
}
:root[theme=dark] .outright__title--wrapper {
  color: #acacac;
}
:root[theme=dark] .outright .outright__info {
  border-color: #f0f2f5;
}
:root[theme=dark] .outright-market__outcome {
  border-bottom: 1px solid #f0f2f5;
}
:root[theme=dark] .outright .outright-market__show-toggler {
  color: #000000;
}
@media (hover: hover) {
  :root[theme=dark] .outright .outright-market__show-toggler > span:hover {
    color: #008d35;
  }
}
:root[theme=dark] .outright .odd {
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
:root[theme=dark] .main__body--venues-page .race-summary .race-countdown.race-countdown--success {
  background: #00f181;
  color: #000000;
}
:root[theme=dark] .main__body--venues-page .SingleDatePicker {
  border-color: #00f181;
}
:root[theme=dark] .main__body--venues-page .SingleDatePicker input[type=text] {
  color: #ffffff;
}
:root[theme=dark] .main__body--venues-page .SingleDatePicker ~ .icon {
  color: #ffffff;
}
:root[theme=dark] .race-countdown--info {
  background-color: #000000;
  color: #ffffff;
}
:root[theme=dark] .race-countdown--light {
  background-color: #e9ecef;
  color: #000000;
}
:root[theme=dark] .race-countdown--warning {
  background-color: #ffd700;
}
:root[theme=dark] .venue_page__race_type__filter {
  top: -1px;
  border: none;
  box-shadow: none;
}
@media (max-width: 767.98px) {
  :root[theme=dark] .venue_page__race_type__filter {
    position: sticky;
    top: 56px;
    padding-top: 0.25rem;
    padding-bottom: 0.5rem;
  }
}
:root[theme=dark] .venue_page__race_type__filter .filter-item label {
  background-color: transparent;
  border-color: #00f181;
}
@media (min-width: 768px) {
  :root[theme=dark] .venue_page__race_type__filter .filter-item label:hover {
    background-color: #00f181;
    color: black;
  }
  :root[theme=dark] .venue_page__race_type__filter .filter-item label:hover .icon-racing {
    filter: invert(1);
  }
}
:root[theme=dark] .venue_page__race_type__filter .filter-item label .icon-racing {
  filter: invert(0);
}
:root[theme=dark] .venue_page__race_type__filter .filter-item input[type=checkbox]:checked ~ label {
  background-color: #00f181;
  color: #000000;
}
:root[theme=dark] .venue_page__race_type__filter .filter-item input[type=checkbox]:checked ~ label .icon-racing {
  filter: invert(1);
}
:root[theme=dark] .venue_page_header_container {
  border-color: transparent;
  box-shadow: none;
}
:root[theme=dark] .venue_race_table {
  background-color: #ffffff;
}
:root[theme=dark] .venue_race_table_header-nav__button {
  background-color: rgba(255, 255, 255, 0.75);
}
:root[theme=dark] .venue_race_table .venue_race_table_data .venue_race_table_row {
  border-color: #e9ecef;
}
:root[theme=dark] .venue_race_table .venue_race_table_row {
  background-color: transparent;
}
:root[theme=dark] .venue_race_table .venue_race_table_row .race-summary {
  background-color: #ffffff;
}
@media (min-width: 768px) {
  :root[theme=dark] .venue_race_table .venue_race_table_row:is(a):hover {
    background-color: #e9ecef;
  }
}
@media (min-width: 576px) {
  :root[theme=dark] .venue_race_table .venue_race_table_row .venue_race_table_row_item__data .race-summary:has(.icon--promo-odds) {
    position: relative;
    z-index: auto;
    box-sizing: border-box;
    background-clip: padding-box;
    border: 2px solid transparent !important;
    /*> * {
      position: relative;
      z-index: 1;
    }*/
  }
  :root[theme=dark] .venue_race_table .venue_race_table_row .venue_race_table_row_item__data .race-summary:has(.icon--promo-odds):before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background-image: conic-gradient(from var(--angle-gradient) at 50% 50%, #fb8c0f 0deg, #ffc107 77.21deg, #fb8c0f 178.47deg, #ffc107 255.67deg, #fb8c0f 360deg);
    animation: 2s rotate-deg-property linear infinite;
  }
  @keyframes rotate-deg-property {
    to {
      --angle-gradient: 360deg;
    }
  }
  :root[theme=dark] .venue_race_table .venue_race_table_row .venue_race_table_row_item__data .race-summary:has(.icon--promo-odds) {
    border-radius: 0;
  }
  :root[theme=dark] .venue_race_table .venue_race_table_row .venue_race_table_row_item__data .race-summary:has(.icon--promo-odds):before {
    opacity: 0.75;
  }
}
@media (max-width: 767.98px) {
  :root[theme=dark] .venue_race_table .venue_race_table_row:has(.icon--promo-odds) {
    border-radius: 0;
    background-color: #ffffff;
    position: relative;
    z-index: auto;
    box-sizing: border-box;
    background-clip: padding-box;
    border: 3px solid transparent !important;
    /*> * {
      position: relative;
      z-index: 1;
    }*/
  }
  :root[theme=dark] .venue_race_table .venue_race_table_row:has(.icon--promo-odds):before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: -3px;
    border-radius: inherit;
    background-image: conic-gradient(from var(--angle-gradient) at 50% 50%, #fb8c0f 0deg, #ffc107 77.21deg, #fb8c0f 178.47deg, #ffc107 255.67deg, #fb8c0f 360deg);
    animation: 2s rotate-deg-property linear infinite;
  }
  @keyframes rotate-deg-property {
    to {
      --angle-gradient: 360deg;
    }
  }
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data {
  background-color: transparent;
  border-color: #dee2e6;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data.first {
  background-color: transparent;
  color: #000000;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data.first:hover {
  background-color: transparent;
}
@media (min-width: 768px) {
  :root[theme=dark] .venue_race_table .venue_race_table_row_item__data:has(a):hover, :root[theme=dark] .venue_race_table .venue_race_table_row_item__data.first:hover {
    background-color: #e9ecef;
  }
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data__link {
  color: #000000;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data__link .icon-racing {
  filter: invert(1);
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data .race-summary--highlighted {
  background-color: #01ca6e;
}
:root[theme=dark] .venue_race_table .venue_race_table_row_item__data .race-summary:hover:not(.race-summary--highlighted) {
  background-color: transparent;
}
:root[theme=dark] .venue_race_table .venue_race_table_row:last-child td {
  border-color: #dee2e6;
}
:root[theme=dark] .venue_race_table.venue_race__mobile .venue_race_table_row_international {
  border-bottom: 1px solid #000000;
}
:root[theme=dark] .venue_race_table_header_item {
  color: #ffffff;
}
:root[theme=dark] .venue_race_table_data {
  color: #000000;
}
:root[theme=dark] .race_type_header__container {
  background-color: #191c21;
  border: none;
}
:root[theme=dark] .race_type_header__container::before {
  background-color: #3b3b3b;
}
:root[theme=dark] .main__body--home-page .bonus-navigation a.bet-bonus--link .icons {
  filter: brightness(0) saturate(100%) invert(75%) sepia(80%) saturate(1492%) hue-rotate(93deg) brightness(90%) contrast(112%);
}
:root[theme=dark] .main__body--race-page .race-numbers .race__number__container {
  background-color: transparent;
  border: none;
}
:root[theme=dark] .main__body--race-page .race-numbers .race__number__container .race__number__item--OPEN {
  color: #ffffff;
}
:root[theme=dark] .main__body--race-page .race-numbers .race__number__container .race__number__item--OPEN .item__multilegs {
  border-color: #00f181;
  box-shadow: #00f181 0px 0px 1px 1px inset;
}
:root[theme=dark] .main__body--race-page .race-numbers .race__number__container .race__number__item--PAYING .race__number__item_option:not(.active, :hover), :root[theme=dark] .main__body--race-page .race-numbers .race__number__container .race__number__item--CLOSED .race__number__item_option:not(.active, :hover) {
  background-color: transparent;
}
:root[theme=dark] .main__body--race-page .race-numbers .race__number__container .race__number__item_option {
  border-color: transparent;
}
:root[theme=dark] .main__body--race-page .race-numbers .race__number__container .race__number__item_option:not(.active, :hover) {
  background-color: #3b3b3b;
}
:root[theme=dark] .main__body--race-page .race-numbers .race__number__container .race__number__item_option.active {
  color: #000000;
}
:root[theme=dark] .main__body--race-page .race-numbers .race__number__container .race__number__item_option .icons {
  background-color: transparent;
}
:root[theme=dark] .main__body--race-page .mobile-column-chooser .race-page-columns-mobile-container {
  background-color: #3b3b3b;
}
:root[theme=dark] .main__body--race-page .race__results .race-results_tab_content .tournament__header {
  background-color: #ffffff;
  color: #000000;
}
:root[theme=dark] .main__body--race-page .race__results .race-results_tab__item {
  background-color: transparent;
  border-color: #00f181;
}
:root[theme=dark] .main__body--race-page .race__results .race-results_tab__item.active {
  background-color: #00f181;
  color: #000000;
}
:root[theme=dark] .main__body--race-page .race__results .event-group--races {
  background: #ffffff;
}
:root[theme=dark] .main__body--race-page .race__info .icon-racing {
  filter: invert(0);
}
:root[theme=dark] .main__body--race-page .race__info .flag__sport {
  display: none;
}
:root[theme=dark] .main__body--race-page .event {
  border-color: #dee2e6;
}
:root[theme=dark] .main__body--race-page .event__main-period.collapsible:hover {
  background-color: #ffffff;
}
:root[theme=dark] .main__body--race-page .racelist .tournament__header {
  background-color: #ffffff;
  box-shadow: none;
  color: #000000;
}
:root[theme=dark] .main__body--race-page .racelist .tournament__header .event-participants__participant span {
  color: #000000;
}
:root[theme=dark] .main__body--race-page .racelist .tournament__header .event__market-row-market {
  color: #000000;
}
@media (hover: hover) {
  :root[theme=dark] .main__body--race-page .racelist .tournament__header .sorting:hover::before {
    border-bottom-color: rgba(0, 141, 53, 0.6);
  }
  :root[theme=dark] .main__body--race-page .racelist .tournament__header .sorting:hover::after {
    border-top-color: rgba(0, 141, 53, 0.6);
  }
}
:root[theme=dark] .main__body--race-page .racelist .tournament__header .sorting.asc::before {
  border-bottom-color: #008d35;
}
:root[theme=dark] .main__body--race-page .racelist .tournament__header .sorting.desc::after {
  border-top-color: #008d35;
}
:root[theme=dark] .main__body--race-page .racelist .tournament__header .slider {
  --switchBgcolorChecked: #008d35;
  --switchBgcolorHover: rgb(0, 166.5, 62.585106383);
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.disabled, :root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome--fake {
  color: #000000 !important;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected .up,
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome.selected .down {
  color: #ffffff;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome--up:before {
  display: none;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .event__outcome--down:before {
  display: none;
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market .favorite {
  background-color: #242424;
  color: #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .main__body--race-page .racelist .event__market-row-market--checkbox .event__outcome:hover:not(.disabled) {
    border-color: #008d35;
  }
}
:root[theme=dark] .main__body--race-page .racelist .event__market-row-market--exotic .odds, :root[theme=dark] .main__body--race-page .racelist .event__market-row-market--multilegs .odds {
  color: #000000;
}
:root[theme=dark] .main__body--race-page .racelist .event-group--races {
  border: none;
  background-color: #ffffff;
}
@media (max-width: 991.98px) {
  :root[theme=dark] .main__body--race-page .single_race_multi_wrapper .event__odds-histories {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
  }
}
:root[theme=dark] .bet-return-bonus-banner {
  color: #000000;
}
:root[theme=dark] .bet-return-bonus-banner__toggler {
  color: #00f181;
}
:root[theme=dark] [class*=__dropdown]:after {
  border-color: transparent;
}
@media (hover: hover) {
  :root[theme=dark] [class*=__dropdown] > *:hover {
    background-color: rgba(0, 241, 129, 0.2);
  }
}
:root[theme=dark] [class*=__dropdown] .active {
  color: #00f181;
}
@media (hover: hover) {
  :root[theme=dark] .event-select__item:hover:before {
    background-color: rgba(0, 241, 129, 0.2);
  }
}
:root[theme=dark] .tournament-list__item {
  color: #ffffff;
}
:root[theme=dark] .bet-types__selector {
  background-color: #191c21;
}
:root[theme=dark] .bet-types__selector__toggler {
  border: 1px solid #00f181;
  color: #000000;
  background-color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(0, 241, 129, 0.66);
}
:root[theme=dark] .main__body--sport-page .sidebar-tree__section {
  background-color: #ffffff;
}
:root[theme=dark] .main__body--sport-page .sidebar-tree__section-item,
:root[theme=dark] .main__body--sport-page .sidebar-tree__section .bottom__block {
  color: #000000;
  border-color: #e3e3e3;
}
:root[theme=dark] .main__body--sport-page .sidebar-tree__section-item.sidebar-tree__section-item--tournament,
:root[theme=dark] .main__body--sport-page .sidebar-tree__section .bottom__block.sidebar-tree__section-item--tournament {
  background-color: #ffffff;
}
:root[theme=dark] .main__body--sport-page .sidebar-tree__section .sport-page__content--list,
:root[theme=dark] .main__body--sport-page .sidebar-tree__section .sport-tree__category-list,
:root[theme=dark] .main__body--sport-page .sidebar-tree__section .bottom__block.active {
  background-color: #ffffff;
}
:root[theme=dark] .main__body--sport-page .sidebar-tree__section .icon {
  color: inherit;
}
:root[theme=dark] .main__body--sport-page .sidebar-tree__section .icon--bespoke-markets {
  background-image: url(/static/assets/images/icons/123-bespoke-markets.png);
  filter: none;
  width: 1.125rem;
  height: 1.125rem;
}
:root[theme=dark] .main__body--sport-page .sport-page__content--list--title {
  background-color: #3b3b3b;
}
:root[theme=dark] .sport-filter--provider.sFilter .item {
  border: 1px solid #00f181;
}
:root[theme=dark] .free-bet-modal h1 {
  color: #000000;
}
:root[theme=dark] .free-bet-modal .free-bet-bonus--item {
  color: #000000;
}
:root[theme=dark] .free-bet-modal .btn {
  border-color: #000000;
  color: #000000;
}
:root[theme=dark] .free-bet-split {
  color: #000000;
}
:root[theme=dark] .auth-block-modal__container__header {
  color: #000000;
}
:root[theme=dark] .auth-block-modal__top-block {
  background-color: #191c21;
}
:root[theme=dark] .auth-block-modal__form {
  background-color: #ffffff;
}
:root[theme=dark] .auth-block-modal .form-wrapper__footer a {
  color: #5265d1;
}
:root[theme=dark] .auth-block-modal__container__footer {
  background-color: #ffffff;
  color: black;
}
:root[theme=dark] .auth-block-modal__container__footer .signup-link {
  background-color: transparent;
  color: #000000;
}
:root[theme=dark] .auth-block-modal .icon__close__wrapper {
  color: #343a40;
}
:root[theme=dark] .auth-block-modal .icon__close__wrapper:hover {
  color: #ffffff;
}
:root[theme=dark] .signup__form {
  background-color: white;
  color: black;
}
:root[theme=dark] .main__page__account .bet-return-bonus-banner__toggler {
  color: #008d35;
}
:root[theme=dark] .main__page__account a.bet-bonus--link .icons {
  filter: brightness(0) saturate(100%) invert(1);
  width: 1.25rem;
  height: 1.25rem;
}
:root[theme=dark] .main__page__account a.bet-bonus--link .icons.icon--bet-bonus-all {
  background-image: url(/static/assets/images/icons/123-bonus-all.svg);
}
:root[theme=dark] .main__page__account a.bet-bonus--link .icons.icon--promo-odds {
  background-image: url(/static/assets/images/icons/123-bonus-promo-odds.svg);
}
:root[theme=dark] .main__page__account a.bet-bonus--link .icons.icon--freebet, :root[theme=dark] .main__page__account a.bet-bonus--link .icons.icon--freebet_deposit {
  background-image: url(/static/assets/images/icons/123-bonus-bet.svg);
}
:root[theme=dark] .main__page__account a.bet-bonus--link .icons.icon--bet_return {
  background-image: url(/static/assets/images/icons/123-bonus-bet-return.svg);
}
:root[theme=dark] .main__page__account a.bet-bonus--link .icons.icon--odds_boost {
  background-image: url(/static/assets/images/icons/123-bonus-odd-boost.svg);
}
:root[theme=dark] .main__page__account a.bet-bonus--link:hover .icons, :root[theme=dark] .main__page__account a.bet-bonus--link.active .icons {
  filter: brightness(0) saturate(100%) invert(75%) sepia(80%) saturate(1492%) hue-rotate(93deg) brightness(90%) contrast(112%);
}
:root[theme=dark] .main__page__account .navigation .bet-bonus--link:hover .bet-bonus--counter,
:root[theme=dark] .main__page__account .navigation .bet-bonus--link.active .bet-bonus--counter {
  background-color: rgba(0, 241, 129, 0.2);
  color: #00f181;
}
:root[theme=dark] .main__page__account .navigation .bet-bonus--counter {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
:root[theme=dark] .main__page__account__block__title {
  background-color: #1a1a1a;
}
:root[theme=dark] .main__page__account__block__content .details-profile,
:root[theme=dark] .main__page__account__block__content .details,
:root[theme=dark] .main__page__account__block__content .details-profile {
  background-color: white;
  color: black;
}
:root[theme=dark] .main__page__account__block__content .details-profile input[type=checkbox]:checked,
:root[theme=dark] .main__page__account__block__content .details input[type=checkbox]:checked,
:root[theme=dark] .main__page__account__block__content .details-profile input[type=checkbox]:checked {
  background-color: #008d35;
  border-color: transparent;
}
@media (hover: hover) {
  :root[theme=dark] .main__page__account__block__content .details-profile input[type=checkbox]:hover,
  :root[theme=dark] .main__page__account__block__content .details input[type=checkbox]:hover,
  :root[theme=dark] .main__page__account__block__content .details-profile input[type=checkbox]:hover {
    border-color: #008d35;
  }
}
:root[theme=dark] .main__page__account__block__content .details.self {
  background-color: transparent;
  color: #ffffff;
}
:root[theme=dark] .main__page__account__block__content .wrapper__payments {
  background-color: #191c21;
  border-radius: 0;
  color: #ffffff;
}
:root[theme=dark] .main__page__account__block__content .logo--payid {
  filter: invert(1);
}
:root[theme=dark] .main__page__account__block__content .bonus-banners .filter__wrapper {
  background-color: #1a1a1a;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners .filter-item {
  color: #ffffff;
  transition: color 0.2s, background-color 0.2s;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners .filter-item.active, :root[theme=dark] .main__page__account__block__content .bonus-banners .filter-item:hover {
  background-color: #00f181;
  color: #000000;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item {
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(96, 97, 112, 0.16), 0px 2px 1px 0px rgba(40, 41, 61, 0.04);
  color: #70738c;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-icon {
  display: block;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.375rem;
  background-color: #008d35;
  border-radius: 4px;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-icon .icon {
  filter: brightness(0) saturate(100%) invert(1);
  display: block;
  background-size: cover;
  inset: 0;
  margin: auto;
  width: 1.75rem;
  height: 1.75rem;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-icon--odds_boost {
  background-image: url(/static/assets/images/icons/123-bonus-odd-boost.svg);
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-icon--bet_return {
  background-image: url(/static/assets/images/icons/123-bonus-bet-return.svg);
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-icon--freebet {
  background-image: url(/static/assets/images/icons/123-bonus-bet.svg);
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-icon--promo_odds {
  background-image: url(/static/assets/images/icons/123-bonus-promo-odds.svg);
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-service {
  color: rgba(112, 115, 140, 0.75);
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-amount {
  background-color: #008d35;
  color: #ffffff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  outline: none;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-name {
  color: #000000;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-description {
  color: #70738c;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-timer {
  color: #70738c;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners__item .bonus-timer .race-countdown {
  background-color: #ffeace;
  color: #ff5000;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners .progress-bar {
  background-color: #005d23;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners .progress-bar__bar {
  background-color: #a6c90c;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners .progress-bar__title {
  background-color: transparent;
  color: #70738c;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners .progress-bar__current, :root[theme=dark] .main__page__account__block__content .bonus-banners .progress-bar__required {
  color: #ffffff;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners .no-bonuses-message {
  color: #70738c;
}
:root[theme=dark] .main__page__account__block__content .bonus-banners .no-bonuses-message h3 {
  color: #ffffff;
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .payments .payment-method-item.active .wrapper, :root[theme=dark] .main__page__account__block__content.deposit-withdrawal .payments .payment-method-item:hover .wrapper,
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .payments .payment-method-item .wrapper {
  border: none;
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .details .select-options {
  background-color: rgb(190, 255, 224.7925311203);
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .details .select-options > :nth-child(odd) {
  background-color: rgb(190, 255, 224.7925311203);
  color: black;
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .details .select-options > :nth-child(odd):hover {
  background-color: rgb(139, 255, 201.0912863071);
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .details .select-options > :nth-child(even) {
  background-color: #fff7cc;
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .details .select-options > :nth-child(even):hover {
  background-color: #ffef99;
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .btn.btn-primary-outline {
  background-color: #00f181;
  color: #000000;
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .btn.btn-primary-outline:hover {
  color: #ffffff;
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .pending-withdrawals .transaction-item {
  background-color: #ffffff;
  color: #000000;
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .pending-withdrawals .transaction-item .transaction-item-cell {
  border-color: #e3e3e3;
}
:root[theme=dark] .main__page__account__block__content.deposit-withdrawal .pending-withdrawals .transaction-item .status-button.red {
  color: #ffffff;
  background-color: rgb(220, 50, 70);
}
:root[theme=dark] .main__page__account__block__content .payment-method-item {
  border-color: transparent;
}
:root[theme=dark] .main__page__account__block__content .payment-method-item.active {
  border-color: #00f181;
}
:root[theme=dark] .history-select-container .filter-item {
  color: #000000;
}
:root[theme=dark] .history-select-container .filter-item input[type=checkbox]:checked + label {
  color: #000000;
}
:root[theme=dark] .settings-content-controls__input {
  color: #000000;
}
:root[theme=dark] .react-select [class*=__dropdown] {
  background-color: transparent;
  box-shadow: none;
}
:root[theme=dark] .selectedOdds .content .row .index,
:root[theme=dark] .selectedOdds .content .row .market {
  color: #c0c5cb;
}
:root[theme=dark] .selectedOdds .ui__field {
  color: #ffffff;
}
:root[theme=dark] .selectedOdds .action_section .add_to_bet .add {
  color: #000000;
  border: 1px solid #00f181;
}
:root[theme=dark] .selectedOdds .action_section .add_to_bet .add:disabled {
  background-color: #dee2e6;
  border-color: #dee2e6;
}
:root[theme=dark] .selectedOdds .action_section .add_to_bet .add:hover:not(:disabled) {
  color: #ffffff;
}
:root[theme=dark] .selectedOdds .action_section .add_to_bet .add:not(.bet-now):not(:disabled) {
  background-color: transparent;
  color: #00f181;
}
:root[theme=dark] .selectedOdds .action_section .add_to_bet .clear {
  background-color: #727272;
}
:root[theme=dark] .selectedOdds .action_section .add_to_bet .clear:hover {
  opacity: 0.85;
}
:root[theme=dark] .history-table .bet_date {
  background-color: #121212;
}
:root[theme=dark] .history-table li.outcome-stat-tracker__check-point--is-target span {
  color: #ffffff;
}
:root[theme=dark] .history-table .bets__myBets .bets__status__label,
:root[theme=dark] .history-table .bets__myBets .result__block .order {
  color: #ffffff;
}
:root[theme=dark] .history-table .bets__myBets .sub-item__market {
  color: #c0c5cb;
}
:root[theme=dark] .history-table .bets__myBets .coupon__odd {
  color: #00f181;
}
:root[theme=dark] .history-table .icon-bonus {
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
}
:root[theme=dark] .history-table .odd__original,
:root[theme=dark] .history-table .odd__original span {
  color: #ffffff;
}
:root[theme=dark] .history-table-row__same-game-multiple .history-table-cell .sub-item__market {
  color: #ffffff;
}
:root[theme=dark] .keypad__container {
  border-top: 2px solid #dee2e6;
}
:root[theme=dark] .modal-banner--footer {
  background-color: #ffffff;
  color: black;
}
:root[theme=dark] #greenid-container #greenid-intro-content h1,
:root[theme=dark] #greenid-container #greenid-source-title h2,
:root[theme=dark] #greenid-container #greenid-source-title .glyphicon,
:root[theme=dark] #greenid-container .lead,
:root[theme=dark] #greenid-container .help-block,
:root[theme=dark] #greenid-container select option,
:root[theme=dark] #greenid-container label {
  color: #000000;
}
:root[theme=dark] #greenid-container .form-control {
  background-color: #ffffff;
  color: #000000;
}
:root[theme=dark] .payment-method-item.active .wrapper {
  border: 0 !important;
}
:root[theme=dark] .payment-method-item.active .wrapper__payments .payment-radio {
  background-color: #00f181;
  border-color: #191c21;
}
:root[theme=dark] .payment-method-item.active .wrapper__payments .payment-radio::before {
  background-color: #191c21;
}
:root[theme=dark] .bonus-split-option__btns .btn,
:root[theme=dark] .btn.btn-bonus-split {
  position: relative;
  background-color: #70738c;
  border-color: transparent;
  color: #ffffff;
}
:root[theme=dark] .bonus-split-option__btns .btn:hover,
:root[theme=dark] .btn.btn-bonus-split:hover {
  background-color: rgb(89.3333333333, 91.7261904762, 111.6666666667);
}
:root[theme=dark] .bonus-split-option__btns .btn:active, :root[theme=dark] .bonus-split-option__btns .btn:focus,
:root[theme=dark] .btn.btn-bonus-split:active,
:root[theme=dark] .btn.btn-bonus-split:focus {
  background-color: rgb(78, 80.0892857143, 97.5);
}
:root[theme=dark] .popup.bonus-split {
  background: #ffffff;
  color: #000000;
}
:root[theme=dark] .popup.bonus-split .bonus-split-info {
  color: #70738c;
}
:root[theme=dark] .popup.bonus-split .bonus-split-option {
  background-color: #f2f5f6;
}
:root[theme=dark] .popup.bonus-split .bonus-split-option .bonus-quotient {
  color: #008d35;
}
:root[theme=dark] .promotions .btn.promotion-item__link {
  background-color: #008d35;
  border-color: #008d35;
  color: #ffffff;
}
:root[theme=dark] .promotions .btn.promotion-item__link:hover {
  background-color: rgb(0, 166.5, 62.585106383);
  text-decoration: none;
  color: #ffffff;
}
:root[theme=dark] .odds__promo-odds:not(.selected) .odds__promo-odds_new {
  color: #008d35;
}
:root[theme=dark] .odds__promo-odds.highlighted {
  position: relative;
  z-index: auto;
  box-sizing: border-box;
  background-clip: padding-box;
  border: 3px solid transparent !important;
  /*> * {
    position: relative;
    z-index: 1;
  }*/
}
:root[theme=dark] .odds__promo-odds.highlighted:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background-image: linear-gradient(var(--angle-gradient), transparent 0%, #fb8c0f 50%, transparent 100%);
  opacity: 0.7;
  animation: 4s rotate-deg-property linear infinite;
}
@keyframes rotate-deg-property {
  to {
    --angle-gradient: 360deg;
  }
}
@media (hover: hover) {
  :root[theme=dark] .bespoke-filters .filter-item:hover {
    border: 1px solid #00f181;
    background: #00f181;
    color: #000000;
  }
}
:root[theme=dark] .participant-stat__wrapper .participant-toggler {
  color: #008d35;
}
@media (hover: hover) {
  :root[theme=dark] .participant-stat__wrapper .participant-toggler:hover {
    color: rgb(0, 192, 72.170212766);
  }
}
:root[theme=dark] .participant-stat__wrapper .participant-stat {
  box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;
}
:root[theme=dark] .participant-stat__wrapper .participant-stat,
:root[theme=dark] .participant-stat__wrapper .participant-stat__header,
:root[theme=dark] .participant-stat__wrapper .participant-row,
:root[theme=dark] .participant-stat__wrapper .participant-col {
  border-color: #e3e3e3;
}
:root[theme=light] .header {
  border: 0;
  border-top: 2px solid #00f181;
}

.icons.icon--freebet, .icons.icon--freebet_deposit {
  background-image: url(/static/assets/images/icons/123-bonus-bet.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
  transform: translateY(-2px);
}
.icons.icon--freebet-black, .icons.icon--freebet_deposit-black {
  background-image: url(/static/assets/images/icons/123-bonus-bet.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
  transform: translateY(-2px);
}
.icons.icon--promo_odds {
  background-image: url(/static/assets/images/icons/123-bonus-promo-odds.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
}
.icons.icon--promo_odds-black {
  background-image: url(/static/assets/images/icons/123-bonus-promo-odds.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
}
.icons.icon--free-bet-bonus {
  background-image: url(/static/assets/images/icons/123-bonus-account-info.png);
}
.icons.icon--odds_boost {
  background-image: url(/static/assets/images/icons/123-bonus-odd-boost.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
  transform: none;
}
.icons.icon--odds_boost-black {
  background-image: url(/static/assets/images/icons/123-bonus-odd-boost.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
  transform: none;
}
.icons.icon--bet_return {
  background-image: url(/static/assets/images/icons/123-bonus-bet-return.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
}
.icons.icon--bet_return-black {
  background-image: url(/static/assets/images/icons/123-bonus-bet-return.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
}
.icons.icon--bet-bonus-all {
  background-image: url(/static/assets/images/icons/123-bonus-account-info.png);
}
.icons.icon--bet-bonus-promotions {
  background-image: url(/static/assets/images/icons/ico-bonus-all.png);
}
.icons.icon--bonus_account_info {
  background-image: url(/static/assets/images/icons/123-bonus-account-info.png);
}

.next-jump-page .icons.icon--promo-odds,
.bets__betslip .icons.icon--promo-odds,
.history-table .icons.icon--promo-odds,
.bets__myBets .icons.icon--promo-odds {
  scale: 1.1;
}

.event__info__mobile .icons.icon--promo-odds,
.history-table .icons.icon--promo-odds {
  margin-right: 0.25rem;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
}

#root,
.main {
  max-width: 1492px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .header .header__container {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .header .header__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.header .navbar-toggler {
  display: none;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .header .navbar-toggler {
    display: flex;
  }
}
.header .header__logo {
  width: 6rem;
  height: 3.45rem;
  margin-right: 7.5rem;
  margin-left: 0.5rem;
  background-image: url(/static/assets/images/123bet-logo.png);
}
@media (max-width: 991.98px) {
  .header .header__logo {
    margin-right: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .header .header__logo {
    background-image: url(/static/assets/images/123bet-logo-m.png);
    width: 4.25rem;
    height: 3.25rem;
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .header .header__menu__item {
    font-size: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .header .header__menu__item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 768px) {
  .header .header__menu__item:nth-of-type(1):before, .header .header__menu__item:nth-of-type(2):before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    filter: unset;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.header .header__info {
  position: relative;
  align-items: center;
}
.header .header__info .btn {
  border-radius: 0.3rem;
  font-weight: bold;
}
.header .header__info .btn.btn-registration {
  margin-left: 0.5rem;
  margin-right: 0;
}
.header .header__info .btn-group {
  display: flex;
}
.header .btn {
  font-weight: bold;
}
@media (min-width: 768px) {
  .header .btn.btn-betslip-show {
    display: none;
  }
}
.header .header__account {
  padding: 0;
}
.header .header__account__bet-bonus {
  position: relative;
  margin-left: 0;
  margin-right: 0.5rem;
  transform: translateY(-5px);
}
.header .header__account__bet-bonus--icon {
  width: 2.5rem;
  height: 2.5rem;
}
@media (max-width: 767.98px) {
  .header .header__account__bet-bonus--icon {
    width: 2rem;
    height: 2rem;
  }
}
.header .header__account__bet-bonus--icon i {
  height: 100%;
  width: 100%;
}
.header .header__account__bet-bonus--animated .header__account__bet-bonus--icon {
  animation: jump-bonus-lite 2s cubic-bezier(0.28, 0.84, 0.42, 1) 2 forwards;
}
.header .header__account__bet-bonus--counter {
  position: absolute;
  z-index: 1;
  right: -0.25rem;
  bottom: -0.15rem;
  padding: 0 0.25rem;
}
@media (max-width: 767.98px) {
  .header .header__account__bet-bonus--counter {
    line-height: 0.875rem;
    font-size: 0.625rem;
  }
}
.header .header__account .header__account__btn {
  min-height: 1.625rem;
  padding: 0;
  margin: 0.25rem;
}
@media (max-width: 767.98px) {
  .header .header__account .header__account__btn {
    margin: 0;
  }
}
.header .header__account .header__account__btn .account__current {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 0;
  height: 100%;
  padding: 0.25rem 0;
  border-radius: 4px;
  min-width: 2.5rem;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .header .header__account .header__account__btn .account__current {
    min-width: 2rem;
  }
}
.header .header__account .header__account__btn .account__current::after {
  content: none;
}
.header .header__account .header__account__btn .account__current__arrow {
  display: flex;
  background-image: url(/static/assets/images/icons/profile.svg);
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.header .header__account .header__account__btn .header__balance + .account__current {
  margin-left: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.header .header__account .account_dropdown {
  overflow-y: auto;
  max-height: calc(100vh - 64px);
}
.header .header__account .account_dropdown--mobile {
  bottom: 66px;
  overflow-y: scroll;
}
.header .header__account .account_dropdown--mobile .account_dropdown__footer {
  margin-top: auto;
}
.header .header__account .account_dropdown--mobile .account_dropdown__links > :last-child {
  border-bottom: 1px solid;
}
.header .header__account .account_dropdown .bBasePrimary {
  text-wrap: nowrap;
}
@media (min-width: 768px) {
  .header .header__account .account_dropdown {
    top: 2.7rem;
  }
}
.header .header__account .account_dropdown > div {
  border-bottom: none;
}
.header .header__account .account_dropdown__links {
  padding: 0;
}
.header .header__account .account_dropdown .client_info {
  margin-right: 0.25rem;
  font-size: 1rem;
}
.header .header__account .account_dropdown .client_info__block {
  align-items: flex-start;
  gap: 0;
}
@media (max-width: 767.98px) {
  .header .header__account .account_dropdown .client_info__block__name {
    font-size: 1.125rem;
  }
}
.header .header__account .account_dropdown .client_info__picture {
  margin-right: 0.75rem;
  border-radius: 4px;
  padding: 0.25rem;
  background-image: none;
  width: 2.5rem;
  height: 2.5rem;
}
.header .header__account .account_dropdown .client_info__picture:before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(/static/assets/images/icons/profile.svg);
  display: inline-flex;
  width: 2rem;
  height: 2rem;
}
@media (max-width: 767.98px) {
  .header .header__account .account_dropdown .client_info__picture {
    width: 3rem;
    height: 3rem;
  }
  .header .header__account .account_dropdown .client_info__picture:before {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.header .header__account .account_dropdown__info-inner__verification {
  display: inline-block;
  border: 2px solid;
  padding: 0.125rem 0.5rem;
  font-size: 0.8rem;
  border-radius: 4px;
  text-decoration: none;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .header .header__account .account_dropdown__info-inner__verification {
    padding: 0.25rem 0.5rem;
  }
}
.header .header__account .account_dropdown__info-inner__verification.account__verified {
  padding: 0;
  border: none;
  line-height: 1;
  height: 1.5rem;
}
@media (max-width: 767.98px) {
  .header .header__account .account_dropdown__info-inner__verification.account__verified {
    height: 1.75rem;
  }
}
.header .header__account .account_dropdown__info__verification {
  margin-left: 0;
}
.header .header__account .account_dropdown__info__verification:before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  line-height: 1;
  content: "!";
  top: -0.3rem;
  right: -0.3rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}
.header .header__account .account_dropdown__info__verification.account__verified:before {
  content: "";
}
.header .header__account .account_dropdown__client-status {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header .header__account .account_dropdown__status__verification {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-top: 0.125rem;
  text-transform: capitalize;
}
.header .header__account .account_dropdown__bonuses {
  justify-content: center;
  border-top: 1px solid;
}
.header .header__account .account_dropdown__bonuses .bet-bonus--icon .icons {
  transform: none;
}
.header .header__account .account_dropdown__bonuses .bet-bonus--icon .bet-bonus--counter {
  right: -0.25rem;
  bottom: -0.25rem;
}
.header .header__account .account_dropdown__bonuses--all {
  position: relative;
}
.header .header__account .account_dropdown__bonuses--all:before {
  content: "";
  background-size: 200%;
  width: 100%;
  height: 0.25rem;
  position: absolute;
  bottom: 0;
  animation: border 5s linear infinite;
}
.header .header__account .account_dropdown__bonuses--all .icons {
  animation: jump-bonus 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite;
}
.header .header__account .account_dropdown__bonuses--all .icons.icon--bet-bonus-promotions {
  animation: jump-bonus-lite 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite;
}
.header .header__account .account_dropdown__bonuses:has(.icon--promo_odds-black) {
  padding: 0.5rem;
}
.header .header__account .account_dropdown__bonuses:has(.icon--promo_odds-black) .bet-bonus--icon {
  margin: 0 0.25rem 0.25rem;
}
.header .header__account .account_dropdown__bonuses:has(.icon--promo_odds-black) .bet-bonus--link {
  font-size: 0.75rem;
}
.header .header__account .account_dropdown__verification__icon {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(/static/assets/images/icons/verified.svg);
}
@media (max-width: 767.98px) {
  .header .header__account .account_dropdown__verification__icon {
    height: 1.75rem;
    width: 1.75rem;
  }
}
.header .header__account .account_dropdown__payments {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-top: 1px solid;
  gap: 0.75rem;
}
.header .header__account .account_dropdown__payments a {
  flex: 1;
  min-width: 0;
  padding: 0.5rem 1rem;
}
.header .header__account .account_dropdown__payments a .icons {
  margin-left: 0.5rem;
}
.header .header__account .account_dropdown__balance {
  position: relative;
  border-top: 1px solid;
  padding: 0.25rem 1rem;
  display: flex;
  justify-content: space-around;
}
.header .header__account .account_dropdown__balance__item {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header .header__account .account_dropdown__balance__item + .account_dropdown__balance__item {
  border-left: 1px solid;
}
.header .header__account .account_dropdown__balance__name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .header__account .account_dropdown__balance__value {
  margin-top: 0.25rem;
  min-height: 1.25rem;
  font-weight: bold;
}
.header .header__account .account_dropdown__balance__value .header__balance {
  padding: 0;
}
.header .header__account .account_dropdown__balance__icon {
  cursor: pointer;
  position: relative;
  bottom: initial;
  right: initial;
  font-size: 0.75rem;
  line-height: 1;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.25rem;
}
.header .header__account .account_dropdown__footer {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  border-top: 1px solid;
  padding: 0.75rem 1rem;
}
.header .header__account .account_dropdown__logout-link, .header .header__account .account_dropdown__close-button {
  text-decoration: none;
  cursor: pointer;
  transition: none;
}
.header .header__account .account_dropdown__logout-link__icon, .header .header__account .account_dropdown__close-button__icon {
  line-height: 1;
  font-size: 0.75rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.header .header__account .account_dropdown__close-button {
  margin-right: auto;
}
@media (min-width: 768px) {
  .header .header__account .account_dropdown__close-button {
    display: none;
  }
}
.header .header__account .account_dropdown__close-button__icon {
  margin-right: 0;
}
.header .header__account .account_dropdown .account-link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-top: 1px solid;
  transition: none;
}
.header .header__account .account_dropdown .account-link:after {
  content: "H";
  font-size: 0.75rem;
  line-height: 1;
  display: inline-block;
  font-family: "apollo ui", serif;
  position: absolute;
  right: 0.75rem;
}
.header .header__account .account_dropdown .account_dropdown__links__icon {
  padding-right: 1rem;
}
.header .header__account .account_dropdown .account_dropdown__links__icon.icon--bespoke-markets {
  width: 1rem;
  height: 1rem;
  padding-right: 0;
  margin-right: 1rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.header .header__balance {
  height: 100%;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding: 0.25rem 0.75rem;
  margin-left: 0;
}
@media (max-width: 767.98px) {
  .header .header__balance {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .header .header__balance .balance__main .amount {
    font-size: 0.875rem;
  }
}

.btn-betslip-show {
  font-weight: bold;
}
@media (min-width: 768px) {
  .btn-betslip-show {
    height: 52px;
    border: none;
  }
}

@media (min-width: 768px) {
  .btn-betslip-show,
  .btn-my-bets {
    min-width: 90px;
  }
}

.next-jump-bar {
  flex: 1;
  border: none;
}
.next-jump-bar__container {
  position: relative;
  display: flex;
  left: 0;
  gap: 0.5rem;
}
@media (min-width: 1200px) {
  .next-jump-bar__container {
    left: 260px;
    width: calc(100% - 260px);
  }
}
.next-jump-bar .next-race-list .next-jump-bar__item {
  border: 1px solid white;
  border-radius: 1.25rem;
  height: initial;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.next-jump-bar .next-race-list .next-jump-bar__item:first-child {
  border: 1px solid;
}
.next-jump-bar .next-jump-bar__item--title {
  display: none;
}
.next-jump-bar .next-jump-bar__item--filters {
  border: none;
  position: relative;
}
.next-jump-bar .next-jump-bar__item--filters .history__dropdown::after {
  content: none;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .next-jump-bar .next-jump-bar__item--filters {
    min-width: 1.25rem;
    padding: 0;
  }
  .next-jump-bar .next-jump-bar__item--filters .filter-race-type-container {
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
  }
  .next-jump-bar .next-jump-bar__item--filters .filter-race-type-container span {
    color: transparent;
  }
  .next-jump-bar .next-jump-bar__item--filters .filter-race-type-container span:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(/static/assets/images/icons/filter-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    filter: invert(1);
  }
}
.next-jump-bar .next-race-nav__button .icon::before {
  line-height: 1.25rem;
}

.next-jump-page {
  border-radius: 4px;
}

.next-jump-box {
  flex: 1 0 auto;
}
.next-jump-box__item {
  transition: background-color 0s;
}
@media (min-width: 768px) {
  .next-jump-box__item-countdown--wrapper {
    margin-left: 0.25rem;
  }
  .next-jump-box__item-title {
    align-items: center;
  }
}

.main__body:has(.bonus-banners) {
  padding: 0;
}

.main__body--sport-page .sidebar-tree__section {
  border-radius: 0 0 4px 4px;
  border: none;
  margin-bottom: 10px;
}
.main__body--sport-page .sidebar-tree__section-item:last-child {
  border-radius: 0 0 4px 4px;
}
.main__body--sport-page .sport-page__content--featured .sidebar-tree__section {
  border-radius: 4px;
  overflow: hidden;
}
.main__body--sport-page .sport-page__content--list .sidebar-tree__section-item--tournament {
  padding-left: 4rem;
}
.main__body--sport-page .sport-page__content--list--title {
  font-size: 14px;
  line-height: 1.875rem;
  margin: 0;
  padding-left: 20px;
  height: 1.875rem;
  border-radius: 4px 4px 0 0;
}
.main__body--sport-page .bottom__block .iconResult {
  display: inline-block;
}
.main__body--sport-page .sport-tree__category-list {
  padding-left: 0;
}
@media (max-width: 767.98px) {
  .main__body--sport-page .sidebar-tree__section .arrow.AIcon-angle-right {
    display: none;
  }
  .main__body--sport-page .sidebar-tree__section .bottom__block.collapsible .arrow.AIcon-angle-right {
    display: block;
  }
}

.event-group__bet-types {
  font-size: 12px;
  font-weight: 600;
}
.event.event--classic .event__market-row .event__outcome {
  margin: 0.25rem;
  border-radius: 4px;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .event.event--classic.template--multi-markets .event__extras {
    display: flex;
  }
}
.event.event--classic .event__outcome--with-name {
  flex-direction: row;
}
.event.event--classic .event__outcome--with-name .event-participants__participant-logo--lg {
  display: inline-block;
}
@media (max-width: 991.98px) {
  .event.event--classic .event__outcome--with-name .odds-with-label .event-participants__participant-logo {
    display: none;
  }
  .event.event--classic .event__outcome--with-name:last-child {
    flex-direction: row-reverse;
  }
}
.event-group {
  border-radius: 4px;
}
.event-group > :last-child .event--classic.template--multi-markets {
  border-bottom: none;
}
.event-group--date {
  padding: 0;
}
.event-group--date .event-group__header {
  font-size: 0.85rem;
  font-weight: 500;
  padding: 0.5rem;
}
@media (max-width: 991.98px) {
  .event-group--date {
    border-radius: 4px;
    overflow: hidden;
  }
  .event-group--date .event-group__wrapper {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
  }
  .event-group--date .event-group__wrapper + .event-group__wrapper {
    margin-top: 0.5rem;
    border-radius: 4px;
  }
}
.event-group .event-group__header--multi-markets .event-group__title {
  padding-left: 0.5rem;
}
@media (max-width: 991.98px) {
  .event-group .event-group__header--multi-markets .event-group__title {
    padding-right: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .event-group .event-group__header--multi-markets .event-group__bet-types {
    flex: 4;
    padding-left: 0;
  }
}
.event-group .event-group__header--multi-markets .event-group__bet-types__item {
  flex: 2 1 0;
  justify-content: center;
}
.event-group .event-group__header--multi-markets .event-group__bet-types {
  /*&:after {
    content: '';
    width: 50px;
    height: 100%;

    @include media-breakpoint-down(sm) {
      content: none;
    }
  }*/
}
.event-group__wrapper:not(:has(.event__info-block)) .sgm-icon {
  margin-left: 0.5rem;
}
.event-group .event__info__mobile {
  padding: 0.5rem 0.75rem;
  margin-top: 0;
  border-bottom: 1px solid;
}
.event-group .event__info__mobile .event__extras,
.event-group .event__info__mobile .event__stats {
  font-size: 0.8rem;
  font-weight: bold;
}
.event-group .event__info__mobile .event__extras:after {
  content: "H";
  font-size: 0.5rem;
  line-height: 1rem;
  display: inline-block;
  margin-left: 0.5rem;
  font-family: "apollo ui", serif;
}
.event-group .event__info__mobile .event__extras:hover {
  text-decoration: none;
}
.event-group .event__info__mobile .left-side {
  margin-left: 0.25rem;
}
.event-group .event__info__mobile .event__info-tournament {
  font-size: 0.875rem;
  line-height: 1.25;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .event-group .event__info__mobile .event__extras {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .event__extras {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    transition: color 0.2s;
  }
  .event__extras:hover {
    text-decoration: none;
  }
  .event__extras-prefix {
    display: none;
  }
  .event__extras-name {
    display: block;
  }
}

.odds-with-label {
  justify-content: center;
}

.icon-favorite-new {
  display: none;
}

.outright {
  border-radius: 4px;
}
.outright .name {
  font-size: 15px;
  font-weight: 700;
}
.outright.template--outright .outright-market__outcome {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.25rem;
}
.outright-market .odd-wrapper__content {
  align-items: center;
}
.outright-market .odd-wrapper__content span.odd {
  max-width: 5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sport-markets-header.breadcrumbs {
  padding: 0.25rem;
}

.main__body--sport-prematch .tournament__header {
  top: 2.5rem;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767.98px) {
  .main__body--sport-prematch .tournament__header {
    top: calc(56px + 2.5rem);
  }
  .main__body--sport-prematch .tournament__header.tournament__header--bet-types .tournament__header__market-row {
    display: none;
  }
  .main__body--sport-prematch .tournament__header .bet-types__selector {
    display: block;
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    padding-bottom: 0.25rem;
    padding-top: 0.125rem;
  }
  .main__body--sport-prematch .tournament__header .bet-types__selector__toggler {
    padding: 0.75rem 1rem 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
  }
  .main__body--sport-prematch .tournament__header .bet-types__selector__toggler:after {
    right: 0.75rem;
  }
}
.main__body--sport-prematch .sports-filter--tournament .sports-filter__container {
  padding-left: 0;
  padding-right: 0;
}
.main__body--sport-prematch .sports-filter--tournament .sports-filter__list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
@media (max-width: 767.98px) {
  .main__body--sport-prematch .sports-filter--tournament {
    top: 56px;
  }
}
.main__body--sport-prematch .sports-filter--outrights {
  top: 2.5rem;
}
@media (max-width: 767.98px) {
  .main__body--sport-prematch .sports-filter--outrights {
    top: 6rem;
  }
}
.main__body--sport-prematch:has(.tournament__header--bet-types) .sports-filter--outrights {
  top: 5rem;
}
@media (max-width: 767.98px) {
  .main__body--sport-prematch:has(.tournament__header--bet-types) .sports-filter--outrights {
    top: 8.5rem;
  }
}
.main__body--sport-prematch .event-details .timer-text-over {
  margin-top: 0.375rem;
  display: inline-block;
  border-radius: 0.3rem;
  border-style: solid;
  border-width: 1px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.25;
  padding: 3px 5px;
  margin-bottom: 0.875rem;
}
@media (max-width: 767.98px) {
  .main__body--sport-prematch .event-details {
    margin: -0.25rem -0.75rem 0;
  }
  .main__body--sport-prematch .event-details .event-list-select .event-name {
    padding: 0.25rem 1.5rem 0.25rem 0;
  }
  .main__body--sport-prematch .event-details .event-list-select .event-name .event-participants__participant {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .main__body--sport-prematch .event-details .event-list-select .event-name .event-participants__participant .event-participants__participant-logo {
    width: 1.25rem;
    height: 1.25rem;
  }
  .main__body--sport-prematch .event-details .event-list-select .event-name .event-participants__participant + span {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .main__body--sport-prematch .event-details .event-list-select .event-name:after {
    font-weight: 400;
    right: 0.375rem;
  }
  .main__body--sport-prematch .event-details .timer,
  .main__body--sport-prematch .event-details .timer-text-over {
    margin-top: 0.5rem;
  }
  .main__body--sport-prematch .event-details .timerText {
    padding-right: 0.25rem;
  }
}
.main__body--sport-prematch .event-details .sport-page__header-dropdown {
  width: 100%;
  margin-bottom: 0.5rem;
}
.main__body--sport-prematch .event-details .sport-page__header .sport-name {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-transform: none;
  border-radius: 0.375rem;
  transition: border-color 0.2s;
}
.main__body--sport-prematch .event-details .sport-page__header .sport-name:after {
  margin-left: auto;
  margin-right: 0.25rem;
}
.main__body--sport-prematch .event-details .sport-page__header .sportIcon {
  display: none;
}
.main__body--sport-prematch .event-details .sport-page__header + .tournament-list__dropdown {
  max-width: none;
}
.main__body--sport-prematch .event-details .sport-page__header + .tournament-list__dropdown .tournament-list__item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main__body--sport-prematch .event-details__top {
  min-height: 3rem;
}
.main__body--sport-prematch .event-details__top__cover {
  background-image: none !important;
}
.main__body--sport-prematch .event-details__inner {
  padding: 0 1rem 0.25rem 1rem;
}
@media (min-width: 768px) {
  .main__body--sport-prematch .event-details__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .main__body--sport-prematch .event-details__inner .top-event-status__time {
    justify-content: end;
  }
}
@media (max-width: 767.98px) {
  .main__body--sport-prematch .event-details__inner {
    padding: 0.5rem 0.75rem;
  }
}
.main__body--sport-prematch .event-details__tournament {
  display: none;
}
.main__body--sport-prematch .event-details .top-event-status__time {
  flex-direction: row;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
@media (max-width: 767.98px) {
  .main__body--sport-prematch .event-details .top-event-status__time {
    margin-top: 0.25rem;
  }
}
.main__body--sport-prematch .event__match-name {
  padding-left: 1rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
  .main__body--sport-prematch .event__match-name {
    padding-left: 0.75rem;
  }
}

.eventView__market-group {
  margin-top: 0.5rem;
}
.eventView__market-group .accordion-header {
  padding: 0.75rem 1rem 0.75rem 1.25rem;
  border-radius: 4px;
}
@media (max-width: 767.98px) {
  .eventView__market-group .accordion-header {
    position: sticky;
    top: 55px;
    z-index: 2;
  }
}
.eventView__market-group .accordion-header .sub-title {
  display: block;
  font-style: normal;
}
.eventView__market-group .accordion-header .title {
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
}
.eventView__market-group .accordion-header .arrow {
  right: 0.625rem;
}
.eventView__market-group .accordion-body {
  padding: 0;
  padding-bottom: 0.25rem;
}
@media (max-width: 575.98px) {
  .eventView__market-group .marketGroup__title {
    position: sticky;
    top: 96px;
    z-index: 1;
  }
}
.eventView .marketGroup .market {
  margin: 0.25rem;
  border-radius: 4px;
}

.marketGroup__rows {
  padding-bottom: 0.125rem;
}

.MarketTypePickLineView {
  padding: 0;
}

.MarketTypeDefaultView .MarketTypeDefaultView__row .market {
  /*margin-left: 1rem;
  margin-right: 1rem;*/
  border: none;
}
.MarketTypeDefaultView .MarketTypeDefaultView__row .market--handicap_dropdown, .MarketTypeDefaultView .MarketTypeDefaultView__row .market--pick_your_own_handicap {
  border-radius: 4px;
}
.MarketTypeDefaultView .MarketTypeDefaultView__competitors-block {
  font-weight: 500;
}
.MarketTypeDefaultView .odd-wrapper__content .odd {
  border-radius: 4px;
}

.icon-racing.icon-racing--all:before, .icons.icon--sports:before {
  content: "";
  background: none;
}

.icon-racing {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.icon[class*=sportIcon-]:before,
.iconResult[class*=sportIcon-]:before {
  font-family: "123bet-icons", "Asports", serif;
  min-width: 1.25rem;
}
.icon.sportIcon-1:before,
.iconResult.sportIcon-1:before {
  content: "\e92b";
}
.icon.sportIcon-2:before,
.iconResult.sportIcon-2:before {
  content: "\e965";
}
.icon.sportIcon-3:before,
.iconResult.sportIcon-3:before {
  content: "\e910";
}
.icon.sportIcon-63:before,
.iconResult.sportIcon-63:before {
  content: "\e94c";
  background: none;
}
.icon.sportIcon-22:before,
.iconResult.sportIcon-22:before {
  content: "\e965";
}
.icon.sportIcon-48:before,
.iconResult.sportIcon-48:before {
  content: "\e90f";
}
.icon.sportIcon-52:before,
.iconResult.sportIcon-52:before {
  content: "A";
}
.icon.sportIcon-55:before,
.iconResult.sportIcon-55:before {
  content: "\e95a";
}
.icon.sportIcon-53:before,
.iconResult.sportIcon-53:before {
  content: "\e91d";
}
.icon.sportIcon-19:before,
.iconResult.sportIcon-19:before {
  content: "\e91a";
}
.icon.sportIcon-11:before,
.iconResult.sportIcon-11:before {
  content: "\e924";
}
.icon.sportIcon-10:before,
.iconResult.sportIcon-10:before {
  content: "\e92e";
}
.icon.sportIcon-39:before,
.iconResult.sportIcon-39:before {
  content: "\e931";
}
.icon.sportIcon-18:before,
.iconResult.sportIcon-18:before {
  content: "\e90e";
}
.icon.sportIcon-60:before,
.iconResult.sportIcon-60:before {
  content: "\e940";
  background: none;
}
.icon.sportIcon-50:before,
.iconResult.sportIcon-50:before {
  content: "\e954";
}
.icon.sportIcon-49:before,
.iconResult.sportIcon-49:before {
  content: "\e955";
}
.icon,
.iconResult {
  /*&.sportIcon-54:before {
    // american football

  }*/
}
.icon.sportIcon-21:before,
.iconResult.sportIcon-21:before {
  content: "\e906";
}

.AIcon-angle-up:not(.up, .down):before, .AIcon-angle-up.icon:before, .AIcon-angle-up.arrow:before {
  transform: scale(0.75);
}

.AIcon-angle-down:not(.up, .down):before, .AIcon-angle-down.icon:before, .AIcon-angle-down.arrow:before {
  transform: scale(0.75);
}

@media (max-width: 767.98px) {
  .sport-page__content--nothing-found {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

h3.nothing-found:before {
  content: "";
  display: block;
  aspect-ratio: 280/220;
  width: 100%;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  background-image: url(/static/assets/images/123bet-nothing-found.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 767.98px) {
  h3.nothing-found {
    margin-block-start: 0;
  }
  h3.nothing-found:before {
    max-width: 170px;
  }
}

/* Icons */
.icons {
  position: relative;
  filter: unset;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.25rem;
  height: 1.25rem;
}
.icons.icon--sports {
  background-image: url(/static/assets/images/icons/bp-sports.png);
}
.icons.icon--sgm, .icons.icon--sgm-color, .icons.icon--sgm-green {
  background-image: url(/static/assets/images/icons/123-sgm-color.png);
}
.icons.icon--promo-odds {
  background-image: url(/static/assets/images/icons/fire-promo-odds.png);
}

.sport-filter--provider.sFilter .item .sgm-provider:before {
  background-image: url(/static/assets/images/icons/123-sgm-color.png);
}

.icon-racing.icon-racing--all {
  background-image: url(/static/assets/images/icons/racing-horses.png);
  opacity: 0;
}
.icon-racing.icon-racing--horse {
  background-image: url(/static/assets/images/icons/racing-horses.png);
}
.icon-racing.icon-racing--trot {
  background-image: url(/static/assets/images/icons/racing-harness.png);
}
.icon-racing.icon-racing--dog {
  background-image: url(/static/assets/images/icons/racing-greyhounds.png);
}

.sidebar_race .sidebar-tree__section-title .icon-racing {
  background-image: url(/static/assets/images/icons/racing-horses.png);
  width: 1.25rem;
  height: 1.25rem;
}

.sidebar-tree__section-item .icon,
.sidebar-tree__section-item .icon-racing {
  margin-right: 0.75rem;
}

.main__body__content .react-tabs {
  margin-top: 0.625rem;
}
.main__body__content .banner-slider {
  border-radius: 0.375rem;
  overflow: hidden;
}
.main__body__content .banner-slider__slide {
  height: auto;
}
.main__body__content .banner-slider__slide .banner-slider__slide_img {
  width: 100%;
  object-fit: contain;
}
.main__body__content .banner-slider .slick-slide {
  aspect-ratio: 981/275;
}
@media (max-width: 575.98px) {
  .main__body__content .banner-slider .slick-slide {
    aspect-ratio: 409/200;
  }
}
@media (max-width: 991.98px) {
  .main__body__content .banner-slider {
    margin-left: 0;
    margin-right: 0;
  }
}

.main__page,
.main__sidebar--right {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .main__page,
  .main__sidebar--right {
    margin-top: 0;
  }
}
.main__page.auth-block-modal,
.main__sidebar--right.auth-block-modal {
  margin-top: 0;
  margin-bottom: 0;
}

.main__sidebar--right {
  margin-bottom: 0;
}

.main__sidebar--left .sidebar-head {
  display: none;
}
.main__sidebar--left .sidebar-tree .sidebar-tree__section {
  box-shadow: none;
}
.main__sidebar--left .icon--bespoke-markets {
  background-image: url(/static/assets/images/icons/123-bespoke-markets.png);
  filter: none !important;
}
.main__sidebar--left .sidebar-tree__section-title {
  max-width: 250px;
}
.main__sidebar--left .sidebar-tree__section-title--link {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main__sidebar--left .sidebar-tree__section-title .icons {
  width: 1.25rem;
  height: 1.25rem;
}
.main__sidebar--left .sidebar-tree__section-title .icon--bet-bonus-all {
  background-image: url(/static/assets/images/icons/ico-bonus-all.png);
}
@media (min-width: 768px) {
  .main__sidebar--left {
    top: -52px;
  }
  .main__sidebar--left,
  .main__sidebar--left .main-sidebar__container {
    height: calc(100vh - 64px);
  }
  .main__sidebar--left .sidebar-body,
  .main__sidebar--left .main-sidebar__container .sidebar-body {
    max-height: calc(100vh - 64px - 1px);
  }
  .main__sidebar--left .sidebar-tree__section-data {
    margin-left: 1.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .main__sidebar--left.sidebar {
    top: 64px;
  }
}
.main__sidebar--right {
  margin-left: 0.75rem;
}
.main__sidebar--right .sidebar-head {
  padding-top: 0;
}
.main__sidebar--right .sidebar-head .backToMain {
  display: flex;
  padding: 0;
  left: 0.625rem;
  top: 0.625rem;
}
.main__sidebar--right .main-sidebar__container {
  border-radius: 1rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.main__sidebar--right .main-sidebar__container .sidebar-body--betslip {
  padding-bottom: 0;
}

.home-tabs {
  max-width: none;
  margin: 0;
  border-radius: 6px;
}
.home-tabs--wrapper {
  position: static;
  padding: 0;
  margin: 0;
}
.home-tabs .home-tabs__tab-btn .btn {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: 6px;
  font: 1.5rem Barlow Condensed;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
}
.home-tabs .home-tabs__tab-btn .btn .icon,
.home-tabs .home-tabs__tab-btn .btn .icon-racing {
  width: 1.5rem;
  height: 1.5rem;
}
.home-tabs .home-tabs__tab-btn .btn .icon-racing {
  background-image: url(/static/assets/images/icons/racing-horses.png);
  width: 1.75rem;
  height: 1.75rem;
}
.home-tabs .home-tabs__tab-btn .btn .icon {
  background-image: url(/static/assets/images/icons/bp-sports.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.home-tabs .home-tabs__tab-btn .btn .icon:before {
  content: "";
}
.home-tabs .home-tabs__tab-btn:first-child .btn {
  border-radius: 6px 0 0 6px;
}
.home-tabs .home-tabs__tab-btn:last-child .btn {
  border-radius: 0 6px 6px 0;
}

.home-tab .types {
  max-width: none;
  justify-content: start;
  gap: 0.5rem;
}
.home-tab .types .type__container {
  flex: 0;
  min-width: auto;
  min-height: auto;
}
.home-tab .types .type__container:has(.icon--bespoke-markets) {
  margin-left: 0.25rem;
}
.home-tab .types .type__container .type__container-inner {
  border-radius: 4px;
}
.home-tab .types .type__container .type__title {
  display: none;
}
.home-tab .types .type__container .type__item-group-icon {
  justify-content: flex-start;
  border-radius: 4px;
  padding: 0.25rem;
}
.home-tab .types .type__container .type__item-group-icon .icon-racing {
  width: 1.75rem;
  height: 1.75rem;
}
.home-tab .types .type__container .type__item-group-icon .type__item-label {
  padding: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.home-tab .types .type__container .type__item-group-icon .icons {
  width: 1.5rem;
  height: 1.5rem;
}
.home-tab .types .type__container .type__item-group-icon .AkIcon-more-icon:before,
.home-tab .types .type__container .type__item-group-icon .icon {
  font-size: 1.5rem;
  margin: 0;
  filter: invert(1);
}
.home-tab .sport-events__header {
  margin-bottom: 0.25rem;
}
.home-tab .sport-events__title {
  font-size: 1rem;
  margin: 0;
}
.home-tab .sport-events .sport-events__link-all {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
}
.home-tab .sport-events .sport-events__link-all:after {
  font-family: "apollo ui", sans-serif;
  content: "H";
  font-size: 0.5rem;
  margin-left: 0.25rem;
}
.home-tab .sport-events__list-item {
  border-radius: 0.5rem 0.5rem 6px 6px;
  padding: 0;
  justify-content: space-between;
  max-width: 100%;
}
.home-tab .sport-events__list-item .top-event-item__head {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 0.5rem 0.75rem;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.home-tab .sport-events__list-item .top-event-item__head .icon {
  font-size: 1rem;
  margin-right: 0.25rem;
}
.home-tab .sport-events__list-item .top-event-item__market {
  position: relative;
  z-index: 1;
  padding: 0 0.5rem 0.75rem 0.5rem;
}
.home-tab .sport-events__list-item .top-event-item__market:has(.promo-odds) {
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.home-tab .sport-events__list-item .top-event-item__market .main-market__outcome {
  transition: none;
  padding: 0.25rem;
  margin: 0 0.25rem;
  flex: 1;
}
.home-tab .sport-events__list-item .top-event-item__market .main-market__outcome .name {
  display: block;
  font-size: 9px;
  line-height: 9px;
}
.home-tab .sport-events__list-item .top-event-item__market .odd-wrapper:has(.highlighted .promo-odds) {
  border-radius: 0.25rem;
  padding: 0.125rem;
  position: relative;
  z-index: auto;
  box-sizing: border-box;
  background-clip: padding-box;
  border: 4px solid transparent !important;
  /*> * {
    position: relative;
    z-index: 1;
  }*/
}
.home-tab .sport-events__list-item .top-event-item__market .odd-wrapper:has(.highlighted .promo-odds):before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: -4px;
  border-radius: inherit;
  background-image: linear-gradient(var(--angle-gradient), transparent 0%, #fb8c0f 50%, transparent 100%);
  opacity: 0.7;
  animation: 3s rotate-deg-property linear infinite;
}
@keyframes rotate-deg-property {
  to {
    --angle-gradient: 360deg;
  }
}
.home-tab .sport-events__list-item .top-event-item__market .odd-wrapper:has(.highlighted .promo-odds):has(.selected) {
  border-color: #008d35;
}
@media (hover: hover) {
  .home-tab .sport-events__list-item .top-event-item__market .odd-wrapper:has(.highlighted .promo-odds):has(.selected):hover {
    border-color: rgb(0, 166.5, 62.585106383);
  }
}
.home-tab .sport-events__list-item .top-event-item__market .odd-wrapper:has(.highlighted .promo-odds):has(.selected):before {
  border-color: transparent;
}
.home-tab .sport-events__list-item .top-event-item__market .odd-wrapper:has(.highlighted .promo-odds) .odd {
  border: none;
}
.home-tab .sport-events__list-item .top-event-item__market .odd-wrapper:has(.highlighted .promo-odds) .odd:before {
  content: none;
}
.home-tab .sport-events__list-item .top-event-info__left,
.home-tab .sport-events__list-item .top-event-info__right {
  flex: 2;
}
.home-tab .sport-events__list-item .top-event-info__left .top-event-info__participant,
.home-tab .sport-events__list-item .top-event-info__right .top-event-info__participant {
  display: none;
}
.home-tab .sport-events__list-item .top-event-info__center {
  flex: 5;
}
.home-tab .sport-events__list-item .top-event-status-icons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.home-tab .sport-events__list-item .top-event-status-icons .top-event-status__sgm {
  margin-top: 0;
  margin-bottom: 0;
}
.home-tab .sport-events__list-item .top-event-status-icons .icons {
  margin-top: -0.25rem;
  margin-bottom: 0.25rem;
}
.home-tab .sport-events__list-item .top-event-status-icons .icons.icon--bet-bonus-all {
  transform: translateY(-2px);
}
.home-tab .sport-events__list-item .top-event-status__participants {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.home-tab .sport-events__list-item .top-event-status__participants .top-event-info__participant {
  max-width: 100%;
  height: auto;
  max-height: 2.25rem;
  font-weight: 600;
}
.home-tab .sport-events__list-item .top-event-status {
  align-items: center;
}
.home-tab .sport-events__list-item .top-event-status__time {
  font-size: 0.75rem;
  flex-direction: row;
  margin: 0.5rem 0 0.25rem 0;
  gap: 0.25rem;
}
.home-tab .sport-events__list-item .event-participants__participant-logo {
  width: 3.5rem;
  height: 3.5rem;
}
.home-tab .cms-widget-wrapper:has(div) {
  margin-top: 0.5rem;
}
.home-tab .cms-widget-wrapper:has(div) + .cms-widget-wrapper:has(div) {
  margin-top: 1.5rem;
}
.home-tab .home-sports-list .sport-events {
  margin-top: 1rem;
}
.home-tab .home-sports-list .sport-events + .sport-events {
  margin-top: 1.5rem;
}

.home-next-jump {
  align-items: stretch;
}
.home-next-jump__col-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.home-next-jump :not(:has(.next-jump-box__mobile)) .home-next-jump__col-title {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 6px 6px 0 0;
}
.home-next-jump :not(:has(.next-jump-box__mobile)) .next-jump-box__item {
  padding: 0.75rem;
}
.home-next-jump :not(:has(.next-jump-box__mobile)) .next-jump-box__item:last-child {
  border-radius: 0 0 6px 6px;
}
.home-next-jump :not(:has(.next-jump-box__mobile)) .next-jump-box__item .icon-racing {
  transform: scale(1.25);
}

@media (max-width: 767.98px) {
  .home-next-jump .home-next-jump__col-title {
    padding: 0.5rem 0.5rem 0 0.5rem;
  }
  .home-next-jump .home-next-jump__col-title .race-link-all {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    transition: none;
  }
  .home-next-jump .home-next-jump__col-title .race-link-all:after {
    font-family: "apollo ui", sans-serif;
    content: "H";
    font-size: 0.5rem;
    margin-left: 0.25rem;
  }
  .home-next-jump--race-type-list {
    margin: 0;
  }
  .home-next-jump .next-jump-box {
    padding-bottom: 1rem;
  }
  .type__item-group-icon .icons:not(.AkIcon-more-icon),
  .type__item-group-icon .icon-racing {
    width: 2rem;
    height: 2rem;
  }
  .next-jump-box .next-jump-box__mobile .next-jump-box__item {
    padding: 0.5rem;
    border-radius: 4px;
  }
  .next-jump-box .next-jump-box__mobile .next-jump-box__item:first-child {
    margin-left: 0.75rem;
  }
  .next-jump-box .next-jump-box__mobile .next-jump-box__item .event-icon {
    width: 2.25rem;
    height: 2.25rem;
  }
  .next-jump-box .next-jump-box__mobile .next-jump-box__item .event-icon .icon-racing {
    position: static;
    width: 100%;
    height: 100%;
  }
  .next-jump-box .next-jump-box__mobile .next-jump-box__item-title {
    padding: 0;
    height: 100%;
  }
  .next-jump-box .next-jump-box__mobile .next-jump-box__item .race-name {
    font-size: 1rem;
    margin-top: auto;
  }
  .next-jump-box .next-jump-box__mobile .next-jump-box__item-countdown--wrapper {
    top: 0.5rem;
    right: 0.5rem;
    bottom: auto;
    width: auto;
    padding: 0;
  }
  .next-jump-box .next-jump-box__mobile .next-jump-box__item-countdown--wrapper .race-countdown {
    font-size: 0.75rem;
    border-radius: 4px;
    padding: 0.15rem 0.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .home-next-jump__col-title .race-next-to-jump {
    display: none;
  }
}
.cms-widget .cms-widget__race .event__outcome {
  width: 3.5rem;
}
.cms-widget--sport-featured-event.cms-widget.cms-widget--empty-participants .top-event-info--with-logo {
  display: none;
}
.cms-widget--sport-featured-event.cms-widget.cms-widget--empty-participants .cms-widget__date-start {
  display: block;
}
.cms-widget--sport-featured-event.cms-widget.cms-widget--outright-markets .cms-widget__link-all {
  display: flex;
}
.cms-widget--sport-featured-event.cms-widget.cms-widget--outright-markets .top-event-item__market .main-market__outcome {
  display: none;
}
.cms-widget--sport-featured-event.cms-widget.cms-widget--outright-markets .top-event-item__market .main-market__outcome:nth-child(-n+5) {
  display: block;
  min-height: 3.75rem;
}
.cms-widget--sport-featured-event.cms-widget.cms-widget--outright-markets .top-event-item__market .odd-wrapper {
  padding: 0.5rem 0.125rem;
}
.cms-widget--sport-featured-event.cms-widget.cms-widget--outright-markets .top-event-item__market .odd-wrapper__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.cms-widget--sport-featured-event.cms-widget.cms-widget--outright-markets .top-event-item__market .odd-wrapper .name {
  margin-top: auto;
  margin-bottom: auto;
}
.cms-widget--sport-featured-event.cms-widget .top-event-item .top-event-status__participants {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .cms-widget--sport-featured-event.cms-widget .top-event-item .top-event-status__participants {
    flex-direction: row;
    gap: 1rem;
  }
  .cms-widget--sport-featured-event.cms-widget .top-event-item .top-event-status__participants .top-event-info__participant {
    flex: 1;
  }
  .cms-widget--sport-featured-event.cms-widget .top-event-item .top-event-status__participants .top-event-info__participant:nth-of-type(1) {
    text-align: right;
  }
  .cms-widget--sport-featured-event.cms-widget .top-event-item .top-event-status__participants .top-event-info__participant:nth-of-type(2) {
    text-align: left;
  }
}
.cms-widget--sport-featured-event.cms-widget .top-event-item .top-event-status .top-event-status__time {
  display: none;
}
.cms-widget--sport-featured-event.cms-widget .top-event-item .top-event-info--with-logo {
  margin-bottom: 0.5rem;
}
.cms-widget--sport-featured-event.cms-widget .top-event-info__body {
  align-items: center;
}
.cms-widget--sport-featured-event.cms-widget .top-event-item__head {
  display: none;
}
.cms-widget--sport-featured-event.cms-widget .top-event-item__market {
  padding: 0;
}

.sidebar-body--betslip .tab__content {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.sidebar-body--betslip .bets__betslip.pending .bets__block__title {
  height: auto;
  padding: 0.25rem 0.75rem;
}
.sidebar-body--betslip .bets__betslip .max-bet__warning {
  font-size: 0.8rem;
  margin-left: 0.25rem;
}

.bets .emptyIcon {
  opacity: 0;
}
.bets .empty-state-label,
.bets .emptyText {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  display: block;
}
.bets .emptyText {
  margin-top: 0.875rem;
}
.bets__betslip .itemList__item {
  --closeWidth: 1rem;
}
.bets__betslip .itemList__item:before {
  left: -0.25rem;
}
.bets__betslip .itemList__item .close {
  position: absolute;
  top: 10px;
  right: 0.25rem;
  font-weight: normal;
  display: inline-flex;
  padding-bottom: 2px;
  font-size: 1.25rem;
}
.bets__betslip .itemList__item .close:hover {
  transform: scale(1.2);
}
.bets__betslip .itemList__item .btn-bonus__wrapper {
  gap: 0.5rem;
}
.bets__betslip .itemList__item .b-row.controls__block {
  gap: 0.5rem;
}
.bets__betslip .itemList__item .b-row.controls__block > .b-col {
  margin-left: 0;
  margin-right: 0;
}
.bets__betslip .itemList__item .b-row.controls__block > .b-col > .b-col {
  margin-left: 0;
  margin-right: 0;
}
.bets__betslip .itemList__item .loading {
  padding: 0.5rem;
}
.bets__betslip .itemList__item .event {
  padding-top: 0;
  max-width: calc(100% - var(--closeWidth) - var(--oddWidth) - 1rem);
}
.bets__betslip .itemList__item .odd {
  line-height: 20px;
}
.bets__betslip .itemList__item .odd .odd__default,
.bets__betslip .itemList__item .odd .odd__original {
  margin-right: 0;
}
.bets__betslip .itemList__item .event__name {
  font-size: 0.8rem;
}
.bets__betslip .itemList__item .event__name-name,
.bets__betslip .itemList__item .event__name .event__team {
  padding-left: 0;
}
.bets__betslip .itemList__item .event__name .event-icon {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0.25rem;
}
.bets__betslip .itemList__item .event__name .race-countdown {
  margin-top: 0;
  margin-bottom: 0;
}
.bets__betslip .itemList__item .event__outcome-name {
  margin-bottom: 0;
}
.bets__betslip .itemList__item .event__outcome-logo {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  flex-shrink: 0;
}
.bets__betslip .itemList__item .event__outcome-container .event__outcome-details {
  max-width: none;
}
.bets__betslip .itemList__item .event__outcome-container .event__outcome-details .event__name--hard {
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.bets__betslip .itemList__item .event__outcome-container .event__outcome-details .event__name--hard > :last-child {
  font-weight: bold;
}
.bets__betslip .itemList {
  /*.runnerImage {
    margin-left: 0.125rem;
    margin-right: 0.25rem;
  }*/
}
.bets__betslip .itemList_header .AkIcon-check-icon:before {
  line-height: 0.8;
}
.bets__betslip {
  /*.block--input-money {
    .block__wrap {
      display: flex;
      justify-content: end;
    }

    .row {
      max-width: 80px;
    }

    @include media-breakpoint-down(md) {
      .ui__field {
        min-width: 80px;
      }
    }
  }*/
}
.bets__betslip .block--input-money .fake-input {
  scroll-margin-top: 7rem;
}
.bets__betslip .itemList__item__note {
  border: 1px solid;
  margin: 0;
}
@media (max-width: 991.98px) {
  .bets__betslip .itemList__item .b-row .b-col {
    flex: 1 0 0;
  }
}
.bets__betslip .itemList__item,
.bets__betslip .stake-all {
  border-bottom-color: #727272;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 991.98px) {
  .bets__betslip .stake-all .block--input-money {
    padding-right: 0.5rem;
    margin-right: 0;
  }
}
.bets__betslip {
  /*.controls__block {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-bottom: 0;

  }*/
  /*.markets__block {
    max-width: 5.8rem;
  }*/
}
.bets__betslip .event__outcome-details {
  margin-left: 0.25rem;
}
.bets .accordion {
  margin-bottom: 0.5rem;
}
.bets .accordion-header {
  border-radius: 4px;
}
.bets .accordion-header .arrow::before {
  font-size: 0.75rem;
  vertical-align: initial;
}
.bets .coupon {
  padding: 0.5rem;
}
.bets .coupon .icon {
  line-height: unset;
}
.bets .coupon__odd .icon--odds_boost,
.bets .coupon__odd .icon--promo_odds {
  top: 0.75rem;
}
.bets .coupon__block-details .coupon__outcome {
  width: 100%;
}
@media (max-width: 767.98px) {
  .bets__block__content .status-combined {
    display: flex;
    padding-left: 2.25rem;
  }
}
.bets__block__content-multiple .coupon__outcome__link .sportIcon,
.bets__block__content-multiple .coupon__outcome__link .icon-racing,
.bets__block__content-multiple .sub-item .sportIcon,
.bets__block__content-multiple .sub-item .icon-racing, .bets__block__content-same-race-multiple .coupon__outcome__link .sportIcon,
.bets__block__content-same-race-multiple .coupon__outcome__link .icon-racing,
.bets__block__content-same-race-multiple .sub-item .sportIcon,
.bets__block__content-same-race-multiple .sub-item .icon-racing, .bets__block__content-same-game-multiple .coupon__outcome__link .sportIcon,
.bets__block__content-same-game-multiple .coupon__outcome__link .icon-racing,
.bets__block__content-same-game-multiple .sub-item .sportIcon,
.bets__block__content-same-game-multiple .sub-item .icon-racing {
  font-size: 1.25rem;
}
.bets__block__content-multiple .event--multi__wrapper, .bets__block__content-same-race-multiple .event--multi__wrapper, .bets__block__content-same-game-multiple .event--multi__wrapper {
  padding: 0.5rem;
}
.bets__block__content-multiple .event--multi__wrapper .sub-item .event__outcome-container .runnerImage,
.bets__block__content-multiple .event--multi__wrapper .sub-item .event__outcome-container .sportIcon, .bets__block__content-same-race-multiple .event--multi__wrapper .sub-item .event__outcome-container .runnerImage,
.bets__block__content-same-race-multiple .event--multi__wrapper .sub-item .event__outcome-container .sportIcon, .bets__block__content-same-game-multiple .event--multi__wrapper .sub-item .event__outcome-container .runnerImage,
.bets__block__content-same-game-multiple .event--multi__wrapper .sub-item .event__outcome-container .sportIcon {
  display: flex;
}
.bets__block__content-multiple .event--multi__wrapper .sub-item .event__outcome-container .sportIcon, .bets__block__content-same-race-multiple .event--multi__wrapper .sub-item .event__outcome-container .sportIcon, .bets__block__content-same-game-multiple .event--multi__wrapper .sub-item .event__outcome-container .sportIcon {
  margin-right: 0.5rem;
}
.bets__block__content-multiple .event--multi__wrapper .sub-item:has(.runnerImage), .bets__block__content-same-race-multiple .event--multi__wrapper .sub-item:has(.runnerImage), .bets__block__content-same-game-multiple .event--multi__wrapper .sub-item:has(.runnerImage) {
  padding-left: 0;
}
.bets__block__content-multiple .event--multi__wrapper .sub-item:has(.sportIcon), .bets__block__content-same-race-multiple .event--multi__wrapper .sub-item:has(.sportIcon), .bets__block__content-same-game-multiple .event--multi__wrapper .sub-item:has(.sportIcon) {
  padding-left: 0;
}
.leg-status {
  order: 2;
  margin-left: auto;
  margin-right: -0.25rem;
}
.leg-status__label {
  font-size: 0.75rem;
  font-weight: 500;
}
.leg-status__icon {
  border-radius: 50%;
  border: none;
  padding: 0;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(/static/assets/images/icons/leg-pending.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.leg-status__icon:before {
  content: "";
}
.leg-status__icon--win {
  background-image: url(/static/assets/images/icons/leg-won.svg);
}
.leg-status__icon--lose {
  background-image: url(/static/assets/images/icons/leg-lost.svg);
}
.leg-status__icon--interim {
  background-image: url(/static/assets/images/icons/leg-interim.svg);
}
.leg-status__icon--void {
  background-image: url(/static/assets/images/icons/leg-void.svg);
}
.leg-status--not_defined .leg-status__label {
  color: #70738c;
}
.leg-status--void .leg-status__label {
  color: #70738c;
}

.progress-bar.outcome-stat-tracker .progress-bar__current,
.progress-bar.outcome-stat-tracker .progress-bar__required {
  font-size: 11px;
}

.race-countdown,
.race-status {
  border-radius: 1.25rem;
}

.main__body--race-page .event__info {
  max-width: 320px;
  width: 100%;
}
.main__body--race-page .event__flucs {
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .main__body--race-page .race-nav__container {
    padding: 0.25rem 0;
  }
}
.main__body--race-page .race-numbers {
  display: none;
}
.main__body--race-page .race-numbers--mobile {
  display: block;
  margin-right: 0.5rem;
}
@media (max-width: 767.98px) {
  .main__body--race-page .race-numbers--mobile {
    height: 2.35rem;
  }
}
.main__body--race-page .race-numbers .race__number__container {
  margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
  .main__body--race-page .race-numbers .race__number__container {
    padding-left: 0;
    padding-right: 0;
  }
}
.main__body--race-page .race-numbers .race__number__container .race__number__item_option {
  padding: 0.25rem 0.5rem;
  border: 1px solid;
  margin-right: 0.25rem;
  border-radius: 4px;
  font-weight: 600;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item_option:after {
  display: none;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item_option .startTime {
  display: none;
}
.main__body--race-page .race-numbers .race__number__container .race__number__item_option .icons.icon--bet-bonus-all {
  border-radius: 0;
  z-index: 10;
}
@media (max-width: 767.98px) {
  .main__body--race-page .race-numbers .race__number__container .race__number__item .race__number__item_option {
    border-radius: 4px;
  }
}
@media (max-width: 767.98px) {
  .main__body--race-page .tournament__header {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .main__body--race-page .single_race_multi_wrapper .tournament__header,
  .main__body--race-page .dutch_book_wrapper .tournament__header {
    padding-bottom: 0;
  }
  .main__body--race-page .single_race_multi_wrapper .tournament__header .event__main-period,
  .main__body--race-page .dutch_book_wrapper .tournament__header .event__main-period {
    padding: 0.25rem 0;
  }
}
@media (max-width: 991.98px) {
  .main__body--race-page .event__main-period {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main__body--race-page .event__odds-histories {
    margin-top: 0;
    margin-bottom: 0.25rem;
  }
  .main__body--race-page .odds-with-selected-label {
    margin-bottom: 0.25rem;
  }
}
.main__body--race-page .race__results {
  position: relative;
  right: 0.25px;
}
.main__body--race-page .race__results .event-group {
  border: none;
}
.main__body--race-page .race__info .icon-racing {
  margin-right: 0.5rem;
}
@media (max-width: 767.98px) {
  .main__body--race-page .page__markets_tab_container {
    padding-left: 0;
    padding-right: 0;
  }
}
.main__body--race-page .page__markets_tab_container .scroll__container > :first-child {
  width: 100%;
}
.main__body--race-page .page__markets_tab_container .tab {
  font-weight: 600;
}
.main__body--race-page .racelist {
  position: relative;
  right: 0.15px;
}
.main__body--race-page .racelist .event-participants__participant {
  font-size: 0.875rem;
  font-weight: 600;
}
.main__body--race-page .racelist .event-participants__participant-info {
  font-size: 0.75rem;
}
@media (max-width: 767.98px) {
  .main__body--race-page .racelist .event-participants__participant-info {
    flex-direction: column;
  }
}
.main__body--race-page .racelist .tournament__header {
  align-items: flex-end;
  height: auto;
}
@media (max-width: 767.98px) {
  .main__body--race-page .racelist .tournament__header .event {
    padding-top: 0;
    padding-bottom: 0.25rem;
  }
}
.main__body--race-page .racelist .tournament__header .event-participants__participant {
  font-size: 0.75rem;
}
.main__body--race-page .racelist .tournament__header .event__market-row:has(.event__market-row-market--multilegs) {
  flex-direction: column;
  align-items: flex-end;
}
.main__body--race-page .racelist .tournament__header .event__market-row:has(.event__market-row-market--multilegs) .sorting {
  margin: 0 1.5rem;
  padding-right: 0.5rem;
}
.main__body--race-page .racelist.tournament .tournament__header.sub-header {
  margin-top: 0;
}
.main__body--race-page .racelist .event {
  border: none;
  border-bottom: 1px solid;
}
.main__body--race-page .racelist .event__market-row {
  justify-content: flex-end;
}
.main__body--race-page .racelist .event__market-row-market--checkbox .event__outcome:before {
  display: none;
}
.main__body--race-page .racelist .event__market-row-market--boxed:has(.disabled-boxed),
.main__body--race-page .racelist .event__market-row-market--boxed .place {
  display: none;
}
.main__body--race-page .racelist .event__market-row-market--boxed .event__outcome:before {
  display: block;
}
.main__body--race-page .racelist .event__market-row-market .event__outcome.odds__promo-odds .up {
  top: -1px;
}
.main__body--race-page .racelist .event__market-row-market .event__outcome.odds__promo-odds .down {
  bottom: 0;
}
.main__body--race-page .racelist .event__market-row-market--multilegs .event__outcome {
  width: 2rem;
  align-self: center;
}
.main__body--race-page .racelist .event__market-row-market--multilegs .event__outcome:before {
  display: block;
}
.main__body--race-page .racelist .event__market-row-market--multilegs .event__outcome .add-label {
  display: none;
}
.main__body--race-page .racelist .event__market-row-market .favorite {
  height: min-content;
  top: -4px;
  left: 15%;
  right: 15%;
  min-width: 70%;
  border-radius: 3px;
  text-transform: uppercase;
  word-wrap: break-word;
  text-align: center;
}
.main__body--race-page .racelist .event__market-row-market .srm__row_wrapper .srm__row_values .favorite {
  width: auto;
  top: unset;
}
.main__body--race-page .racelist .event__market-row-market .srm__row_wrapper .srm__row_values .down {
  bottom: 6px;
}
.main__body--race-page .racelist .event__market-row-market .srm__row_wrapper .srm__row_values .up {
  top: 4px;
}
.main__body--race-page .exotic_race_wrapper .tournament__header .event__main-period .event__info {
  margin-right: 2.5rem;
}
.main__body--race-page .exotic_race_wrapper .tournament__header .event__main-period {
  padding-right: 0;
}
.main__body--race-page .promo-odds .odds__promo-odds_old {
  margin-top: -0.125rem;
}
.main__body--race-page .promo-odds .odds__promo-odds_new {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  .next-jump-box__mobile .icon-racing {
    left: 0.5rem;
  }
  .next-jump-box__mobile .icon-racing.icon-racing--horse {
    background-image: url(/static/assets/images/icons/racing-horses.png);
  }
  .next-jump-box__mobile .icon-racing.icon-racing--dog {
    background-image: url(/static/assets/images/icons/racing-greyhounds.png);
  }
  .next-jump-box__mobile .icon-racing.icon-racing--trot {
    background-image: url(/static/assets/images/icons/racing-harness.png);
  }
}
.main__page__account__block__title:has(.bonus-navigation) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.main__page__account__aside {
  padding-top: 0.25rem;
}
.main__page__account__aside .client-info-container {
  margin: 0.75rem;
}

.auth-block-modal .header__logo {
  display: block;
  background-image: url(/static/assets/images/123bet-logo.png);
  width: 68px;
  height: 24px;
  position: static;
}
.auth-block-modal .signup__form {
  padding-top: 0.75rem;
}
.auth-block-modal__top-block {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.auth-block-modal__container__header {
  margin: 0;
  padding-bottom: 1.5rem;
}
.auth-block-modal__form {
  border-radius: 0;
}
.auth-block-modal__container__footer {
  flex-direction: row;
  justify-content: center;
  padding-bottom: 1rem;
}
.auth-block-modal__container__footer h3 {
  font-weight: normal;
  font-size: 0.8rem;
}
.auth-block-modal__container__footer .signup-link {
  font-weight: bolder;
  font-size: 0.8rem;
  padding: 0;
  width: auto;
  margin-left: 0.25rem;
  text-decoration: underline;
}
.auth-block-modal .form-wrapper__footer {
  padding-top: 0.5rem;
  text-align: right;
}
.auth-block-modal .form-wrapper__footer a {
  font-size: 0.8rem;
  text-decoration: underline;
}
.auth-block-modal .form-wrapper__footer a:hover {
  text-decoration: none;
}
.auth-block-modal .icon__close {
  color: inherit;
  transform: none;
}
.auth-block-modal .icon__close:hover {
  opacity: 1;
}
.auth-block-modal .icon__close__wrapper {
  top: -4.2rem;
  right: 0.45rem;
  opacity: 1;
}

.free-bet-modal .free-bet-bonus--amount .icon--freebet {
  background-image: url(/static/assets/images/icons/123-bonus-bet.svg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(83%) saturate(724%) hue-rotate(99deg) brightness(92%) contrast(101%);
}

.signup__form .block__bGroup {
  justify-content: center;
}

.main__page__account__block__title .navigation.bonus-navigation .scroll__container > :first-child {
  width: 100%;
}
.main__page__account__block__title .navigation.bonus-navigation .bonus-tabs-container a.bet-bonus--link .icons {
  margin-right: 0.25rem;
}
.main__page__account__block__title .navigation.bonus-navigation .bonus-tabs-container .bet-bonus--counter {
  min-width: 1rem;
  padding-left: 0.281rem;
  padding-right: 0.281rem;
  margin-left: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.main__page__account__block__title .navigation.navigation--secondary .link-list.link-list--has-bonus {
  margin-right: 0.25rem !important;
}
.main__page__account .bet-return-bonus-banner {
  border-radius: 4px;
}
.main__page__account__block__content .details-profile,
.main__page__account__block__content .bonus-banners {
  border-radius: 0.5rem;
}
.main__page__account__block__content .bonus-banners {
  padding: 0;
  max-width: none;
}
.main__page__account__block__content .bonus-banners-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 0.5rem 0.75rem;
}
.main__page__account__block__content .bonus-banners .filter__wrapper {
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-bottom: 0;
  gap: 0.5rem;
}
.main__page__account__block__content .bonus-banners__item {
  cursor: default;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 0.75rem 0.75rem 0.75rem 3.75rem;
  border-radius: 0.5rem;
  min-height: 6rem;
  height: auto;
  margin-bottom: 0;
}
.main__page__account__block__content .bonus-banners__item.PROMO_ODDS {
  border: 3px solid #fb8c0f;
  padding-right: 4rem;
  position: relative;
  z-index: auto;
  box-sizing: border-box;
  background-clip: padding-box;
  border: 3px solid transparent !important;
  /*> * {
    position: relative;
    z-index: 1;
  }*/
}
.main__page__account__block__content .bonus-banners__item.PROMO_ODDS:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background-image: conic-gradient(from var(--angle-gradient) at 50% 50%, #fb8c0f 0deg, #ffc107 77.21deg, #fb8c0f 178.47deg, #ffc107 255.67deg, #fb8c0f 360deg);
  animation: 2s rotate-deg-property linear infinite;
}
@keyframes rotate-deg-property {
  to {
    --angle-gradient: 360deg;
  }
}
.main__page__account__block__content .bonus-banners__item .bonus-service {
  order: 2;
  display: block;
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: lowercase;
}
.main__page__account__block__content .bonus-banners__item .bonus-service::first-letter {
  text-transform: capitalize;
}
.main__page__account__block__content .bonus-banners__item .bonus-name {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-right: 0.5rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-description {
  order: 3;
  flex: 0 0 100%;
  width: 100%;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  margin-top: 0.25rem;
  white-space: normal;
  margin-bottom: 0.25rem;
  min-height: 1rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-description .bonus-description__text {
  display: block;
  width: 100%;
}
.main__page__account__block__content .bonus-banners__item .bonus-eligibility-limit {
  padding-top: 1rem;
  margin-bottom: 0.25rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-banners__item-trackers {
  order: 4;
  margin-left: -3rem;
  width: calc(100% + 3rem);
  margin-bottom: 0.25rem;
  padding-left: 0;
}
.main__page__account__block__content .bonus-banners__item .bonus-banners__item-trackers .progress-bar {
  height: 1rem;
  border-radius: 0.5rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-banners__item-trackers .progress-bar__bar {
  height: 1rem;
  position: relative;
  border-radius: 0.5rem 0 0 0.5rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-banners__item-trackers .progress-bar--complete .progress-bar__bar {
  border-radius: 0.5rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-banners__item-trackers .progress-bar__title {
  padding: 0;
  transform: none;
  margin-top: -1rem;
  font-size: 0.75rem;
  max-width: calc(100% - 3.5rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.main__page__account__block__content .bonus-banners__item .bonus-banners__item-trackers .progress-bar__required,
.main__page__account__block__content .bonus-banners__item .bonus-banners__item-trackers .progress-bar__current {
  line-height: 1rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-banners__item-trackers .progress-bar__current {
  left: 0.5rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-banners__item-trackers .progress-bar__required {
  right: 0.5rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-amount {
  position: absolute;
  bottom: 14px;
  right: 1rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .main__page__account__block__content .bonus-banners__item .bonus-amount {
    right: 1rem;
    position: absolute;
  }
}
.main__page__account__block__content .bonus-banners__item .bonus-amount {
  z-index: 2;
}
.main__page__account__block__content .bonus-banners__item:has(.btn-bonus-split) .bonus-amount {
  right: 6rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-timer {
  order: 5;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: auto;
  width: 100%;
}
.main__page__account__block__content .bonus-banners__item .bonus-timer > span,
.main__page__account__block__content .bonus-banners__item .bonus-timer .race-countdown {
  position: relative;
  left: -3rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.main__page__account__block__content .bonus-banners__item .bonus-timer .race-countdown {
  margin-left: 0.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.625rem;
}
.main__page__account__block__content .bonus-banners .no-bonuses-message {
  text-align: center;
  margin: 2rem 0;
}
.main__page__account__block__content .bonus-banners .no-bonuses-message h3 {
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0.25rem;
}
.main__page__account__block__content .bonus-banners__item + .bonus-banners__item {
  margin-top: 0.5rem;
}
.main__page__account__block__content .payments .payment-method-item {
  border: 2px solid;
  border-radius: 4px;
  overflow: hidden;
}
.main__page__account__block__content.deposit-withdrawal .payments .payment-method-item.active .wrapper {
  border-color: #00f181;
}
@media (max-width: 991.98px) {
  .main__page__account__block__content.deposit-withdrawal .details {
    min-height: auto;
  }
}
.main__page__account__block__content .message, .main__page__account__block__content .message.warning-message, .main__page__account__block__content .message.info-message {
  border: none;
}
.main__page__account__block__content .message {
  text-align: left;
  justify-content: left;
  margin: 0;
  padding-left: 0;
}
.main__page__account__block__content .form-wrapper__hints {
  padding-top: 0;
}
.main__page__account__block__content .block__bGroup {
  gap: 0.5rem;
}
.main__page__account__block__content .block__bGroup button {
  border: none;
}
.main__page__account__block__content .block__bGroup button:first-child, .main__page__account__block__content .block__bGroup button:last-child {
  border-radius: 4px;
}

.selectedOdds .content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.selectedOdds .content .row {
  padding-right: 1.5rem;
}
.selectedOdds .content .row .index {
  min-width: auto;
  font-weight: 500;
}
.selectedOdds .content .row .name {
  min-width: auto;
}
.selectedOdds .content .row .market {
  min-width: auto;
  margin-left: 0.5rem;
}
@media (max-width: 991.98px) {
  .selectedOdds .content {
    flex-direction: row;
  }
}
@media (max-width: 991.98px) {
  .selectedOdds .action_section {
    padding: 0.5rem;
    flex-direction: column;
  }
  .selectedOdds .action_section .add_to_bet--with-amount {
    flex-direction: row;
    align-items: center;
  }
  .selectedOdds .action_section .add_to_bet,
  .selectedOdds .action_section .legs {
    width: 100%;
  }
  .selectedOdds .action_section:has(.add_to_bet__btn--disabled) {
    min-height: auto;
  }
  .selectedOdds .action_section .add_to_bet__btn--disabled {
    display: none;
  }
  .selectedOdds .action_section .legs {
    margin-right: 0.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .selectedOdds .action_section .block--input-money {
    display: none;
  }
  .selectedOdds .action_section .btn.clear .icon {
    display: block;
  }
  .selectedOdds .action_section .btn.clear :not(.icon) {
    display: none;
  }
}

.history-filter {
  flex-direction: column;
  align-items: stretch;
  gap: 0.25rem;
}
.history-filter.bet-history {
  flex-direction: row;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .history-filter.bet-history {
    flex-wrap: wrap;
  }
}
.history-filter__date .filter-item {
  margin-left: 0;
  margin-right: 0.5rem;
}
.history-filter__right {
  align-items: stretch;
  justify-content: space-between;
}
.history-filter__right .btn-export {
  margin-left: 0.5rem;
}
.history-filter .history-select-container input[type=checkbox]:checked + label {
  font-weight: 500;
}
.history-filter .history-select-container .history__current.active:after, .history-filter .history-select-container .history__current:after {
  top: -2px;
}
.history-filter {
  /*.DateInput input[type='text'] {
    background-color: $theme-color-1;
    color: $white;
  }

  .date-range-picker .icon {
    color: $white;
  }

  .date-range-picker span {
    color: $white;
  }

  &__right .btn-export {
    color: white;
  }*/
}

.history-table-cell .leg-status {
  order: -1;
  margin-left: 0;
  margin-right: 0.25rem;
}
.history-table .--mobile .history-item .event__market-name {
  margin-bottom: 0.25rem;
}
.history-table .--mobile .history-item .event__market-name .sub-title {
  margin-left: 0;
}
.history-table .--mobile .history-item .event__market-name .text-small {
  font-size: inherit;
}

.history-table-row.transaction {
  grid-template-columns: 2fr 2fr minmax(120px, 4fr) minmax(60px, 2fr) minmax(70px, 2fr) minmax(80px, 3fr) minmax(10px, 1fr);
}
.history-table-row.bet-history .event-legs {
  padding-left: 0.25rem;
}
.history-table-row.bet-history .status-label {
  width: 100%;
}

.bet-history-row {
  grid-template-columns: minmax(90px, 4fr) minmax(150px, 8fr) minmax(220px, 9fr) minmax(66px, 5fr) minmax(30px, 3fr) minmax(50px, 3fr) minmax(70px, 4fr) minmax(10px, 1fr);
  padding: 0.5rem 0.75rem;
  grid-column-gap: 0.45rem;
}

input[type=password].ui__field ~ .ui__eye-icon,
input[type=text].ui__field ~ .ui__eye-icon {
  right: 0.8rem;
}

@media (max-width: 991.98px) {
  .main__body--venues-page .sport-name {
    padding-top: 0;
    padding-bottom: 0.25rem;
  }
}
.main__body--venues-page .SingleDatePicker {
  border: 1px solid;
  border-radius: 4px;
}

.venue_page__race_type__filter {
  padding: 0 0.5rem 0.5rem;
  border: none;
}
.venue_page__race_type__filter .filter__wrapper .scroll__container > div:first-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  scrollbar-width: none;
}
.venue_page__race_type__filter .filter__wrapper .scroll__container > div:first-child::-webkit-scrollbar {
  display: none;
}
.venue_page__race_type__filter .filter__wrapper .filter-item input[type=checkbox] {
  display: none;
}
.venue_page__race_type__filter .filter__wrapper .filter-item input[type=checkbox]::before, .venue_page__race_type__filter .filter__wrapper .filter-item input[type=checkbox]::after {
  content: none;
}
.venue_page__race_type__filter .filter__wrapper .filter-item label {
  cursor: pointer;
  border-radius: 4px;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border: 1px solid;
  min-width: 40px;
  width: auto;
  height: 30px;
}
.venue_page__race_type__filter .filter__wrapper .filter-item label .icon-racing {
  margin: auto;
  width: 1.6rem;
  height: 1.6rem;
}
.venue_page__race_type__filter .filter__wrapper .filter-item__country {
  margin-left: 0.25rem;
  margin-right: 0;
}
.venue_page__race_type__filter .filter__wrapper .filter-item__country--first {
  border: none;
}
@media (max-width: 767.98px) {
  .venue_page__race_type__filter .filter__wrapper .filter-item__country--first {
    margin-left: auto;
    padding-left: 0.25rem !important;
  }
}
.venue_page__race_type__filter .filter__wrapper .filter-item.market-tabs {
  margin-left: auto;
  margin-right: 0;
}
.venue_page__race_type__filter .market-tabs {
  margin-right: 0;
}
.venue_page__race_type__filter .market-tabs .tab_button {
  padding: 0.3rem 0.75rem;
}
.venue_page__race_type__filter .market-tabs .tab:last-child {
  margin-right: 0;
}
.venue_page_header_container .venue_page_header {
  padding-left: 0;
  padding-right: 0;
}
.venue_page__race_type__filter {
  padding-left: 0;
  padding-right: 0;
}

.venue__content__container .race_type_header__container {
  top: 2.5rem;
  z-index: 2;
  margin-top: 0.45rem;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .venue__content__container .race_type_header__container {
    top: calc(64px + 2.35rem);
  }
}
.venue__content__container .race_type_header__container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 0.25rem;
  border: 1px solid rgb(41, 41, 41);
}
@media (max-width: 767.98px) {
  .venue__content__container .race_type_header__container::before {
    border-radius: 0.25rem 0.25rem 0 0;
    border: none;
  }
}

.venue_race_table {
  position: relative;
  z-index: 1;
  border-radius: 4px;
}
.venue_race_table_header {
  padding-right: 2.25rem;
}
.venue_race_table_header_item {
  min-height: 2.3rem;
  font-weight: bold;
}
.venue_race_table_header_container {
  top: 5.25rem;
}
.venue_race_table.venue_race__mobile .race_type_header__container {
  border: none;
  margin-bottom: 0;
}
.venue_race_table.venue_race__mobile .venue_race_table_row_international {
  display: none;
}
.venue_race_table .venue_race_table_data {
  border-spacing: 0;
  border-collapse: collapse;
}
.venue_race_table .venue_race_table_data .race-summary {
  box-sizing: content-box;
}
@media (min-width: 768px) {
  .venue_race_table .venue_race_table_data .race-summary__timer {
    margin-top: 0.75rem;
  }
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data {
  height: 3.5rem;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data.first {
  height: 3.5rem;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data__link .name,
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data__link .race-number {
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data__link .country {
  margin-top: -0.25rem;
  font-size: 0.75rem;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data__link .event-icon {
  display: flex;
  align-items: center;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data__link .icon-racing {
  width: 2rem;
  height: 2rem;
  margin-right: 0.75rem;
}
.venue_race_table .venue_race_table_data .venue_race_table_row_item__data .icon--bet-bonus-all {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.25rem;
}
.venue_race_table_row {
  border-radius: 4px;
}
.venue_race_table_row:hover {
  text-decoration: none;
}
.venue_race_table_row .name {
  font-weight: bold;
}

.bBasePrimary {
  border: 1px solid;
}

input[type=text].ui__field ~ .input-action-button-group,
input[type=tel].ui__field ~ .input-action-button-group {
  right: 0.8rem;
}

.error__list {
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.25rem;
  padding-left: 0;
  padding-right: 0;
}
.error__list li {
  padding-left: 0;
}

.block__wrap .select .select-value::after {
  top: 1.25rem;
}
.block__wrap .select .select-options {
  box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.2);
}
.block__wrap .select.disabled .select-value::after {
  top: 1rem;
  right: 1.25rem;
}

.footer-mobile-nav .nav_item {
  position: relative;
}
.footer-mobile-nav .nav_item .active:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1rem;
  right: 1rem;
  height: 0.125rem;
}

.modal-banner--footer {
  margin: 1rem;
  border-radius: 6px;
}

#greenid-container {
  border-radius: 0.5rem;
}

.bets__bet-reports .close {
  display: block;
  line-height: 14px;
}
.bets__bet-reports .clear-reports-wrapper {
  display: block;
}

.verification-symbol.verified {
  background-image: url(/static/assets/images/icons/verified.svg);
}

.bonus-split-option__btns .btn,
.btn.btn-bonus-split {
  font-weight: 600;
  padding-left: 2.25rem;
  padding-right: 0.75rem;
  position: relative;
}
.bonus-split-option__btns .btn::before,
.btn.btn-bonus-split::before {
  content: "";
  position: absolute;
  background-image: url(/static/assets/images/icons/123-bonus-arrow-split.svg);
  left: 0.75rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.25rem;
  height: 1.25rem;
}

.popup.bonus-split {
  border-radius: 6px;
}
.popup.bonus-split .block__title {
  justify-content: center;
  text-align: center;
  font-weight: 600;
  border-bottom: none;
  padding: 1rem 1rem 0;
}
.popup.bonus-split .block__title .icon__close {
  right: 1.25rem;
  top: 1.25rem;
}
.popup.bonus-split .block__content {
  padding: 0.5rem 1rem 1rem;
}
.popup.bonus-split .bonus-split-container {
  min-width: 100%;
}
.popup.bonus-split .bonus-split-info {
  margin-bottom: 0.75rem;
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 400;
}
.popup.bonus-split .bonus-split-option {
  border-radius: 4px;
  border: none;
  padding: 0.5rem 0.75rem;
}
.popup.bonus-split .bonus-split-option__amount {
  font-weight: 600;
  min-width: 5rem;
}
.popup.bonus-split .bonus-split-option__amount .bonus-quotient {
  float: right;
  margin-left: 0.5rem;
  padding: 0;
}
.popup.bonus-split .bonus-split-option__amount .bonus-quotient__multiplier {
  float: left;
}
.popup.bonus-split .bonus-split-option__btns .btn {
  padding: 0.25rem 0.75rem 0.25rem 2.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.popup.bonus-split .block.has-cancel {
  display: none;
}
.popup--empty .popup__auth .popup-close-btn {
  right: -0.25rem;
  top: -0.25rem;
}
@media (max-width: 767.98px) {
  .popup--empty .block {
    margin-bottom: 0;
  }
}

.odd .odd__original {
  text-decoration-thickness: 3px !important;
}

.particles-wrapper {
  z-index: 9999998;
}

.jumping-coin-wrapper .bonus-icon {
  background-image: url(/static/assets/images/icons/123-bonus-account-info.png) !important;
}
.jumping-coin-wrapper .bonus-icon.odds_boost {
  background-image: url(/static/assets/images/icons/123-bonus-odd-boost.svg) !important;
}
.jumping-coin-wrapper .bonus-icon.bet_return {
  background-image: url(/static/assets/images/icons/123-bonus-bet-return.svg) !important;
}
.jumping-coin-wrapper .bonus-icon.freebet {
  background-image: url(/static/assets/images/icons/123-bonus-bet.svg) !important;
}

.main-market__outcome {
  position: relative;
}
.main-market__outcome .arrow {
  display: none;
}
.main-market__outcome.up .odd-wrapper__content:before {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  border-top: 15px solid #219653;
  border-left: 15px solid transparent;
  border-top-right-radius: 4px;
}
.main-market__outcome.down .odd-wrapper__content:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 15px solid #ce0a2e;
  border-left: 15px solid transparent;
  border-bottom-right-radius: 4px;
}

.icon--bespoke-markets {
  background-image: url(/static/assets/images/icons/123-bespoke-markets.svg);
}

@media (min-width: 768px) {
  .footer_app-link {
    display: none;
  }
}

.footer-block .footer_app-link {
  display: flex;
  margin: 0;
}

.participant-stat__wrapper .participant-toggler .AIcon-angle-right {
  font-size: 10px;
}
.participant-stat__wrapper .accordion-body.participant-stat-accordion {
  padding: 0;
}
.participant-stat__wrapper .participant-stat {
  border-radius: 4px;
}
.participant-stat__wrapper .participant-result {
  font-size: 0.75rem;
}

.affiliate-page .affiliate-page__body {
  background-color: #191c21;
}
.affiliate-page .affiliate-page__body .signup__form .signup__container__header {
  background: #191c21;
  color: #ffffff;
  margin: -2rem -1.5rem 1rem;
  padding: 2rem 1.5rem 1rem;
}
.affiliate-page .signup__container__header__logo .logo-img {
  display: block;
  background-image: url(/static/assets/images/123bet-logo.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 68px;
  height: 24px;
  position: static;
}

/**
* affiliate-page--[custom-affiliate-styles]
*/
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/app/shared/components/Form/Fields/NicknameField/NicknameField.scss ***!
  \*********************************************************************************************************************************************************************************************/
.nickname-field .row {
  display: flex;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/app/shared/components/Form/Fields/AvatarField/AvatarField.scss ***!
  \*****************************************************************************************************************************************************************************************/
.avatar-field .avatar-field__label {
  color: #6c757d;
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 4px;
}
.avatar-field .avatar-field__selected-avatar {
  border-radius: 50%;
  cursor: pointer;
  object-fit: cover;
  height: 10rem;
  width: 10rem;
}

.avatar-field__editor .modal__container {
  justify-content: center;
}
.avatar-field__editor .modal__backdrop {
  background: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(1px);
}
.avatar-field__editor .avatar-field__avatar {
  display: block;
  border-radius: 50%;
  cursor: pointer;
  height: 10rem;
  width: 10rem;
  object-fit: cover;
}
.avatar-field__editor .avatar-field__editor-list {
  display: flex;
  flex-wrap: wrap;
}
.avatar-field__editor .avatar-field__editor-list .avatar-field__editor-list-item {
  position: relative;
  margin: 1rem;
}
.avatar-field__editor .avatar-field__editor-list .avatar-field__editor-list-item .avatar-field__editor-check {
  position: absolute;
  top: 0;
  right: 0;
  color: green;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/app/shared/components/Form/FormStepsIndicator/FormStepsIndicator.scss ***!
  \************************************************************************************************************************************************************************************************/
.form-steps-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.form-steps-indicator__step-container {
  display: flex;
  align-items: center;
}
.form-steps-indicator__circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: background-color 0.3s, color 0.3s;
}
.form-steps-indicator__circle--active {
  cursor: pointer;
  background-color: #007bff;
  color: #fff;
}
.form-steps-indicator__line {
  width: 50px;
  height: 2px;
  background-color: #ddd;
  margin: 0 10px;
  transition: background-color 0.3s;
}
.form-steps-indicator__line--active {
  background-color: #007bff;
}