@charset "UTF-8";
/*!
 * 
 *   react-simple-keyboard v2.5.186
 *   https://github.com/hodgef/react-simple-keyboard
 * 
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef)
 * 
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *   
 */

/*!
 * 
 *   simple-keyboard v2.32.130
 *   https://github.com/hodgef/simple-keyboard
 * 
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef)
 * 
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *   
 */

.react-datepicker-wrapper {
    width: 100%
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    margin: 0 2px
}

.react-datepicker__time-container--with-today-button {
    right: -72px
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__month--in-range:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--selected:hover,
.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
    background-color: initial;
    cursor: default
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    background-color: #2a87d0;
    color: #fff
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
    background-color: #216ba5
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0
}

/*!
 * 
 *   react-simple-keyboard v3.7.124
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */

/*!
 * 
 *   simple-keyboard v3.7.83
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */

.hg-theme-default {
    background-color: #ececec;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    overflow: hidden;
    padding: 5px;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.hg-theme-default .hg-button span {
    pointer-events: none
}

.hg-theme-default button.hg-button {
    border-width: 0;
    font-size: inherit;
    outline: 0
}

.hg-theme-default .hg-button {
    display: inline-block;
    flex-grow: 1
}

.hg-theme-default .hg-row {
    display: flex
}

.hg-theme-default .hg-row:not(:last-child) {
    margin-bottom: 5px
}

.hg-theme-default .hg-row .hg-button-container,
.hg-theme-default .hg-row .hg-button:not(:last-child) {
    margin-right: 5px
}

.hg-theme-default .hg-row>div:last-child {
    margin-right: 0
}

.hg-theme-default .hg-row .hg-button-container {
    display: flex
}

.hg-theme-default .hg-button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #b5b5b5;
    border-radius: 5px;
    box-shadow: 0 0 3px -1px #0000004d;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 5px
}

.hg-theme-default .hg-button.hg-standardBtn {
    width: 20px
}

.hg-theme-default .hg-button.hg-activeButton {
    background: #efefef
}

.hg-theme-default.hg-layout-numeric .hg-button {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 33.3%
}

.hg-theme-default .hg-button.hg-button-numpadadd,
.hg-theme-default .hg-button.hg-button-numpadenter {
    height: 85px
}

.hg-theme-default .hg-button.hg-button-numpad0 {
    width: 105px
}

.hg-theme-default .hg-button.hg-button-com {
    max-width: 85px
}

.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
    max-width: 45px
}

.hg-theme-default .hg-button.hg-selectedButton {
    background: #05194687;
    color: #fff
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
    max-width: 82px
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
    max-width: 60px
}

.hg-candidate-box {
    background: #ececec;
    border-bottom: 2px solid #b5b5b5;
    border-radius: 5px;
    display: inline-flex;
    margin-top: -10px;
    position: absolute;
    transform: translateY(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

ul.hg-candidate-box-list {
    display: flex;
    flex: 1 1;
    list-style: none;
    margin: 0;
    padding: 0
}

li.hg-candidate-box-list-item {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

li.hg-candidate-box-list-item:hover {
    background: #00000008;
    cursor: pointer
}

li.hg-candidate-box-list-item:active {
    background: #0000001a
}

.hg-candidate-box-prev:before {
    content: "◄"
}

.hg-candidate-box-next:before {
    content: "►"
}

.hg-candidate-box-next,
.hg-candidate-box-prev {
    align-items: center;
    color: #969696;
    cursor: pointer;
    display: flex;
    padding: 0 10px
}

.hg-candidate-box-next {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.hg-candidate-box-prev {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.hg-candidate-box-btn-active {
    color: #444
}

:root {
    --bodyBg: #282b32;
    --bodyBg2: #444;
    --bodyBg3: #515151;
    --bodyBgHover: #333;
    --bodyBg2Hover: #4c4c4c;
    --bodyBg3Hover: #595959;
    --bodyRGBA: #2b2b2bb3;
    --bodyRGBA2: #2b2b2b80;
    --bodyRGBA3: #2b2b2b4d;
    --bodyTxt: #ffffffe6;
    --bodyTxt2: #fff9;
    --bodyTxt3: #fff6;
    --bodyAccent: #f0841f;
    --bodyAccentTxt: #fff;
    --bodyBorder: #1a1a1a;
    --bodyRadius: 0px;
    --dominantG: #333;
    --dominantRGBA: #333333b3;
    --dominantRGBA2: #33333380;
    --dominantRGBA3: #3333334d;
    --dominantBg: #333;
    --dominantBg2: #4d4d4d;
    --dominantBg3: #595959;
    --dominantBgHover: #3b3b3b;
    --dominantBg2Hover: #555;
    --dominantBg3Hover: #616161;
    --dominantTxt: #ffffffe6;
    --dominantTxt2: #fff9;
    --dominantTxt3: #fff6;
    --dominantTxtInverse: #262626;
    --dominantRadius: 0px;
    --accentBg: #ffb700;
    --accentBg2: #ffc533;
    --accentBg3: #ffcd4d;
    --accentBgHover: #ffbb0f;
    --accentBg2Hover: #ffc942;
    --accentBg3Hover: #ffd15c;
    --accentG: #ffb700;
    --accentTxt: #000000e6;
    --accentTxt2: #0009;
    --accentTxt3: #0006;
    --buttonG: #f88543;
    --buttonBg: #f88543;
    --buttonBg2: #ffc942;
    --buttonBg3: #ffd15b;
    --buttonBgHover: #ffbf1e;
    --buttonBg2Hover: #ffcd51;
    --buttonBg3Hover: #ffd56a;
    --buttonTxt: #ffffffe6;
    --buttonTxt2: #fff9;
    --buttonTxt3: #fff6;
    --buttonAccent: #ffb700;
    --buttonAccentTxt: #000000e6;
    --buttonBorder: #2b2b2b;
    --buttonRadius: 0px;
    --buttonSecondaryG: #595959;
    --buttonSecondaryBg: #595959;
    --buttonSecondaryBg2: #727272;
    --buttonSecondaryBg3: #7f7f7f;
    --buttonSecondaryBgHover: #616161;
    --buttonSecondaryBg2Hover: #7a7a7a;
    --buttonSecondaryBg3Hover: #878787;
    --buttonSecondaryTxt: #ffffffe6;
    --buttonSecondaryTxt2: #fff9;
    --buttonSecondaryTxt3: #fff6;
    --buttonSecondaryAccent: #ffb700;
    --buttonSecondaryAccentTxt: #000000e6;
    --buttonSecondaryBorder: #2b2b2b;
    --buttonSecondaryRadius: 0px;
    --inputG: #444;
    --inputBg: #444;
    --inputBg2: #5d5d5d;
    --inputBg3: #6a6a6a;
    --inputBgHover: #4c4c4c;
    --inputBg2Hover: #656565;
    --inputBg3Hover: #727272;
    --inputTxt: #ffffffe6;
    --inputTxt2: #fff9;
    --inputTxt3: #fff6;
    --inputAccent: #ffb700;
    --inputAccentTxt: #000000e6;
    --inputRadius: 0px;
    --inputBorder: #2b2b2b;
    --inputSecondaryG: #4c4c4c;
    --inputSecondaryBg: #4c4c4c;
    --inputSecondaryBg2: #656565;
    --inputSecondaryBg3: #727272;
    --inputSecondaryBgHover: #545454;
    --inputSecondaryBg2Hover: #6d6d6d;
    --inputSecondaryBg3Hover: #7a7a7a;
    --inputSecondaryTxt: #ffffffe6;
    --inputSecondaryTxt2: #fff9;
    --inputSecondaryTxt3: #fff6;
    --inputSecondaryAccent: #ffb700;
    --inputSecondaryAccentTxt: #000000e6;
    --inputSecondaryRadius: 0px;
    --inputSecondaryBorder: #2b2b2b;
    --headerG: #4f5462;
    --headerBg: #282b32;
    --headerBg2: #727272;
    --headerBg3: #7f7f7f;
    --headerBgHover: #616161;
    --headerBg2Hover: #7a7a7a;
    --headerBg3Hover: #878787;
    --headerTxt: #ffffffe6;
    --headerTxt2: #fff9;
    --headerTxt3: #fff6;
    --headerAccent: #ffb700;
    --headerAccentTxt: #000000e6;
    --headerBorder: #2b2b2b;
    --headerRadius: 0px;
    --subHeaderG: #434854;
    --subHeaderBg: #434854;
    --subHeaderBg2: #5a6070;
    --subHeaderBg3: #5a6070;
    --subHeaderBgHover: #545454;
    --subHeaderBg2Hover: #6d6d6d;
    --subHeaderBg3Hover: #7a7a7a;
    --subHeaderTxt: #ffffffe6;
    --subHeaderTxt2: #fff9;
    --subHeaderTxt3: #fff6;
    --subHeaderAccent: #ffb700;
    --subHeaderAccentTxt: #000000e6;
    --subHeaderBorder: #2b2b2b;
    --subHeaderRadius: 0px;
    --eventG: #363a43;
    --eventBg: #363a43;
    --eventBg2: #4d5360;
    --eventBg3: #6a6a6a;
    --eventBgHover: #424751;
    --eventBg2Hover: #424751;
    --eventBg3Hover: #424751;
    --eventTxt: #ffffffe6;
    --eventTxt2: #fff9;
    --eventTxt3: #fff6;
    --eventAccent: #f0841f;
    --eventBorder: #2b2b2b;
    --eventRadius: 0px;
    --modalG: #f3f4f5;
    --modalBg: #f3f4f5;
    --modalBg2: #d7dade;
    --modalBg3: #d7dade;
    --modalBgHover: #ebecee;
    --modalBg2Hover: #d7dade;
    --modalBg3Hover: #d7dade;
    --modalTxt: #000000e6;
    --modalTxt2: #0009;
    --modalTxt3: #0006;
    --modalAccent: #f88543;
    --modalAccentTxt: #ffffffe6;
    --modalRadius: 0px;
    --modalBorder: #d7dade;
    --oddG: #333;
    --oddBg: #333;
    --oddBg2: #4d4d4d;
    --oddBg3: #595959;
    --oddBgHover: #3b3b3b;
    --oddBg2Hover: #555;
    --oddBg3Hover: #616161;
    --oddTxt: #ffffffe6;
    --oddTxt2: #fff9;
    --oddTxt3: #fff6;
    --oddAccent: #ffb700;
    --oddAccentTxt: #000000e6;
    --oddRadius: 0px;
    --oddBorder: #2b2b2b;
    --oddActiveG: #ffbb0f;
    --oddActiveBg: #ffbb0f;
    --oddActiveBg2: #ffc942;
    --oddActiveBg3: #ffd15b;
    --oddActiveBgHover: #ffbf1e;
    --oddActiveBg2Hover: #ffcd51;
    --oddActiveBg3Hover: #ffd56a;
    --oddActiveTxt: #000000e6;
    --oddActiveTxt2: #0009;
    --oddActiveTxt3: #0006;
    --oddActiveAccent: #ffb700;
    --oddActiveAccentTxt: #000000e6;
    --oddActiveRadius: 0px;
    --oddActiveBorder: #2b2b2b;
    --showMoreG: #333;
    --showMoreBg: #333;
    --showMoreBg2: #4d4d4d;
    --showMoreBg3: #595959;
    --showMoreBgHover: #3b3b3b;
    --showMoreBg2Hover: #555;
    --showMoreBg3Hover: #616161;
    --showMoreTxt: #ffffffe6;
    --showMoreTxt2: #fff9;
    --showMoreTxt3: #fff6;
    --showMoreAccent: #ffb700;
    --showMoreAccentTxt: #000000e6;
    --showMoreRadius: 0px;
    --showMoreBorder: #2b2b2b;
    --tabG: #3f434e;
    --tabBg: #3f434e;
    --tabBg2: #5d5d5d;
    --tabBg3: #6a6a6a;
    --tabBgHover: #4c4c4c;
    --tabBg2Hover: #656565;
    --tabBg3Hover: #727272;
    --tabTxt: #ffffffe6;
    --tabTxt2: #fff9;
    --tabTxt3: #fff6;
    --tabAccent: #ffb700;
    --tabAccentTxt: #000000e6;
    --tabRadius: 0px;
    --tabBorder: #2b2b2b;
    --tabActiveG: #3f434e;
    --tabActiveBg: #3f434e;
    --tabActiveBg2: #656565;
    --tabActiveBg3: #727272;
    --tabActiveBgHover: #545454;
    --tabActiveBg2Hover: #6d6d6d;
    --tabActiveBg3Hover: #7a7a7a;
    --tabActiveTxt: #ffffffe6;
    --tabActiveTxt2: #fff9;
    --tabActiveTxt3: #fff6;
    --tabActiveAccent: #ffb700;
    --tabActiveAccentTxt: #000000e6;
    --tabActiveRadius: 0px;
    --tabActiveBorder: #2b2b2b;
    --tabSecondaryActiveBg: #4c4c4c;
    --tabSecondaryActiveBg2: #656565;
    --tabSecondaryActiveBg3: #727272;
    --tabSecondaryActiveBgHover: #545454;
    --tabSecondaryActiveBg2Hover: #6d6d6d;
    --tabSecondaryActiveBg3Hover: #7a7a7a;
    --tabSecondaryActiveTxt: #ffffffe6;
    --tabSecondaryActiveTxt2: #fff9;
    --tabSecondaryActiveTxt3: #fff6;
    --tabSecondaryActiveAccent: #ffb700;
    --tabSecondaryActiveAccentTxt: #000000e6;
    --tabSecondaryActiveRadius: 0px;
    --tabSecondaryActiveBorder: #2b2b2b;
    --filterG: #4c4c4c;
    --filterBg: #4c4c4c;
    --filterBg2: #656565;
    --filterBg3: #727272;
    --filterBgHover: #545454;
    --filterBg2Hover: #6d6d6d;
    --filterBg3Hover: #7a7a7a;
    --filterTxt: #ffffffe6;
    --filterTxt2: #fff9;
    --filterTxt3: #fff6;
    --filterAccent: #ffb700;
    --filterAccentTxt: #000000e6;
    --filterRadius: 0px;
    --filterBorder: #2b2b2b;
    --menu_1G: #444;
    --menu_1Bg: #444;
    --menu_1Bg2: #5d5d5d;
    --menu_1Bg3: #6a6a6a;
    --menu_1BgHover: #4c4c4c;
    --menu_1Bg2Hover: #656565;
    --menu_1Bg3Hover: #727272;
    --menu_1Txt: #ffffffe6;
    --menu_1Txt2: #fff9;
    --menu_1Txt3: #fff6;
    --menu_1Accent: #ffb700;
    --menu_1AccentTxt: #000000e6;
    --menu_1Radius: 0px;
    --menu_1Border: #2b2b2b;
    --menu_2G: #4c4c4c;
    --menu_2Bg: #4c4c4c;
    --menu_2Bg2: #656565;
    --menu_2Bg3: #727272;
    --menu_2BgHover: #545454;
    --menu_2Bg2Hover: #6d6d6d;
    --menu_2Bg3Hover: #7a7a7a;
    --menu_2Txt: #ffffffe6;
    --menu_2Txt2: #fff9;
    --menu_2Txt3: #fff6;
    --menu_2Accent: #ffb700;
    --menu_2AccentTxt: #000000e6;
    --menu_2Radius: 0px;
    --menu_2Border: #2b2b2b;
    --menu_3G: #515151;
    --menu_3Bg: #515151;
    --menu_3Bg2: #6a6a6a;
    --menu_3Bg3: #777;
    --menu_3BgHover: #595959;
    --menu_3Bg2Hover: #727272;
    --menu_3Bg3Hover: #7f7f7f;
    --menu_3Txt: #ffffffe6;
    --menu_3Txt2: #fff9;
    --menu_3Txt3: #fff6;
    --menu_3Accent: #ffb700;
    --menu_3AccentTxt: #000000e6;
    --menu_3Radius: 0px;
    --menu_3Border: #2b2b2b;
    --tooltipG: #e0e2e5;
    --tooltipBg: #e0e2e5;
    --tooltipBg2: #c4c8ce;
    --tooltipBg3: #c4c8ce;
    --tooltipBgHover: #d8dade;
    --tooltipBg2Hover: #d8dade;
    --tooltipBg3Hover: #d8dade;
    --tooltipTxt: #000000e6;
    --tooltipTxt2: #0009;
    --tooltipTxt3: #0006;
    --tooltipAccent: #f88543;
    --tooltipAccentTxt: #ffffffe6;
    --tooltipRadius: 0px;
    --tooltipBorder: #e0e2e5;
    --bodyBg: #20252c;
    --bodyBg2: #1b1d20;
    --bodyTxt: #fff;
    --bodyTxt2: #eee;
    --dominantBg: #353a40;
    --dominantBg2: #353a40;
    --dominantBg3: #191c1f;
    --dominantTxt: #fff;
    --dominantTxt2: #a5a7aa;
    --dominantTxt3: #8f9195;
    --dominantBgHover: #30353c;
    --dominantBg2Hover: #282d34;
    --dominantBg3Hover: #171a1d;
    --dominantBorder: #20252c;
    --accentBg: #119b26;
    --accentTxt: #fff;
    --headerBg: #353a40;
    --headerBgHover: #20252c;
    --headerTxt: #fff;
    --headerTxt2: #a5a7aa;
    --eventBg: #2b3036;
    --eventBgHover: #4d525f;
    --eventG: #2b3036;
    --eventAccent: #bbde48;
    --eventAccentTxt: #fff;
    --eventTxt: #fff;
    --eventTxt2: #a5a7aa;
    --eventBorder: #20252c;
    --subHeaderBg: #353a40;
    --subHeaderG: #353a40;
    --subHeaderBg2: #353a40;
    --subHeaderTxt: #fff;
    --subHeaderTxt2: #a5a7aa;
    --tabBg: #353a40;
    --tabTxt: #fff;
    --tabTxt2: #a5a7aa;
    --tabActiveBg: #20252c;
    --tabActiveTxt: #fff;
    --tabActiveTxt2: #a5a7aa;
    --inputBg: #353a40;
    --inputBgHover: #3f454d;
    --inputG: #353a40;
    --inputTxt: #fff;
    --inputBg2: #30353c;
    --inputTxt2: #eee;
    --oddBg: #4c5056;
    --oddBgHover: #353a40;
    --oddTxt: #fff;
    --oddTxt2: #a5a7aa;
    --oddActiveG: #119b26;
    --oddActiveTxt: #fff;
    --menu_1Bg: #353a40;
    --menu_1BgHover: #20252c;
    --menu_1Txt: #fff;
    --menu_1Txt2: #a5a7aa;
    --menu_2Bg: #2b3036;
    --menu_2BgHover: #2b3036;
    --menu_2Txt: #fff;
    --menu_2Txt2: #a5a7aa;
    --modalBg2: #353a40;
    --modalHeaderTxt: #fff;
    --modalBg: #38414d;
    --modalTxt: #fff;
    --modalTxt2: #a5a7aa;
    --buttonG: #bbde48;
    --buttonBg: #bbde48;
    --buttonTxt: #252027;
    --accentScores: #ffb700;
    --sport-digi-profile-theme-success-dark: #119b26 !important;
    --sport-digi-profile-slider-selected-bg: #119b26 !important;
    --bannerBg: #020202;
    --bannerTxt: #fff;
    --bannerTxt2: #a5a7aa;
    --filterBg: #2f3338;
    --filterBg2: #2b3036;
    --filterTxt: #fff;
    --filterTxt2: #a5a7aa;
    --buttonSecondaryBg: #212328;
    --buttonSecondaryBgHover: #1a1c1f;
    --buttonSecondaryBg2: #131417;
    --buttonSecondaryTxt: #fff;
    --buttonSecondaryTxt2: #eee
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    margin-left: -4px;
    position: absolute;
    width: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border: 8px solid #0000;
    box-sizing: initial;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    width: 1px;
    z-index: -1
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-top: -8px;
    top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #f0f0f0;
    border-top: none
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
    top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae;
    top: -1px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
    bottom: 0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-top-color: #aeaeae;
    bottom: -1px
}

.react-datepicker-wrapper {
    border: 0;
    display: inline-block;
    padding: 0
}

.react-datepicker {
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    color: #000;
    display: inline-block;
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: .8rem;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__triangle {
    left: 50px;
    position: absolute
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    padding-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px
}

.react-datepicker-popper[data-placement^=top] {
    padding-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
    padding-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    padding-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative;
    text-align: center
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 15px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    color: #000;
    font-size: .944rem;
    font-weight: 700;
    margin-top: 0
}

.react-datepicker-time__header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: -999em;
    top: 2px;
    width: 32px;
    z-index: 1
}

.react-datepicker__navigation--previous {
    left: 2px
}

.react-datepicker__navigation--next {
    right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px
}

.react-datepicker__navigation--years {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.react-datepicker__navigation--years-previous {
    top: 4px
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover :before {
    border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
    font-size: 20px;
    position: relative;
    top: -1px;
    width: 0
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    left: -7px;
    transform: rotate(45deg)
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    right: -7px;
    transform: rotate(225deg)
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__input-time-container {
    clear: both;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
    width: 100%
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    display: inline-block;
    margin-left: 5px
}

.react-datepicker__time-container {
    border-left: 1px solid #aeaeae;
    float: right;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline;
    position: absolute;
    right: -87px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    background: #fff;
    border-bottom-right-radius: .3rem;
    position: relative
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    border-bottom-right-radius: .3rem;
    margin: 0 auto;
    overflow-x: hidden;
    text-align: center;
    width: 85px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    box-sizing: initial;
    height: calc(195px + .85rem);
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    background-color: initial;
    cursor: default
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__week-number--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__week-number--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__week-number--keyboard-selected {
    background-color: #2a87d0;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__week-number--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day-names {
    margin-bottom: -8px;
    white-space: nowrap
}

.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    background-color: #3dcc4a;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
    background-color: #ff6803;
    border-radius: .3rem;
    color: #fff;
    position: relative
}

.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
    background-color: #333;
    border-radius: 4px;
    bottom: 100%;
    color: #fff;
    left: 50%;
    opacity: 0;
    padding: 4px;
    position: absolute;
    transform: translateX(-50%);
    transition: visibility 0s, opacity .3s ease-in-out;
    visibility: hidden;
    white-space: nowrap
}

.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
    background-color: #cf5300
}

.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
    opacity: 1;
    visibility: visible
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    background-color: #bad9f1;
    border-radius: .3rem;
    color: #000
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
    background-color: #216ba580
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    color: #ccc;
    cursor: default
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
    background-color: initial
}

.react-datepicker__input-container {
    display: inline-block;
    position: relative;
    width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
    box-sizing: initial;
    padding: .5rem;
    position: absolute
}

.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid #0000;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    right: -16px;
    top: 0;
    transform: rotate(135deg)
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    left: 25%;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 50%;
    z-index: 1
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    display: block;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    left: 15px;
    position: absolute
}

.react-datepicker__close-icon {
    background-color: initial;
    border: 0;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    background-color: #216ba5;
    border-radius: 50%;
    color: #fff;
    content: "×";
    cursor: pointer;
    display: table-cell;
    font-size: 12px;
    height: 16px;
    line-height: 1;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

.react-datepicker__close-icon--disabled {
    cursor: default
}

.react-datepicker__close-icon--disabled:after {
    background-color: #ccc;
    cursor: default
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    clear: left;
    cursor: pointer;
    font-weight: 700;
    padding: 5px 0;
    text-align: center
}

.react-datepicker__portal {
    align-items: center;
    background-color: #000c;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    line-height: 3rem;
    width: 3rem
}

@media (max-height:550px),
(max-width:400px) {
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        line-height: 2rem;
        width: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__children-container {
    height: auto;
    margin: .4rem;
    padding-left: .2rem;
    padding-right: .2rem;
    width: 13.8rem
}

.react-datepicker__aria-live {
    border: 0;
    -webkit-clip-path: circle(0);
    clip-path: circle(0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.react-datepicker__calendar-icon {
    height: 1em;
    vertical-align: -.125em;
    width: 1em
}

.bh_root {
    --cashoutBtnFloatingHeight: 96px;
    --pending: #f0841f;
    --pendingTxt: #fff;
    --won: #66bd80;
    --success: #5aae73;
    --won2: #66bd8066;
    --wonTxt: #fff;
    --lost: #fc0c4d;
    --return: #7e8084;
    --lost2: #fc0c4d66;
    --lostTxt: #fff;
    --headerHeight: 44px;
    --asideEndWidth: 360px;
    --asideStartWidth: 240px;
    --tabPaddingX: 16px;
    --tabPaddingY: 8px;
    --tabHeight: 32px;
    --z_index_modal: 110;
    --z_index_slide: 100;
    --z_index_cashout_btn: 8;
    --tooltip-text-color: #fff;
    --tooltip-background-color: #000;
    --tooltip-margin: 70px;
    --tooltip-arrow-size: 6px;
    --tooltipBg: var(--dominantBg);
    --tooltipBg2: var(--dominantBg2);
    --tooltipBg3: var(--dominantBg3);
    --tooltipBgHover: var(--dominantBgHover);
    --tooltipBg2Hover: var(--dominantBg2Hover);
    --tooltipBg3Hover: var(--dominantBg3Hover);
    --tooltipTxt: var(--dominantTxt);
    --tooltipTxt2: var(--dominantTxt2);
    --tooltipTxt3: var(--dominantTxt3);
    background-color: var(--bodyBg);
    color: var(--bodyTxt);
    font-family: Roboto, sans-serif;
    height: 100%
}

.farsi.bh_root {
    font-family: inherit
}

.bh_wrapper {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.bh_root.mobile .bh_wrapper {
    position: static
}

.bh_view-hide {
    display: none !important
}

.bh_aside_end {
    background-color: var(--bodyBg);
    color: var(--bodyTxt);
    flex-shrink: 0;
    height: 100%;
    width: calc(var(--asideEndWidth))
}

.bh_root.mobile .bh_aside_end {
    height: auto;
    padding-bottom: var(--cashoutBtnFloatingHeight);
    right: 0;
    transition: all .3s ease-out;
    width: 100%
}

.bh_aside_content {
    height: calc(100% - 64px);
    position: relative
}

.bh_root.mobile .bh_aside_content {
    height: auto;
    position: static
}

.bh_aside_content .bh_card_header_controls_wrapper i {
    cursor: pointer
}

.bh_aside_content_inner {
    height: 100%;
    overflow: auto;
    padding: 0 16px
}

.bh_root.mobile .bh_aside_content_inner {
    height: auto;
    overflow: visible
}

.bh_aside_content_inner .bh_rest {
    min-width: 1px
}

.bh_aside_content_inner::-webkit-scrollbar {
    width: 0
}

.bh_aside_content .bh_card_footer_multi_range {
    color: var(--bodyTxt2)
}

.bh_root .bh_icon {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.dg_range_start_end_dates {
    color: var(--tooltipTxt2);
    display: flex;
    font-size: 11px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 14px
}

.bh_aside_content .dg_bh_total_odds_wrapper {
    margin-top: 14px
}

.bh_aside_content .dg_bh_top_separator,
.bh_aside_content .dg_bh_total_odds_wrapper {
    padding-top: 12px;
    position: relative
}

.bh_aside_content .bh_card_footer {
    border-top: 1px solid var(--eventBg2);
    padding-bottom: 60px
}

.bh_root.mobile .bh_aside_content .bh_card_footer {
    padding-bottom: 0
}

.bh_aside_content .dg_bh_total_odds_wrapper.bh_card_footer_multi_total_row {
    margin-bottom: 14px
}

.bh_aside_content .dg_bh_total_odds_wrapper:before {
    background-color: var(--bodyBg2);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.dg_multi_bet_bonus .dg_multi_bet_icon {
    color: var(--eventTxt2);
    cursor: pointer;
    font-size: 26px;
    height: 16px;
    line-height: 17px;
    margin: 0 4px;
    width: 16px
}

.dg_range_bullet {
    align-items: center;
    background-color: var(--accentBg);
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(var(--accentTxt3)), 0 1px 3px rgba(var(--accentTxt3));
    color: var(--accentTxt);
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.agreement_block_cashout .bh_checkbox>i,
.bh_root .bh_icon:before,
.bh_view_switch_wrapper .bh_tab i {
    font-size: 33px;
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bh_tab_wrapper_scroll .bh_tab:not(:last-child) {
    -webkit-margin-end: 2px;
    margin-inline-end: 2px
}

.bh_header {
    align-items: center;
    background-color: var(--headerG);
    color: var(--headerTxt);
    display: flex;
    height: var(--headerHeight);
    padding: 0 16px
}

.bh_header>.sport_front_icon-arrow-up {
    transform: rotate(270deg)
}

.bh_root .bh_icon-arrow,
.bh_root .bh_icon-arrow:before {
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.bh_root .bh_icon-arrow:before {
    font-size: 34px
}

.bh_header>span {
    font-size: 13px;
    padding: 0 8px;
    text-transform: capitalize
}

.bh_tab_wrapper {
    padding: 16px 24px 4px;
    position: relative
}

.bh_aside_end .bh_collapse_wrapper {
    padding: 0 16px
}

.bh_aside_end .bh_tab_wrapper {
    padding: 16px;
    position: relative
}

.bh_tab_wrapper_scroll {
    align-items: center;
    display: flex;
    position: relative
}

.bh_tab {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bodyBg);
    border: 0;
    border-radius: 4px;
    color: var(--bodyTxt2);
    cursor: pointer;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 400;
    height: var(--tabHeight);
    line-height: 16px;
    outline: none;
    padding: 0 12px;
    text-transform: none
}

.bh_tab.active {
    color: var(--bodyTxt);
    cursor: default
}

.bh_wrapper .bh_tab.active,
.bh_wrapper .tg_btn_filters.tg_btn_filters_active {
    background-color: var(--tabBg);
    color: var(--tabTxt)
}

.bh_wrapper .tg_btn_filters.tg_btn_filters_filtered {
    background-color: var(--tabBg)
}

.bh_wrapper .tg_btn_filters.tg_btn_filters_filtered>i {
    position: relative
}

.bh_wrapper .tg_btn_filters.tg_btn_filters_filtered>i:after {
    background-color: var(--accentBg);
    border-radius: 50%;
    box-sizing: initial;
    content: "";
    flex-shrink: 0;
    height: 6px;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 6px
}

.bh_tab_floating_wrapper {
    box-shadow: -17px 0 13px -3px var(--bodyBg);
    height: 100%;
    position: absolute;
    right: 0
}

.bh_tab_floating_wrapper,
.bh_tab_wrapper .tg_btn_filters {
    align-items: center;
    display: flex;
    justify-content: center;
    top: 0
}

.bh_tab_wrapper .tg_btn_filters {
    -webkit-margin-end: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--bodyBg);
    border: 1px solid var(--tabBg);
    border-radius: 6px;
    color: var(--bodyTxt);
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    height: 32px;
    line-height: 16px;
    margin-inline-end: 12px;
    padding: 0 12px
}

.bh_tab_wrapper .tg_btn_filters i {
    margin-right: 8px
}

.tg_btn_filters>span {
    text-transform: capitalize
}

.bh_btn_view_switch {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--bodyBg);
    border: 0;
    border: 1px solid var(--tabActiveBg);
    border-radius: 4px;
    color: var(--bodyTxt2);
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    outline: 0;
    width: 32px
}

.bh_btn_view_switch-active {
    background: var(--tabActiveBg);
    color: var(--tabActiveTxt)
}

.bh_view_switch_wrapper {
    align-items: center;
    border-radius: 6px;
    display: none
}

.bh_view_switch_wrapper .bh_tab:first-child {
    border-bottom: 1px solid var(--tabBg);
    border-bottom-right-radius: 0;
    border-left: 1px solid var(--tabBg);
    border-top: 1px solid var(--tabBg);
    border-top-right-radius: 0
}

.bh_view_switch_wrapper .bh_tab:last-child {
    border-bottom: 1px solid var(--tabBg);
    border-bottom-left-radius: 0;
    border-right: 1px solid var(--tabBg);
    border-top: 1px solid var(--tabBg);
    border-top-left-radius: 0
}

.bh_view_switch_wrapper .bh_btn_view_switch:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.bh_view_switch_wrapper .bh_btn_view_switch:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.bh_root .bh_card_row .bh_icon {
    color: var(--eventTxt2);
    height: 14px;
    margin: 0 4px
}

.bh_root .bh_card_footer .bh_card_footer_sum_amount_num_win>.sport_front_icon-cash-out,
.bh_root .bh_card_row .bh_icon.sport_front_icon-cash-out {
    margin: unset;
    margin-right: 4px
}

.bh_root .bh_card_row .bh_icon :before {
    height: 14px;
    line-height: 10px
}

.bh_main_content {
    flex-grow: 1;
    padding: 0 16px
}

.bh_root.mobile .bh_main_content {
    height: calc(100% - var(--tabContHeight))
}

.bh_root.middle .bh_main_content {
    padding: 0 24px
}

.bh_main {
    --tabContHeight: 56px;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    position: relative;
    width: calc(100% - var(--asideEndWidth))
}

.bh_root.mobile .bh_main,
.dg_bh_no_data .bh_main {
    --asideEndWidth: 0px
}

.bh_root.middle .bh_main {
    border-left: 1px solid var(--bodyBg2);
    border-right: 1px solid var(--bodyBg2)
}

.bh_grid_view_wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    min-width: 0;
    padding-bottom: var(--cashoutBtnFloatingHeight)
}

.bh_root.middle .bh_grid_view_wrapper {
    gap: 6px;
    grid-template-columns: repeat(2, 1fr);
    padding: var(--tabPaddingY) 0
}

.bh_root.middle.desktop .bh_grid_view_wrapper {
    grid-template-columns: repeat(3, 1fr)
}

.bh_bet_share .bh_grid_view_wrapper {
    gap: 8px;
    grid-auto-rows: max-content;
    width: 100%
}

.bh_root.mobile .bh_bet_share .bh_grid_view_wrapper {
    grid-template-columns: 1fr
}

.bh_root.middle.desktop .bh_bet_share .bh_grid_view_wrapper {
    flex-shrink: 0;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
    height: 100%
}

.bh_card_footer_sum_amount_num {
    align-items: center;
    display: flex
}

.bh_space_xxs {
    flex-shrink: 0;
    width: 4px
}

.bh_card {
    background-color: var(--eventBg);
    border-radius: 8px;
    border-top: 3px solid #0000;
    box-shadow: 0 0 0 0 var(--eventBg);
    color: var(--eventTxt);
    margin-bottom: 12px;
    padding: 12px;
    position: relative;
    transform: scale(1);
    transition: background-color 236ms ease-in, border-color 236ms ease-in, transform 236ms ease-in
}

.bh_aside_content .bh_card {
    border-radius: 4px;
    transform: unset
}

.bh_aside_content .bh_card:hover,
.bh_root_auto_bet .bh_aside_content .bh_card:hover {
    background-color: var(--eventBg)
}

.bh_card_header {
    align-items: flex-start;
    display: flex
}

.bh_root_auto_bet .bh_grid_view_wrapper .bh_card_header {
    border-bottom: 1px solid var(--eventBg3);
    transition: border-color .3s ease-in, transform .3s
}

.bh_root_auto_bet .bh_grid_view_wrapper .bh_card.active .bh_card_header,
.bh_root_auto_bet .bh_grid_view_wrapper .bh_card:hover .bh_card_header {
    border-bottom: 1px solid var(--eventBg3)
}

.bh_root_auto_bet .bh_card.GR .bh_card_row_end .bh_card_footer_sum_amount_num:last-child {
    color: var(--eventTxt)
}

.bh_aside_content .bh_auto_bet_card-GY .bh_card_footer_sum_amount_num {
    color: var(--eventTxt3)
}

.bh_root_auto_bet .bh_grid_view_wrapper .bh_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.bh_root_auto_bet .bh_auto_bet_card-OR .bh_card_footer_multi_total_odds_num {
    color: var(--eventAccent)
}

.bh_auto_bet_card-GR .bh_card_footer_multi .bh_card_footer_multi_total_odds_num,
.bh_auto_bet_card-GR .bh_card_footer_single .bh_card_footer_auto_bet_factor {
    color: var(--success)
}

.bh_auto_bet_card-GY .bh_card_footer_multi_total_odds_num {
    color: var(--eventTxt3)
}

.bh_root_auto_bet .bh_list_view_item_pos_win .separator_accepted_odd {
    margin: 0 3px
}

.bh_root_auto_bet .bh_aside_content .bh_details_item_content {
    position: relative
}

.bh_root_auto_bet .bh_aside_content .bh_details_item_content:before {
    background-color: var(--bodyBg2);
    content: "";
    height: 100%;
    left: 10px;
    position: absolute;
    top: 0;
    width: 1px
}

.bh_card_header_info_wrapper {
    flex-grow: 1
}

.bh_card_header_controls_wrapper {
    grid-gap: 4px;
    align-items: center;
    display: grid;
    flex-grow: 1;
    flex-shrink: 0;
    gap: 4px;
    grid-auto-flow: column;
    justify-content: end
}

.bh_card .bh_card_header_controls_wrapper {
    min-height: 32px
}

.bh_card_header_controls_wrapper .bh_cashout_btn {
    -webkit-margin-end: 6px;
    margin-inline-end: 6px
}

.bh_card_header_controls_wrapper>.bh_icon {
    color: var(--eventTxt2)
}

.bh_card_header_info_wrapper_row {
    align-items: center;
    display: flex;
    margin-bottom: 8px
}

.bh_card_header_info_wrapper_row>span:first-child {
    white-space: nowrap
}

.bh_card_header_info_wrapper_row:last-child {
    margin-bottom: 12px
}

.bh_card_header_info_status {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 500
}

.bh_card_header_info_dot_status {
    background-color: var(--pending);
    border-radius: 50%;
    flex-shrink: 0;
    height: 6px;
    margin: 0 6px;
    width: 6px
}

.bh_card_header_info_type {
    color: var(--eventTxt);
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 500
}

.bh_card_header_info_separator {
    background-color: var(--eventTxt3);
    flex-shrink: 0;
    height: 12px;
    margin: 0 6px;
    width: 1px
}

.dg_text_separator {
    margin: 0 3px
}

.bh_card_header_info_date,
.bh_card_header_info_id,
.bh_card_header_info_time {
    color: var(--eventTxt2);
    font-size: 11px;
    line-height: 14px
}

.bh_card_header_info_date {
    margin-right: 5px
}

.bh_card_footer {
    margin-top: 12px
}

.mobile .bh_card_footer .state_top .dg_bh_root {
    bottom: 26px;
    top: auto
}

.mobile .bh_card_footer .state_top .dg_bh_root_double:after {
    bottom: 3px;
    top: auto;
    transform: rotate(180deg)
}

.bh_card.RD .bh_card_footer_multi .bh_card_footer_sum_amount_number {
    color: var(--eventTxt2)
}

.bh_card.OR .bh_card_footer_multi .bh_card_footer_sum_amount_number,
.bh_card.OR .bh_card_row_end .bh_card_footer_sum_amount_num {
    color: var(--eventTxt3)
}

.bh_card.OR .dg_multi_card .bh_card_footer_sum_amount_num {
    color: var(--eventTxt)
}

.bh_card_footer_sum_amount_details .bh_details_currency,
.bh_card_row_end .bh_card_footer_sum_amount_num_win .bh_details_currency {
    color: var(--accentBg) !important
}

.bh_card.RD .bh_card_footer_sum_amount_details .bh_details_currency,
.bh_card.RD .bh_card_row_end .bh_card_footer_sum_amount_num_win .bh_details_currency {
    color: var(--eventTxt3) !important
}

.bh_card.RD .bh_card_footer_sum_amount_details,
.bh_card.RD .bh_card_footer_sum_amount_num_win {
    color: var(--eventTxt3)
}

.bh_card.OR .bh_card_footer_multi .bh_card_footer_sum_amount_number,
.bh_card.OR .bh_card_row .bh_details_currency,
.bh_card.OR .bh_card_row_end:not(.dg_multi_card) .bh_card_footer_sum_amount_num {
    color: var(--eventTxt)
}

.bh_card.GR .bh_card_row_end .bh_card_footer_sum_amount_num,
.bh_card.GR .dg_icon_bet__builder,
.bh_card.RD .bh_card_row_end .bh_card_footer_sum_amount_num,
.bh_card.RD .dg_icon_bet__builder {
    color: var(--eventTxt3)
}

.bh_card_footer_single_row_teams_wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 6px
}

.bh_card_footer_single_row_team {
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: capitalize
}

.bh_card_footer_single_row_team_separator {
    background-color: var(--eventTxt3);
    flex-shrink: 0;
    height: 1px;
    margin: 0 4px;
    width: 5px
}

.bh_card_footer_single_market_row {
    align-items: center;
    display: flex;
    margin-bottom: 8px
}

.bh_root.desktop .bh_card_footer_sum_row,
.bh_root.middle .bh_card_footer_sum_row {
    flex-direction: column
}

.bh_root.desktop .bh_card_footer_sum_row .bh_details_item_row,
.bh_root.middle .bh_card_footer_sum_row .bh_details_item_row {
    justify-content: space-between;
    width: 100%
}

.bh_root.desktop .dg_single_win_icon_info,
.bh_root.middle .dg_single_win_icon_info {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.bh_root.desktop .bh_grid_view_wrapper .bh_card,
.bh_root.middle .bh_grid_view_wrapper .bh_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.bh_card_row {
    align-items: center;
    display: flex;
    position: relative
}

.bh_card_row_start {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0
}

.bh_card .bh_card_row_start {
    line-height: 16px
}

.bh_card_row_start .sport_front_icon-info,
.bh_dropdown_wrapper .sport_front_icon-dots,
.bh_live_wrapper .sport_front_icon-info {
    color: var(--eventTxt2);
    cursor: pointer
}

.bh_card_row_start .sport_front_icon-info,
.bh_live_wrapper .sport_front_icon-info {
    margin: 0 4px
}

.bh_live_wrapper .sport_front_icon-info {
    -webkit-margin-end: 6px;
    margin-inline-end: 6px
}

.bh_card_row_end {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-end
}

.bh_card_row_end.bh_details_item_row .dg_icon_cup,
.bh_card_row_end.dg_icons_wrapper .dg_icon_cup,
.bh_card_row_end.tg_sport_icons_tinyest .sport_front_icon-bonus_modern {
    margin-right: 4px
}

.bh_card_row_end>i {
    color: var(--bodyTxt)
}

.bh_card .dg_icon_bet__builder {
    color: var(--eventTxt2)
}

.dg_icon_separator.dg_icon_cup,
.dg_icon_separator.sport_front_icon-bonus_modern {
    margin-left: 4px
}

.dg_sport_icons_tinyest .dg_icon_cup,
.dg_sport_icons_tinyest .dg_icon_hourglass,
.tg_sport_icons_tinyest .dg_icon_cup {
    font-size: 26px;
    height: 16px;
    line-height: 17px;
    width: 16px
}

.bh_card_footer_market_name {
    -webkit-margin-end: 4px;
    color: var(--eventTxt2);
    font-size: 13px;
    line-height: 16px;
    margin-inline-end: 4px
}

.bh_separate_line_markets {
    color: var(--eventTxt2);
    margin: 0 4px
}

.bh_card_footer_market_actual {
    font-size: 13px;
    line-height: 16px
}

.bh_root.middle .bh_card_footer_market_actual {
    display: initial;
    max-width: 250px
}

.bh_root.desktop.middle .bh_card_footer_market_actual {
    display: initial;
    max-width: 330px
}

.bh_card_footer .bh_card_footer_sum_amount {
    color: var(--eventTxt2);
    font-size: 13px;
    line-height: 16px
}

.bh_card_footer .bh_card_footer_sum_amount .bh_details_amount {
    color: var(--eventTxt)
}

.bh_aside_content .bh_card_footer_sum_amount .bh_details_amount {
    color: var(--bodyTxt)
}

.bh_card_footer_single .bh_card_row_end .bh_single_card_amount {
    color: var(--eventTxt)
}

.bh_card_footer_sum_amount_details,
.bh_card_footer_sum_amount_num_win {
    align-items: center;
    color: var(--accentBg);
    display: flex;
    font-size: 13px;
    line-height: 16px
}

.bh_aside_content .dg_icon_double_double {
    -webkit-margin-end: 2px;
    animation: shine 1.6s linear infinite;
    color: var(--bodyTxt2);
    cursor: pointer;
    display: inline-block;
    line-height: 21px;
    margin-inline-end: 2px;
    -webkit-mask-image: linear-gradient(-45deg, #0009 30%, #000 50%, #0009 70%);
    mask-image: linear-gradient(-45deg, #0009 30%, #000 50%, #0009 70%);
    -webkit-mask-size: 200%;
    mask-size: 200%;
    position: relative;
    vertical-align: middle
}

@keyframes shine {
    0% {
        -webkit-mask-position: 150%;
        mask-position: 150%
    }
    to {
        -webkit-mask-position: -50%;
        mask-position: -50%
    }
}

.bh_card_footer_sum_amount_num {
    color: var(--eventTxt);
    font-size: 13px;
    line-height: 16px
}

.bh_card_footer_sum_amount_row_last .bh_card_footer_sum_amount {
    color: var(--eventTxt2)
}

.bh_card.GR .bh_card_footer_market_actual,
.bh_card.GR .bh_card_footer_multi_total_odds,
.bh_card.GR .bh_card_footer_multi_total_odds_num,
.bh_card.GR .bh_card_footer_single_market_actual,
.bh_card.GR .bh_card_footer_single_market_name,
.bh_card.GR .bh_card_footer_single_row_team,
.bh_card.GR .bh_card_footer_sum_amount,
.bh_card.GR .bh_card_footer_sum_amount_num,
.bh_card.RD .bh_card_footer_market_actual,
.bh_card.RD .bh_card_footer_multi_total_odds,
.bh_card.RD .bh_card_footer_multi_total_odds_num,
.bh_card.RD .bh_card_footer_single_market_actual,
.bh_card.RD .bh_card_footer_single_market_name,
.bh_card.RD .bh_card_footer_single_row_team,
.bh_card.RD .bh_card_footer_sum_amount,
.bh_card.RD .bh_card_footer_sum_amount_num,
.bh_card.RD .bh_card_footer_sum_amount_row_last .bh_card_footer_sum_amount {
    color: var(--eventTxt3)
}

.bh_card .bh_card_header_info_status {
    color: var(--eventTxt2)
}

.bh_card_footer_sum_amount.bh_card_footer_sum_amount-P {
    color: var(--eventTxt)
}

.bh_card_row_start .bh_card_footer_sum_amount-L {
    color: var(--eventTxt3)
}

.bh_card_row_start .bh_card_footer_sum_amount-W {
    color: var(--eventTxt)
}

.bh_card_footer_amount_row,
.bh_card_footer_sum_amount_row,
.bh_card_footer_system_variants_row {
    margin-bottom: 8px
}

.bh_card.GR .bh_card_footer_sum_amount_row_last .bh_card_footer_sum_amount {
    color: var(--eventTxt)
}

.bh_card_footer_system_variants {
    color: var(--eventTxt2);
    font-size: 13px
}

.bh_card_footer_multi_total_row {
    height: 16px;
    margin-bottom: 8px
}

.bh_card_footer_multi_total_odds {
    color: var(--eventTxt2);
    font-size: 13px
}

.bh_card_footer_multi_total_odds_num {
    align-items: center;
    color: var(--eventTxt);
    display: flex;
    font-size: 13px
}

.bh_card_btn_cashout {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--buttonBg);
    border: 0;
    border-radius: 6px;
    color: var(--buttonTxt);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    min-width: 72px;
    outline: 0;
    padding: 0 6px;
    position: relative
}

.bh_card_btn_cashout>i {
    flex-shrink: 0
}

.bh_card_btn_cashout>i:before {
    color: currentColor !important;
    margin: 0 !important
}

.bh_card_btn_cashout>span {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500
}

.bh_card_btn_cashout_autocashout:after {
    border: 2px solid var(--eventBg);
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 10px;
    z-index: 1
}

.dg_rtl .bh_card_btn_cashout_autocashout:after {
    left: -1px;
    right: unset
}

.bh_card:hover .bh_card_btn_cashout_autocashout:after,
.bh_list_view_item:hover .bh_card_btn_cashout_autocashout:after {
    border-color: var(--eventBgHover)
}

.bh_card.active .bh_card_btn_cashout_autocashout:after,
.bh_card.active:hover .bh_card_btn_cashout_autocashout:after,
.bh_list_view_item.active .bh_card_btn_cashout_autocashout:after,
.bh_list_view_item.active:hover .bh_card_btn_cashout_autocashout:after {
    border-color: var(--eventBg2)
}

.bh_details_cashout_btn_wrapper .bh_card_btn_cashout_autocashout:after {
    border-color: var(--bodyBg)
}

.bh_details_item {
    color: var(--bodyTxt);
    position: relative
}

.bh_details_item.edited:last-child:before {
    height: 100%
}

.bh_details_item_header {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    position: relative
}

.bh_root_auto_bet .bh_details_item_header {
    height: 38px
}

.bh_root_auto_bet .bh_aside_end .bh_tab {
    display: none
}

.bh_root_auto_bet .bh_tab_floating_wrapper {
    top: 6px
}

.bh_root_auto_bet .bh_aside_end .bh_tab_wrapper {
    padding: 8px 0
}

.bh_details_item_header .bh_live_wrapper {
    align-items: center;
    display: flex
}

.bh_details_item_header>i {
    color: var(--bodyTxt2);
    position: relative
}

.bh_details_item_header_teams_row {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    margin-left: 4px;
    min-width: 1px
}

.bh_details_item_header_team {
    color: var(--bodyTxt);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize
}

.bh_live {
    align-items: center;
    background-color: var(--eventBg);
    border-radius: 2px;
    color: var(--eventTxt);
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: center;
    padding: 0 4px 0 14px;
    position: relative
}

.bh_live:empty {
    display: none
}

@keyframes liveDot {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.bh_live:before {
    animation: liveDot 1s infinite;
    background: var(--accentBg);
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.bh_details_item_content .tooltip_tip.offers_tooltip {
    background: var(--tooltipBg);
    border-radius: 6px;
    bottom: auto;
    color: var(--tooltipTxt2);
    left: 0;
    padding: 0 16px;
    transform: translateX(0);
    width: 314px
}

.bh_aside_content .bh_details_item_content .tooltip_tip.offers_tooltip {
    left: 50%;
    top: auto;
    transform: translateX(-50%)
}

.offers_tooltip_title {
    color: var(--tooltipTxt);
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 8px
}

.offers_tooltip_container {
    margin: 16px 0
}

.bh_details_item_championship,
.offers_tooltip_info {
    font-size: 12px;
    line-height: 16px
}

.bh_details_item_championship {
    color: var(--bodyTxt2);
    display: flex;
    font-weight: 400;
    margin-bottom: 8px;
    min-height: 16px
}

.bh_details_item_championship span {
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
    max-width: 290px
}

.bh_details_aside_item_row,
.bh_details_item_row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.bh_details_aside_item_row .bh_aside_item_amount {
    color: var(--bodyTxt)
}

.bh_details_item_row_end {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start
}

.bh_aside_content .bh_details_item_row_end {
    justify-content: flex-end
}

.bh_details_item_market_name {
    -webkit-margin-end: 4px;
    color: var(--eventTxt3);
    font-size: 14px;
    margin-inline-end: 4px
}

.bh_aside_end .bh_details_item_market_name {
    color: var(--bodyTxt3);
    display: inline
}

.bh_aside_end .bh_card_footer_multi_total_odds {
    color: var(--bodyTxt2)
}

.bh_aside_end .bh_auto_bet_card-GY .bh_card_footer_multi_total_odds_num {
    color: var(--bodyTxt)
}

.bh_aside_end .bh_aside_content .bh_card_footer_sum_amount_num,
.bh_aside_end .bh_card_footer .bh_card_footer_sum_amount {
    color: var(--bodyTxt2)
}

.bh_aside_end .bh_aside_content .bh_auto_bet_card-GY .bh_card_footer_sum_amount_num {
    color: var(--bodyTxt3)
}

.bh_aside_end .bh_card_footer_sum_amount_row_last .bh_card_footer_sum_amount {
    color: var(--bodyTxt2)
}

.bh_aside_end .bh_card_footer_multi_total_odds_num {
    color: var(--bodyTxt)
}

.bh_details_item_market_actual {
    -webkit-margin-end: 4px;
    -webkit-margin-before: 0;
    color: var(--bodyTxt);
    font-size: 14px;
    margin-block-start: 0;
    margin-inline-end: 4px
}

.bh_aside_content .bh_details_item_market_actual {
    display: inline;
    max-width: 190px
}

.bh_details_item_num {
    color: var(--bodyTxt);
    font-size: 14px
}

.bh_details_btn {
    align-items: center;
    background-color: initial;
    border: 0;
    display: flex;
    flex-shrink: 0;
    height: 16px;
    justify-content: center;
    outline: 0;
    width: 16px
}

.bh_details_btn:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e0fe";
    direction: ltr !important;
    display: inline-block;
    font-family: digiSportIcons;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    height: 16px;
    line-height: 18px;
    text-align: center;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: middle;
    width: 16px
}

.bh_details_btn-plus:before {
    color: var(--won);
    content: "\e0fe"
}

.bh_details_btn-minus:before {
    color: var(--lost);
    content: "\e0ff"
}

.bh_aside_content .bh_details_status_row .bh_details_status_row,
.bh_aside_content .bh_details_status_row:not(:last-child) {
    margin-bottom: 0
}

.bh_status_line_wrapper {
    grid-gap: 4px;
    align-items: center;
    display: grid;
    gap: 4px;
    grid-auto-flow: column
}

.bh_root_auto_bet .bh_status_line_wrapper {
    display: none
}

.bh_status_line {
    background-color: var(--eventBg2Hover);
    border-radius: 4px;
    flex: 1 1;
    height: 2px
}

.bh_details_status_row {
    align-items: center;
    display: flex
}

.bh_aside_content .bh_details_status_row {
    flex-wrap: wrap
}

.bh_details_item_content>.bh_details_status_row:first-child {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.bh_modal_datepicker_range_section_wrapper {
    align-items: stretch;
    column-gap: 8px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative
}

.bh_modal_datepicker_range_section_wrapper>.bh_tab {
    background-color: var(--tooltipBgHover);
    flex-shrink: 0;
    height: 36px;
    padding: 0 8px;
    width: 36px
}

.bh_modal_datepicker_range_section_wrapper>.bh_tab.active {
    background-color: var(--accentBg);
    color: var(--accentTxt)
}

.bh_modal_datepicker_range_section {
    background-color: var(--tooltipBgHover);
    border-radius: 8px;
    display: grid;
    grid-auto-flow: column;
    padding: 2px;
    position: relative;
    width: 100%
}

.bh_modal_datepicker_range_section .bh_modal_datepicker_btn:first-child {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.bh_modal_datepicker .react-datepicker__children-container {
    margin: 0;
    width: auto
}

.bh_details_item_row:not(:last-child) {
    margin-bottom: 8px
}

.bh_root.middle .bh_card .bh_card_footer_amount_row,
.bh_root.middle .bh_card .bh_card_footer_multi_total_row,
.bh_root.middle .bh_card .bh_card_footer_single_market_row,
.bh_root.middle .bh_card .bh_card_footer_single_row_teams_wrapper,
.bh_root.middle .bh_card .bh_card_footer_sum_amount_row,
.bh_root.middle .bh_card .bh_card_footer_system_variants_row,
.bh_root.middle .bh_card .bh_details_item_row:not(:last-child) {
    margin-bottom: 3px
}

.bh_details_status {
    -webkit-margin-end: 6px;
    background-color: var(--bodyBg);
    border: 1px solid var(--bodyBg3);
    border-radius: 2px;
    color: var(--bodyTxt2);
    flex-shrink: 0;
    font-size: 11px;
    line-height: 20px;
    margin-inline-end: 6px;
    margin-bottom: 2px;
    max-width: 100%;
    min-height: 20px;
    padding: 0 6px;
    text-align: center
}

.dg_offers_badge.bh_details_status {
    background-color: var(--bodyBg2);
    border: 1px solid var(--eventBg3);
    color: var(--bodyTxt)
}

.tooltip_wrapper .bh_details_status {
    cursor: pointer
}

.bh_details_status-grouped {
    align-items: center;
    display: flex;
    margin-right: 8px
}

.bh_details_status-grouped>* {
    margin: 0 !important
}

.bh_details_status-grouped>.bh_details_status:first-child {
    border-radius: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.bh_details_status-grouped>.bh_details_status:last-child {
    border-radius: 0;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.bh_details_score_row_main {
    color: var(--pending);
    font-size: 12px
}

.bh_details_score_row {
    color: var(--bodyTxt2);
    font-size: 12px;
    margin-right: 5px
}

.bh_details_score_row_separator {
    background-color: var(--bodyTxt3);
    flex-shrink: 0;
    height: 13px;
    margin: 0 8px;
    width: 1px
}

.bh_details_footer_currency,
.bh_details_footer_txt {
    color: var(--bodyTxt2);
    font-size: 13px
}

.bh_details_footer_currency {
    margin-left: 4px
}

.bh_details_footer_num {
    color: var(--bodyTxt);
    font-size: 13px
}

.bh_details_footer {
    border-top: 1px solid var(--eventBg);
    padding-top: 8px
}

.bh_details_footer_num_win {
    color: var(--bodyAccent);
    font-size: 13px
}

.bh_details_cashout_btn_wrapper {
    background-color: var(--bodyBg);
    bottom: 0;
    padding: 8px 16px;
    right: 0;
    z-index: var(--z_index_cashout_btn)
}

.dg_rtl .bh_details_cashout_btn_wrapper {
    left: 0;
    right: unset
}

.bh_details_cashout_btn_wrapper.float_button {
    padding-bottom: var(--cashoutBtnFloatingHeight);
    position: fixed
}

.bh_details_cashout_btn,
.bh_root_auto_bet .bh_details_cashout_btn_autobet {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--buttonBg);
    border: 0;
    border-radius: 6px;
    color: var(--buttonTxt);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    outline: 0;
    padding: 0 6px;
    position: relative;
    width: 100%
}

.bh_root_auto_bet .bh_card.OR .bh_card_footer_multi_total_odds_num {
    color: var(--eventAccent)
}

.bh_root_auto_bet .bh_card.GY .bh_card_footer_multi_total_odds_num,
.bh_root_auto_bet .bh_card.GY .bh_card_footer_single,
.bh_root_auto_bet .bh_card.GY .bh_card_footer_sum_amount_num,
.bh_root_auto_bet .bh_card.GY .bh_card_header_info_type {
    color: var(--eventTxt3)
}

.bh_root_auto_bet .bh_card.GR .bh_card_footer_market_actual,
.bh_root_auto_bet .bh_card.GR .bh_card_footer_single_row_team,
.bh_root_auto_bet .bh_card.GY .bh_card_header_info_status {
    color: var(--bodyTxt)
}

.bh_root .bh_details_item_row .bh_icon {
    color: var(--bodyTxt2);
    height: 20px;
    line-height: 20px;
    margin: 0 4px
}

.bh_root .bh_details_item_row .bh_icon:before {
    height: 14px;
    line-height: 10px
}

.bh_root .bh_aside_content .bh_details_item_row .bh_icon:before {
    height: auto;
    line-height: normal
}

.bh_root .tg_sport_icons_tinyest .sport_front_icon-cash-out:before,
.dg_multi_bet_bonus .dg_multi_bet_icon:before {
    font-size: 26px;
    height: auto;
    line-height: 17px
}

.bh_root .bh_details_item_row .bh_icon-win {
    color: var(--accentBg)
}

.bh_collapse_wrapper {
    margin-bottom: 8px
}

.bh_aside_content>.bh_collapse_wrapper:first-child {
    margin-bottom: 16px
}

.bh_aside_content .bh_card_header_info_wrapper_row:last-child {
    margin-bottom: 6px
}

.bh_collapse {
    align-items: center;
    background: var(--filterBg);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    height: 40px;
    padding: 0 12px
}

.bh_collapse.bh_collapse-closed {
    color: var(--filterTxt2)
}

.bh_collapse {
    color: var(--filterTxt)
}

.bh_edited_dropdown .bh_collapse {
    border-radius: 6px
}

.bh_collapse-closed .bh_icon-arrow {
    border-radius: 6px;
    transform: rotate(180deg)
}

.bh_collapse_content {
    position: relative
}

.bh_collapse.bh_collapse-closed {
    border-radius: 6px
}

.bh_collapse_content .bh_card {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.bh_collapse>span {
    flex-grow: 1;
    font-size: 12px
}

.bh_collapse>i {
    color: var(--subHeaderTxt2);
    height: 16px;
    width: 16px
}

.bh_collapse>i:before {
    height: 16px;
    line-height: 16px;
    width: 16px
}

.bh_total_cashout_wrapper {
    align-items: center;
    border: 1px solid var(--subHeaderBg);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    padding: 12px
}

.bh_total_cashout_item {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-direction: column
}

.bh_total_cashout_item>strong {
    color: var(--bodyTxt2);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 4px;
    max-width: 86px
}

.bh_total_cashout_item>span {
    color: var(--bodyTxt);
    font-size: 13px;
    line-height: 16px
}

.bh_total_cashout_item:not(:first-child) {
    -webkit-border-start: 1px solid var(--subHeaderBg);
    border-inline-start: 1px solid var(--subHeaderBg)
}

.bh_total_cashout_item:first-child {
    align-items: flex-start
}

.bh_total_cashout_item:last-child {
    align-items: flex-end
}

.bh_details_item_edit_row {
    align-items: center;
    display: flex;
    margin: 8px 0
}

.bh_details_item_edit_number {
    -webkit-margin-end: 4px;
    background: var(--buttonBg);
    border-radius: 50%;
    color: var(--buttonTxt);
    flex-shrink: 0;
    font-size: 11px;
    font-style: normal;
    height: 20px;
    line-height: 21px;
    margin-inline-end: 4px;
    position: relative;
    text-align: center;
    width: 20px;
    z-index: 2
}

.bh_details_item_edit_row_txt {
    color: var(--bodyTxt2);
    font-size: 12px;
    padding: 0 4px
}

.bh_details_item_edit_row_txt>span {
    margin-right: 8px
}

.bh_details_status-OR {
    border-color: var(--pending);
    color: var(--pendingTxt)
}

.bh_details_status-GN {
    border-color: var(--won);
    color: var(--wonTxt)
}

.bh_details_status-RD {
    border-color: var(--lost);
    color: var(--lostTxt)
}

.bh_details_status-GR {
    border-color: var(--return);
    color: var(--lostTxt)
}

.bh_status_line-W {
    background-color: var(--won2)
}

.bh_status_line-L {
    background-color: var(--lost2)
}

.bh_status_line-G {
    background-color: var(--return)
}

.bh_card_header_info_dot_status-OR {
    background-color: var(--pending)
}

.bh_card_header_info_dot_status-GR {
    background-color: var(--won)
}

.bh_card_header_info_dot_status-RD {
    background-color: var(--lost)
}

.bh_card_header_info_dot_status-GY {
    background-color: var(--return)
}

.bh_modal_wrapper {
    background-color: #0009;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - var(--asideEndWidth));
    z-index: var(--z_index_slide)
}

.bh_root.mobile .bh_modal_wrapper {
    position: fixed
}

.bh_modal_wrapper-show {
    align-items: center;
    display: flex;
    justify-content: center
}

.bh_modal_wrapper-show.bh_modal_wrapper {
    width: 100%
}

.bh_modal_cashout {
    align-items: stretch;
    background-color: var(--modalBg);
    border: 1px solid var(--modalBg2);
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 #0003;
    color: var(--modalTxt);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: calc(100% - 40px);
    overflow: hidden;
    position: static;
    width: 314px;
    z-index: var(--z_index_modal)
}

.bh_root_auto_bet .bh_modal_autobet_popup .dg_auto_bet_popup_btns {
    padding-bottom: 16px
}

.bh_modal_cashout_header {
    align-items: center;
    border-bottom: 1px solid var(--modalBg2);
    display: flex;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 500;
    height: 40px;
    justify-content: space-between;
    padding: 0 16px
}

.bh_modal_cashout_header i {
    cursor: pointer
}

.bh_modal_cashout_wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overscroll-behavior: contain;
    padding: 0 16px
}

.bh_modal_cashout_wrapper>div:first-child {
    padding-top: 16px
}

.bh_modal_cashout_tabs_wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 16px
}

.bh_modal_cashout_tabs {
    align-items: center;
    background: var(--tabBg);
    border-radius: 8px;
    column-gap: 1px;
    display: flex;
    flex-wrap: nowrap;
    height: 36px;
    justify-content: flex-start;
    margin-bottom: 2px;
    padding: 2px;
    width: 100%
}

.bh_modal_cashout_tab {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--tabBg);
    border: 0;
    border-radius: 7px;
    color: var(--tabTxt2);
    cursor: pointer;
    display: flex;
    flex: 1 1;
    flex-wrap: nowrap;
    font-size: 12px;
    height: 32px;
    justify-content: center;
    line-height: 14px;
    outline: 0;
    overflow: hidden;
    padding: 0 16px;
    text-transform: capitalize;
    transition: all .3s ease-in-out
}

.bh_modal_cashout_tab_text {
    display: block;
    position: relative
}

.bh_modal_cashout_tab_indicator {
    background: var(--accentBg);
    border-radius: 50%;
    display: block;
    height: 5px;
    left: 100%;
    position: absolute;
    top: -3px;
    width: 5px
}

.dg_rtl .bh_modal_cashout_tab_indicator {
    left: unset;
    right: 100%
}

.bh_modal_cashout_tab--active,
.bh_modal_cashout_tab:hover {
    background-color: var(--tabActiveBg);
    color: var(--tabTxt)
}

.bh_modal_cashout_content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.bh_modal_autocashout_wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 16px 16px 0;
    row-gap: 8px
}

.bh_modal_autocashout_header {
    align-items: center;
    border: 1px solid var(--eventBg);
    border-radius: 8px;
    column-gap: 8px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 12px
}

.bh_modal_autocashout_header_title {
    color: var(--eventTxt2);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.bh_modal_autocashout_header_amount {
    color: var(--eventTxt);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.bh_modal_autocashout_form,
.bh_modal_autocashout_form_block {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 8px
}

.bh_modal_autocashout_form_block {
    background-color: var(--eventBg);
    border-radius: 8px;
    padding: 12px
}

.bh_modal_control_wrapper .bh_modal_autocashout_form_label {
    color: var(--eventTxt2);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 0
}

.bh_modal_autocashout_form_row {
    align-items: stretch;
    column-gap: 8px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.bh_modal_autocashout_form_col {
    align-items: stretch;
    display: flex;
    flex: 1 1;
    justify-content: flex-start;
    position: relative
}

.bh_modal_autocashout_form_col--divider {
    align-items: center;
    color: var(--eventTxt3);
    flex: 0 1;
    font-size: 12px;
    line-height: 14px
}

.bh_modal_autocashout_footer {
    align-items: flex-start;
    column-gap: 8px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.bh_modal_autocashout_footer_text {
    color: var(--eventTxt2);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: auto 0
}

.bh_modal_autocashout_footer_icon {
    color: var(--eventTxt3)
}

.bh_modal_cashout_btns {
    align-items: center;
    background-color: var(--modalBg);
    bottom: 0;
    column-gap: 8px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto -16px 0;
    padding: 16px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.bh_modal_cashout_btns .bh_modal_btn_cashout {
    flex-grow: 1;
    width: unset
}

.bh_modal_cashout_btns .bh_modal_btn_cashout_remove {
    background-color: var(--buttonSecondaryBg);
    color: var(--buttonSecondaryTxt);
    flex-grow: 0;
    flex-shrink: 0;
    width: 40px
}

.agreement_block_cashout {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 16px;
    width: 100%
}

.agreement_block_cashout_warning {
    align-items: center;
    color: var(--modalTxt);
    column-gap: 8px;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 16px;
    width: 100%
}

.agreement_block_cashout_warning svg {
    display: block
}

.agreement_text {
    -webkit-margin-start: 8px;
    color: var(--modalTxt2);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin-inline-start: 8px
}

.agreement_block_cashout .bh_checkbox {
    height: 20px;
    position: relative;
    width: 20px
}

.agreement_block_cashout .bh_checkbox>input {
    background-color: unset;
    height: 20px;
    margin: 0;
    opacity: 0;
    position: relative;
    width: 20px;
    z-index: 9
}

.agreement_block_cashout .bh_checkbox>i {
    bottom: 0;
    color: var(--buttonBg);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.agreement_block_cashout .bh_checkbox>i.dg_icon_checkbox_square_checked:before {
    content: "\e177"
}

.agreement_block_amount_wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 16px;
    padding-top: 16px;
    row-gap: 12px;
    text-align: center;
    width: 100%
}

.agreement_block_amount_title {
    color: var(--modalTxt2);
    font-size: 14px;
    line-height: 16px
}

.agreement_block_amount {
    color: var(--eventAccent);
    font-size: 24px;
    line-height: 28px
}

.bh_modal_cashout_content .cashout_receive {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bh_modal_cashout_content .cashout_receive .cashout_receive_head {
    color: var(--accentBg);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: center
}

.bh_modal_cashout_content .cashout_receive .cashout_receive_body {
    color: var(--modalTxt2);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px
}

.bh_modal_cashout_content .cashout_body_item_input_message {
    color: var(--modalTxt);
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px
}

.bh_modal_cashout_content .button_block {
    margin-top: 16px;
    width: 100%
}

.bh_modal_control_wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

.bh_modal_control_wrapper label {
    color: var(--modalTxt2);
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 6px
}

.bh_modal_input_wrapper {
    color: var(--accentBg);
    font-size: 20px;
    height: 40px;
    line-height: 28px;
    text-align: center;
    width: 100%
}

.bh_modal_input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: var(--inputBg);
    border: 1px solid var(--modalBg2);
    border-radius: 8px;
    color: var(--inputTxt);
    height: 40px;
    outline: 0;
    padding: 0 12px;
    width: 100%
}

.bh_modal_input.disabled {
    border-color: red
}

.side-by-side {
    display: flex;
    flex-direction: row
}

.bh_modal_row {
    display: flex;
    margin-bottom: 8px;
    width: 100%
}

.bh_modal_row_start,
.bh_modal_row_start_end {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0
}

.bh_modal_row_start_end {
    justify-content: flex-end
}

.bh_modal_row_num,
.bh_modal_row_num_out,
.bh_modal_row_txt {
    display: inline-block;
    font-size: 13px;
    line-height: 16px
}

.bh_modal_row_txt {
    color: var(--modalTxt2);
    text-transform: capitalize
}

.bh_modal_row_num {
    color: var(--modalTxt)
}

.bh_modal_row_num_out {
    color: var(--modalAccent)
}

.bh_modal_btn_cashout {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--buttonBg);
    border: 0;
    border-radius: 6px;
    color: var(--buttonTxt);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    line-height: 18px;
    outline: 0;
    padding: 0 6px;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.bh_modal_btn_cashout:after {
    animation: button-anim .7s linear infinite;
    border: .15em solid #0000;
    border-radius: 50%;
    border-right-color: #fff;
    content: "";
    display: block;
    height: 1.2em;
    left: calc(50% - .75em);
    opacity: 0;
    position: absolute;
    top: calc(50% - .75em);
    width: 1.2em
}

.bh_modal_btn_cashout:disabled {
    cursor: default;
    opacity: .6
}

@keyframes button-anim {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.bh_modal_btn_cashout.loading {
    color: #0000
}

.bh_modal_btn_cashout.loading:after {
    opacity: 1
}

.dg_bh_min_bet_error {
    color: #db4d4d
}

.dg_bh_bet_success,
.dg_bh_min_bet_error {
    display: flex;
    font-size: 12px;
    justify-content: flex-start;
    line-height: 16px;
    margin-top: 12px
}

.dg_bh_min_bet_error span {
    margin-left: 6px
}

.bh_modal_range_wrapper {
    margin: 24px 0 16px;
    width: 100%
}

.agreement_block_cashout .bh_modal_range_wrapper.dg_bh_disable,
.bh_modal_range_wrapper {
    align-items: center;
    display: flex
}

.bh_modal_range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(var(--modalAccent), var(--modalAccent));
    background-repeat: no-repeat;
    border-radius: 5px;
    height: 3px;
    min-height: unset;
    padding: 0;
    width: 100%
}

.bh_modal_btn_cashout.loading {
    background-color: var(--buttonBg) !important;
    color: var(--buttonTxt);
    min-height: unset
}

.dg_bh_disable .bh_modal_range {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0
}

.dg_bh_disable_area {
    background: currentColor;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    height: 3px
}

.bh_modal_range:focus-visible {
    outline: unset
}

.bh_modal_range::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--accentBg);
    border-radius: 50%;
    box-shadow: 0 0 2px 0 #0003;
    cursor: ew-resize;
    height: 17px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    width: 17px
}

.bh_modal_range::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #0000;
    border: none;
    box-shadow: none
}

.dg_bh_no_data_wrapper {
    color: var(--bodyTxt2);
    font-size: 12px;
    letter-spacing: .05px;
    line-height: 16px;
    padding: 94px 0 134px;
    text-align: center
}

.bh_root.mobile .dg_bh_no_data_wrapper {
    padding: 60px 0 100px
}

.bh_list_view_wrapper {
    grid-gap: 8px;
    display: grid;
    gap: 8px;
    padding: var(--tabPaddingY) 0
}

.bh_list_view_header {
    grid-gap: 24px;
    align-items: center;
    color: var(--bodyTxt2);
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 2fr 1fr 1fr;
    height: 36px;
    margin-bottom: 8px;
    padding: 0 24px;
    position: relative
}

.bh_list_view_header>span {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 500
}

.bh_list_view_heading-align_end {
    justify-content: flex-end
}

.bh_list_view_heading-align_center {
    justify-content: center
}

.bh_list_view_item {
    grid-gap: 24px;
    align-items: center;
    background: var(--eventBg);
    border-radius: 4px;
    color: var(--eventTxt);
    cursor: pointer;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 2fr 1fr 1fr;
    height: 44px;
    padding: 0 24px;
    position: relative;
    transition: all 236ms
}

.dg_bh_list_view_amount_icon i {
    color: var(--accentBg)
}

.bh_root_auto_bet .bh_list_view_header,
.bh_root_auto_bet .bh_list_view_item {
    grid-template-columns: 1fr 1.4fr 1.4fr 1.4fr .8fr 1.8fr .8fr
}

.bh_root_auto_bet .bh_modal_cashout_header>i {
    display: none
}

.bh_root_auto_bet .dg_auto_bet_popup_btns {
    grid-gap: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    width: 100%
}

.bh_root_auto_bet .agreement_text {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin: 10px 0 24px;
    text-align: left;
    width: 100%
}

.dg_tooltip_title {
    display: inline-block
}

.dg_bh_dropdown_auto_bet_canceled .dg_tooltip_title {
    font-size: 13px;
    line-height: 24px;
    margin: 0 0 8px
}

.dg_bh_dropdown_auto_bet_canceled .sport_front_icon-info {
    color: var(--bodyTxt2);
    cursor: pointer;
    margin: 0 8px
}

.dg_bh_dropdown_auto_bet_canceled .dg_text_separator {
    display: none
}

.dg_bh_dropdown_auto_bet_canceled .dg_tax_item {
    margin-bottom: 0
}

.dg_bh_dropdown_auto_bet_canceled .dg_bh_root {
    left: 0;
    top: 32px;
    transform: none
}

.dg_auto_bet_popup_btns button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--modalBg2);
    border: none;
    border-radius: 6px;
    color: var(--modalTxt);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    line-height: 18px;
    outline: 0;
    padding: 0 16px;
    position: relative
}

.dg_auto_bet_popup_btns .dg_auto_bet_popup_btn_continue {
    background: var(--buttonBg);
    color: var(--buttonTxt);
    text-transform: uppercase
}

.bh_card_header_controls_wrapper>.dg_bh_check_redact_active,
.dg_bh_check_redact_active {
    color: var(--eventAccent)
}

.bh_list_view_item:hover {
    background: var(--eventBgHover)
}

.bh_list_view_item:before {
    background-color: var(--pending);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.dg_bh_tournament .bh_list_view_header,
.dg_bh_tournament .bh_list_view_item {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 2fr 1fr
}

.bh_list_view_item.OR:before {
    background-color: var(--pending)
}

.bh_list_view_item.GR:before {
    background-color: var(--won)
}

.bh_list_view_item.RD:before {
    background-color: var(--lost)
}

.bh_list_view_item.GY:before {
    background-color: var(--return)
}

.bh_list_view_item.OR .bh_number.auto_bet_odds {
    color: var(--accentBg)
}

.bh_list_view_item.GR .bh_number.auto_bet_odds .separator_accepted_odd {
    color: var(--won)
}

.bh_list_view_item_actions,
.bh_list_view_item_amount,
.bh_list_view_item_bet_type,
.bh_list_view_item_cashout,
.bh_list_view_item_date,
.bh_list_view_item_id,
.bh_list_view_item_pos_win,
.bh_list_view_item_status {
    align-items: center;
    color: var(--eventTxt2);
    display: flex;
    flex: 1 1;
    font-size: 13px;
    font-weight: 500
}

.bh_list_view_item_bet_type .dg_bet_type_separator {
    color: var(--eventTxt3);
    margin: 0 4px
}

.bh_list_view_item_bet_type .dg_bet_type_num {
    color: var(--eventTxt3)
}

.bh_grid_view_wrapper .dg_bet_type_num {
    -webkit-padding-start: 4px;
    padding-inline-start: 4px
}

.bh_list_view_item_status {
    position: relative
}

.bh_list_view_item_actions,
.bh_list_view_item_amount,
.bh_list_view_item_pos_win {
    justify-content: flex-end
}

.bh_list_view_item_amount>i {
    color: var(--accentBg)
}

.bh_list_view_item_amount>.bh_number,
.bh_list_view_item_pos_win>.bh_number {
    display: flex
}

.bh_root_auto_bet .bh_list_view_item_amount>.bh_number {
    white-space: nowrap
}

.bh_list_view_wrapper .dg_bh_list_view_amount_icon {
    height: 16px;
    margin-left: 6px;
    width: 16px
}

.bh_list_view_item_actions {
    gap: 12px
}

.bh_list_view_item_cashout {
    justify-content: center
}

.bh_list_view_item_date {
    align-items: flex-start;
    flex-direction: column
}

.bh_list_view_item_bet_type strong {
    color: var(--eventTxt3);
    text-align: center;
    width: 20px
}

.bh_list_btn_cashout {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--eventAccent);
    border: 0;
    border-radius: 6px;
    color: var(--eventAccentTxt);
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    outline: 0;
    padding: 0 6px;
    width: 100%
}

.bh_dropdown_wrapper {
    display: flex;
    position: relative
}

.bh_dropdown_content {
    background-color: var(--tooltipBg);
    border-radius: 6px;
    color: var(--tooltipTxt);
    position: absolute;
    right: 0;
    top: 30px;
    white-space: nowrap;
    z-index: var(--z_index_modal)
}

.bh_dropdown_item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 6px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bh_dropdown_item:last-child {
    margin-bottom: 0;
    padding-bottom: 16px
}

.bh_dropdown_item:first-child {
    margin-bottom: 0;
    padding-top: 16px
}

.bh_dropdown_item>span {
    flex-grow: 1;
    font-size: 12px;
    padding: 0 8px;
    text-transform: capitalize
}

.bh_modal_datepicker {
    background-color: var(--tooltipBg);
    border: 1px solid var(--tooltipBg2);
    border-radius: 8px;
    color: var(--tooltipTxt);
    padding: 16px 12px;
    position: absolute;
    right: 130px;
    top: 65px;
    width: 328px;
    z-index: 55
}

.bh_modal_datepicker_control_wrapper {
    grid-gap: 8px;
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
    position: relative
}

.bh_modal_datepicker_input_wrapper {
    height: 40px;
    position: relative
}

.bh_modal_datepicker_label {
    color: var(--tooltipTxt2);
    font-size: 13px;
    text-transform: capitalize;
    width: 100%
}

.bh_modal_datepicker_range_wrapper {
    display: flex;
    flex-direction: column
}

.bh_modal_datepicker_range_header {
    color: var(--tooltipTxt2);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 18px;
    width: 100%
}

.bh_reset {
    background-color: initial;
    border: none;
    color: var(--accentBg);
    cursor: pointer;
    text-decoration: underline;
    transition: .23s
}

.bh_reset:hover {
    opacity: .8
}

.bh_modal_datepicker_input {
    border: 0;
    border: 1px solid var(--tooltipBg2);
    border-radius: 8px;
    color: var(--tooltipTxt3);
    height: 40px;
    width: 100%
}

.bh_modal_datepicker_input,
.bh_modal_datepicker_range_section .bh_tab {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--tooltipBgHover);
    font-size: 12px;
    outline: 0;
    padding: 0 12px
}

.bh_modal_datepicker_range_section .bh_tab {
    align-items: center;
    border: unset;
    border-radius: 8px;
    color: var(--tooltipTxt2);
    display: flex;
    height: 32px;
    justify-content: center
}

.bh_modal_datepicker_range_section .bh_tab i {
    margin-right: 6px
}

.bh_modal_datepicker_range_section .bh_tab.active {
    background-color: var(--accentBg);
    color: var(--accentTxt)
}

.bh_modal_datepicker_range_section .bh_tab:not(.active) {
    cursor: pointer
}

.bh_modal_datepicker_slider_wrapper {
    height: 50px;
    margin-bottom: 12px
}

.bh_modal_datepicker_range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--tooltipBgHover);
    background-repeat: no-repeat;
    background-size: 70% 100%;
    border-radius: 1px;
    height: 3px;
    width: 100%
}

.bh_modal_datepicker_data {
    display: flex
}

.bh_modal_datepicker_data>option {
    color: var(--tooltipTxt2);
    flex: 1 1;
    font-size: 11px;
    text-align: center
}

.bh_modal_datepicker_range::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--tooltipBgHover);
    border-radius: 0;
    box-shadow: 0 0 2px 0 #0003;
    cursor: ew-resize;
    height: 13px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    width: 5px
}

.bh_modal_datepicker_range::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #0000;
    border: none;
    box-shadow: none
}

.bh_modal_datepicker_range_wrapper {
    grid-gap: 8px;
    align-items: center;
    display: grid;
    gap: 8px
}

.bh_datepicker_wrapper>div {
    width: 100%
}

.bh_datepicker_search_wrapper {
    background-color: var(--tooltipBgHover);
    border-radius: 8px;
    color: var(--tooltipTxt2);
    height: 36px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.bh_datepicker_collapse_wrapper .bh_datepicker_wrapper {
    margin-top: 12px
}

.bh_datepicker_search_wrapper .bh_datepicker_search_clear_btn {
    align-items: center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: initial;
    border: none;
    color: var(--buttonSecondaryTxt);
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    outline: none;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 20px;
    z-index: 1
}

.bh_datepicker_search_wrapper .bh_modal_input {
    background-color: var(--tooltipBgHover);
    border: 1px solid var(--tooltipBg2);
    color: var(--tooltipTxt2);
    font-size: 14px;
    height: 36px;
    line-height: 18px;
    padding-bottom: 8px;
    padding-right: 40px;
    padding-top: 8px
}

.bh_datepicker_search_wrapper .bh_modal_input::-webkit-inner-spin-button,
.bh_datepicker_search_wrapper .bh_modal_input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dg_rtl .bh_datepicker_search_wrapper .bh_datepicker_search_clear_btn {
    left: 10px;
    right: unset
}

.dg_rtl .bh_datepicker_search_wrapper .bh_modal_input {
    padding-left: 40px;
    padding-right: 12px
}

.bh_datepicker_wrapper .react-datepicker {
    background-color: var(--tooltipBg);
    border: 0;
    border-radius: 0;
    color: var(--tooltipTxt);
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    width: 100%
}

.bh_datepicker_wrapper .react-datepicker__month-container {
    float: none;
    width: 100%
}

.bh_datepicker_wrapper .react-datepicker-time__header,
.bh_datepicker_wrapper .react-datepicker-year-header,
.bh_datepicker_wrapper .react-datepicker__current-month {
    align-items: center;
    color: var(--tooltipTxt);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    margin-top: 0
}

.bh_datepicker_wrapper .react-datepicker__header {
    background-color: initial;
    border-bottom: 0;
    border-radius: 0;
    padding: 0;
    position: relative
}

.bh_datepicker_wrapper .react-datepicker__navigation {
    align-items: center;
    background-color: var(--tooltipBgHover);
    border-radius: 6px;
    color: var(--tooltipTxt2);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    text-indent: 0;
    top: 2px;
    width: 40px
}

.bh_datepicker_wrapper .react-datepicker__navigation--next--disabled,
.bh_datepicker_wrapper .react-datepicker__navigation--previous--disabled {
    background-color: initial;
    cursor: default
}

.bh_modal_datepicker .bh_datepicker_wrapper .react-datepicker__day--disabled {
    color: var(--tooltipTxt3)
}

.bh_main .bh_modal_datepicker .bh_datepicker_wrapper .react-datepicker__day--outside-month {
    color: var(--tooltipBg);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bh_modal_datepicker .bh_datepicker_wrapper .react-datepicker__day--disabled:hover {
    color: var(--tooltipTxt3)
}

.bh_datepicker_wrapper .react-datepicker__navigation>span {
    display: none
}

.bh_datepicker_wrapper .react-datepicker__navigation:before {
    align-items: center;
    content: "\e0b8";
    display: flex;
    font-family: digiSportIcons;
    font-size: 34px;
    height: 20px;
    justify-content: center;
    transform: rotate(90deg);
    width: 20px
}

.bh_datepicker_wrapper .react-datepicker__navigation--next:before {
    transform: rotate(-90deg)
}

.bh_datepicker_wrapper .react-datepicker__day-names {
    margin-bottom: 0
}

.bh_datepicker_wrapper .react-datepicker__day-names,
.bh_datepicker_wrapper .react-datepicker__week {
    align-items: center;
    display: flex
}

.bh_datepicker_wrapper .react-datepicker__day,
.bh_datepicker_wrapper .react-datepicker__day-name,
.bh_datepicker_wrapper .react-datepicker__time-name {
    align-items: center;
    border-radius: 50%;
    color: var(--tooltipTxt);
    display: flex;
    flex: 1 1;
    height: 40px;
    justify-content: center;
    line-height: normal;
    margin: 1px 0;
    opacity: 1;
    position: relative;
    transition: unset;
    width: auto;
    z-index: 1
}

.bh_datepicker_wrapper .react-datepicker__day-name {
    font-weight: 500
}

.bh_datepicker_wrapper .react-datepicker__month {
    margin: 0;
    text-align: center
}

.bh_keyboard {
    background-color: var(--eventBg);
    border-radius: 5px;
    color: var(--eventTxt);
    margin: 6px 0;
    padding: 5px;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.bh_keyboard.hg-theme-default .hg-button {
    display: flex;
    flex-shrink: 0
}

.bh_keyboard.bh_keyboard_btns {
    background-color: #ececec;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bh_keyboard.bh_keyboard_btns .hg-button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #b5b5b5;
    border-radius: 5px;
    box-shadow: 0 0 3px -1px #0000004d;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 5px
}

.bh_keyboard .hg-row:not(:last-child) {
    margin-bottom: 5px
}

.bh_keyboard .hg-row {
    display: flex
}

.bh_keyboard_wrapper .bh_keyboard .hg-button.hg-button-bksp,
.bh_keyboard_wrapper .bh_keyboard .hg-button.hg-standardBtn {
    flex-grow: 1;
    min-width: 1px;
    width: 20px
}

.bh_keyboard_wrapper .bh_keyboard .hg-button.hg-button-bksp span {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center
}

.bh_keyboard_wrapper .bh_keyboard .hg-row .hg-button-container,
.bh_keyboard_wrapper .bh_keyboard .hg-row .hg-button:not(:last-child) {
    margin-right: 5px
}

.bh_keyboard .hg-button {
    align-items: center;
    background: var(--eventBg2);
    border-radius: 5px;
    box-shadow: 0 0 3px -1px #0000004d;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 5px
}

.bh_datepicker_wrapper .react-datepicker__day--disabled.react-datepicker__day--selected:before,
.bh_datepicker_wrapper .react-datepicker__day--keyboard-selected:before {
    background-color: unset
}

.bh_datepicker_wrapper .react-datepicker__day--range-end:before,
.bh_datepicker_wrapper .react-datepicker__day--selected:before {
    background-color: var(--accentBg);
    border-radius: 50%;
    color: var(--buttonTxt);
    content: "";
    display: block;
    height: 36px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
    width: 36px;
    z-index: -1
}

.bh_datepicker_wrapper .react-datepicker__day--keyboard-selected,
.bh_datepicker_wrapper .react-datepicker__day.react-datepicker__day--keyboard-selected:hover {
    background-color: initial
}

.bh_datepicker_wrapper .react-datepicker__day--today {
    font-weight: 400
}

.bh_datepicker_wrapper .react-datepicker__day:hover {
    background-color: initial;
    color: inherit;
    opacity: 1
}

.bh_datepicker_wrapper .react-datepicker__day--in-range,
.bh_datepicker_wrapper .react-datepicker__day--in-selecting-range {
    background-color: var(--tooltipBgHover);
    border-radius: 0
}

.bh_datepicker_wrapper .react-datepicker__day--range-end,
.bh_datepicker_wrapper .react-datepicker__day--range-end:hover {
    background-color: var(--tooltipBgHover);
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color: var(--tooltipAccentTxt)
}

.bh_datepicker_wrapper .react-datepicker__day--selected,
.bh_datepicker_wrapper .react-datepicker__day--selected:hover {
    background-color: unset;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    color: var(--tooltipAccentTxt)
}

.bh_calendar_button {
    margin-top: 12px;
    width: 100%
}

.dg_bh_selected_date {
    align-items: center;
    background-color: var(--tooltipBgHover);
    border: 1px solid var(--tooltipBg2Hover);
    border-radius: 6px;
    color: var(--tooltipTxt3);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    margin: 12px 0
}

.bh_calendar_button>button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--buttonBg);
    border: none;
    border-radius: 6px;
    color: var(--buttonTxt);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.bh_calendar_button>button:disabled {
    opacity: .6
}

.bh_card_footer .bh_card_footer_sum_amount_num_win>.sport_front_icon-cash-out,
.bh_card_header .bh_cashout_btn>.sport_front_icon-cash-out,
.bh_card_header .bh_cashout_btn>.sport_front_icon-cash-out:before {
    font-size: 26px;
    height: 16px;
    line-height: 17px;
    width: 16px
}

.bh_cashout_btn>.sport_front_icon-cash-out {
    margin-right: 6px
}

.tooltip_wrapper {
    display: inline-block
}

.tooltip_tip {
    background: var(--tooltip-background-color);
    border-radius: 4px;
    color: var(--tooltip-text-color);
    font-family: sans-serif;
    font-size: 14px;
    left: 50%;
    line-height: 1;
    padding: 6px;
    position: absolute;
    transform: translateX(-50%);
    width: 200px;
    z-index: 100
}

.tooltip_tip.bottom {
    bottom: calc(var(--tooltip-margin)*-1)
}

.tooltip_tip.bottom:before {
    border-bottom-color: var(--tooltip-background-color);
    bottom: 100%
}

.dg_bh_root {
    position: absolute;
    right: 0;
    top: 38px;
    z-index: 100
}

.dg_bh_root.dg_bh_root_double {
    box-sizing: border-box;
    padding: 16px 0;
    top: 30px
}

.dg_bh_root.dg_bh_root_double:after {
    border: 7px solid #0000;
    border-bottom: 14px solid var(--tooltipBg);
    border-radius: 4px;
    border-top: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 40px;
    top: 3px;
    width: 0
}

.dg_bh_root.dg_bh_tooltip_sm {
    left: unset;
    right: 0;
    top: 20px;
    transform: unset
}

.dg_bh_tooltip_sm .dg_bh_inner {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    padding: 8px;
    white-space: nowrap;
    width: auto
}

.dg_bh_inner {
    background: var(--tooltipBg);
    border: 1px solid var(--tooltipBg2);
    border-radius: 6px;
    color: var(--tooltipTxt2);
    padding: 16px;
    width: 324px
}

.bh_live_wrapper .dg_tooltip_title,
.dg_bh_root .dg_tooltip_title {
    color: var(--tooltipTxt);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 8px
}

.dg_tax_item {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 4px;
    text-transform: capitalize;
    width: 100%
}

.dg_bh_inner .dg_tax_item {
    text-transform: none
}

.dg_bh_calculation_text {
    font-size: 12px;
    margin-top: 16px
}

.bh_live_wrapper .dg_tax_item {
    margin-bottom: 0
}

.dg_tax_item:nth-child(3n+3) {
    margin-bottom: 12px
}

.dg_tax_item.dg_highlighted>span {
    color: var(--tooltipTxt)
}

.dg_tax_item>div {
    direction: ltr !important
}

.dg_bh_inner>span,
.dg_tax_item>span {
    flex-grow: 1;
    min-width: 1px
}

.dg_bh_live_info_tooltip .dg_tax_item {
    display: inline-block
}

.dg_tax_item>div>span:first-child {
    -webkit-margin-end: 4px;
    color: var(--tooltipTxt);
    margin-inline-end: 4px
}

.bh_live_wrapper .dg_tax_item>span {
    flex-grow: unset
}

.dg_range_bullet_info {
    align-items: center;
    background-color: var(--tooltipBg2);
    border: 1px solid var(--tooltipBg2);
    border-radius: 26px;
    color: var(--tooltipTxt2);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    line-height: 16px;
    min-width: 48px;
    position: absolute;
    top: -30px;
    transform: translateX(calc(-50% + 10px))
}

.dg_range_bullet_info:before {
    border-color: var(--tooltipBg3) #0000 #0000 #0000;
    border-style: solid;
    border-width: 6px 4px 0;
    bottom: -6px;
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.dg_bh_range_separate_line {
    background-color: var(--tooltipBgHover);
    border-radius: 20px;
    height: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2px
}

.dg_bh_range_separate_line.colored {
    background-color: var(--accentBg)
}

.dg_bh_range_wrapper {
    position: relative
}

.dg_bh_range_content {
    align-items: center;
    display: flex;
    height: 40px;
    margin-top: 35px;
    padding: 0 24px;
    width: 100%;
    z-index: 3
}

.dg_bh_range_line {
    background-color: var(--buttonBg);
    color: var(--buttonTxt);
    height: 4px;
    position: relative;
    width: 100%
}

.dg_bh_range_line:after,
.dg_bh_range_line:before {
    background-color: var(--tooltipBgHover);
    border-radius: 20px;
    content: "";
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    z-index: -1
}

.dg_bh_range_line:before {
    left: 0
}

.dg_bh_range_line:after {
    right: 0
}

.bh_separator {
    margin: 0 3px
}

.bh_card_footer_sum_amount_num.bh_autobet_max_min {
    display: flex
}

.bh_autobet_selected {
    color: var(--success)
}

.dg_rtl {
    direction: rtl
}

.bh_card_btn_cashout>span,
.bh_details_amount,
.bh_details_footer_num,
.bh_details_footer_num_win,
.bh_details_item_num,
.bh_list_btn_cashout {
    direction: ltr !important
}

.bh_details_amount {
    unicode-bidi: plaintext
}

.dg_rtl .bh_dropdown_content {
    left: 0;
    right: auto;
    text-align: left
}

.dg_rtl.bh_root.mobile .dg_single_win .dg_single_win_icon_info>i {
    margin-left: 4px;
    margin-right: unset
}

.dg_rtl .dg_bh_list_view_amount_icon i {
    margin-left: unset;
    margin-right: 4px
}

.dg_rtl .bh_list_view_wrapper .dg_bh_list_view_amount_icon {
    margin-left: unset;
    margin-right: 6px
}

.dg_rtl .bh_tab_wrapper .tg_btn_filters i {
    margin-right: unset
}

.dg_rtl .bh_modal_datepicker_range_section .bh_tab i {
    margin-left: 6px;
    margin-right: unset
}

.dg_rtl .dg_bh_root.dg_bh_tooltip_sm {
    left: 0;
    right: auto
}

.dg_rtl .bh_aside_end {
    left: 0;
    right: unset
}

.dg_rtl .bh_tab_floating_wrapper {
    box-shadow: 17px 0 13px -3px var(--bodyBg);
    left: 0;
    right: unset
}

.bh_root.mobile .bh_modal_datepicker {
    right: 16px;
    width: calc(100vw - 32px)
}

.dg_rtl .bh_modal_datepicker {
    left: 130px;
    right: unset
}

.dg_rtl .bh_root.mobile .bh_modal_datepicker,
.dg_rtl.bh_root.mobile .bh_modal_datepicker {
    left: 16px;
    right: unset
}

.dg_rtl .dg_range_bullet_info {
    transform: translateX(calc(50% - 10px))
}

.dg_rtl .bh_view_switch_wrapper .bh_tab:last-child {
    border-bottom: 1px solid var(--tabBg);
    border-left: 1px solid var(--tabBg);
    border-radius: 6px 0 0 6px;
    border-top: 1px solid var(--tabBg)
}

.dg_rtl .bh_view_switch_wrapper .bh_tab:first-child {
    border-bottom: 1px solid var(--tabBg);
    border-radius: 0 6px 6px 0;
    border-right: 1px solid var(--tabBg);
    border-top: 1px solid var(--tabBg)
}

.dg_rtl .bh_modal_wrapper {
    width: calc(100% + var(--asideEndWidth))
}

.dg_rtl .bh_modal_wrapper-show.bh_modal_wrapper {
    width: 100%
}

.dg_rtl .bh_modal_row_num span:first-child {
    unicode-bidi: plaintext
}

.dg_rtl .bh_details_item.edited:before {
    left: unset;
    right: 12px
}

.dg_rtl .dg_icon_separator.dg_icon_cup,
.dg_rtl .dg_icon_separator.sport_front_icon-bonus_modern {
    margin-left: unset;
    margin-right: 4px
}

.dg_rtl .bh_cashout_btn>.sport_front_icon-cash-out {
    margin-left: 4px;
    margin-right: unset
}

.dg_rtl.bh_root .bh_card_footer .bh_card_footer_sum_amount_num_win>.sport_front_icon-cash-out,
.dg_rtl.bh_root .bh_card_row .bh_icon.sport_front_icon-cash-out {
    margin: unset;
    margin-left: unset;
    margin-right: 4px
}

.dg_rtl .bh_card_row .bh_icon.sport_front_icon-cash-out,
.dg_rtl .bh_card_row_end.bh_details_item_row .dg_icon_cup,
.dg_rtl .bh_card_row_end.dg_icons_wrapper .dg_icon_cup,
.dg_rtl .bh_card_row_end.tg_sport_icons_tinyest .sport_front_icon-bonus_modern {
    margin-left: 4px;
    margin-right: unset
}

.dg_rtl .bh_card_footer_sum_amount {
    unicode-bidi: plaintext
}

.dg_rtl .dg_bh_disable_area {
    border-radius: 0 5px 5px 0
}

.dg_rtl .dg_bh_disable .bh_modal_range {
    border-radius: 5px 0 0 5px;
    margin-right: 0
}

.dg_rtl .dg_bh_min_bet_error span {
    margin-left: unset;
    margin-right: 6px
}

.dg_rtl .dg_bh_dropdown_auto_bet_canceled .dg_bh_root {
    left: unset;
    right: 0;
    transform: none
}

.dg_rtl .bh_details_item_header_teams_row {
    margin-left: unset;
    margin-right: 4px
}

.bh_root {
    --tabPaddingX: 24px;
    --tabPaddingY: 20px;
    --headerHeight: 0px
}

.bh_root.middle .bh_header {
    display: none
}

.bh_root.middle .bh_content {
    padding: 24px
}

.bh_root.middle .bh_view_switch_wrapper,
.bh_total_cashout_item_details {
    display: flex
}

.bh_root.middle .bh_view_switch_wrapper:last-child {
    -webkit-margin-end: 24px;
    margin-inline-end: 24px
}

.bh_root.middle .bh_aside_end,
.bh_root.middle .bh_aside_start {
    display: block
}

.bh_root.middle .bh_main_hidden {
    overflow-y: hidden
}

.bh_root.middle .bh_card.active,
.bh_root.middle .bh_card:hover,
.bh_root.middle .bh_list_view_item.active {
    background-color: var(--eventBg2)
}

.bh_root.middle .bh_grid_view_wrapper .bh_card.active {
    transform: scale(1.03, 1.11);
    z-index: 2
}

.bh_root.middle .bh_card_footer_single_row_team {
    display: initial;
    max-width: 395px
}

.bh_root.desktop.middle .bh_card_footer_single_market_row .bh_card_row_start {
    display: initial;
    max-width: 424px
}

.bh_root.middle .bh_card_footer_single_market_row .bh_card_row_start {
    display: initial;
    max-width: 364px
}

.bh_root.desktop.middle .bh_card_footer_single_row_team {
    display: initial;
    max-width: 460px
}

.bh_root.mobile .bh_modal_wrapper-show {
    width: 100% !important
}

.bh_root.mobile .tg_btn_filters>span {
    display: none
}

.bh_root.mobile .bh_tab_wrapper_scroll {
    width: calc(100% - 40px)
}

.bh_root.mobile .tg_btn_filters {
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    padding: 0 8px
}

.bh_root.mobile .bh_details_item_row {
    margin-bottom: 0
}

.bh_root.mobile .bh_tab_wrapper {
    height: var(--tabContHeight);
    padding: 12px 16px
}

.bh_root.mobile .bh_aside_end {
    bottom: 0;
    overflow: hidden;
    position: relative;
    z-index: 98
}

.bh_root.mobile .dg_mobile_header {
    align-items: center;
    background-color: var(--bodyBgHover);
    color: var(--eventTxt2);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 18px;
    padding: 0 16px
}

.bh_root.mobile .bh_card_footer_single_row_team {
    max-width: 304px
}

.bh_root.mobile .dg_mobile_header>i {
    -webkit-margin-end: 4px;
    align-items: center;
    color: var(--eventTxt);
    display: flex;
    justify-content: center;
    margin-inline-end: 4px;
    min-width: 20px
}

.bh_root.mobile .dg_mobile_header>i:before {
    font-size: 34px;
    line-height: 14px
}

.bh_root.mobile .dg_bh_inner,
.bh_root.mobile .dg_bh_root {
    width: 100%
}

.bh_root.mobile .dg_bh_root.dg_bh_tooltip_sm,
.bh_root.mobile .dg_bh_tooltip_sm .dg_bh_inner {
    width: auto
}

.bh_root.mobile .dg_multi_bet_bonus .dg_bh_root {
    top: 18px
}

.bh_root.mobile .bh_details_item_content .tooltip_tip.offers_tooltip {
    width: calc(100vw - 32px)
}

.dg_rtl.bh_root.mobile .dg_mobile_header>i {
    transform: rotate(180deg)
}

.bh_root.mobile .bh_aside_content_inner .bh_details_item_row {
    margin-bottom: 6px
}

.bh_root.mobile .dg_single_win {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px
}

.bh_root.mobile .dg_single_win .dg_single_win_icon_info {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.bh_root.mobile .dg_single_win .dg_single_win_icon_info>i {
    margin-right: 4px
}

.bh_root.mobile .bh_card {
    transform: unset
}

.bh_root.mobile .dg_single_win:last-child {
    margin-bottom: 0
}

.bh_root.mobile .bh_tab_wrapper .tg_btn_filters i {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.bh_root.mobile .bh_card_footer_single_market_row .bh_card_row_start {
    display: inline-block;
    line-height: 14px;
    max-width: 278px
}

.dg_bet_builder_content_wrapper {
    display: flex;
    margin-bottom: 8px
}

.dg_bh_bet_builder .dg_bet_builder_icon_wrapper {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 20px;
    margin-bottom: 8px
}

.dg_bet_builder_icon>.dg_icon_bet__builder {
    color: var(--bodyTxt2)
}

.dg_bet_builder_teams {
    margin-top: 12px
}

.dg_bet_builder_teams span {
    color: var(--bodyTxt);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.dg_bh_bet_builder .dg_bet_builder_icon_wrapper>span {
    align-items: center;
    color: var(--bodyTxt2);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    white-space: nowrap;
    width: 100%
}

.dg_bh_bet_builder .dg_bet_builder_icon_wrapper>span strong {
    color: var(--bodyTxt);
    text-align: right;
    width: 100%
}

.dg_bh_bet_builder .dg_bet_builder_icon {
    -webkit-margin-end: 8px;
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 20px;
    justify-content: center;
    margin-inline-end: 8px;
    width: 20px
}

.dg_bh_bet_builder .dg_bet_builder_icon>svg {
    height: 20px;
    width: 20px
}

.dg_bh_bet_builder .dg_bet_builder_tree {
    -webkit-margin-end: 8px;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-inline-end: 8px;
    width: 20px
}

.dg_bh_bet_builder .dg_bet_builder_tree>span {
    border-radius: 50%;
    display: block;
    flex-shrink: 0;
    height: 8px;
    margin-bottom: 7px;
    margin-top: 7px;
    position: relative;
    width: 8px
}

.dg_bh_bet_builder .dg_bet_builder_tree>span:last-child {
    margin-bottom: 0
}

.dg_bh_bet_builder .dg_bet_builder_tree>span:last-child:after {
    display: none
}

.dg_bh_bet_builder .dg_bet_builder_tree>span:after {
    background: var(--eventBg2);
    content: "";
    flex-shrink: 0;
    height: 10px;
    left: 50%;
    position: absolute;
    top: 10px;
    transform: translateX(-50%);
    width: 1px
}

.dg_bet_builder_content {
    display: flex;
    flex-direction: column;
    width: calc(100% - 28px)
}

.dg_bet_builder_content>span {
    color: var(--eventTxt2);
    flex-shrink: 0;
    font-size: 12px;
    height: 22px;
    line-height: 22px
}

.dg_bet_builder_content>span>strong {
    color: var(--eventTxt)
}

.dg_bet_builder_content>span:last-child {
    margin-bottom: 0
}

.dg_bet_builder_content .dg_bet_builder_content_show_more {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 100%
}

.dg_bet_builder_content .dg_bet_builder_content_show_more>i {
    transition: .23s
}

.dg_bet_builder_content .dg_bet_builder_content_show_more.opened>i {
    transform: rotate(180deg)
}

.dg_bet_builder_content .dg_bet_builder_content_show_more>span {
    color: var(--eventTxt);
    font-size: 12px
}

.bh_details_item_content_bb {
    padding-left: 0
}

.bh_details_item_content_wrapper {
    display: grid;
    grid-template-columns: 24px 1fr
}

.bh_indicator {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 20px
}

.bh_details_item_OR .bh_indicator:before {
    background-color: var(--pending);
    border-color: var(--pending);
    color: var(--pendingTxt)
}

.bh_details_item_GN .bh_indicator:before {
    background-color: var(--won);
    border-color: var(--won);
    color: var(--wonTxt)
}

.bh_details_item_RD .bh_indicator:before {
    background-color: var(--lost);
    border-color: var(--lost);
    color: var(--lostTxt)
}

.bh_details_item_GR .bh_indicator:before {
    background-color: var(--return);
    border-color: var(--return);
    color: var(--lostTxt)
}

.bh_tree_node {
    background-color: var(--eventBg2);
    opacity: .4
}

.bh_tree_node.OR {
    background-color: var(--pending)
}

.bh_tree_node.GN {
    background-color: var(--return)
}

.bh_tree_node.RD {
    background-color: var(--lost)
}

.bh_tree_node.GR {
    background-color: var(--won)
}

.bh_indicator:before {
    background-color: currentColor;
    content: "";
    display: block;
    height: 100%;
    width: 1px
}

.bh_details_status_main {
    -webkit-padding-end: 8px;
    align-items: center;
    display: flex;
    padding-inline-end: 8px
}

.bh_details_status_main>.bh_details_status_main_circle {
    border: 1px solid var(--pending);
    border-radius: 50%;
    flex-shrink: 0;
    height: 8px;
    width: 8px
}

.bh_details_status_main>span {
    -webkit-margin-start: 8px;
    color: var(--bodyTxt2);
    font-size: 12px;
    margin-inline-start: 8px
}

.bh_details_status-OR .bh_details_status_main_circle {
    border-color: var(--pending)
}

.bh_details_status-GN .bh_details_status_main_circle {
    border-color: var(--won)
}

.bh_details_status-RD .bh_details_status_main_circle {
    border-color: var(--lost)
}

.bh_details_status-GR .bh_details_status_main_circle {
    border-color: var(--return)
}

.bh_details_item_root {
    margin-top: 6px
}

.bh_details_item_root:first-child {
    margin-top: 0
}

.dg_bh_separator_xs {
    flex-shrink: 0;
    width: 6px
}

.bh_grid_view_wrapper .dg_bh_grid_text_2 {
    color: var(--eventTxt2)
}

.bh_aside_content .bh_card_footer .dg_bh_grid_text_2 {
    color: var(--bodyTxt2)
}

.bh_details_flex {
    align-items: center;
    display: flex
}

@keyframes skeleton_animation {
    0% {
        background-position: -200px 0
    }
    to {
        background-position: calc(200px + 100%) 0
    }
}

.bh_wrapper .react-loading-skeleton {
    --base-color: var(--bodyBg);
    --highlight-color: var(--bodyBg);
    animation: skeleton_animation 1.2s ease-in-out infinite;
    background-color: var(--bodyBg);
    background-image: linear-gradient(90deg, var(--bodyBg), var(--bodyBg2), var(--bodyBg));
    background-repeat: no-repeat;
    background-size: 200px 100%;
    border-radius: 4px;
    display: inline-block;
    line-height: 1;
    width: 100%
}

.dg_bh_details_row {
    position: static
}

.bh_root:not(.mobile) {
    align-items: center;
    justify-content: center
}

.bh_bet_share,
.bh_root:not(.mobile) {
    display: flex;
    min-width: 0;
    overflow: hidden
}

.bh_bet_share {
    --headerH: 44px;
    --betShareMaxW: 1023px;
    --betShareMaxH: 88vh;
    background: var(--bodyBg);
    border: 1px solid var(--bodyBg3);
    border-radius: 8px;
    flex-direction: column;
    flex-shrink: 0;
    margin: auto;
    max-height: var(--betShareMaxH);
    max-width: var(--betShareMaxW);
    width: 100%
}

.bh_root.mobile .bh_bet_share {
    height: 100%;
    width: 100%
}

.bh_bet_share_container {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    min-width: 1px;
    padding: 0 16px;
    width: 100%
}

.bh_bet_share_header {
    align-items: center;
    border-bottom: 1px solid var(--modalBg2, #565d6c);
    color: var(--modalTxt, #fff);
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 500;
    height: var(--headerH);
    letter-spacing: .052px;
    line-height: 16px;
    padding: 0 16px;
    width: 100%
}

.bh_bet_share_header span {
    flex-grow: 1
}

.bh_bet_share_header_close {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: var(--headerH);
    justify-content: center;
    min-width: 0;
    width: var(--headerH)
}

.bh_root .bh_bet_share .bh_card {
    margin-bottom: 0
}

.bh_root:not(.mobile) .bh_grid_view_wrapper .bh_card.active {
    transform: scale(1.01, 1.03);
    z-index: 2
}

.bh_bet_share_button {
    align-items: center;
    background: var(--accentBg);
    border-radius: 8px;
    color: var(--accentTxt);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    line-height: 16px;
    padding: 0 8px;
    width: 90px
}

.dg_bh_double {
    border: 1px solid var(--bodyBg2);
    border-radius: 12px;
    flex-grow: 0;
    flex-shrink: 1;
    padding: 1px 6px 1px 1px
}

.bh_root.mobile,
.bh_root.mobile .bh_grid_view_wrapper,
.bh_root.mobile .bh_main,
.bh_root.mobile .bh_main_content,
.bh_root.mobile .bh_wrapper {
    flex-grow: 1;
    flex-shrink: 0;
    height: auto !important
}

.bh_root.bh_root_share_bet .bh_bet_share {
    margin: auto
}

.bh_root.bh_root_share_bet:not(.mobile) {
    background: #0000;
    height: 100vh;
    width: 100vw
}

.bh_root.bh_root_share_bet:not(.mobile) .bh_bet_share_container .bh_grid_view_wrapper {
    grid-template-columns: repeat(3, 1fr);
    height: auto
}

@media (min-width:767px) {
    .bh_root.bh_root_share_bet.mobile {
        height: 100vh !important
    }
    .bh_root.bh_root_share_bet.mobile .bh_bet_share {
        max-height: var(--betShareMaxH)
    }
    .bh_root.bh_root_share_bet,
    .bh_root.bh_root_share_bet.mobile {
        align-items: stretch;
        background: #0000;
        display: flex;
        flex-direction: column;
        height: 100vh;
        justify-content: flex-start;
        margin: auto;
        max-width: 96vw;
        width: 100vw
    }
    .bh_root.bh_root_share_bet .bh_bet_share_container .bh_grid_view_wrapper,
    .bh_root.bh_root_share_bet.mobile .bh_bet_share_container .bh_grid_view_wrapper {
        grid-template-columns: repeat(3, 1fr);
        height: auto
    }
}

@media (min-width:767px) and (max-width:1040px) {
    .bh_root.bh_root_share_bet.mobile .bh_bet_share,
    .bh_root.bh_root_share_bet:not(.mobile) .bh_bet_share {
        --betShareMaxW: 800px
    }
    .bh_root.bh_root_share_bet.mobile .bh_bet_share_container .bh_grid_view_wrapper,
    .bh_root.bh_root_share_bet:not(.mobile) .bh_bet_share_container .bh_grid_view_wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

.bh_root.bh_root_share_bet.mobile {
    height: 100% !important;
    overflow: hidden
}

.bh_root.bh_root_share_bet .bh_bet_share_container .bh_grid_view_wrapper {
    padding: var(--tabPaddingY) 0
}

.bh_bet_share_container.dg_scroller {
    --scrollColor: var(--modalBg3)
}

.bh_tab_wrapper_scroll.dg_scroller {
    --scroll-bar-display: none
}

.bh_root.mobile .bh_aside_content {
    overflow: initial
}

.dg_scroller {
    --scroll-bar-display: initial;
    --scrollbar-width: 4px;
    --scrollbar-border-radius: 4px;
    --scrollbar-track-border: none;
    --scrollbar-thumb-border: none;
    -webkit-overflow-scrolling: touch
}

.dg_scroller::-webkit-scrollbar,
.dg_scroller::-webkit-scrollbar-thumb,
.dg_scroller::-webkit-scrollbar-track {
    border-radius: var(--scrollbar-border-radius);
    display: var(--scroll-bar-display);
    width: var(--scrollbar-width)
}

.dg_scroller::-webkit-scrollbar-thumb {
    background-color: var(--dominantBg3Hover);
    border: var(--scrollbar-thumb-border);
    border-radius: var(--scrollbar-border-radius)
}

.dg_scroller::-webkit-scrollbar {
    border: var(--scrollbar-track-border);
    border-radius: var(--scrollbar-border-radius);
    width: var(--scrollbar-width)
}

.dg_scroll_Y {
    overflow-x: hidden;
    overflow-y: auto
}

.dg_scroll_X {
    overflow-x: auto;
    overflow-y: hidden
}

.bh_root,
.bh_root *,
.bh_root :after,
.bh_root :before {
    box-sizing: border-box
}

button:focus {
    outline: none !important
}

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

.back_nav {
    --back-nav-W: 100%;
    --back-nav-H: 44px;
    --back-nav-SX: 12px;
    --back-nav-Item-SX: 4px;
    --back-nav-Bg: var(--bodyBgHover);
    --back-nav-Txt: var(--headerTxt2);
    --back-nav-TxtFS: 14px;
    --back-nav-TxtFW: 400;
    --back-nav-TxtLH: 18px;
    --back-nav-Icon-Cr: var(--headerTxt);
    --back-nav-Icon-FS: 48px;
    align-items: center;
    background: var(--back-nav-Bg);
    color: var(--back-nav-Txt);
    cursor: pointer;
    display: flex;
    font-size: var(--back-nav-TxtFS);
    font-weight: var(--back-nav-TxtFW);
    height: var(--back-nav-H);
    justify-content: flex-start;
    line-height: var(--back-nav-TxtLH);
    padding: 0 var(--back-nav-SX);
    text-align: var(--back-nav-TxtTA);
    width: var(--back-nav-W)
}

.back_nav>:not(:last-child) {
    -webkit-margin-end: var(--back-nav-Item-SX);
    margin-inline-end: var(--back-nav-Item-SX)
}

.back_nav i {
    color: var(--back-nav-Icon-Cr);
    font-size: var(--back-nav-Icon-FS)
}

.is_rtl .back_nav i {
    transform: rotate(180deg)
}

#e-sport-root .dg_bet_history_menu {
    align-items: center;
    background-color: var(--bodyBg2);
    color: var(--bodyTxt2);
    display: flex;
    height: 44px;
    position: relative
}

#e-sport-root .dg_bet_history_menu .dg_bet-history_menu_item {
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 20px;
    position: relative;
    white-space: nowrap
}

#e-sport-root .dg_bet_history_menu .dg_bet-history_menu_item:not(:last-child):after {
    background-color: var(--bodyBg3);
    border-radius: 50%;
    content: "";
    cursor: default;
    height: 6px;
    position: absolute;
    right: -23px;
    top: calc(50% - 3px);
    width: 6px
}

#e-sport-root .dg_bet_history_menu .dg_bet-history_menu_item.active {
    color: var(--bodyTxt);
    cursor: default
}

#e-sport-root .dg_bet_history_menu .sport_front_icon-arrow-left {
    cursor: pointer
}

#e-sport-root .dg_bet_history_menu .dg_bet_history_back_btn {
    margin: 0 8px
}

#e-sport-root .esp_layout_main .bh_modal_wrapper,
#e-sport-root .esp_layout_main .esp_layout_center.dg_bet_history_width_control {
    width: 100%
}

#e-sport-root .esp_rtl .dg_bet_history_back_btn.sport_front_icon-arrow-left {
    transform: rotate(180deg)
}

#e-sport-root .esp_rtl .dg_bet-history_menu_item:not(:last-child):after {
    left: -23px;
    right: auto
}

#e-sport-root .esp_mob_wrapper .dg_bet_history_menu {
    overflow-y: auto
}

#e-sport-root .esp_mob_wrapper .dg_bet_history_menu::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

#e-sport-root .esp_mob_wrapper .dg_bet_history_menu::-webkit-scrollbar-thumb {
    background-color: #00000080
}

#e-sport-root .esp_mob_wrapper .dg_bet_history_main_wrapper .dg_bet_history_menu_wrapper {
    padding-left: 0;
    padding-right: 0
}

#e-sport-root .esp_mob_wrapper .dg_bet_history_main_wrapper .dg_bet_history_menu_wrapper .dg_bet_history_menu_back {
    -webkit-margin-end: 1px;
    margin-inline-end: 1px
}

@media(max-width:1280px) {
    :root {
        --dg_mobile_header_height: 64px
    }
    .bh_wrapper_mobile .bh_aside_end {
        top: auto
    }
}

:root {
    --sport-digi-radius--sm: 2px;
    --sport-digi-radius--md: 4px;
    --sport-digi-radius--lg: 8px;
    --sport-digi-font-size: 14px;
    --sport-digi-banner-top-space: 18px;
    --sport-digi-banner-space: 16px;
    --sport-digi-banner-odd-width: 72px;
    --sport-digi-banner-odd-space: 18px;
    --sport-digi-banner-absolute_positioned_element_width: 104px;
    --modalBg: var(--sport-digi-background--level-5);
    --modalTxt: var(--sport-digi-foreground--level-20);
    --tooltipBg: var(--sport-digi-background);
    --tooltipTxt: var(--sport-digi-background-foreground);
    --espEventsScoreTxt: #fffffff7;
    --espEventsTeamNameTxt: #ffffffb3;
    --espEventsTxt2: #fff9;
    --sport-digi-star: var(--accentBg, #ffb700) !important
}

@media only screen and (min-width:768px) {
    :root {
        --sport-digi-banner-absolute_positioned_element_width: 254px
    }
}

#e-sport-root .esp_inactive_block {
    overflow: hidden;
    position: relative
}

#e-sport-root .esp_inactive_block:after {
    background-color: #0000004d;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99
}

#e-sport-root .esp_inactive_block .es_game_simple_name>i,
#e-sport-root .esp_inactive_block .esp_game_details_item_header>i {
    z-index: 100
}

#e-sport-root .esp_hide {
    display: none !important
}

#e-sport-root .esp_auto_height {
    height: auto !important
}

#e-sport-root .esp_mr {
    margin-right: 4px
}

#e-sport-root .esp_mr_2 {
    margin-right: 8px
}

#e-sport-root .esp_ml_2 {
    margin-left: 8px
}

#e-sport-root .esp_mr_3 {
    margin-right: 16px
}

#e-sport-root .esp_icon_space {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

#e-sport-root .esp_mb {
    margin-bottom: 4px
}

#e-sport-root .esp_mb_2 {
    margin-bottom: 8px
}

#e-sport-root .esp_mb_3 {
    margin-bottom: 16px
}

#e-sport-root .esp_ph_2 {
    padding-left: 8px;
    padding-right: 8px
}

#e-sport-root .esp_ph_3 {
    padding-left: 16px;
    padding-right: 16px
}

#e-sport-root .esp_pv_2 {
    padding-left: 8px;
    padding-right: 8px
}

#e-sport-root .esp_justify_center {
    display: flex;
    justify-content: center
}

#e-sport-root .esp_flex_col {
    display: flex;
    flex-direction: column
}

#e-sport-root .esp_justify_end {
    display: flex;
    justify-content: flex-end
}

#e-sport-root .esp_align_end {
    align-items: flex-end
}

#e-sport-root .esp_align_start {
    align-items: flex-start
}

#e-sport-root .esp_flex_grow {
    flex-grow: 1;
    min-width: 1px
}

#e-sport-root .esp_text_transform_none {
    text-transform: none !important
}

#e-sport-root .esp_inline_ltr {
    direction: ltr;
    unicode-bidi: bidi-override
}

#e-sport-root .esp_pointer {
    cursor: pointer
}

#e-sport-root .flex_justify_center {
    align-items: center;
    display: flex;
    justify-content: center
}

#e-sport-root .flex_justify_end {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

#e-sport-root .esp_tar {
    text-align: right
}

#e-sport-root .esp_tal {
    text-align: left
}

#e-sport-root .esp_tac {
    text-align: center
}

#e-sport-root .esp_ml_auto {
    margin-left: auto
}

#e-sport-root .esp_icon_text {
    align-items: center;
    display: flex
}

#e-sport-root .esp_icon_text .esp_icon_text__icon {
    flex: 0 0 24px;
    margin-right: 8px
}

#e-sport-root .esp_icon_text .esp_icon_text__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 24px)
}

#e-sport-root .es_game_complex_team_wrapper {
    align-items: center;
    display: flex
}

#e-sport-root .esp_teams_column {
    display: flex;
    flex-direction: column
}

#e-sport-root .es_game_complex .esp_teams_column {
    width: calc(100% - 92px)
}

#e-sport-root .es_game_simple {
    align-items: center;
    box-shadow: 0 2px 4px 0 #0000004d;
    display: flex;
    padding: 0 8px
}

#e-sport-root .es_game_simple .esp_row {
    height: 100%
}

#e-sport-root .es_game_simple .esp_game {
    width: calc(33.33333% - 192.66667px)
}

#e-sport-root .es_game_simple .esp_team {
    line-height: 1.5;
    width: calc(33.33333% - 192.66667px)
}

#e-sport-root .es_game_simple.es_game_result .esp_game {
    width: calc(33.33333% - 92.66667px)
}

#e-sport-root .es_game_simple.es_game_result .esp_team {
    line-height: 1.5;
    width: calc(33.33333% - 92.66667px)
}

@media screen and (max-width:1600px) {
    #e-sport-root .es_game_simple.es_game_result .esp_game {
        display: none
    }
    #e-sport-root .es_game_simple.es_game_result .esp_team {
        width: calc(50% - 139px)
    }
    #e-sport-root .es_game_simple .esp_game {
        display: none
    }
    #e-sport-root .es_game_simple .esp_game_controls {
        width: 120px
    }
    #e-sport-root .es_game_simple .esp_team {
        width: calc(50% - 259px)
    }
}

#e-sport-root .es_game_simple_name {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    width: 120px
}

#e-sport-root .esp_justify_space_between {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#e-sport-root .dm__btn,
#e-sport-root .sport_front_icon-delete_all,
#e-sport-root .sport_front_icon-select_all,
#e-sport-root .sport_front_icon-unselect_all {
    cursor: pointer
}

#e-sport-root .icon_rotated {
    transform: rotate(180deg)
}

.tg-ico-sm {
    flex-shrink: 0;
    font-family: TotoFont, sans-serif !important;
    font-size: 22px;
    font-weight: 400 !important;
    height: 20px;
    line-height: 18px;
    margin-left: 5px;
    text-align: center;
    text-transform: none;
    width: 20px
}

#e-sport-root .esp_row {
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}

#e-sport-root .esp_col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

#e-sport-root .esp_col,
#e-sport-root .esp_col_auto {
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_auto {
    flex: 1 0 auto;
    max-width: none;
    width: auto
}

#e-sport-root .esp_col_1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_3 {
    flex: 0 0 25%;
    max-width: 25%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_6 {
    flex: 0 0 50%;
    max-width: 50%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_9 {
    flex: 0 0 75%;
    max-width: 75%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_col_12 {
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_ns {
    flex-shrink: 0
}

#e-sport-root .esp_grow {
    flex-grow: 1;
    min-width: 1px
}

@font-face {
    font-family: iranSans;
    font-style: normal;
    font-weight: 400;
    src: url(static/media/IRANSansX-Medium.a9a6c68a1bfb0e24823b.woff) format("woff")
}

#e-sport-root .esp_layout_main.lang_fa,
#e-sport-root .esp_layout_main.lang_fa~.Toastify .component_notification,
#e-sport-root .esp_mob_wrapper.lang_fa :not([class^=sport_front_icon-], [class*=" sport_front_icon-"], [class^=dg_icon_], [class*=" dg_icon_"]),
#e-sport-root .esp_mob_wrapper.lang_fa~.Toastify .component_notification {
    font-family: iranSans, sans-serif !important
}

@font-face {
    font-family: esp_icons;
    font-style: normal;
    font-weight: 400;
    src: url(static/media/esp_icons.886cd5ccd71d47fd0699.eot);
    src: url(static/media/esp_icons.886cd5ccd71d47fd0699.eot?#iefix-v1) format("embedded-opentype"), url(static/media/esp_icons.6d499f5ebb48c4ad25f4.woff) format("woff"), url(static/media/esp_icons.c36d5b76944a3885b2c5.ttf) format("truetype")
}

[class*=" esp_icon"],
[class^=esp_icon_] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    font-family: esp_icons, sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: middle;
    width: 24px
}

.esp_icon_double_arrow:before {
    content: ""
}

.esp_icon_filter:before {
    content: ""
}

.esp_icon_filter2:before,
.esp_icon_mc:before {
    content: ""
}

.esp_icon_maximise:before {
    content: ""
}

.esp_icon_minimise:before,
.esp_icon_pin:before {
    content: ""
}

#e-sport-root {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

#e-sport-root article,
#e-sport-root aside,
#e-sport-root details,
#e-sport-root figcaption,
#e-sport-root figure,
#e-sport-root footer,
#e-sport-root header,
#e-sport-root hgroup,
#e-sport-root menu,
#e-sport-root nav,
#e-sport-root section {
    display: block
}

#e-sport-root *,
#e-sport-root :after,
#e-sport-root :before {
    box-sizing: border-box
}

#e-sport-root a {
    text-decoration: none
}

#e-sport-root body {
    line-height: 1
}

#e-sport-root ol,
#e-sport-root ul {
    list-style: none
}

#e-sport-root blockquote,
#e-sport-root q {
    quotes: none
}

#e-sport-root blockquote:after,
#e-sport-root blockquote:before,
#e-sport-root q:after,
#e-sport-root q:before {
    content: "";
    content: none
}

#e-sport-root table {
    border-collapse: collapse;
    border-spacing: 0
}

#e-sport-root p {
    margin: 0
}

#e-sport-root ::-webkit-scrollbar {
    width: 5px
}

@media screen and (max-width:600px) {
    #e-sport-root ::-webkit-scrollbar {
        all: unset;
        width: auto
    }
}

#e-sport-root ::-webkit-scrollbar-track {
    background-color: var(--sport-digi-background--level--4)
}

@media screen and (max-width:600px) {
    #e-sport-root ::-webkit-scrollbar-track {
        all: unset
    }
}

#e-sport-root ::-webkit-scrollbar-thumb {
    background: var(--sport-digi-background--level-15);
    border-radius: var(--sport-digi-radius--md)
}

@media screen and (max-width:600px) {
    #e-sport-root ::-webkit-scrollbar-thumb {
        all: unset
    }
}

#e-sport-root .esp_icon {
    background-size: 100%;
    flex-shrink: 0;
    height: 24px;
    line-height: 24px;
    margin-right: 8px;
    width: 24px
}

#e-sport-root .esp_icon_large {
    background-size: 100%;
    flex-shrink: 0;
    height: 48px;
    line-height: 48px;
    margin-right: 8px;
    width: 48px
}

.keyboard_container .keyboard_header .close_keyboard:hover,
.keyboard_container .simple-keyboard.hg-theme-default .hg-button.digital_button_enter:hover,
.keyboard_container .simple-keyboard.hg-theme-default .hg-button:hover {
    background-color: var(--sport-digi-accent);
    color: var(--sport-digi-accent-foreground)
}

.keyboard_container {
    background-color: var(--sport-digi-background--level-5);
    border-radius: 5px;
    box-shadow: 0 0 7px #0000004d;
    position: absolute;
    z-index: 9999999
}

.keyboard_container.open_in_root {
    width: 600px
}

.keyboard_container.digital_keyboard {
    width: 410px
}

.keyboard_container.open_inline {
    max-width: 350px;
    transform: translateX(-50%);
    width: 100%
}

.keyboard_container .keyboard_header {
    display: flex;
    padding: 3px 3px 0
}

.keyboard_container .keyboard_header .select_keyboard_container {
    flex-grow: 1
}

.keyboard_container .keyboard_header .select_keyboard_container .select_keyboard {
    background-color: #fff;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    height: 35px;
    line-height: 33px;
    width: 200px
}

.keyboard_container .keyboard_header .close_keyboard {
    background-color: var(--sport-digi-background);
    border: 0;
    border-radius: 2px;
    color: var(--sport-digi-foreground--level-20);
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 2px;
    padding: 8px 12px
}

.keyboard_container .simple-keyboard.simple-keyboard-numpad {
    background: #0000
}

.keyboard_container .simple-keyboard.simple-keyboard-numpad .hg-button {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 50px
}

.keyboard_container .simple-keyboard.simple-keyboard-numpadEnd {
    background: none;
    margin: 0;
    padding: 5px 5px 5px 0;
    width: 55px
}

.keyboard_container .simple-keyboard.hg-theme-default {
    background-color: #0000
}

.keyboard_container .simple-keyboard.hg-theme-default .hg-button {
    background-color: var(--sport-digi-background);
    border-bottom: 0;
    color: var(--sport-digi-foreground--level-20)
}

.keyboard_container .simple-keyboard.hg-theme-default .hg-button.digital_button_enter {
    background-color: var(--sport-digi-green);
    color: var(--sport-digi-white)
}

.keyboard_container .simple-keyboard .component_button_disabled {
    opacity: .6;
    pointer-events: none
}

#e-sport-root input[type=search]::-webkit-search-cancel-button,
#e-sport-root input[type=search]::-webkit-search-decoration,
#e-sport-root input[type=search]::-webkit-search-results-button,
#e-sport-root input[type=search]::-webkit-search-results-decoration {
    display: none
}

#e-sport-root .esp_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-button-background);
    border: 0;
    color: var(--sport-digi-button-foreground);
    cursor: pointer;
    height: 40px;
    outline: 0;
    transition: background-color .2s, color .2s
}

#e-sport-root .esp_btn.esp_btn_primary {
    background-color: var(--sport-digi-accent);
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_center_all {
    align-items: center;
    display: flex;
    justify-content: center
}

#e-sport-root .esp_input_with_ico {
    position: relative
}

#e-sport-root .esp_input_with_ico i {
    color: var(--sport-digi-button-foreground);
    left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#e-sport-root .esp_input_with_ico .esp_input {
    padding-left: 32px;
    width: 100%
}

#e-sport-root .esp_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-button-background);
    border: 0;
    color: var(--sport-digi-button-foreground);
    height: 40px;
    outline: 0;
    padding: 0 8px
}

#e-sport-root .esp_btn_sidebar_list {
    align-items: center;
    background-color: var(--sport-digi-background--level-5);
    display: flex;
    padding: 0 18px;
    width: 100%
}

#e-sport-root .esp_btn_sidebar_list span {
    color: var(--sport-digi-foreground--level-20);
    flex-grow: 1;
    font-size: 12px;
    min-width: 1px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

#e-sport-root .esp_btn_sidebar_list .esp_btn_ev_count {
    color: var(--sport-digi-foreground--level-20);
    visibility: hidden
}

#e-sport-root .esp_btn_sidebar_list.esp_btn_sidebar_list_active,
#e-sport-root .esp_btn_sidebar_list:hover {
    background-color: var(--sport-digi-background--level-10)
}

#e-sport-root .esp_btn_sidebar_list.esp_btn_sidebar_list_active span,
#e-sport-root .esp_btn_sidebar_list:hover span {
    color: var(--sport-digi-foreground)
}

#e-sport-root .esp_btn_sidebar_list.esp_btn_sidebar_list_active .esp_btn_ev_count,
#e-sport-root .esp_btn_sidebar_list:hover .esp_btn_ev_count {
    visibility: visible
}

#e-sport-root .esp_btn_sidebar_list_sublist {
    align-items: center;
    background-color: var(--sport-digi-background--level-15);
    display: flex;
    padding: 0 18px;
    width: 100%
}

#e-sport-root .esp_btn_sidebar_list_sublist>span {
    color: var(--sport-digi-foreground--level-20);
    flex-grow: 1;
    font-size: 12px;
    min-width: 1px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

#e-sport-root .esp_btn_sidebar_list_sublist .esp_btn_ev_count {
    color: var(--sport-digi-foreground--level-20);
    visibility: hidden
}

#e-sport-root .esp_btn_sidebar_list_sublist.esp_btn_sidebar_sublist_active {
    background-color: rgba(77, 77, 77, .702)
}

#e-sport-root .esp_btn_sidebar_list_sublist:hover {
    background-color: var(--sport-digi-background--level-10)
}

#e-sport-root .esp_btn_sidebar_list_sublist:hover span {
    color: var(--sport-digi-foreground)
}

#e-sport-root .esp_btn_sidebar_list_sublist:hover .esp_btn_ev_count {
    visibility: visible
}

#e-sport-root .esp_select_wrapper {
    position: relative
}

#e-sport-root .esp_select_wrapper:after {
    border-color: var(--sport-digi-foreground--level-20) #0000 #0000 #0000;
    border-style: solid;
    border-width: 5px 4px 0;
    content: "";
    font-size: 10px;
    height: 0;
    position: absolute;
    right: 10px;
    top: 13px;
    width: 0;
    z-index: 1
}

#e-sport-root .esp_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-background);
    border: 0;
    color: var(--sport-digi-foreground--level-20);
    font-size: 14px;
    height: 32px;
    outline: 0;
    padding: 0 8px;
    width: 120px
}

#e-sport-root .esp_dropdown_wrapper .ant-select {
    color: var(--sport-digi-foreground--level-20);
    width: 100%
}

#e-sport-root .esp_dropdown_wrapper .ant-select-selection {
    background-color: var(--sport-digi-background);
    border: 0
}

#e-sport-root .esp_dropdown_wrapper .ant-select-arrow {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_select_dropdown,
#e-sport-root .esp_select_option {
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
#e-sport-root .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
    background-color: #0000;
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_date_picker {
    width: 100%
}

#e-sport-root .esp_date_picker,
#e-sport-root .esp_date_picker .ant-input {
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_date_picker .ant-input {
    border-color: var(--sport-digi-background)
}

#e-sport-root .esp_date_picker .ant-calendar-picker-icon {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_cur_selector {
    width: 120px
}

#e-sport-root .component_range_slider {
    align-items: center;
    color: var(--sport-digi-accent-foreground);
    display: flex;
    padding: 8px 0
}

#e-sport-root .component_range_slider_track {
    height: 4px;
    width: 100%
}

#e-sport-root .component_range_slider_thumb {
    border-radius: 50px;
    cursor: pointer;
    height: 20px;
    outline: none;
    width: 20px
}

#e-sport-root .esp_tab,
#e-sport-root .esp_tabs_wrapper {
    align-items: center;
    display: flex
}

#e-sport-root .esp_tab {
    cursor: pointer;
    height: 40px;
    justify-content: center;
    transition: border-color .2s;
    width: auto
}

#e-sport-root .esp_tabs_wrapper_sidebar {
    margin-bottom: 4px;
    transition: height .3s
}

#e-sport-root .esp_tabs_wrapper_sidebar .esp_tab {
    background-color: var(--sport-digi-background--level-5);
    border-bottom: 2px solid var(--sport-digi-background--level-5);
    color: var(--sport-digi-foreground--level-20);
    cursor: pointer;
    flex: 1 1 33.333%;
    font-size: 12px;
    margin-right: 4px
}

#e-sport-root .esp_tabs_wrapper_sidebar .esp_tab:last-child {
    margin-right: 0
}

#e-sport-root .esp_tabs_wrapper_sidebar .esp_tab.esp_tab:hover,
#e-sport-root .esp_tabs_wrapper_sidebar .esp_tab.esp_tab_active {
    border-color: var(--sport-digi-accent);
    color: var(--sport-digi-foreground)
}

#e-sport-root .esp_betslip_stake_scroller {
    max-height: 240px;
    overflow-y: auto
}

@media screen and (max-height:800px) {
    #e-sport-root .esp_betslip_stake_scroller {
        max-height: 158px
    }
}

#e-sport-root .esp_betslip_wrapper {
    background-attachment: fixed;
    position: relative;
    transition: transform .2s;
    width: 100%;
    will-change: transform;
    z-index: 10
}

#e-sport-root .out_of_iframe .esp_betslip_wrapper {
    width: 360px
}

#e-sport-root .esp_mob_wrapper.out_of_iframe .esp_betslip_wrapper {
    width: 100%
}

#e-sport-root .esp_betslip {
    background-color: var(--sport-digi-background--level-5);
    border-radius: var(--sport-digi-border-radius--static);
    box-shadow: 0 2px 4px 0 #0000004d;
    overflow: hidden;
    width: 100%
}

#e-sport-root .esp_betslip .esp_betslip_filters {
    align-items: center;
    display: flex;
    height: 40px;
    padding: 0 16px
}

#e-sport-root .esp_betslip .esp_tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

#e-sport-root .esp_betslip .esp_tab {
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20);
    flex-shrink: 0;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: background-color .2s, color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

#e-sport-root .esp_betslip .esp_tab span {
    font-size: var(--sport-digi-font-size)
}

#e-sport-root .esp_betslip .esp_tab.esp_tab_active {
    background-color: var(--sport-digi-background--level-5);
    color: var(--sport-digi-foreground)
}

@media(hover:hover) {
    #e-sport-root .esp_betslip .esp_tab.esp_tab_active:hover {
        background-color: var(--sport-digi-background--level-5);
        color: var(--sport-digi-foreground)
    }
    #e-sport-root .esp_betslip .esp_tab:hover {
        background-color: var(--sport-digi-background);
        color: var(--sport-digi-foreground--level-20)
    }
}

#e-sport-root .esp_betslip .esp_betslip_stake {
    grid-gap: 4px 8px;
    background-color: var(--sport-digi-background--level-10);
    border-bottom: 1px solid var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20);
    padding: 8px 16px
}

#e-sport-root .esp_betslip .esp_betslip_stake>* {
    align-self: center
}

#e-sport-root .esp_betslip .esp_betslip_stake .sport_front_icon-issue {
    color: #c00
}

#e-sport-root .esp_betslip .esp_betslip_stake_info {
    grid-column-end: span 3;
    grid-column-start: 2
}

#e-sport-root .esp_betslip .esp_betslip_stake_name_repeated {
    background-color: var(--sport-digi-red);
    border-radius: 2px;
    color: var(--sport-digi-white);
    font-size: 14px;
    line-height: 23px;
    padding: 3px
}

#e-sport-root .esp_betslip .esp_betslip_stake_repeated {
    color: var(--sport-digi-red);
    display: block;
    font-size: 14px;
    line-height: 23px;
    width: 100%
}

#e-sport-root .esp_betslip .esp_betslip_stake {
    display: grid;
    grid-template-columns: 24px auto 50px 24px
}

#e-sport-root .esp_betslip .esp_betslip_stake_team {
    color: var(--sport-digi-foreground);
    display: flex;
    flex-direction: column;
    font-size: 14px
}

#e-sport-root .esp_betslip .esp_betslip_stake_team>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .esp_betslip .sport_front_icon-remove {
    align-self: flex-end;
    cursor: pointer;
    transform: translateY(3px)
}

#e-sport-root .esp_betslip .component_betslip_possible_winning {
    align-items: center;
    display: flex;
    padding: 4px 16px
}

#e-sport-root .esp_betslip .component_betslip_possible_winning span {
    font-size: 12px
}

#e-sport-root .esp_betslip .component_betslip_possible_winning strong {
    color: var(--sport-digi-accent);
    font-size: 12px;
    padding: 0 5px
}

#e-sport-root .esp_betslip .component_betslip_control_label {
    line-height: 1.5
}

#e-sport-root .esp_betslip .component_betslip_control_label,
#e-sport-root .esp_betslip .component_betslip_input_control_name {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .esp_betslip .component_betslip_favorites_bet_buttons_wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 4px 16px
}

#e-sport-root .esp_betslip .component_betslip_favorites_bet_buttons_wrapper .component_betslip_button_div {
    width: calc(33.33333% - 8px)
}

#e-sport-root .esp_betslip .component_betslip_button_wrapper {
    padding: 4px 16px
}

#e-sport-root .esp_betslip .component_betslip_button_wrapper>* {
    width: 100%
}

#e-sport-root .esp_betslip .component_betslip_bet {
    display: grid;
    grid-template-columns: 1fr;
    padding: 4px 16px
}

#e-sport-root .esp_betslip .component_betslip_bet .component_betslip_bonus {
    background-color: var(--sport-digi-background--level-5);
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    padding: 0
}

#e-sport-root .esp_betslip .component_betslip_stake_factor_text {
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .esp_betslip .component_betslip_live_badge {
    background-color: red;
    border-radius: 2px;
    color: var(--sport-digi-foreground);
    font-size: 8px;
    font-weight: 500;
    height: 15px;
    line-height: 15px;
    padding: 0 4px;
    text-align: center;
    width: 100%
}

#e-sport-root .esp_betslip .component_betslip_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-background--level-15);
    border: 0;
    border-radius: 2px;
    color: var(--sport-digi-foreground--level-20);
    font-size: 16px;
    height: 44px;
    max-width: 100%;
    outline: 0;
    overflow: hidden;
    padding: 0 30px 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

#e-sport-root .esp_betslip_stake_teams {
    color: var(--sport-digi-foreground) !important;
    font-size: 14px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .esp_betslip_stake_teams span {
    display: block;
    font-size: var(--sport-digi-font-size);
    margin-bottom: 5px
}

#e-sport-root .esp_betslip_stake_teams span:last-child {
    margin-bottom: 0
}

#e-sport-root .esp_betslip_stake_name {
    color: var(--sport-digi-foreground--level-20);
    display: inline;
    font-size: 14px;
    margin-right: 8px
}

#e-sport-root .esp_betslip_item_factor {
    background-color: #666;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 50px
}

#e-sport-root .component_normal.component_fall {
    background-color: var(--sport-digi-red);
    color: var(--sport-digi-white)
}

#e-sport-root .component_normal.component_rise {
    background-color: var(--sport-digi-green);
    color: var(--sport-digi-white)
}

#e-sport-root .esp_betslip_stake_error {
    font-size: 14px
}

#e-sport-root .esp_betslip_stake_error span {
    background-color: #c00;
    border-radius: 5px;
    color: var(--sport-digi-foreground);
    padding: 0 5px
}

#e-sport-root .esp_betslip_filters_wrapper {
    align-items: center;
    display: flex;
    padding: 16px
}

#e-sport-root .esp_betslip_filters_wrapper i,
#e-sport-root .esp_betslip_total_odds {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_betslip_total_odds {
    flex-grow: 1;
    font-size: 14px;
    min-width: 1px;
    text-transform: uppercase
}

#e-sport-root .esp_betslip_total_odds_badge {
    background-color: var(--sport-digi-background--level-10);
    color: var(--sport-digi-accent);
    display: block;
    flex-shrink: 0;
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    min-width: 50px;
    padding: 0 8px;
    text-align: center
}

#e-sport-root .esp_row {
    align-items: center;
    display: flex
}

#e-sport-root .esp_btn_betslip {
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20);
    line-height: 40px;
    text-align: center;
    width: 100%
}

#e-sport-root .esp_btn_betslip.esp_btn_betslip_active,
#e-sport-root .esp_btn_betslip:hover {
    background-color: var(--sport-digi-accent);
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_x_space {
    margin-bottom: 8px;
    padding: 0 8px
}

#e-sport-root .esp_betslip {
    padding-bottom: 16px
}

#e-sport-root .esp_betslip,
#e-sport-root .esp_betslip .esp_checkbox_wrapper {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .component_betslip_button_transparent.component_betslip_button {
    box-shadow: none !important;
    font-size: 13px !important;
    text-transform: capitalize !important
}

#e-sport-root .component_betslip_button_transparent.component_betslip_button,
#e-sport-root .component_betslip_button_transparent.component_betslip_button:hover {
    background-color: #0000 !important;
    color: var(--sport-digi-foreground--level-20) !important
}

#e-sport-root .component_betslip_button_with_ico_reversed {
    flex-direction: row-reverse
}

#e-sport-root .component_betslip_button_with_ico {
    align-items: center;
    display: flex
}

#e-sport-root .component_betslip_footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 16px
}

#e-sport-root .component_betslip_footer>* {
    width: 50%
}

#e-sport-root .esp_checkbox_wrapper input {
    display: none
}

#e-sport-root .esp_checkbox_wrapper .esp_checkbox_label {
    color: inherit
}

#e-sport-root .esp_checkbox_wrapper [class*=sport_front_icon-] {
    cursor: pointer
}

#e-sport-root .component_betslip {
    background-color: var(--sport-digi-background--level-5);
    color: var(--sport-digi-foreground--level-20);
    font-size: 14px;
    width: 100%
}

#e-sport-root .component_betslip_stake {
    grid-gap: 10px 5px;
    background-color: var(--sport-digi-background--level-15);
    border-bottom: 1px solid var(--sport-digi-background--level-5);
    display: grid;
    grid-template-columns: 24px auto 50px 24px;
    padding: 8px 16px
}

#e-sport-root .component_betslip_stake>* {
    align-self: center
}

#e-sport-root .component_betslip_stake .sport_front_icon-issue {
    color: #c00
}

#e-sport-root .component_betslip_stake_factor {
    background-color: var(--sport-digi-background);
    border-radius: 2px;
    color: var(--sport-digi-accent);
    font-size: 16px;
    height: 18px;
    line-height: 18px;
    min-width: 64px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap
}

#e-sport-root .component_betslip_stake_info {
    grid-column-end: span 3;
    grid-column-start: 2
}

#e-sport-root .component_betslip_filters {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: 24px 24px 24px minmax(50px, auto) min-content;
    padding: 4px 16px
}

#e-sport-root .component_betslip_filters>* {
    align-self: center
}

#e-sport-root .component_betslip_control {
    display: flex;
    padding: 4px 6px
}

#e-sport-root .component_betslip_control>* {
    align-self: center
}

#e-sport-root .component_betslip_control .esp_checkbox_icon_wrapper {
    height: 24px;
    margin: 0 10px;
    width: 24px
}

#e-sport-root .component_betslip_input_control {
    grid-gap: 8px;
    display: grid;
    grid-template-columns: auto 125px 64px;
    padding: 4px 16px
}

#e-sport-root .component_betslip_input_control>* {
    align-self: center
}

#e-sport-root .component_betslip_input_control .component_betslip_button {
    font-size: 13px
}

#e-sport-root .component_input {
    -moz-appearance: textfield;
    background-color: var(--sport-digi-background--level-15) !important;
    border: 0;
    border-radius: 2px;
    color: var(--sport-digi-foreground) !important;
    font-size: 16px;
    height: 44px;
    max-width: 100%;
    outline: 0;
    padding: 0 16px
}

#e-sport-root .component_input::-webkit-inner-spin-button,
#e-sport-root .component_input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#e-sport-root .component_betslip_input {
    -moz-appearance: textfield;
    background-color: var(--sport-digi-background--level-15) !important;
    border: 0;
    border-radius: 2px;
    color: var(--sport-digi-foreground) !important;
    font-size: 16px;
    height: 44px;
    max-width: 100%;
    outline: 0;
    padding: 0 16px
}

#e-sport-root .component_betslip_input::-webkit-inner-spin-button,
#e-sport-root .component_betslip_input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#e-sport-root .component_betslip_input_imit {
    background-color: var(--sport-digi-background--level-15);
    border-radius: 2px;
    color: var(--sport-digi-foreground);
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    max-width: 100%;
    padding: 0 16px
}

#e-sport-root button.component_betslip_button {
    font-size: 14px
}

#e-sport-root .component_betslip_button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-background) !important;
    border: 0;
    border-radius: var(--sport-digi-border-radius--static);
    box-shadow: 0 2px 4px 0 #0000004d;
    color: var(--sport-digi-foreground--level-20) !important;
    cursor: pointer;
    font-size: 16px;
    height: 44px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: background-color .2s, color .2s
}

@media(hover:hover) {
    #e-sport-root .component_betslip_button:hover {
        background-color: var(--sport-digi-accent--darken-10) !important;
        color: var(--sport-digi-accent-foreground) !important
    }
}

#e-sport-root .component_betslip_button.component_betslip_button_active {
    background-color: var(--sport-digi-accent) !important;
    color: var(--sport-digi-accent-foreground) !important
}

#e-sport-root .component_betslip_button.component_betslip_button_disabled {
    opacity: .6;
    pointer-events: none
}

#e-sport-root .component_betslip_button.component_betslip_button_editable {
    cursor: text
}

#e-sport-root .component_betslip_button.component_betslip_button_editable:hover {
    background-color: var(--sport-digi-background) !important;
    color: var(--sport-digi-foreground--level-20) !important
}

#e-sport-root .component_betslip_button.component_betslip_button_div {
    line-height: 44px;
    text-align: center
}

#e-sport-root .component_betslip_buttons_wrapper {
    grid-gap: 8px;
    display: grid;
    grid-template-columns: 56px 56px 56px auto;
    padding: 4px 16px
}

#e-sport-root .component_betslip_buttons_wrapper>* {
    align-self: center
}

#e-sport-root .component_betslip_button_akcent,
#e-sport-root .component_betslip_button_akcent:hover {
    background-color: var(--sport-digi-accent) !important;
    color: var(--sport-digi-accent-foreground) !important
}

#e-sport-root .component_betslip_button_secondary {
    background-color: var(--sport-digi-background) !important;
    color: var(--sport-digi-accent) !important
}

#e-sport-root .component_betslip_button_secondary:hover {
    background-color: var(--sport-digi-background--level-5) !important;
    color: var(--sport-digi-accent) !important
}

#e-sport-root .component_betslip_tabs_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

#e-sport-root .component_betslip_tab {
    background-color: #262626;
    color: var(--sport-digi-foreground--level-20);
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase
}

#e-sport-root .component_betslip_tab.component_betslip_tab_active,
#e-sport-root .component_betslip_tab:hover {
    background-color: var(--sport-digi-background--level-5);
    color: var(--sport-digi-foreground)
}

#e-sport-root .component_betslip_sliders_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 8px 16px
}

#e-sport-root .component_betslip_slider_select {
    align-items: center;
    cursor: pointer;
    display: flex
}

#e-sport-root .component_betslip_slider_select .component_betslip_slider_select_label {
    color: var(--sport-digi-foreground--level-20);
    flex-grow: 1;
    font-size: 12px;
    overflow: hidden;
    padding: 0 8px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .component_betslip_slider_select input {
    display: none
}

#e-sport-root .component_betslip_slider_select input:checked+.component_betslip_slider_select_checkbox_imitator:before {
    left: 17px
}

#e-sport-root .component_betslip_slider_select .component_betslip_slider_select_checkbox_imitator {
    background-color: var(--sport-digi-foreground--level-20);
    border-radius: 12px;
    flex-shrink: 0;
    height: 24px;
    position: relative;
    width: 40px
}

#e-sport-root .component_betslip_slider_select .component_betslip_slider_select_checkbox_imitator:before {
    background-color: var(--sport-digi-foreground--level-20);
    border-radius: 50%;
    content: "";
    height: 22px;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: left .2s;
    width: 22px
}

#e-sport-root .component_betslip_header {
    align-items: center;
    background-color: var(--sport-digi-background--level-15);
    display: flex;
    height: 40px;
    padding-right: 8px
}

#e-sport-root .component_betslip_header i {
    cursor: pointer;
    transition: background-color .2s, color .2s
}

#e-sport-root .component_betslip_header i.component_betlip_pin_active,
#e-sport-root .component_betslip_header i:not(.component_betlip_pin_disabled):hover {
    color: var(--sport-digi-accent)
}

#e-sport-root .component_betslip_header i.component_betlip_pin_disabled {
    cursor: default
}

#e-sport-root .component_betslip_header_tab_wrapper {
    align-items: center;
    display: flex;
    width: calc(100% - 24px)
}

#e-sport-root .component_betslip_header_tab {
    font-size: 14px;
    padding: 0 16px;
    text-align: center;
    text-transform: uppercase;
    transition: color .2s
}

#e-sport-root .component_betslip_header_tab .component_betslip_header_tab_count {
    align-items: center;
    background-color: var(--sport-digi-accent);
    border: 1px solid var(--sport-digi-background--level-10);
    border-radius: 50%;
    color: var(--sport-digi-accent-foreground);
    display: inline-flex;
    font-size: 10px;
    height: 16px;
    justify-content: center;
    text-align: center;
    transform: translate(-3px, -8px);
    vertical-align: middle;
    width: 16px
}

#e-sport-root .component_betslip_header_tab .component_betslip_header_tab_count:empty {
    display: none
}

#e-sport-root .component_betslip_open_bet {
    background-color: var(--sport-digi-background--level-15);
    margin-bottom: 8px;
    width: 100%
}

#e-sport-root .component_betslip_open_bet_header {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: 8px auto 100px;
    height: 40px;
    padding: 0 8px
}

#e-sport-root .component_betslip_open_bet_header>* {
    align-self: center
}

#e-sport-root .component_betslip_open_bet_header>:last-child {
    text-align: right
}

#e-sport-root .component_betslip_open_bet_content_item {
    background-color: #262626;
    color: var(--sport-digi-foreground--level-20);
    display: grid;
    font-size: 11px;
    grid-template-columns: 1fr 1fr;
    height: 18px;
    padding: 0 8px
}

#e-sport-root .component_betslip_open_bet_content_item>* {
    align-self: center
}

#e-sport-root .component_betslip_open_bet_content_item>:last-child {
    color: var(--sport-digi-foreground);
    text-align: right
}

#e-sport-root .component_betslip_open_bet_header_status {
    background-color: var(--sport-digi-accent);
    border-radius: 50%;
    height: 8px;
    width: 8px
}

#e-sport-root .component_betslip_open_bet_header_status.status_red {
    background-color: #d40000
}

#e-sport-root .component_betslip_open_bet_header_status.status_green {
    background-color: #00912c
}

#e-sport-root .component_betslip_open_bet_header_status.status_yellow {
    background-color: var(--sport-digi-accent)
}

#e-sport-root .component_betslip_open_bet_header_id {
    color: var(--sport-digi-accent);
    font-weight: 500
}

#e-sport-root .component_betslip_open_bet_footer {
    display: grid;
    padding: 8px
}

#e-sport-root .component_betslip_open_bet_header_more>i:before {
    display: inline
}

#e-sport-root .component_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-background--level-15);
    border: 0;
    border-radius: 2px;
    color: var(--sport-digi-foreground--level-20);
    cursor: pointer;
    font-size: 16px;
    height: 44px;
    max-width: 100%;
    outline: 0;
    overflow: hidden;
    padding: 0 30px 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

#e-sport-root .component_select option {
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground)
}

#e-sport-root .component_cashout_badge {
    display: block;
    font-size: 12px;
    height: 12px;
    margin-bottom: 4px;
    text-align: center;
    width: 100%
}

#e-sport-root .component_betslip_tax_wrapper {
    background-color: var(--sport-digi-background);
    border-radius: 2px;
    display: flex;
    padding: 16px
}

#e-sport-root .component_betslip_tax_wrapper .component_betslip_tax_wrapper__issue {
    color: var(--sport-digi-accent)
}

#e-sport-root .component_betslip_tax_wrapper .component_betslip_tax {
    padding-left: 10px
}

#e-sport-root .component_betslip_tax_wrapper .component_betslip_tax__heading {
    color: var(--sport-digi-foreground--level-20);
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 10px
}

#e-sport-root .component_betslip_tax_wrapper .component_betslip_tax__text {
    color: var(--sport-digi-foreground--level-20);
    font-size: 11px;
    line-height: 14px;
    text-transform: capitalize
}

#e-sport-root .component_betslip_tax_wrapper .component_betslip_tax__text strong {
    color: var(--sport-digi-foreground);
    font-weight: 500
}

#e-sport-root .component_betslip_space {
    padding: 0 16px
}

#e-sport-root {
    overflow-x: hidden
}

#e-sport-root .esp_layout_main {
    background-color: var(--sport-digi-background);
    display: flex;
    font-family: Roboto, sans-serif;
    min-height: 900px;
    padding: 4px;
    position: relative;
    width: 100%
}

#e-sport-root .esp_layout_main.sidebar_collapsed .esp_layout_center {
    width: calc(100% - 360px)
}

#e-sport-root .esp_layout_main.sidebar_collapsed .esp_layout_left {
    width: 54px
}

#e-sport-root .esp_flex {
    align-items: center;
    display: flex
}

#e-sport-root .esp_layout_left {
    background-color: #0000;
    flex-shrink: 0;
    width: 240px
}

#e-sport-root .esp_layout_center {
    background-color: #0000;
    padding: 0 4px;
    transition: width .2s;
    width: calc(100% - 600px)
}

#e-sport-root .esp_layout_right {
    background-color: #0000;
    flex-shrink: 0;
    position: relative;
    width: 360px
}

#e-sport-root .esp_layout_right.right_scrollable_block {
    overflow: hidden
}

#e-sport-root .esp_separator {
    background-color: var(--sport-digi-background--level-15);
    height: 1px;
    width: 100%
}

#e-sport-root .esp_space_v {
    margin-bottom: 4px
}

#e-sport-root .esp_space_v_2 {
    margin-bottom: 8px
}

#e-sport-root .esp_video_wrapper_empty {
    background-image: url(static/media/video_empty.e54796e71e15856d12ac.png);
    background-size: contain;
    margin-bottom: 8px;
    padding-top: 33.81%;
    width: 100%
}

#e-sport-root .component_sidebar_list {
    background-color: var(--sport-digi-background--level-5);
    border-radius: 0 0 var(--sport-digi-border-radius--static) var(--sport-digi-border-radius--static);
    box-shadow: 0 2px 4px 0 #0000004d;
    color: var(--sport-digi-foreground--level-20);
    font-size: 14px;
    overflow: hidden
}

#e-sport-root .component_sidebar_list_wrapper {
    background-color: #0000;
    padding: 8px 0
}

#e-sport-root .component_sidebar_header {
    grid-column-gap: 2px;
    background-color: var(--sport-digi-background);
    display: grid;
    grid-template-columns: 54px auto;
    padding-bottom: 2px
}

#e-sport-root .component_sidebar_header>* {
    align-self: center
}

#e-sport-root .component_sidebar_collapse_toggle {
    background-color: var(--sport-digi-background--level-10);
    border-radius: var(--sport-digi-border-radius--static);
    color: var(--sport-digi-foreground--level-20);
    cursor: pointer;
    height: 40px;
    position: relative
}

#e-sport-root .component_sidebar_collapse_toggle:hover .esp_icon_double_arrow {
    color: var(--sport-digi-foreground)
}

#e-sport-root .component_sidebar_collapse_toggle .esp_icon_double_arrow {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

#e-sport-root .component_sidebar_search_wrapper {
    height: 40px;
    position: relative
}

#e-sport-root .component_sidebar_search_wrapper .sport_front_icon-search {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20);
    left: 5px;
    position: absolute;
    top: 7px;
    z-index: 1
}

#e-sport-root .component_sidebar_search_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-background--level-10);
    border: 0;
    border-radius: var(--sport-digi-border-radius--static);
    color: var(--sport-digi-foreground--level-20);
    display: block;
    font-size: 14px;
    height: 40px;
    outline: 0;
    padding-left: 30px;
    padding-right: 16px;
    width: 100%
}

#e-sport-root .component_sidebar_search_input::placeholder {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .component_favorite_star {
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .component_sidebar_list_filter {
    grid-column-gap: 2px;
    background-color: var(--sport-digi-background);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 2px
}

#e-sport-root .component_sidebar_list_filter_tab {
    background-color: var(--sport-digi-background--level-5);
    border-bottom: 2px solid var(--sport-digi-background--level-5);
    color: var(--sport-digi-foreground);
    cursor: pointer;
    font-size: var(--sport-digi-font-size);
    height: 36px;
    line-height: 36px;
    text-align: center;
    transition: background-color .2s, color .2s, border-color .2s
}

#e-sport-root .component_sidebar_list_filter_tab.component_sidebar_list_filter_tab_active,
#e-sport-root .component_sidebar_list_filter_tab:hover {
    background-color: var(--sport-digi-background--level-5);
    border-color: var(--sport-digi-accent);
    color: var(--sport-digi-foreground)
}

#e-sport-root .component_sidebar_list_filter_tab.component_sidebar_list_filter_tab_active .component_sidebar_list_filter_tab_count,
#e-sport-root .component_sidebar_list_filter_tab:hover .component_sidebar_list_filter_tab_count {
    background-color: var(--sport-digi-red);
    color: var(--sport-digi-white)
}

#e-sport-root .component_sidebar_list_filter_tab_count {
    background-color: var(--sport-digi-background);
    border-radius: 2px;
    color: var(--sport-digi-foreground);
    display: inline-block;
    font-size: 9px;
    height: 17px;
    line-height: 17px;
    margin: 0 2px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle
}

#e-sport-root .component_sidebar_list_filter_tab_count:empty {
    display: none
}

#e-sport-root .component_sidebar_list_item {
    grid-column-gap: 8px;
    background-color: var(--sport-digi-background--level-5);
    cursor: pointer;
    display: grid;
    font-size: 12px;
    grid-template-columns: 24px auto 24px 24px;
    height: 40px;
    margin: 0 8px;
    padding: 0 8px;
    transition: background-color .2s, color .2s
}

#e-sport-root .component_sidebar_list_item>* {
    align-self: center
}

#e-sport-root .component_sidebar_list_item.component_sidebar_list_item_active,
#e-sport-root .component_sidebar_list_item:hover {
    background-color: var(--sport-digi-background--level-10)
}

#e-sport-root .component_sidebar_list_item.component_sidebar_list_item_active .component_sidebar_arrow,
#e-sport-root .component_sidebar_list_item:hover .component_sidebar_arrow {
    opacity: 1
}

#e-sport-root .component_sidebar_list_item.component_sidebar_list_item_active {
    font-weight: 700;
    position: relative
}

#e-sport-root .component_sidebar_list_item.component_sidebar_list_item_active .component_sidebar_arrow {
    transform: rotate(180deg)
}

#e-sport-root .component_sidebar_list_item_separator {
    background-color: var(--sport-digi-background--level-15);
    height: 1px
}

#e-sport-root .component_sidebar_list_item_sub_wrapper {
    background-color: var(--sport-digi-background--level-15);
    border-radius: 0 0 var(--sport-digi-border-radius--static) var(--sport-digi-border-radius--static);
    box-shadow: 0 2px 4px 0 #0000004d;
    margin: 0 8px;
    overflow: hidden;
    padding: 8px
}

#e-sport-root .component_sidebar_list_item_name {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .component_sidebar_list_item_name,
#e-sport-root .component_sidebar_list_item_sub_name {
    background-color: #0000;
    font-size: var(--sport-digi-font-size);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .component_sidebar_arrow {
    color: var(--sport-digi-foreground--level-20);
    opacity: 0;
    transition: opacity .2s, transform .2s
}

#e-sport-root .component_sidebar_list_item_count {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20);
    font-size: var(--sport-digi-font-size)
}

#e-sport-root .component_sidebar_list_item_sub {
    grid-column-gap: 8px;
    background-color: var(--sport-digi-background--level-15);
    border-radius: var(--sport-digi-radius--md);
    color: var(--sport-digi-foreground--level-20);
    cursor: pointer;
    display: grid;
    font-size: 12px;
    grid-template-columns: auto 24px 16px;
    height: 40px;
    padding: 0 8px;
    transition: background-color .2s, color .2s
}

#e-sport-root .component_sidebar_list_item_sub>* {
    align-self: center
}

#e-sport-root .component_sidebar_list_item_sub.component_sidebar_list_item_sub_active,
#e-sport-root .component_sidebar_list_item_sub:hover {
    background-color: var(--sport-digi-background--level-10);
    color: var(--sport-digi-foreground)
}

#e-sport-root .component_sidebar_list_item_sub_count {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20);
    font-size: var(--sport-digi-font-size)
}

#e-sport-root .sidebar_collapsed .component_sidebar_list {
    max-width: 54px
}

#e-sport-root .sidebar_collapsed .component_sidebar_list .component_sidebar_arrow,
#e-sport-root .sidebar_collapsed .component_sidebar_list .component_sidebar_list_filter,
#e-sport-root .sidebar_collapsed .component_sidebar_list .component_sidebar_list_item_count,
#e-sport-root .sidebar_collapsed .component_sidebar_list .component_sidebar_list_item_name,
#e-sport-root .sidebar_collapsed .component_sidebar_list .component_sidebar_list_item_sub_wrapper,
#e-sport-root .sidebar_collapsed .component_sidebar_list .component_sidebar_search_wrapper {
    display: none
}

#e-sport-root .sidebar_collapsed .component_sidebar_list .component_sidebar_collapse_toggle .esp_icon_double_arrow {
    transform: translate(-50%, -50%) rotate(180deg)
}

#e-sport-root .esp_layout_right [id*=banner-promo-container-] {
    margin-bottom: 8px;
    margin-top: 8px
}

#e-sport-root .esp_layout_right .userBalances_show_icon {
    align-items: center;
    background-color: var(--sport-digi-background--level-15);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    width: 40px !important
}

#e-sport-root .esp_layout_right .userBalances_show_icon i,
#e-sport-root .esp_layout_right .userBalances_show_icon span {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_layout_right .component_format_filter_container {
    display: flex;
    height: 40px;
    justify-content: flex-end;
    margin-bottom: 4px;
    margin-left: -2px;
    margin-right: -2px;
    position: relative;
    z-index: 20
}

#e-sport-root .esp_layout_right .component_format_filter_container>div:not(.div_for_close) {
    margin: 0 2px;
    width: 100%
}

#e-sport-root .esp_layout_right .component_format_filter_container>div:not(.div_for_close) .component_select_wrapper {
    height: 100%
}

#e-sport-root .esp_layout_right .component_format_filter_container>div:not(.div_for_close) .component_select_wrapper .component_select_imitator {
    background-color: var(--sport-digi-background--level-15);
    font-size: 12px
}

#e-sport-root .esp_layout_right .component_format_filter_container>div:not(.div_for_close) .component_select_wrapper .component_select_imitator i,
#e-sport-root .esp_layout_right .component_format_filter_container>div:not(.div_for_close) .component_select_wrapper .component_select_imitator span {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_layout_right .component_format_filter_container>div:not(.div_for_close) .component_select_wrapper .component_select {
    height: 100%
}

#e-sport-root .esp_mob_wrapper .esp_add_settings_wrapper>div>i {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_mob_wrapper .esp_add_settings_wrapper .esp_add_settings {
    left: 0;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 999
}

#e-sport-root .esp_mob_wrapper .esp_add_settings_wrapper .esp_add_settings .esp_add_settings_links {
    background-color: var(--sport-digi-background--level--4);
    padding: 12px
}

#e-sport-root .esp_mob_wrapper .esp_add_settings_wrapper .esp_add_settings .esp_add_settings_links .esp_bonus_balance {
    color: var(--sport-digi-foreground);
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px
}

#e-sport-root .esp_mob_wrapper .esp_add_settings_wrapper .esp_add_settings .esp_add_settings_links .esp_bonus_balance span {
    direction: ltr;
    font-weight: 600
}

#e-sport-root .esp_mob_wrapper .esp_add_settings_wrapper .esp_add_settings .esp_add_settings_links>ul {
    list-style-position: none;
    margin: 0;
    padding: 0
}

#e-sport-root .esp_mob_wrapper .esp_add_settings_wrapper .esp_add_settings .esp_add_settings_links>ul li {
    padding-bottom: 1px;
    padding-top: 1px
}

#e-sport-root .esp_mob_wrapper .esp_add_settings_wrapper .esp_add_settings .esp_add_settings_links>ul li a {
    align-items: center;
    background-color: var(--sport-digi-background--level-15);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 44px;
    padding: 10px 8px
}

#e-sport-root .esp_bonus_settings_wrapper {
    background: var(--sport-digi-background--level-10);
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

#e-sport-root .esp_bonus_settings_wrapper .esp_bonus_settings_body {
    color: var(--sport-digi-foreground--level-20);
    padding: 24px
}

#e-sport-root .esp_bonus_settings_wrapper .esp_bonus_settings_body .esp_bonus_filter_wrapper {
    margin-bottom: 20px
}

#e-sport-root .esp_bonus_settings_wrapper .esp_bonus_settings_body .esp_bonus_filter_wrapper .esp_bonus_filter_text {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 3px
}

#e-sport-root .esp_bonus_settings_wrapper .esp_bonus_settings_body .esp_bonus_filter_wrapper .component_select_imitator {
    background-color: var(--inputBg);
    border-radius: var(--sport-digi-radius--md);
    box-shadow: 0 1px 4px #0000004d;
    color: var(--inputTxt)
}

#e-sport-root .esp_bonus_settings_wrapper .esp_bonus_settings_body .esp_bonus_save_btn {
    background-color: var(--buttonBg);
    border: none;
    border-radius: var(--sport-digi-radius--md);
    color: var(--buttonTxt);
    font-size: 14px;
    font-weight: 500;
    outline: none;
    padding: 14px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

#e-sport-root .esp_bonus_settings_wrapper .esp_bonus_settings_body .esp_bonus_save_btn:active {
    transform: translateY(2px)
}

.esp_bonus_settings_header {
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--sport-digi-background--level-5);
    box-shadow: 0 3px 6px #0006;
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    padding-left: 12px;
    padding-right: 26px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 11
}

.esp_bonus_settings_header .esp_bonus_settings_back_wrapper {
    transform: translateX(50%)
}

#e-sport-root .esp_sidebar_left_head {
    align-items: center;
    display: flex;
    margin-bottom: 2px;
    width: 100%
}

#e-sport-root .esp_sidebar_left_head .esp_btn_toggle_sidebar {
    flex-shrink: 0;
    margin-right: 2px;
    text-align: center;
    width: 54px
}

#e-sport-root .esp_sidebar_left_head .esp_input_cont {
    flex-grow: 1;
    min-width: 1px;
    transition: .2s ease
}

#e-sport-root .esp_sidebar_list_wrapper {
    background-color: var(--sport-digi-background--level-5);
    padding: 8px
}

#e-sport-root .esp_btn_sidebar_list_sublist_wrapper {
    box-shadow: 0 2px 4px 0 #0000004d
}

#e-sport-root .esp_btn_sidebar_list_sublist_wrapper_active .esp_btn_sidebar_list_sublist .esp_btn_ev_count {
    visibility: visible
}

#e-sport-root .component_select_wrapper {
    color: var(--sport-digi-foreground--level-20);
    position: relative
}

#e-sport-root .component_select_wrapper.component_select_wrapper-temp .component_select_imitator {
    background-color: #0000;
    pointer-events: none
}

#e-sport-root .component_select_wrapper .component_select_imitator {
    align-items: center;
    background-color: var(--sport-digi-background--level-15);
    color: var(--sport-digi-foreground);
    cursor: pointer;
    display: flex;
    height: 36px;
    height: 100%;
    left: 0;
    padding-left: 16px;
    padding-right: 8px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

#e-sport-root .component_select_wrapper .component_select_imitator span {
    background-color: #0000;
    color: var(--sport-digi-foreground);
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

#e-sport-root .component_select_wrapper .component_select_imitator i {
    background-color: #0000;
    color: var(--sport-digi-foreground)
}

#e-sport-root .component_select_wrapper .component_select_imitator.component_select_imitator--clickable {
    pointer-events: all !important
}

#e-sport-root .component_select_wrapper .component_select_dropdown_imitator {
    background-color: var(--sport-digi-background--level-5);
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 #0000004d;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 36px;
    width: 100%;
    z-index: 10
}

#e-sport-root .component_select_wrapper .component_select_dropdown_imitator.component_select_dropdown_imitator-top {
    bottom: 37px;
    top: auto
}

#e-sport-root .component_select_wrapper .component_select_dropdown_imitator.component_select_dropdown_imitator--open {
    display: block
}

#e-sport-root .component_select_wrapper .component_select_dropdown_imitator>div {
    color: var(--sport-digi-foreground--level-20);
    cursor: pointer;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .component_select_wrapper .component_select_dropdown_imitator>div:hover {
    background-color: var(--sport-digi-background)
}

#e-sport-root .esp_main_header {
    align-items: center;
    background-color: var(--sport-digi-background--level-10);
    border-radius: var(--sport-digi-border-radius--static) var(--sport-digi-border-radius--static) 0 0;
    display: flex;
    height: 40px;
    margin-bottom: 2px;
    padding: 0 8px
}

#e-sport-root .esp_main_header .component_select_wrapper {
    width: 150px
}

#e-sport-root .esp_main_header .component_select_wrapper .component_select_imitator {
    background-color: var(--sport-digi-background--level-10);
    color: var(--sport-digi-foreground--level-20);
    padding: 0 8px
}

#e-sport-root .esp_main_header .component_select_wrapper .component_select_imitator span {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    text-align: right
}

#e-sport-root .esp_main_header .component_select_wrapper .component_select_imitator i {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_main_header .component_select_wrapper .component_select {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    height: 34px;
    text-transform: uppercase
}

#e-sport-root .esp_main_header .component_select_wrapper:after {
    top: 5px
}

#e-sport-root .esp_main_header>div:first-child {
    align-items: center;
    background-color: #0000;
    display: flex;
    flex-grow: 1;
    height: 40px;
    min-width: 1px
}

#e-sport-root .esp_main_header>div:last-child {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 40px
}

#e-sport-root .esp_main_header .esp_main_header_link {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase
}

#e-sport-root .esp_main_header .esp_main_header_link.esp_main_header_link_active,
#e-sport-root .esp_main_header .esp_main_header_link:hover {
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_main_header .esp_main_header_link_right {
    color: var(--sport-digi-brand)
}

#e-sport-root .esp_main_header .esp_main_header_link_right:hover {
    color: var(--sport-digi-brand--darken-10)
}

#e-sport-root .esp_main_header .esp_main_header_link_history_dd {
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_main_header .esp_select_wrapper select {
    background: #0000;
    width: auto
}

#e-sport-root .esp_main_header .esp_select_wrapper:after {
    border: none;
    content: "";
    display: block;
    font-family: esp_icons, sans-serif;
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    right: 5px;
    text-align: center;
    top: 5px;
    transform: rotate(90deg);
    width: 24px
}

#e-sport-root .esp_minimize {
    background-color: #0000;
    bottom: 0;
    color: var(--sport-digi-white);
    font-size: 10px;
    left: 0;
    position: absolute
}

#e-sport-root .esp_minimize i:before {
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    width: 15px
}

#e-sport-root .esp_mob_wrapper .esp_video_wrapper .esp_stream_wrapper {
    padding-top: 45%
}

#e-sport-root .esp_video_wrapper {
    display: flex;
    margin-bottom: 8px;
    position: relative
}

#e-sport-root .esp_video_wrapper.esp_video_wrapper_hide_list .esp_video_stakes_wrapper {
    display: none
}

#e-sport-root .esp_video_wrapper.esp_video_wrapper_hide_list .esp_stream_wrapper {
    width: 100%
}

#e-sport-root .esp_video_wrapper .esp_stream_wrapper {
    margin-right: 2px;
    padding-top: 35%;
    position: relative;
    width: calc(100% - 300px)
}

#e-sport-root .esp_video_wrapper .esp_stream_wrapper .esp_stream {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#e-sport-root .esp_video_wrapper .esp_stream_wrapper .esp_no_stream {
    left: 50%;
    position: absolute;
    top: 50%
}

#e-sport-root .esp_video_wrapper .esp_stream_wrapper .esp_minimize p {
    cursor: pointer
}

#e-sport-root .esp_video_wrapper .esp_video_stake_header {
    --br-half: calc(var(--sport-digi-border-radius--static)/2);
    border-radius: var(--br-half) var(--br-half) 0 0
}

#e-sport-root .esp_video_wrapper .esp_video_stake_header span {
    background-color: #0000;
    color: var(--sport-digi-foreground);
    font-size: var(--sport-digi-font-size)
}

#e-sport-root .esp_video_wrapper .esp_video_stake_header {
    background-color: var(--sport-digi-background--level-5);
    border-bottom: 2px solid var(--sport-digi-background);
    color: var(--sport-digi-foreground);
    height: 36px;
    padding: 0 8px
}

#e-sport-root .esp_video_wrapper .esp_video_stake_header span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 20px)
}

#e-sport-root .esp_video_wrapper .esp_video_stake_team {
    background-color: var(--sport-digi-background--level-10);
    border-bottom: 1px solid var(--sport-digi-background);
    color: var(--sport-digi-foreground);
    height: 40px;
    padding: 4px;
    transition: background-color .2s
}

#e-sport-root .esp_video_wrapper .esp_video_stake_team .esp_team_img {
    margin-right: 8px
}

#e-sport-root .esp_video_wrapper .esp_video_stake_team .esp_video_stake_score {
    background-color: #0000;
    color: var(--sport-digi-accent);
    flex-shrink: 0;
    font-size: var(--sport-digi-font-size);
    text-align: center;
    width: 24px
}

#e-sport-root .esp_video_wrapper .esp_video_stake_team .esp_video_stake_team_name {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20);
    flex-grow: 1;
    font-size: var(--sport-digi-font-size);
    line-height: 1.5;
    min-width: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .esp_video_wrapper .esp_video_stake_active .esp_video_stake_team {
    background-color: var(--sport-digi-background--level-15)
}

#e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper {
    height: 100%;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px
}

#e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper .esp_video_stake {
    background-color: var(--sport-digi-background);
    border-bottom: 4px solid var(--sport-digi-background);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding-left: 8px
}

#e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper .esp_video_stake>div {
    align-items: center;
    box-shadow: 0 2px 4px 0 #0000004d;
    display: flex;
    width: 100%
}

#e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper .esp_video_stake .esp_video_stake_stake {
    background-color: var(--sport-digi-background);
    border-radius: var(--sport-digi-border-radius--static);
    color: var(--sport-digi-accent);
    flex-shrink: 0;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin-bottom: 1px;
    text-align: center;
    transition: background-color .2s, color .2s;
    width: 70px
}

#e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper .esp_video_stake .esp_video_stake_stake:hover {
    background-color: var(--sport-digi-accent--darken-10);
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper .esp_video_stake .esp_video_stake_stake:hover .esp_odd_factor {
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper .esp_video_stake .esp_video_stake_stake.esp_video_stake_stake_active {
    background-color: var(--sport-digi-accent);
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper .esp_video_stake .esp_video_stake_stake.esp_video_stake_stake_active .esp_odd_factor {
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper .esp_video_stake .esp_video_stake_stake:last-child {
    margin-bottom: 0
}

#e-sport-root .esp_game_wrapper {
    width: 100%
}

#e-sport-root .esp_game_filter {
    align-items: center;
    background-color: var(--sport-digi-background--level-15);
    display: flex;
    height: 30px;
    padding-right: 8px;
    width: 100%
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_filter {
        height: 40px
    }
}

#e-sport-root .esp_game_filter .esp_game_filter_back_wrapper {
    align-items: center;
    border-right: 1px solid var(--sport-digi-background--level-5);
    color: var(--sport-digi-foreground--level-20);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 30px;
    justify-content: center;
    width: 30px
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_filter .esp_game_filter_back_wrapper {
        height: 40px;
        width: 40px
    }
}

#e-sport-root .esp_game_filter .esp_game_filter_info_wrapper {
    align-items: center;
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    font-size: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 8px;
    text-transform: capitalize;
    width: 100%
}

#e-sport-root .esp_game_filter .esp_game_filter_info_wrapper .esp_game_filter_item {
    background-color: #0000;
    font-size: var(--sport-digi-font-size);
    white-space: nowrap
}

#e-sport-root .esp_game_filter .esp_game_filter_item {
    cursor: pointer
}

#e-sport-root .esp_game_filter strong {
    color: var(--sport-digi-foreground);
    font-weight: 500
}

#e-sport-root .esp_game_filter.esp_game_filter_with_filter .esp_game_filter_info_wrapper {
    width: calc(100% - 52px)
}

#e-sport-root .esp_game_filter.esp_game_filter_with_back .esp_game_filter_info_wrapper {
    width: calc(100% - 30px)
}

#e-sport-root .esp_game_filter.esp_game_filter_with_back.esp_game_filter_with_filter .esp_game_filter_info_wrapper {
    width: calc(100% - 82px)
}

#e-sport-root .esp_game_filter.esp_game_filter_no_header {
    background-color: var(--sport-digi-background)
}

#e-sport-root .esp_maximise_stream {
    align-items: center;
    background-color: var(--sport-digi-accent);
    color: var(--sport-digi-accent-foreground);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    padding: 0 8px;
    width: 100%
}

#e-sport-root .esp_maximise_stream i {
    color: var(--sport-digi-accent-foreground);
    margin-right: 8px
}

#e-sport-root .esp_maximise_stream strong {
    margin-left: auto
}

#e-sport-root .esp_minimize {
    cursor: pointer
}

#e-sport-root .esp_flex_direction {
    flex-direction: row
}

#e-sport-root .esp_flex_direction_reversed {
    flex-direction: row-reverse
}

#e-sport-root .esp_games_wrapper {
    background-color: var(--sport-digi-background--level-5);
    overflow: hidden;
    padding: 0 8px 8px;
    width: 100%
}

#e-sport-root .esp_games_wrapper:empty {
    padding: 0
}

#e-sport-root .esp_games_wrapper>h2 {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 16px;
    text-transform: uppercase
}

#e-sport-root .esp_games_details_wrapper {
    background-color: var(--sport-digi-background--level-5);
    overflow: hidden;
    padding: 8px;
    position: relative;
    width: 100%
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_games_details_wrapper {
        overflow: initial;
        padding: 0
    }
}

#e-sport-root .esp_games_details_wrapper .esp_component_message_issue.esp_component_message {
    background-color: var(--sport-digi-background--level-5);
    border-radius: 0;
    color: var(--sport-digi-foreground);
    display: flex;
    font-size: 14px;
    height: 60px;
    justify-content: center;
    line-height: 60px;
    padding: 0;
    text-align: center
}

#e-sport-root .esp_game_row {
    background-color: var(--sport-digi-background--level-10);
    border-radius: var(--sport-digi-border-radius--static);
    color: var(--sport-digi-foreground--level-20);
    cursor: pointer;
    height: 40px;
    margin-bottom: 8px;
    transition: background-color .2s, color .2s
}

#e-sport-root .esp_game_row:hover {
    background-color: var(--sport-digi-background--level-15)
}

#e-sport-root .esp_game_row:last-child {
    margin-bottom: 0
}

#e-sport-root .esp_game_row .esp_game {
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

#e-sport-root .esp_game_row .esp_odd {
    margin-right: 2px
}

#e-sport-root .esp_game_row .esp_odd:last-child {
    margin-right: 0
}

#e-sport-root .esp_game_row .esp_odd.esp_odd_vs {
    width: 70px
}

#e-sport-root .esp_game_row .esp_team {
    color: var(--sport-digi-foreground--level-20);
    font-size: 14px;
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .esp_game_status_wrapper {
    flex-shrink: 0;
    padding: 0 8px;
    width: 68px
}

#e-sport-root .esp_game_status_wrapper .esp_game_time {
    font-size: 12px;
    text-align: center;
    width: 100%
}

#e-sport-root .esp_play_btn_wrapper {
    flex-shrink: 0;
    width: 18px
}

#e-sport-root .esp_play_btn {
    align-items: center;
    background-color: var(--sport-digi-red);
    border-radius: 50%;
    color: var(--sport-digi-white, #fff);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 18px;
    justify-content: center;
    transition: background-color .2s, color .2s;
    width: 18px
}

#e-sport-root .esp_play_btn.esp_play_btn_active,
#e-sport-root .esp_play_btn:hover {
    background-color: var(--sport-digi-star)
}

#e-sport-root .esp_play_btn:before {
    border-color: #0000 #0000 #0000 var(--sport-digi-white, #fff);
    border-style: solid;
    border-width: 4px 0 4px 7px;
    content: "";
    height: 0;
    margin-left: 1px;
    width: 0
}

#e-sport-root .es_game_row_2 {
    margin-bottom: 8px;
    width: 100%
}

#e-sport-root .es_game_row_2 .es_game_row_2_header {
    --br-half: calc(var(--sport-digi-border-radius--static)/2);
    align-items: center;
    background-color: var(--sport-digi-background--level-10);
    border-radius: var(--br-half) var(--br-half) 0 0;
    box-shadow: 0 2px 4px 0 #0000004d;
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    height: 32px;
    margin-bottom: 2px;
    padding: 0 8px
}

#e-sport-root .es_game_row_2 .es_game_row_2_header_name {
    color: var(--sport-digi-foreground--level-20);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

#e-sport-root .es_game_row_2 .esp_teams_wrapper {
    display: flex;
    flex-direction: column
}

#e-sport-root .es_game_row_2 .es_game_label {
    flex-shrink: 0;
    font-size: var(--sport-digi-font-size);
    text-align: center
}

#e-sport-root .es_game_row_2 .esp_team {
    align-items: center;
    display: flex
}

#e-sport-root .es_game_row_2 .esp_team>span {
    font-size: 14px;
    overflow: hidden;
    overflow: visible;
    padding: 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .es_game_row_2 .esp_score_wrapper {
    display: flex;
    flex-direction: column
}

#e-sport-root .es_game_row_2 .esp_score {
    align-items: center;
    color: var(--sport-digi-brand);
    display: flex;
    justify-content: center
}

#e-sport-root .esp_odds {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin: 0 8px
}

#e-sport-root .odd--up {
    color: green !important
}

#e-sport-root .odd--down {
    color: red !important
}

#e-sport-root .esp_game_controls {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 180px
}

#e-sport-root .esp_game_controls .sport_front_icon-arrow_right {
    cursor: pointer
}

#e-sport-root .esp_game_controls .sport_front_icon-stat {
    margin-right: 8px
}

#e-sport-root .esp_show_more {
    flex-shrink: 0;
    font-size: 12px;
    width: 35px
}

#e-sport-root .esp_game_height {
    height: 32px
}

#e-sport-root .esp_game_height.esp_game_height_2 {
    height: 64px
}

#e-sport-root .esp_game_details_wrapper {
    padding: 0 16px
}

#e-sport-root .esp_filter_icons {
    align-items: center;
    display: flex
}

#e-sport-root .esp_filter_icons,
#e-sport-root .esp_filter_icons>i {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_filter_icons>i {
    cursor: pointer;
    margin-right: 4px;
    transition: background-color .2s, color .2s
}

#e-sport-root .esp_filter_icons>i:last-child {
    margin-right: 0
}

#e-sport-root .esp_filter_icons>i.esp_icon_active,
#e-sport-root .esp_filter_icons>i:hover {
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_game_details_item {
    background-color: var(--sport-digi-background--level-10);
    margin-bottom: 4px;
    width: 100%
}

#e-sport-root .esp_game_details_item [class*=sport_front_icon-arrow] {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_game_details_item .esp_game_details_item_header {
    color: var(--sport-digi-foreground--level-20);
    height: 32px;
    padding: 0 16px
}

#e-sport-root .esp_game_details_item .esp_game_details_item_header .esp_game_details_item_market_name {
    flex-grow: 1;
    font-size: 16px;
    line-height: 18px;
    min-width: 1px
}

#e-sport-root .esp_game_details_item .esp_game_details_item_content {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px 4px
}

#e-sport-root .esp_game_details_item .esp_game_details_item_content>div {
    padding: 0 2px;
    width: 100%
}

#e-sport-root .esp_game_details_item .esp_game_details_item_content.esp_game_details_item_content_2>div {
    width: 50%
}

#e-sport-root .esp_game_details_item .esp_game_details_item_content.esp_game_details_item_content_3>div {
    width: 33.333%
}

#e-sport-root .sport_front_icon-star-filled {
    color: var(--sport-digi-star)
}

#e-sport-root .esp_game_banner_wrapper-prematch .esp_game_banner .esp_game_banner_top {
    align-items: flex-end;
    left: auto;
    right: var(--sport-digi-banner-space)
}

@media only screen and (max-width:768px) {
    #e-sport-root .esp_game_banner_wrapper-prematch .esp_game_banner .esp_game_banner_top {
        align-items: center;
        background: #000000b3;
        border-radius: var(--sport-digi-radius--sm);
        padding: 4px
    }
}

#e-sport-root .esp_game_banner {
    background-color: #222;
    background-image: url(static/media/default.56bff1aa9c804e0f7497.png);
    background-position: 0;
    background-size: cover;
    color: var(--espEventsTxt2);
    padding: var(--sport-digi-banner-top-space) var(--sport-digi-banner-space);
    position: relative;
    width: 100%
}

#e-sport-root .esp_game_banner .sport_front_icon-star,
#e-sport-root .esp_game_banner .sport_front_icon-stat {
    cursor: pointer
}

#e-sport-root .esp_game_banner .esp_game_banner_top {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    left: var(--sport-digi-banner-space);
    position: absolute;
    top: var(--sport-digi-banner-top-space);
    width: var(--sport-digi-banner-absolute_positioned_element_width)
}

#e-sport-root .esp_game_banner .esp_game_banner_top .dg_event_date_wrapper {
    align-items: center;
    display: flex
}

@media screen and (max-width:1200px) {
    #e-sport-root .esp_game_banner .esp_game_banner_top .dg_event_date_wrapper {
        bottom: -66px;
        position: absolute;
        right: 5px;
        white-space: nowrap
    }
}

#e-sport-root .esp_game_banner .esp_game_banner_top .dg_event_date_wrapper .dg_event_date {
    background-color: #000000b3;
    color: #fff;
    padding: 2px 4px
}

#e-sport-root .esp_game_banner .esp_game_banner_top .esp_game_banner_top_live_time {
    margin: 0 -2px
}

#e-sport-root .esp_game_banner .esp_game_banner_top .esp_game_banner_top_live_time span {
    background-color: #000000b3;
    border-radius: var(--sport-digi-radius--sm);
    display: inline-block;
    margin: 0 2px;
    max-width: 100%;
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .esp_game_banner .esp_game_banner_map {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

#e-sport-root .esp_game_banner .esp_game_banner_fav_cont {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: var(--sport-digi-banner-space);
    top: var(--sport-digi-banner-top-space);
    width: var(--sport-digi-banner-absolute_positioned_element_width)
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_banner .esp_game_banner_fav_cont {
        align-items: flex-end;
        flex-direction: column-reverse
    }
}

#e-sport-root .esp_game_banner .esp_odd {
    display: flex
}

#e-sport-root .esp_game_banner .esp_game_banner_badge-wrapper {
    flex-shrink: 0;
    margin: 0 15px;
    width: 40px
}

#e-sport-root .esp_game_banner_total_score_wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 16px
}

#e-sport-root .esp_game_banner_total_score_wrapper .esp_game_banner_total_score {
    color: var(--espEventsTxt2);
    flex-shrink: 0;
    font-size: 14px;
    margin: 0 16px;
    text-align: center;
    width: 40px
}

#e-sport-root .esp_game_banner_total_score_wrapper .esp_game_banner_total_score .esp_game_banner_total_score_devider {
    display: inline-block;
    text-align: center;
    width: 6px
}

#e-sport-root .esp_game_banner_col {
    display: flex
}

#e-sport-root .esp_game_banner_content {
    align-items: center;
    display: flex;
    margin-bottom: 16px;
    padding: 0 var(--sport-digi-banner-absolute_positioned_element_width);
    padding-top: 30px;
    width: 100%
}

@media screen and (max-width:1450px) {
    #e-sport-root .esp_game_banner_content {
        margin-bottom: 0;
        padding-bottom: 8px;
        padding-left: 0;
        padding-right: 0
    }
}

#e-sport-root .esp_game_banner_content .esp_team_img_big {
    animation: rotateY 5s ease-in-out infinite;
    height: 44px;
    margin: 0 14px;
    width: 44px
}

@media screen and (max-width:1450px) {
    #e-sport-root .esp_game_banner_content .esp_team_img_big {
        height: 30px;
        margin: 0 8px;
        width: 30px
    }
}

#e-sport-root .esp_game_banner_odds_desktop {
    align-items: center;
    display: flex;
    justify-content: center
}

#e-sport-root .esp_game_banner_odds_desktop .esp_game_banner_odds_wrapper {
    width: 72px
}

#e-sport-root .esp_game_banner_odds_desktop .esp_game_banner_odds_wrapper .esp_odd {
    margin: 0;
    width: 72px
}

#e-sport-root .esp_game_banner_odds_desktop .esp_game_banner_odds_wrapper:nth-child(2) {
    margin: 0 18px
}

#e-sport-root .esp_game_mc {
    bottom: 24px;
    position: absolute;
    right: 24px
}

#e-sport-root .esp_game_banner_odds_mobile {
    align-items: center;
    display: flex
}

#e-sport-root .esp_game_banner_odds_mobile>div {
    flex: 1 1
}

#e-sport-root .esp_game_banner_odds_mobile .esp_game_details_odd {
    border-left: 1px solid var(--sport-digi-background--level-15);
    border-right: 1px solid var(--sport-digi-background--level-15)
}

@keyframes rotateY {
    0% {
        transform: rotateY(0)
    }
    20% {
        transform: rotateY(359deg)
    }
    to {
        transform: rotateY(1turn)
    }
}

#e-sport-root .esp_game_banner_team_wrapper {
    align-items: center;
    display: flex;
    width: calc(50% - (var(--sport-digi-banner-odd-space)*2 + var(--sport-digi-banner-odd-width))/2)
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_banner_team_wrapper {
        width: calc(50% - 30px)
    }
}

#e-sport-root .esp_game_banner_team_wrapper span {
    color: var(--espEventsTeamNameTxt);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    width: calc(100% - 44px);
    word-break: break-all
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_banner_team_wrapper span {
        font-size: 12px
    }
}

#e-sport-root .esp_game_banner_score_content {
    align-items: center;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    margin: 0 10px
}

#e-sport-root .esp_game_banner_score_wrapper {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-size: 22px;
    font-weight: 500;
    justify-content: center;
    width: 108px
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_banner_score_wrapper {
        font-size: 16px;
        width: 60px
    }
}

#e-sport-root .esp_game_banner_score {
    color: var(--espEventsScoreTxt);
    width: 42px
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_banner_score {
        width: 25px
    }
}

#e-sport-root .esp_game_banner_score_devider {
    color: var(--sport-digi-white, #fff);
    text-align: center;
    width: 24px
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_banner_score_devider {
        width: 10px
    }
}

#e-sport-root .esp_game_banner_new {
    align-items: center;
    display: flex;
    justify-content: center
}

#e-sport-root .esp_game_banner_details {
    flex-shrink: 0;
    font-weight: 500;
    text-align: center;
    width: 240px
}

#e-sport-root .esp_game_banner_details,
#e-sport-root .esp_game_banner_details .esp_game_banner_date {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_team_img {
    background-color: #0000;
    background-image: url(http://totogaming.scorestime.com/esports/png/25474.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0 0 1px black);
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

#e-sport-root .esp_match_tabs_wrapper_with_collapse_icon {
    align-items: center;
    display: flex;
    position: relative
}

#e-sport-root .esp_match_tabs_wrapper_with_collapse_icon .esp_tabs_wrapper {
    -ms-overflow-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    width: calc(100% - 40px)
}

#e-sport-root .esp_match_tabs_wrapper_with_collapse_icon .esp_tabs_wrapper::-webkit-scrollbar {
    display: none
}

#e-sport-root .esp_match_tabs_wrapper_with_collapse_icon .component_collapse_all {
    align-items: center;
    color: var(--sport-digi-foreground--level-20);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    width: 40px
}

#e-sport-root .esp_match_tabs_wrapper_with_collapse_icon .component_collapse_all:before {
    font-size: 21px;
    transform: rotate(0);
    transition: transform .2s, color .2s
}

#e-sport-root .esp_match_tabs_wrapper_with_collapse_icon .component_collapse_all.component_collapse_all_active:before {
    transform: rotate(180deg)
}

#e-sport-root .esp_tabs_wrapper_markets {
    background-color: var(--sport-digi-background);
    padding: 2px 0
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_tabs_wrapper_markets {
        padding: 0
    }
}

#e-sport-root .esp_tabs_wrapper_markets .esp_tab {
    align-items: center;
    background-color: var(--sport-digi-background--level-5);
    border-bottom: 2px solid var(--sport-digi-background--level-5);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 2px;
    width: 170px
}

#e-sport-root .esp_tabs_wrapper_markets .esp_tab>span {
    color: var(--sport-digi-foreground--level-20);
    font-size: 14px;
    transition: color .2s
}

#e-sport-root .esp_tabs_wrapper_markets .esp_tab>strong {
    color: var(--sport-digi-foreground--level-20);
    font-size: 10px;
    transition: color .2s
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_tabs_wrapper_markets .esp_tab {
        background-color: var(--sport-digi-background--level-4);
        border: 0;
        margin-right: 0
    }
    #e-sport-root .esp_tabs_wrapper_markets .esp_tab>span {
        color: var(--sport-digi-accent)
    }
}

#e-sport-root .esp_tabs_wrapper_markets .esp_tab.esp_tab_active,
#e-sport-root .esp_tabs_wrapper_markets .esp_tab:hover {
    border-color: var(--sport-digi-accent)
}

#e-sport-root .esp_tabs_wrapper_markets .esp_tab.esp_tab_active>strong,
#e-sport-root .esp_tabs_wrapper_markets .esp_tab:hover>strong {
    color: var(--sport-digi-foreground--level-20)
}

@media screen and (min-width:992px) {
    #e-sport-root .esp_tabs_wrapper_markets .esp_tab.esp_tab_active>span,
    #e-sport-root .esp_tabs_wrapper_markets .esp_tab:hover>span {
        color: var(--sport-digi-foreground)
    }
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_tabs_wrapper_markets .esp_tab.esp_tab_active,
    #e-sport-root .esp_tabs_wrapper_markets .esp_tab:hover {
        background-color: var(--sport-digi-background--level-5)
    }
}

.esp_mob_wrapper #e-sport-root .esp_tabs_wrapper_markets {
    padding-left: 56px
}

#e-sport-root .es_game_result .esp_odd {
    color: var(--sport-digi-foreground--level-20);
    pointer-events: none
}

#e-sport-root .es_game_result .esp_odd.esp_odd_active {
    background-color: #0c9135;
    color: var(--sport-digi-white, #fff)
}

#e-sport-root .es_game_complex .esp_odd {
    margin-bottom: 2px
}

#e-sport-root .es_game_complex .esp_odd:last-child {
    border: 0
}

#e-sport-root .es_game_complex_content {
    align-items: center;
    background-color: var(--sport-digi-background);
    border-radius: 0 0 var(--sport-digi-radius--sm) var(--sport-digi-radius--sm);
    box-shadow: 0 2px 4px 0 #0000004d;
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    padding-bottom: 2px;
    padding-top: 2px
}

#e-sport-root .esp_odds_row {
    align-items: center;
    display: flex;
    justify-content: center
}

#e-sport-root .esp_odd_arg {
    border-radius: var(--sport-digi-border-radius--static);
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 70px
}

#e-sport-root .es_game_complex_header {
    align-items: center;
    display: flex
}

#e-sport-root .es_game_complex_content {
    --br-half: calc(var(--sport-digi-border-radius--static)/2);
    border-radius: 0 0 var(--br-half) var(--br-half);
    padding: 0 8px
}

#e-sport-root .es_game_complex_team_wrapper {
    width: calc(100% - 597px)
}

#e-sport-root .es_game_complex_team_wrapper.es_game_complex_team_wrapper_live {
    width: calc(100% - 677px)
}

@media screen and (max-width:1600px) {
    #e-sport-root .es_game_complex_team_wrapper.es_game_complex_team_wrapper_live {
        width: calc(100% - 517px)
    }
}

@media screen and (max-width:1450px) {
    #e-sport-root .es_game_complex_team_wrapper.es_game_complex_team_wrapper_live {
        width: calc(100% - 277px)
    }
}

@media screen and (max-width:1600px) {
    #e-sport-root .es_game_complex_team_wrapper {
        width: calc(100% - 437px)
    }
}

@media screen and (max-width:1450px) {
    #e-sport-root .es_game_complex_team_wrapper {
        width: calc(100% - 197px)
    }
}

@media screen and (max-width:1600px) {
    #e-sport-root .esp_hide_lg {
        display: none !important
    }
}

@media screen and (max-width:1450px) {
    #e-sport-root .esp_hide_md {
        display: none !important
    }
}

#e-sport-root .esp_complex_game_odds {
    align-items: center;
    display: flex
}

#e-sport-root .esp_complex_game_odd_1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 80px
}

#e-sport-root .esp_complex_game_odd_2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 160px
}

#e-sport-root .esp_complex_game_odd_3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 240px
}

#e-sport-root .esp_game_banner_211524 {
    background-image: url(static/media/211524.3f4ef5ff62e77dc84952.png)
}

#e-sport-root .esp_game_banner_211525 {
    background-image: url(static/media/211525.8d626dae0bbf20ddd4ab.png)
}

#e-sport-root .esp_game_banner_211526 {
    background-image: url(static/media/211526.3e494f8559c4f22e808d.png)
}

#e-sport-root .esp_game_banner_211527 {
    background-image: url(static/media/211527.99151668e48d93f1d0bc.png)
}

#e-sport-root .esp_game_banner_211528 {
    background-image: url(static/media/211528.6e250ff644ed4a122a78.png)
}

#e-sport-root .esp_game_banner_211529 {
    background-image: url(static/media/211529.6f6e23628a24337dc6fd.png)
}

#e-sport-root .esp_game_banner_211530 {
    background-image: url(static/media/211530.5cc217701d6e82dd01e7.png)
}

#e-sport-root .esp_game_banner_211531 {
    background-image: url(static/media/211531.983aa2a9843cc566daa8.png)
}

#e-sport-root .esp_game_banner_211532 {
    background-image: url(static/media/211532.b053131c0a110503c299.png)
}

#e-sport-root .esp_game_banner_256652 {
    background-image: url(static/media/256652.b986de9f90c004aa0d25.png)
}

#e-sport-root .esp_game_banner_310630 {
    background-image: url(static/media/310630.de42380c449cd6e8965d.png)
}

#e-sport-root .esp_game_banner_318836 {
    background-image: url(static/media/318836.eb49e8ccd1f27eb97508.png)
}

#e-sport-root .esp_game_banner_330686 {
    background-image: url(static/media/330686.6dd09b2bf1e21e3308eb.png)
}

#e-sport-root .esp_game_banner_330687 {
    background-image: url(static/media/330687.cbb2d02d09d3050ffca2.png)
}

#e-sport-root .esp_game_banner_330688 {
    background-image: url(static/media/330688.119f12bf5e3dca8f2e8f.png)
}

#e-sport-root .esp_game_banner_330690 {
    background-image: url(static/media/330690.80c4ca0e16baeac64252.png)
}

#e-sport-root .esp_game_banner_330691 {
    background-image: url(static/media/330691.2c3bf8651da675820f22.png)
}

#e-sport-root .esp_game_banner_330692 {
    background-image: url(static/media/330692.c40d1e3e0d5d8b180500.png)
}

#e-sport-root .esp_game_banner_330693 {
    background-image: url(static/media/330693.5e1a3bb253723e99dd2e.png)
}

#e-sport-root .esp_game_banner_330694 {
    background-image: url(static/media/330694.382cda92d81bf9656c16.png)
}

#e-sport-root .esp_game_banner_330695 {
    background-image: url(static/media/330695.4b6b55e196d403fdd078.png)
}

#e-sport-root .esp_game_banner_330696 {
    background-image: url(static/media/330696.6901eb1480b5f35ad695.png)
}

#e-sport-root .esp_game_banner_330697 {
    background-image: url(static/media/330697.f660e382dc2370a5111f.png)
}

#e-sport-root .esp_game_banner_375265 {
    background-image: url(static/media/375265.a61f70ce8ed9f67f9d2c.png)
}

#e-sport-root .esp_game_banner_380303 {
    background-image: url(static/media/380303.56f238edf3df87456c55.png)
}

#e-sport-root .esp_game_banner_380627 {
    background-image: url(static/media/380627.227ba84cf596d6565e41.png)
}

#e-sport-root .esp_game_banner_384246 {
    background-image: url(static/media/384246.6c85e8908d3b4307beca.png)
}

#e-sport-root .esp_game_banner_397491 {
    background-image: url(static/media/397491.8feaaffee3d3962f5459.png)
}

#e-sport-root .esp_game_banner_438830 {
    background-image: url(static/media/438830.d06b28d3edeaba1385b0.png)
}

#e-sport-root .esp_game_banner_442885 {
    background-image: url(static/media/442885.6d8c247701fd7b1984e5.png)
}

#e-sport-root .esp_game_banner_473568 {
    background-image: url(static/media/473568.8a4fbab2badceeceea1e.png)
}

#e-sport-root .esp_game_banner_3085 {
    background-image: url(static/media/3085.8b68ad144095e990309f.png)
}

#e-sport-root .esp_game_banner_439512 {
    background-image: url(static/media/439512.0be3c9aea89f9fba146e.png)
}

#e-sport-root .esp_game_banner_562890 {
    background-image: url(static/media/562890.d73219bb04a9f01558eb.png)
}

#e-sport-root .esp_game_banner_662271 {
    background-image: url(static/media/662271.e12214a0b82810a22cf8.png)
}

#e-sport-root .esp_game_banner_174,
#e-sport-root .esp_game_banner_364752,
#e-sport-root .esp_game_banner_364753,
#e-sport-root .esp_game_banner_366544,
#e-sport-root .esp_game_banner_367228,
#e-sport-root .esp_game_banner_374500,
#e-sport-root .esp_game_banner_376263,
#e-sport-root .esp_game_banner_412756,
#e-sport-root .esp_game_banner_482162 {
    background-image: url(static/media/e_football.2e828fca360ceefeac69.png)
}

#e-sport-root .esp_game_banner_152,
#e-sport-root .esp_game_banner_192,
#e-sport-root .esp_game_banner_368332 {
    background-image: url(static/media/e_basketball.ee1935aff3ad012a518c.png)
}

#e-sport-root .esp_game_banner_368333,
#e-sport-root .esp_game_banner_378278,
#e-sport-root .esp_game_banner_423045 {
    background-image: url(static/media/nba_nba_2k.9b404110a7ecd6a23d9b.png)
}

#e-sport-root .esp_game_banner_370978,
#e-sport-root .esp_game_banner_370979,
#e-sport-root .esp_game_banner_371125,
#e-sport-root .esp_game_banner_371216,
#e-sport-root .esp_game_banner_414769 {
    background-image: url(static/media/e_ice_hockey.b3c15c78be89e8cd500d.png)
}

.game_time {
    align-items: center;
    display: flex;
    gap: 4px
}

@media screen and (max-width:992px) {
    .game_time {
        margin-top: 4px
    }
}

.time {
    white-space: nowrap
}

@media screen and (max-width:992px) {
    .time {
        font-size: 12px
    }
}

.live_center {
    align-items: center;
    display: flex;
    gap: 4px
}

#e-sport-root [class*=" digi_game_"],
#e-sport-root [class^=digi_game_] {
    background-color: #0000
}

#e-sport-root [class*=" digi_game_"]:before,
#e-sport-root [class^=digi_game_]:before {
    background-color: inherit;
    background-image: url(static/media/games.90c0cec4a6e96f1b74b1.png);
    background-position: 0 -960px;
    background-size: 24px;
    content: "";
    display: block;
    filter: drop-shadow(0 0 1px #000);
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

#e-sport-root .digi_game_211524:before {
    background-position: 0 0
}

#e-sport-root .digi_game_211525:before {
    background-position: 0 -24px
}

#e-sport-root .digi_game_211526:before {
    background-position: 0 -48px
}

#e-sport-root .digi_game_211527:before {
    background-position: 0 -72px
}

#e-sport-root .digi_game_211528:before {
    background-position: 0 -96px
}

#e-sport-root .digi_game_211529:before {
    background-position: 0 -120px
}

#e-sport-root .digi_game_211530:before {
    background-position: 0 -144px
}

#e-sport-root .digi_game_211531:before {
    background-position: 0 -168px
}

#e-sport-root .digi_game_211532:before {
    background-position: 0 -192px
}

#e-sport-root .digi_game_256652:before {
    background-position: 0 -216px
}

#e-sport-root .digi_game_310630:before,
#e-sport-root .digi_game_398599:before {
    background-position: 0 -240px
}

#e-sport-root .digi_game_318836:before {
    background-position: 0 -264px
}

#e-sport-root .digi_game_330686:before {
    background-position: 0 -288px
}

#e-sport-root .digi_game_330687:before {
    background-position: 0 -312px
}

#e-sport-root .digi_game_330688:before {
    background-position: 0 -336px
}

#e-sport-root .digi_game_330690:before {
    background-position: 0 -360px
}

#e-sport-root .digi_game_330691:before {
    background-position: 0 -384px
}

#e-sport-root .digi_game_330692:before {
    background-position: 0 -408px
}

#e-sport-root .digi_game_330693:before {
    background-position: 0 -432px
}

#e-sport-root .digi_game_330694:before {
    background-position: 0 -456px
}

#e-sport-root .digi_game_330695:before {
    background-position: 0 -480px
}

#e-sport-root .digi_game_330696:before {
    background-position: 0 -504px
}

#e-sport-root .digi_game_367228:before {
    background-position: 0 -528px
}

#e-sport-root .digi_game_364752:before {
    background-position: 0 -552px
}

#e-sport-root .digi_game_364753:before {
    background-position: 0 -576px
}

#e-sport-root .digi_game_330697:before {
    background-position: 0 -600px
}

#e-sport-root .digi_game_368333:before {
    background-position: 0 -624px
}

#e-sport-root .digi_game_370979:before {
    background-position: 0 -648px
}

#e-sport-root .digi_game_371216:before {
    background-position: 0 -672px
}

#e-sport-root .digi_game_375122:before {
    background-position: 0 -696px
}

#e-sport-root .digi_game_378278:before {
    background-position: 0 -720px
}

#e-sport-root .digi_game_384246:before {
    background-position: 0 -744px
}

#e-sport-root .digi_game_410724:before {
    background-position: 0 -768px
}

#e-sport-root .digi_game_410725:before {
    background-position: 0 -792px
}

#e-sport-root .digi_game_410740:before {
    background-position: 0 -816px
}

#e-sport-root .digi_game_410741:before {
    background-position: 0 -840px
}

#e-sport-root .digi_game_410746:before {
    background-position: 0 -864px
}

#e-sport-root .digi_game_410748:before {
    background-position: 0 -888px
}

#e-sport-root .digi_game_410749:before {
    background-position: 0 -912px
}

#e-sport-root .digi_game_410750:before {
    background-position: 0 -936px
}

#e-sport-root .digi_game_default:before {
    background-position: 0 -960px
}

#e-sport-root .digi_game_2431:before,
#e-sport-root .digi_game_375265:before {
    background-position: 0 -984px
}

#e-sport-root .digi_game_380627:before {
    background-position: 0 -1008px
}

#e-sport-root .digi_game_414769:before {
    background-position: 0 -1032px
}

#e-sport-root .digi_game_442885:before {
    background-position: 0 -1056px
}

#e-sport-root .digi_game_473568:before {
    background-position: 0 -1080px
}

#e-sport-root .digi_game_416739:before {
    background-position: 0 -1104px
}

#e-sport-root .digi_game_439512:before {
    background-position: 0 -1128px
}

#e-sport-root .digi_game_2995:before,
#e-sport-root .digi_game_3039:before,
#e-sport-root .digi_game_493799:before {
    background-position: 0 -1152px
}

#e-sport-root .digi_game_2997:before,
#e-sport-root .digi_game_494968:before {
    background-position: 0 -1176px
}

#e-sport-root .digi_game_3037:before {
    background-position: 0 -1200px
}

#e-sport-root .digi_game_438830 {
    background-position: 0 -1224px
}

#e-sport-root .digi_game_3075:before {
    background-position: 0 -1248px
}

#e-sport-root .digi_game_3076:before {
    background-position: 0 -1272px
}

#e-sport-root .digi_game_3077:before {
    background-position: 0 -1296px
}

#e-sport-root .digi_game_3085:before,
#e-sport-root .digi_game_562890:before {
    background-position: 0 -1320px
}

#e-sport-root .digi_game_21280:before,
#e-sport-root .digi_game_225716:before {
    background-position: 0 -1344px
}

#e-sport-root .digi_game_28593:before,
#e-sport-root .digi_game_380769:before {
    background-position: 0 -1368px
}

#e-sport-root .digi_game_593441:before {
    background-position: 0 -1392px
}

#e-sport-root .digi_game_3037:before {
    background-position: 0 -1416px
}

#e-sport-root .digi_game_3111:before {
    background-position: 0 -1440px
}

#e-sport-root .digi_game_522433:before {
    background-position: 0 -1416px
}

#e-sport-root .digi_game_522980:before {
    background-position: 0 -1152px
}

#e-sport-root .digi_game_662271:before,
#e-sport-root .digi_game_695275:before {
    background-position: 0 -1464px
}

#e-sport-root .digi_game_522433:before {
    background-position: 0 -1488px
}

#e-sport-root .digi_game_677709:before {
    background-position: 0 -1512px
}

#e-sport-root .digi_game_211525:before {
    background-position: 0 -1536px
}

#e-sport-root .digi_game_211529:before {
    background-position: 0 -1560px
}

#e-sport-root .digi_game_211531:before {
    background-position: 0 -1584px
}

#e-sport-root .digi_game_330687:before {
    background-position: 0 -1608px
}

#e-sport-root .digi_game_330691:before {
    background-position: 0 -1632px
}

#e-sport-root .digi_game_380627:before {
    background-position: 0 -1656px
}

#e-sport-root .digi_game_522980:before {
    background-position: 0 -1680px
}

#e-sport-root .digi_game_211528:before {
    background-position: 0 -1704px
}

#e-sport-root .esp_results_filter_wrapper {
    background-color: var(--sport-digi-background--level-5);
    margin-bottom: 4px;
    padding: 8px
}

#e-sport-root .esp_results_filter_wrapper .esp_btn,
#e-sport-root .esp_results_filter_wrapper .esp_input,
#e-sport-root .esp_results_filter_wrapper .esp_select {
    display: block;
    height: 32px;
    width: 100%
}

#e-sport-root .esp_results_filter_wrapper .esp_input {
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_input_label_top {
    color: var(--sport-digi-foreground--level-20);
    display: block;
    font-size: 13px;
    height: 15px;
    margin-bottom: 5px
}

.esp_complex_game_odd_3 .esp_complex_game_odds>div:nth-child(2) {
    margin: 0 2px
}

#e-sport-root .es_game_complex {
    background-color: var(--sport-digi-background);
    margin-bottom: 2px;
    width: 100%
}

#e-sport-root .es_game_complex .es_game_complex_grid {
    grid-column-gap: 4px;
    align-items: center;
    background-color: var(--sport-digi-background);
    display: grid;
    text-align: center;
    width: 100%
}

#e-sport-root .es_game_complex .es_game_complex_header {
    grid-template-columns: 44px minmax(0, 1fr) 80px 50px 80px 160px 244px 50px
}

#e-sport-root .es_game_complex .es_game_complex_header.es_game_complex_grid_live {
    grid-template-columns: 44px minmax(0, 1fr) 80px 160px 244px 50px
}

#e-sport-root .es_game_complex .es_game_complex_content {
    grid-template-columns: 44px 60px 24px minmax(0, 1fr) 80px 50px 80px 160px 244px 50px
}

#e-sport-root .es_game_complex .es_game_complex_content.es_game_complex_grid_live {
    grid-template-columns: 44px 60px 24px minmax(0, 1fr) 80px 160px 244px 50px
}

#e-sport-root .es_game_complex .esp_game_height {
    height: 32px;
    line-height: 32px
}

#e-sport-root .es_game_complex .es_game_logo_wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

#e-sport-root .es_game_complex .es_game_logo_wrapper i {
    margin: 0
}

#e-sport-root .es_game_complex .es_fav_icon_wrapper,
#e-sport-root .es_game_complex .esp_play_btn_wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

#e-sport-root .es_game_complex .es_fav_icon_wrapper {
    cursor: pointer
}

#e-sport-root .es_game_complex .esp_game_status_wrapper {
    display: flex;
    justify-content: flex-start;
    padding: 0
}

#e-sport-root .es_game_complex .esp_score,
#e-sport-root .es_game_complex .esp_show_more {
    align-items: center;
    display: flex;
    justify-content: center
}

#e-sport-root .es_game_complex .esp_show_more {
    width: 100%
}

#e-sport-root .es_game_complex .esp_show_more i {
    cursor: pointer
}

#e-sport-root .es_game_complex .esp_teams_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

#e-sport-root .es_game_complex .esp_complex_game_odd_2,
#e-sport-root .es_game_complex .esp_complex_game_odd_3,
#e-sport-root .es_game_complex .esp_score_wrapper {
    display: flex;
    flex-direction: column
}

#e-sport-root .es_game_complex .es_game_row_2_header {
    --br-half: calc(var(--sport-digi-border-radius--static)/2);
    align-items: center;
    background-color: var(--sport-digi-background--level-10);
    border-radius: var(--br-half) var(--br-half) 0 0;
    box-shadow: 0 2px 4px 0 #0000004d;
    color: var(--sport-digi-foreground--level-20);
    font-size: 14px;
    height: 32px;
    margin-bottom: 2px;
    padding: 0 2px
}

#e-sport-root .es_game_complex .esp_game_time {
    font-size: 12px;
    text-align: left;
    width: 100%
}

#e-sport-root .es_game_complex .es_game_complex_team_wrapper {
    align-items: center;
    display: flex;
    font-size: 16px;
    min-width: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

#e-sport-root .es_game_complex .es_game_row_2_header_name {
    color: var(--sport-digi-foreground--level-20);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

#e-sport-root .es_game_complex .es_game_label {
    font-size: var(--sport-digi-font-size)
}

#e-sport-root .es_game_complex .esp_play_btn {
    align-items: center;
    background-color: var(--sport-digi-red);
    border-radius: 50%;
    color: var(--sport-digi-white);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 18px;
    justify-content: center;
    transition: background-color .2s, color .2s;
    width: 18px
}

#e-sport-root .es_game_complex .esp_play_btn:before {
    border-bottom: 4px solid #0000;
    border-left: 7px solid var(--sport-digi-white);
    border-right: 0 solid #0000;
    border-top: 4px solid #0000;
    content: "";
    height: 0;
    width: 0
}

#e-sport-root .es_game_complex .esp_play_btn.esp_play_btn_active,
#e-sport-root .es_game_complex .esp_play_btn:hover {
    background-color: var(--sport-digi-star)
}

#e-sport-root .es_game_complex .es_game_complex_content {
    align-items: center;
    background-color: var(--sport-digi-background);
    border-radius: 0 0 var(--sport-digi-radius--sm) var(--sport-digi-radius--sm);
    box-shadow: 0 2px 4px 0 #0000004d;
    color: var(--sport-digi-foreground--level-20);
    display: grid;
    padding: 8px 2px
}

#e-sport-root .es_game_complex .sport_front_icon-star-empty {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .es_game_complex .sport_front_icon-star-filled {
    color: var(--sport-digi-star)
}

#e-sport-root .es_game_complex .esp_team_img_wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 4px;
    width: 100%
}

#e-sport-root .es_game_complex .esp_team_img {
    background-color: #0000;
    background-image: url(http://totogaming.scorestime.com/esports/png/25474.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0 0 1px #000);
    height: 24px;
    width: 24px
}

#e-sport-root .es_game_complex .esp_team {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    width: 100%
}

#e-sport-root .es_game_complex .esp_team_name {
    font-size: 14px;
    overflow: hidden;
    padding: 0 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .es_game_complex .esp_score {
    color: var(--sport-digi-brand)
}

#e-sport-root .es_game_complex .esp_odd {
    align-items: center;
    background-color: #0000;
    border-bottom: 1px solid;
    border-radius: var(--sport-digi-border-radius--static);
    border-top: 1px solid;
    border-color: var(--sport-digi-background);
    color: var(--sport-digi-accent);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    margin: 0;
    text-align: center;
    transition: background-color .2s, color .2s;
    width: 80px
}

#e-sport-root .es_game_complex .esp_odd:hover {
    background-color: var(--sport-digi-accent--darken-10);
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .es_game_complex .esp_odd_factor {
    background-color: #0000;
    border-radius: 2px;
    color: var(--sport-digi-accent);
    display: block;
    font-size: var(--sport-digi-font-size);
    height: 22px;
    line-height: 22px;
    text-align: center;
    transition: background-color .2s, color .2s;
    width: 45px
}

#e-sport-root .es_game_complex .esp_odd.esp_odd_active,
#e-sport-root .es_game_complex .esp_odd:hover,
#e-sport-root .es_game_complex .esp_odd:hover .esp_odd_factor {
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .es_game_complex .esp_complex_game_odds {
    align-items: center;
    display: flex
}

#e-sport-root .es_game_complex .esp_odd_arg {
    border-radius: var(--sport-digi-border-radius--static);
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 80px
}

[class*=" digi_game_"]:before,
[class^=digi_game_]:before {
    background-color: inherit;
    background-position: 0 -800px;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

@media screen and (max-width:1600px) {
    #e-sport-root .es_game_complex .esp_hide_lg {
        display: none
    }
    #e-sport-root .es_game_complex .es_game_complex_header {
        grid-template-columns: 44px minmax(0, 1fr) 80px 50px 80px 244px 50px
    }
    #e-sport-root .es_game_complex .es_game_complex_header.es_game_complex_grid_live {
        grid-template-columns: 44px minmax(0, 1fr) 80px 244px 50px
    }
    #e-sport-root .es_game_complex .es_game_complex_content {
        grid-template-columns: 44px 60px 24px minmax(0, 1fr) 80px 50px 80px 244px 50px
    }
    #e-sport-root .es_game_complex .es_game_complex_content.es_game_complex_grid_live {
        grid-template-columns: 44px 60px 24px minmax(0, 1fr) 80px 244px 50px
    }
}

@media screen and (max-width:1450px) {
    #e-sport-root .es_game_complex .esp_hide_md {
        display: none
    }
    #e-sport-root .es_game_complex .es_game_complex_header {
        grid-template-columns: 44px minmax(0, 1fr) 80px 50px 80px 50px
    }
    #e-sport-root .es_game_complex .es_game_complex_header.es_game_complex_grid_live {
        grid-template-columns: 44px minmax(0, 1fr) 80px 50px
    }
    #e-sport-root .es_game_complex .es_game_complex_content {
        grid-template-columns: 44px 60px 24px minmax(0, 1fr) 80px 50px 80px 50px
    }
    #e-sport-root .es_game_complex .es_game_complex_content.es_game_complex_grid_live {
        grid-template-columns: 44px 60px 24px minmax(0, 1fr) 80px 50px
    }
}

#e-sport-root .component_history {
    background-color: var(--sport-digi-background--level-5);
    color: var(--sport-digi-foreground--level-20);
    font-size: 14px;
    width: 100%
}

#e-sport-root .component_history .sport_front_icon-edit.sport_front_icon-edit_edited {
    color: var(--sport-digi-accent)
}

#e-sport-root .component_history_header_input_group_label {
    margin-bottom: 8px
}

#e-sport-root .component_history_header_input_group_input {
    background-color: var(--sport-digi-background--level-15);
    color: var(--sport-digi-foreground);
    font-size: 16px;
    max-width: 100%;
    padding: 0 16px;
    width: 100%
}

#e-sport-root .component_history_button,
#e-sport-root .component_history_header_input_group_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: var(--sport-digi-border-radius--static);
    height: 44px;
    outline: 0
}

#e-sport-root .component_history_button {
    background-color: var(--sport-digi-accent) !important;
    box-shadow: 0 1px 4px #0003;
    color: var(--sport-digi-accent-foreground) !important;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    transition: background-color .2s, color .2s
}

#e-sport-root .component_history_button:hover {
    background-color: var(--sport-digi-accent--darken-10) !important;
    color: var(--sport-digi-accent-foreground) !important
}

#e-sport-root .component_history_button.component_history_button_2 {
    background-color: var(--sport-digi-background--level-15) !important;
    color: var(--sport-digi-foreground) !important
}

#e-sport-root .component_history_button.component_history_button_2:hover {
    background-color: var(--sport-digi-background--level-5) !important;
    color: var(--sport-digi-foreground) !important
}

#e-sport-root .component_history_button_cashout {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #197b30;
    border: 0;
    border-radius: var(--sport-digi-border-radius--static);
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-size: 12px;
    height: 25px;
    min-width: 50px;
    outline: 0;
    text-align: center !important;
    text-transform: uppercase;
    transition: background-color .2s, color .2s
}

#e-sport-root .component_history_button_cashout:hover {
    background-color: #209b3c;
    color: #fff
}

@media screen and (max-width:1300px) {
    #e-sport-root .component_history_button_cashout {
        color: #fff !important
    }
}

#e-sport-root .component_history_content_legend {
    align-items: center;
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    height: 32px;
    padding: 0 8px
}

#e-sport-root .component_history_content_legend>i {
    flex: 0 0 24px
}

#e-sport-root .component_history_content_legend>span {
    flex: 1 1;
    font-size: 10px
}

@media screen and (max-width:1300px) {
    #e-sport-root .component_history_content_legend {
        display: none !important
    }
}

#e-sport-root .esp_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .component_history_status {
    font-size: 11px
}

#e-sport-root .component_history_status_win,
#e-sport-root .component_history_status_won {
    color: green !important
}

#e-sport-root .component_history_status_pending {
    color: #ffb700 !important
}

#e-sport-root .component_history_status_lost {
    color: red !important
}

#e-sport-root .component_history_status_cashedOut {
    color: green !important
}

#e-sport-root .component_history_content_item {
    grid-column-gap: 8px;
    align-items: center;
    border-bottom: 2px solid var(--sport-digi-background--level-5);
    display: flex;
    font-size: 12px;
    height: 40px;
    padding: 0 8px;
    transition: background-color .2s, color .2s
}

#e-sport-root .component_history_content_item,
#e-sport-root .component_history_content_item:hover {
    background-color: var(--sport-digi-background--level-10)
}

#e-sport-root .component_history_content_item>i {
    flex: 0 0 24px
}

#e-sport-root .component_history_content_item>div {
    flex: 1 1
}

#e-sport-root .component_history_content_item strong {
    display: none
}

#e-sport-root .component_history_content_item_date_time {
    display: block
}

#e-sport-root .component_history_content_item_id {
    color: var(--sport-digi-accent)
}

#e-sport-root .component_history_content_item_sub_wrapper_header {
    padding: 4px 16px
}

#e-sport-root .component_history_content_item_sub {
    align-items: center;
    background-color: var(--sport-digi-background);
    border-bottom: 1px solid var(--sport-digi-background--level-5);
    display: flex;
    font-size: 12px;
    min-height: 40px;
    padding: 8px
}

#e-sport-root .component_history_content_item_sub a {
    color: var(--sport-digi-foreground);
    display: block
}

#e-sport-root .component_history_content_item_sub strong {
    display: none
}

@media screen and (max-width:1000px) {
    #e-sport-root .component_history_content_legend {
        display: none
    }
}

@media screen and (max-width:1300px) {
    #e-sport-root .component_history_content_item_sub {
        background: var(--sport-digi-background--level-10);
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 8px;
        padding: 16px
    }
    #e-sport-root .component_history_content_item_sub .component_history_content_item_sub_row {
        background: #0000;
        border: none
    }
    #e-sport-root .component_history_content_item_sub .component_history_content_item_sub_row strong {
        display: none !important
    }
    #e-sport-root .component_history_content_item_sub .component_history_content_item_sub_row span {
        text-align: left !important
    }
    #e-sport-root .component_history_content_item_sub>div {
        align-items: center;
        background-color: var(--sport-digi-background);
        border-bottom: 1px solid var(--sport-digi-background--level-5);
        color: var(--sport-digi-foreground--level-20);
        display: flex;
        flex: auto;
        min-height: 30px;
        padding: 8px;
        text-align: unset;
        width: 100%
    }
    #e-sport-root .component_history_content_item_sub>div:empty {
        display: none
    }
    #e-sport-root .component_history_content_item_sub>div>* {
        flex: 1 0 50%
    }
    #e-sport-root .component_history_content_item_sub>div>:last-child {
        color: var(--sport-digi-foreground);
        text-align: right
    }
    #e-sport-root .component_history_content_item_sub strong {
        display: block
    }
}

#e-sport-root .component_history_content_item_arrow {
    cursor: pointer
}

#e-sport-root .component_history_select_wrapper {
    position: relative
}

#e-sport-root .component_history_select_wrapper:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "";
    display: block;
    font-family: esp_icons, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 8px;
    text-align: center;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    top: 9px;
    vertical-align: middle;
    width: 24px
}

#e-sport-root .component_betslip_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-background--level-15);
    border: 0;
    border-radius: var(--sport-digi-border-radius--static);
    font-size: 16px;
    height: 44px;
    max-width: 100%;
    outline: 0;
    padding: 0 16px;
    width: 100%
}

#e-sport-root .component_datepicker {
    background-color: var(--sport-digi-background--level-15);
    color: var(--sport-digi-foreground);
    width: 100%
}

#e-sport-root .component_datepicker input,
#e-sport-root .component_datepicker>div {
    background-color: var(--sport-digi-background--level-15) !important;
    color: var(--sport-digi-foreground) !important;
    cursor: pointer;
    height: 44px !important;
    line-height: 44px !important
}

#e-sport-root .component_datepicker:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    font-family: esp_icons, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 6px;
    text-align: center;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    top: 9px;
    vertical-align: middle;
    width: 24px
}

#e-sport-root .component_datepicker>div {
    background-color: inherit;
    color: inherit;
    height: 44px;
    padding: 0 16px;
    width: 100%
}

#e-sport-root .component_datepicker>div:after,
#e-sport-root .component_datepicker>div:before {
    display: none
}

#e-sport-root .component_datepicker input {
    background-color: var(--sport-digi-background--level-15);
    color: var(--sport-digi-foreground)
}

#e-sport-root .component_history_popup_cashout {
    background-color: var(--sport-digi-background--level-5);
    border-radius: var(--sport-digi-border-radius--static);
    box-shadow: 0 1px 3px #0003;
    color: var(--sport-digi-foreground--level-20);
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px
}

#e-sport-root .component_history_popup_cashout_header {
    align-items: center;
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    height: 36px;
    padding: 0 16px
}

#e-sport-root .component_history_popup_cashout_header span {
    flex-grow: 1;
    min-width: 1px
}

#e-sport-root .component_history_popup_cashout_header i {
    cursor: pointer
}

#e-sport-root .component_history_popup_cashout_content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 16px
}

#e-sport-root .component_history_popup_cashout_content>* {
    margin-bottom: 16px
}

#e-sport-root .component_history_popup_cashout_content_buttons {
    align-items: center;
    display: flex
}

#e-sport-root .component_history_popup_cashout_content_buttons>button {
    margin: 0 4px;
    min-width: 110px
}

#e-sport-root .component_history_popup_cashout_content_heading {
    font-size: 16px;
    margin-bottom: 16px
}

#e-sport-root .component_control {
    grid-column-gap: 8px;
    color: var(--sport-digi-foreground--level-20);
    display: grid;
    grid-template-columns: 24px auto
}

#e-sport-root .component_control>* {
    align-self: center
}

#e-sport-root .component_control input {
    display: none
}

#e-sport-root .component_history_popup_wrapper {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

#e-sport-root .component_history_select_wrapper,
#e-sport-root .component_history_select_wrapper .component_betslip_select {
    color: var(--sport-digi-foreground)
}

#e-sport-root .component_button_block {
    display: block !important;
    width: 100%
}

#e-sport-root .component_button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: var(--sport-digi-border-radius--static);
    box-shadow: 0 1px 4px #0003;
    cursor: pointer;
    font-size: 16px;
    height: 44px;
    outline: 0;
    text-transform: uppercase;
    transition: background-color .2s, color .2s
}

#e-sport-root .component_button,
#e-sport-root .component_button:hover {
    background-color: var(--sport-digi-accent);
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .component_button:disabled {
    opacity: .5;
    pointer-events: none
}

#e-sport-root .component_filter_button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-accent);
    border: 0;
    border-radius: 50%;
    bottom: 24px;
    box-shadow: 0 2px 4px 0 #0000004d;
    color: var(--sport-digi-accent-foreground);
    height: 40px;
    left: 4px;
    outline: 0;
    position: fixed;
    width: 40px;
    z-index: 100
}

#e-sport-root .component_filter_button i {
    display: flex;
    justify-content: center
}

#e-sport-root .sport_front_icon-arrow_down {
    transition: transform .2s
}

#e-sport-root .component_sticky_header {
    box-shadow: 0 1px 3px #0003;
    position: static;
    top: 0;
    z-index: 1
}

#e-sport-root .esp_flex_3 {
    flex: 3 1;
    flex-shrink: 0
}

#e-sport-root .esp_flex_2 {
    flex: 2 1;
    flex-shrink: 0
}

#e-sport-root .esp_flex_1 {
    flex: 1 1;
    flex-shrink: 0
}

#e-sport-root .esp_table_col_date {
    flex: 0 0 80px;
    width: 80px
}

#e-sport-root .esp_table_col_status {
    flex: 0 0 80px;
    text-align: center;
    width: 80px
}

#e-sport-root .esp_table_col_ico {
    flex: 0 0 24px;
    width: 24px
}

#e-sport-root .esp_table_col_subrow {
    flex-basis: calc(33.33333% - 88px);
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0 2px;
    width: calc(33.33333% - 88px)
}

#e-sport-root .esp_green:before {
    color: #36b37e;
    content: "¢"
}

#e-sport-root .esp_green:before,
#e-sport-root .esp_red:before {
    display: block;
    flex-shrink: 0;
    font-family: TotoFont, sans-serif;
    font-size: 18px;
    font-weight: 400 !important;
    height: 16px;
    line-height: 14px;
    text-align: center;
    text-transform: none;
    width: 16px
}

#e-sport-root .esp_red:before {
    color: red;
    content: "£";
    margin-right: 4px
}

#e-sport-root .esp_bh_ico {
    display: block;
    text-align: center;
    width: 20px
}

#e-sport-root .esp_bh_line_trough {
    -webkit-text-decoration-color: red;
    text-decoration-color: red;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

#e-sport-root .digi_icon {
    display: block;
    flex-shrink: 0;
    width: 24px
}

#e-sport-root .component_filter_header {
    align-items: center;
    background-color: var(--sport-digi-background--level-5);
    display: flex;
    padding: 8px 4px
}

@media screen and (max-width:992px) {
    #e-sport-root .component_filter_header {
        flex-direction: column
    }
}

#e-sport-root .component_filter_header.component_filter_header_7 .component_history_header_input_group {
    padding: 0 4px;
    width: 14.285%
}

@media screen and (max-width:992px) {
    #e-sport-root .component_filter_header.component_filter_header_7 .component_history_header_input_group {
        width: 100%
    }
}

#e-sport-root .component_filter_header.component_filter_header_6 .component_history_header_input_group {
    padding: 0 4px;
    width: 16.666%
}

@media screen and (max-width:992px) {
    #e-sport-root .component_filter_header.component_filter_header_6 .component_history_header_input_group {
        width: 100%
    }
}

#e-sport-root .component_filter_header .component_history_header_input_group {
    padding: 0 4px
}

@media screen and (max-width:992px) {
    #e-sport-root .component_filter_header .component_history_header_input_group {
        width: 100%
    }
}

#e-sport-root .component_filter_header .component_select {
    height: 36px
}

@media screen and (max-width:992px) {
    #e-sport-root .component_filter_header .component_select {
        font-size: 16px
    }
}

#e-sport-root .component_filter_header .component_select_imitator span {
    font-size: 12px;
    text-transform: capitalize
}

@media screen and (max-width:992px) {
    #e-sport-root .component_filter_header .component_select_imitator span {
        font-size: 16px
    }
}

#e-sport-root .component_filter_header .component_datepicker,
#e-sport-root .component_filter_header .component_datepicker input,
#e-sport-root .component_filter_header .component_datepicker>div {
    height: 36px !important
}

#e-sport-root .component_filter_header .component_datepicker>div {
    padding-left: 8px;
    padding-right: 24px
}

#e-sport-root .component_filter_header .component_datepicker input {
    color: var(--sport-digi-foreground--level-20) !important;
    font-size: 12px;
    line-height: 36px !important
}

@media screen and (max-width:992px) {
    #e-sport-root .component_filter_header .component_datepicker input {
        font-size: 16px
    }
}

#e-sport-root .component_filter_header .component_datepicker:after {
    right: 3px;
    top: 6px
}

#e-sport-root .component_filter_header .component_input {
    font-size: 14px;
    height: 36px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

@media screen and (max-width:992px) {
    #e-sport-root .component_filter_header .component_input {
        font-size: 16px;
        width: 100%
    }
}

#e-sport-root .component_filter_header .component_input_group_label {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .component_filter_header .component_filter_header_button_wrapper {
    margin-top: auto
}

@media screen and (max-width:992px) {
    #e-sport-root .component_filter_header .component_filter_header_button_wrapper {
        margin-top: 16px
    }
}

#e-sport-root .component_filter_header .component_button {
    font-size: 12px;
    height: 36px;
    width: 100%
}

#e-sport-root .component_grid--history {
    grid-column-gap: 8px;
    display: grid;
    grid-template-columns: 24px repeat(2, 80px) repeat(1, 100px) repeat(6, 1fr) repeat(2, 100px) repeat(2, 24px)
}

#e-sport-root .component_grid--history.component_grid--history--no-tax {
    grid-template-columns: 24px repeat(2, 80px) repeat(1, 100px) repeat(4, 1fr) repeat(2, 100px) repeat(2, 24px)
}

@media screen and (max-width:1500px) {
    #e-sport-root .component_grid--history {
        font-size: 10px;
        grid-template-columns: 24px repeat(2, 60px) repeat(1, 80px) repeat(6, 1fr) repeat(2, 80px) repeat(2, 24px)
    }
}

#e-sport-root .component_grid--history-sub {
    grid-column-gap: 8px;
    display: grid;
    grid-template-columns: 24px 100px repeat(4, 1fr) 100px 24px
}

@media screen and (max-width:1500px) {
    #e-sport-root .component_grid--history-sub {
        font-size: 10px;
        grid-template-columns: 24px 80px repeat(4, 1fr) 80px 24px
    }
}

#e-sport-root .component_grid--history-sub-footer {
    grid-column-gap: 8px;
    background: var(--sport-digi-background);
    display: grid;
    grid-template-columns: 24px repeat(5, auto);
    padding: 8px
}

@media screen and (max-width:1500px) {
    #e-sport-root .component_grid--history-sub-footer {
        font-size: 10px
    }
    #e-sport-root .component_table_row {
        grid-column-gap: 4px !important;
        padding-left: 4px !important;
        padding-right: 4px !important
    }
}

#e-sport-root .component_table_row>* {
    overflow: hidden
}

@media screen and (max-width:1300px) {
    #e-sport-root .component_table_row {
        grid-template-columns: 100% !important;
        height: auto !important
    }
    #e-sport-root .component_table_row strong {
        display: block
    }
    #e-sport-root .component_table_row>div {
        align-items: center;
        background-color: var(--sport-digi-background);
        border-bottom: 1px solid var(--sport-digi-background--level-5);
        display: flex;
        flex: auto;
        font-size: 14px;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        min-height: 30px;
        padding: 4px 8px;
        width: 100%
    }
    #e-sport-root .component_table_row>div>* {
        flex: 1 1;
        text-align: left
    }
    #e-sport-root .component_table_row>div>:last-child {
        color: var(--sport-digi-foreground);
        text-align: right
    }
    #e-sport-root .component_table_row .component_history_content_item_arrow {
        grid-row-start: 100
    }
    #e-sport-root .component_table_row .component_history_content_item_arrow:before {
        margin: 0 auto
    }
}

#e-sport-root .component_tax_info_container {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

#e-sport-root .component_tax_info_container .component_tax_info_box {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .361);
    color: var(--sport-digi-background-foreground);
    display: none;
    font-style: normal;
    left: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 400px;
    z-index: 1
}

#e-sport-root .component_tax_info_container .component_tax_info_box .component_tax_info_row {
    background-color: var(--sport-digi-background--level-5);
    border-top: 1px solid var(--sport-digi-background);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 16px
}

#e-sport-root .component_tax_info_container .component_tax_info_box .component_tax_info_row:first-child {
    border-top: none;
    padding-top: 16px
}

#e-sport-root .component_tax_info_container .component_tax_info_box .component_tax_info_row.component_tax_info_row-accent {
    background-color: var(--sport-digi-background--level-15);
    font-weight: 550
}

#e-sport-root .component_tax_info_container .component_tax_info_box .component_tax_info_row .component_tax_info_name {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap
}

#e-sport-root .component_tax_info_container:hover .component_tax_info_box {
    display: block
}

@media screen and (max-width:1300px) {
    #e-sport-root .digi_table_row .component_tax_icon_container:last-child {
        display: none
    }
}

#e-sport-root .digi_table_row .dg_offers_content {
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

#e-sport-root .digi_table_row .dg_offers_content .tg_sport_icons_tinyest i {
    align-items: center;
    display: flex;
    height: 24px;
    width: 16px
}

#e-sport-root .digi_table_row .dg_offers_content .dg_offers_text_content {
    align-items: center;
    background: var(--modalBg);
    border: 1px solid var(--modalTxt);
    border-radius: 2px;
    color: var(--modalTxt);
    display: inline-flex;
    height: 22px;
    justify-content: flex-end;
    min-width: 72px;
    padding: 3px 6px
}

#e-sport-root .digi_table_row .dg_offers_content .dg_offers_text_content .dg_offer_icon {
    color: currentColor !important
}

#e-sport-root .digi_table_row .dg_offers_content .dg_offers_text_content .dg_offers_text {
    -webkit-margin-start: 4px;
    font-size: 11px;
    margin-inline-start: 4px
}

#e-sport-root .digi_table_row .dg_offers_content:hover .dg_offers_hovered_content {
    align-items: center;
    background: var(--tooltipBg);
    border-radius: 6px;
    color: var(--tooltipTxt);
    display: flex;
    height: 36px;
    justify-content: flex-start;
    min-width: 280px;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 3
}

#e-sport-root .digi_table_row .dg_offers_content:hover .dg_offers_hovered_content .dg_offer_icon {
    color: currentColor !important
}

#e-sport-root .digi_table_row .dg_offers_content:hover .dg_offers_hovered_content .dg_offers_item {
    -webkit-margin-end: 16px;
    align-items: center;
    display: flex;
    margin-inline-end: 16px
}

#e-sport-root .digi_table_row .dg_offers_content:hover .dg_offers_hovered_content .dg_offers_item .dg_offers_item_text {
    -webkit-margin-start: 4px;
    font-size: 13px;
    line-height: 16px;
    margin-inline-start: 4px
}

#e-sport-root .digi_table_row .dg_offers_content:hover .dg_offers_hovered_content:before {
    background: var(--tooltipBg);
    border-radius: 2px;
    content: "";
    height: 10px;
    position: absolute;
    right: 20px;
    top: -4px;
    transform: rotate(45deg);
    transform-origin: center;
    width: 10px
}

#e-sport-root .digi_table_row .dg_offers_content .dg_offers_hovered_content {
    display: none
}

#e-sport-root .tg_tooltip_info {
    align-items: center;
    display: flex
}

#e-sport-root .tg_tooltip_info .dm__bet_history_order_row {
    flex-grow: unset;
    padding-right: 0 !important;
    width: auto
}

#e-sport-root .tg_tooltip_info .tg_tooltip_content_hovered {
    display: none
}

#e-sport-root .tg_tooltip_info .tg_tooltip_content {
    flex-grow: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    min-width: 1px;
    position: relative
}

#e-sport-root .tg_tooltip_info .tg_tooltip_content .tg_tooltip_icon {
    border-radius: 4px;
    color: #5aae73 !important;
    font-size: 20px;
    height: 12px;
    line-height: 18px;
    margin: 0 8px;
    padding: 9px;
    width: 12px
}

#e-sport-root .tg_tooltip_info .tg_tooltip_content:hover .tg_tooltip_content_hovered {
    align-items: center;
    background: var(--tooltipBg);
    border-radius: 6px;
    color: var(--tooltipTxt);
    display: flex;
    height: 36px;
    justify-content: flex-start;
    left: 0;
    padding: 8px 16px;
    position: absolute;
    top: 28px;
    white-space: nowrap;
    z-index: 3
}

#e-sport-root .tg_tooltip_info .tg_tooltip_content:hover .tg_tooltip_content_hovered:before {
    background: var(--tooltipBg);
    border-radius: 2px;
    content: "";
    height: 10px;
    left: 13px;
    position: absolute;
    top: -4px;
    transform: rotate(45deg);
    transform-origin: center;
    width: 10px
}

@media only screen and (max-width:768px) {
    #e-sport-root .tg_tooltip_info {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }
    #e-sport-root .tg_tooltip_info .tg_tooltip_mobile_order {
        order: -1
    }
    #e-sport-root .tg_tooltip_info .tg_tooltip_content .tg_tooltip_content_hovered {
        left: auto !important;
        right: 0
    }
    #e-sport-root .tg_tooltip_info .tg_tooltip_content .tg_tooltip_content_hovered:before {
        left: auto !important;
        right: 13px
    }
    #e-sport-root .tg_tooltip_info .tg_tooltip_content .tg_tooltip_icon {
        border: 1px solid #5aae73;
        border-radius: 4px;
        padding: 9px
    }
}

#e-sport-root .esp_odd {
    background-color: var(--sport-digi-background);
    border-radius: var(--sport-digi-border-radius--static);
    color: var(--sport-digi-accent);
    cursor: pointer;
    flex-shrink: 0;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    text-align: center;
    transition: background-color .2s, color .2s;
    width: 70px
}

#e-sport-root .esp_odd:hover {
    background-color: var(--sport-digi-accent--darken-10)
}

#e-sport-root .esp_odd.esp_odd_active,
#e-sport-root .esp_odd:hover,
#e-sport-root .esp_odd:hover .esp_odd_factor {
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_odd.esp_odd_active {
    background-color: var(--sport-digi-accent)
}

#e-sport-root .esp_odd.esp_odd_active .esp_odd_factor {
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_odd.disabled:hover {
    background-color: var(--sport-digi-background);
    cursor: default
}

#e-sport-root .esp_odd:last-child {
    margin-right: 0
}

#e-sport-root .esp_odd.esp_odd_vs {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20);
    font-size: 16px;
    font-weight: 500;
    pointer-events: none;
    text-align: center;
    text-transform: uppercase;
    width: 56px
}

#e-sport-root .esp_odd,
#e-sport-root .esp_video_stake_stake {
    align-items: center;
    display: flex;
    justify-content: center
}

#e-sport-root .esp_odd_factor {
    background-color: #0000;
    border-radius: 2px;
    color: var(--sport-digi-accent);
    display: block;
    font-size: var(--sport-digi-font-size);
    height: 22px;
    line-height: 22px;
    text-align: center;
    transition: background-color .2s, color .2s;
    width: 45px
}

#e-sport-root .esp_odd_factor.factor_up {
    background-color: var(--sport-digi-green) !important;
    color: var(--sport-digi-white) !important
}

#e-sport-root .esp_odd_factor.factor_down {
    background-color: var(--sport-digi-red) !important;
    color: var(--sport-digi-white) !important
}

#e-sport-root .esp_odd_factor.factor_icon:before {
    content: "";
    font-family: esp_icons, sans-serif;
    font-size: 22px
}

#e-sport-root .esp_game_details_odd {
    align-items: center;
    background-color: var(--sport-digi-background);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 32px;
    margin-bottom: 4px;
    padding-left: 16px;
    padding-right: 4px;
    transition: background-color .2s, color .2s
}

@media(hover:hover) {
    #e-sport-root .esp_game_details_odd:hover {
        background-color: var(--sport-digi-accent--darken-10)
    }
    #e-sport-root .esp_game_details_odd:hover span {
        color: var(--sport-digi-accent-foreground)
    }
}

#e-sport-root .esp_game_details_odd.esp_game_details_odd_active {
    background-color: var(--sport-digi-accent)
}

#e-sport-root .esp_game_details_odd.esp_game_details_odd_active span {
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_game_details_odd .esp_game_details_odd_name {
    color: var(--sport-digi-foreground--level-20);
    flex-grow: 1;
    min-width: 1px;
    transition: color .2s
}

#e-sport-root .esp_game_details_odd .esp_odd_factor {
    color: var(--sport-digi-accent);
    font-weight: 500;
    transition: color .2s
}

#e-sport-root .esp_mob_wrapper .esp_game_details_odd {
    padding: 0 16px
}

#e-sport-root .banner-containers-wrapper .OddContainer {
    align-items: center;
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .916) 48%, rgba(0, 0, 0, .835) 63%, rgba(0, 0, 0, .754) 74%, rgba(0, 0, 0, .544) 85%, rgba(0, 0, 0, .339) 91%, #0000);
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 25px 20px;
    position: absolute;
    transform: none;
    width: 100%
}

#e-sport-root .banner-containers-wrapper .OddContainer:empty {
    display: none
}

#e-sport-root .banner-containers-wrapper .OddContainer .esp_odd {
    border: none;
    border-radius: 6px;
    color: var(--sport-digi-accent);
    cursor: pointer;
    font-family: Roboto, sans-serif;
    height: 30px !important;
    line-height: normal;
    padding-top: 8px;
    position: relative;
    text-align: center;
    transition: all .12s ease-in-out;
    width: 74px !important
}

#e-sport-root .banner-containers-wrapper .OddContainer .esp_odd:before {
    background-image: linear-gradient(0deg, #ffb700, #d99c00ed 37%, rgba(186, 134, 0, .746) 59%, #0000);
    border-radius: var(--sport-digi-radius--lg);
    bottom: -2px;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: all .12s ease-in-out;
    width: 78px;
    z-index: 0
}

#e-sport-root .banner-containers-wrapper .OddContainer .esp_odd:after {
    background-color: #10151e;
    border-radius: 6px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

#e-sport-root .banner-containers-wrapper .OddContainer .esp_odd .odd-name {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px !important;
    font-weight: 400;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 1
}

#e-sport-root .banner-containers-wrapper .OddContainer .esp_odd .odd-factor {
    font-weight: 700;
    position: relative;
    z-index: 1
}

#e-sport-root .banner-containers-wrapper .OddContainer .esp_odd.esp_odd_active,
#e-sport-root .banner-containers-wrapper .OddContainer .esp_odd:hover {
    background-color: #0000;
    transform: translateY(-3px)
}

#e-sport-root .banner-containers-wrapper .OddContainer .esp_odd.esp_odd_active:before,
#e-sport-root .banner-containers-wrapper .OddContainer .esp_odd:hover:before {
    transform: translate(-50%, 3px)
}

#e-sport-root [class*=esp_live_badge_wrapper] {
    align-items: center;
    display: flex
}

#e-sport-root [class*=esp_live_badge_wrapper].esp_live_badge_wrapper-col {
    flex-direction: column;
    flex-grow: 0
}

#e-sport-root [class*=esp_live_badge_wrapper].esp_live_badge_wrapper-col .live_center>i {
    display: none
}

#e-sport-root [class*=esp_live_badge_wrapper].esp_live_badge_wrapper-rev {
    flex-direction: row-reverse
}

@media screen and (max-width:992px) {
    #e-sport-root [class*=esp_live_badge_wrapper].esp_live_badge_wrapper-rev {
        flex-direction: column
    }
}

#e-sport-root [class*=esp_live_badge_wrapper] .esp_badge_live {
    background-color: var(--sport-digi-red);
    border-radius: var(--sport-digi-radius--sm);
    color: var(--sport-digi-white);
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin: 0 8px;
    max-width: 100%;
    text-align: center;
    width: 40px
}

#e-sport-root [class*=esp_live_badge_wrapper] .esp_game_time-set {
    color: #999;
    font-size: 10px;
    padding: 0 2px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

#e-sport-root .esp_games_wrapper .esp_game_time-set {
    margin-top: 1px
}

#e-sport-root .esp_live_badge_mob {
    background-color: var(--sport-digi-red);
    color: var(--sport-digi-white);
    flex-shrink: 0;
    font-size: 8px;
    height: 11px;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
    width: 30px
}

.esp_market_search_wrapper {
    align-items: center;
    background: var(--inputG, #404040);
    color: var(--inputTxt2, #979797);
    display: flex;
    flex-shrink: 0;
    height: 36px;
    margin: 0 8px;
    padding: 0 10px;
    width: 190px
}

.esp_market_search_wrapper .esp_delete:before {
    display: flex;
    font-size: 24px
}

.esp_market_search_wrapper .esp_market_search_icon:before {
    color: var(--inputTxt)
}

.esp_market_search_wrapper .esp_market_search_input {
    background: inherit;
    border: 0;
    color: inherit;
    flex-grow: 1;
    font-size: 13.333px;
    min-width: 0;
    outline: 0;
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    transition: opacity .28s ease-out;
    white-space: nowrap
}

.esp_market_search_wrapper .esp_market_search_remove_icon:before {
    background-color: #0000;
    color: var(--inputTxt);
    display: block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    width: 16px
}

.esp_market_search_wrapper .esp_market_search_collapse_icon {
    display: none
}

.esp_market_search_highlight {
    background: var(--eventBg2, #4d4d4d);
    color: var(--eventTxt)
}

#e-sport-root .esp_market_header .esp_market_header_content {
    position: relative
}

#e-sport-root .esp_market_header .esp_market_header_content:after,
#e-sport-root .esp_market_header .esp_market_header_content:before {
    content: "";
    height: 40px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .18s ease-out;
    width: 40px
}

#e-sport-root .esp_market_header .esp_market_header_content:before {
    background-image: linear-gradient(90deg, #000000b3 0, #0000);
    left: 0
}

#e-sport-root .esp_market_header .esp_market_header_content:after {
    background-image: linear-gradient(270deg, #000000b3 0, #0000);
    right: 0
}

#e-sport-root .esp_market_header .esp_market_header_content.esp_shadow-left:before,
#e-sport-root .esp_market_header .esp_market_header_content.esp_shadow-right:after {
    opacity: 1
}

#e-sport-root .esp_market_header .esp_tabs_wrapper {
    width: auto
}

.esp_badge_cashout {
    align-items: center;
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    font-size: 12px;
    justify-content: center;
    text-align: center
}

:root {
    --filterBg: var(--sport-digi-background--level-15);
    --filterTxt: var(--sport-digi-foreground);
    --menu_1BgHover: var(--sport-digi-background--level-10);
    --menu_1Txt: var(--sport-digi-foreground--level-20);
    --menu_1Txt2: var(--sport-digi-foreground--level-40);
    --bodyBg2: var(--sport-digi-background--level-20);
    --accentBg: var(--sport-digi-accent);
    --accentTxt: var(--sport-digi-accent-foreground);
    --datePickerBg: var(--menu_1BgHover);
    --datePickerDayColor: var(--menu_1Txt);
    --datePickerDayColorSecondary: var(--menu_1Txt2);
    --headerDateColor: var(--menu_1Txt2);
    --headerDayColor: var(--menu_1Txt2);
    --headerBorderColor: var(--bodyBg2)
}

.react-datepicker-wrapper .react-datepicker__input-container {
    background-color: var(--filterBg);
    border-radius: var(--border-radius-2);
    color: var(--filterTxt);
    position: relative
}

.react-datepicker-wrapper .react-datepicker__input-container:after {
    speak: never;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    content: "";
    cursor: pointer;
    font-family: esp_icons, sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: 16px;
    text-align: center;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%);
    width: 12px
}

.react-datepicker-wrapper .react-datepicker__input-container input {
    background-color: inherit;
    border: none;
    border-radius: var(--border-radius-2);
    color: inherit;
    cursor: pointer;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    outline: none;
    padding: 0 44px 0 12px;
    width: 100%
}

@media screen and (max-width:992px) {
    .react-datepicker-wrapper .react-datepicker__input-container input {
        font-size: 16px
    }
}

.react-datepicker__header {
    background-color: #0000;
    border-bottom-color: var(--bodyBg2)
}

.react-datepicker__tab-loop .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker__tab-loop .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: var(--datePickerBg)
}

.react-datepicker__tab-loop .react-datepicker {
    background-color: var(--datePickerBg);
    border: none;
    box-shadow: 0 0 3px -1px #0003;
    color: var(--menu_1Txt);
    font-family: Brutal Type, sans-serif
}

.react-datepicker__current-month {
    color: var(--headerDateColor)
}

.react-datepicker__navigation-icon:before {
    border-color: var(--headerDateColor)
}

.react-datepicker__navigation-icon:hover:before {
    border-color: var(--datePickerDayColor)
}

.react-datepicker__day-name {
    color: var(--headerDayColor)
}

.react-datepicker__day {
    color: var(--datePickerDayColor)
}

.react-datepicker__day--disabled,
.react-datepicker__day.react-datepicker__day--outside-month {
    color: var(--datePickerDayColorSecondary)
}

.react-datepicker__day--disabled {
    cursor: not-allowed;
    opacity: .5
}

.react-datepicker__day:not(.react-datepicker__day--disabled):hover {
    background-color: var(--accentBg);
    color: var(--accentTxt);
    opacity: .5
}

.react-datepicker__day--in-range,
.react-datepicker__day--keyboard-selected {
    background-color: var(--accentBg);
    color: var(--accentTxt)
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: var(--accentBg);
    color: var(--accentTxt);
    opacity: .5
}

#e-sport-root .esp_component_message_padded_wrapper {
    padding: 16px
}

#e-sport-root .esp_component_message {
    grid-column-gap: 8px;
    background-color: var(--sport-digi-background--level-15);
    border-radius: var(--sport-digi-radius--md);
    color: var(--sport-digi-foreground--level-20);
    display: grid;
    font-size: var(--sport-digi-font-size);
    grid-template-columns: 24px auto;
    padding: 8px
}

#e-sport-root .esp_component_message>* {
    align-self: center
}

#e-sport-root .esp_component_message.esp_component_message_issue {
    background-color: var(--sport-digi-white);
    color: var(--sport-digi-red)
}

#e-sport-root .esp_component_message i,
#e-sport-root .esp_component_message span {
    background-color: #0000;
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_component_message span {
    font-size: var(--sport-digi-font-size)
}

#e-sport-root .component_notification_wrapper {
    bottom: 0;
    padding: 5px 10px;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 70
}

#e-sport-root .component_notification {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #64646480;
    border-radius: var(--sport-digi-radius--md);
    box-shadow: 0 1px 3px #0003;
    color: var(--sport-digi-foreground);
    display: flex;
    padding: 16px;
    position: relative
}

#e-sport-root .component_notification.component_notification_local {
    width: 100%
}

#e-sport-root .component_notification>span {
    padding: 0 8px
}

#e-sport-root .component_notification .sport_front_icon-issue {
    color: #00609e
}

#e-sport-root .component_notification .sport_front_icon-success {
    color: #2c9800
}

#e-sport-root .component_notification.da-notification-transition-enter {
    max-height: 0;
    opacity: 0;
    transform: translateY(120%);
    transition: .5s
}

#e-sport-root .component_notification.da-notification-transition-enter-active {
    max-height: 200px;
    opacity: 1;
    transform: translateY(0)
}

#e-sport-root .component_notification.da-notification-transition-exit {
    max-height: 200px;
    opacity: .5;
    transform: translateY(0);
    transition: .5s
}

#e-sport-root .component_notification.da-notification-transition-exit-active {
    max-height: 0;
    opacity: 0;
    padding: 0;
    transform: translateY(120%)
}

#e-sport-root .esp_toast_message_wrapper {
    left: 16px !important
}

#e-sport-root .digi_x_scroll {
    position: relative
}

#e-sport-root .digi_x_scroll::-webkit-scrollbar {
    height: 3px;
    width: 5px
}

@media screen and (max-width:600px) {
    #e-sport-root .digi_x_scroll::-webkit-scrollbar {
        all: unset;
        width: auto
    }
}

#e-sport-root .digi_table {
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    width: 100%
}

#e-sport-root .digi_table a {
    color: var(--sport-digi-foreground)
}

#e-sport-root .digi_table_icon {
    width: 24px
}

#e-sport-root .digi_table_body,
#e-sport-root .digi_table_header {
    background-color: var(--sport-digi-background)
}

#e-sport-root .digi_table_row {
    background-color: var(--sport-digi-background--level-10)
}

#e-sport-root .digi_table_row.digi_table_row-sub {
    background-color: var(--sport-digi-background--level-5)
}

#e-sport-root .dg_esport_partial_cashout {
    background-color: #eac7c733
}

#e-sport-root .dg_esport_partial_cashout>td {
    border-bottom: 1px solid var(--sport-digi-background);
    border-top: 1px solid var(--sport-digi-background);
    padding: 0
}

#e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table {
    height: 46px;
    width: 100%
}

#e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .digi_table_arrow {
    padding-left: 30px;
    text-align: center
}

#e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .dg_esport_partial_cashout_info {
    display: flex;
    flex-direction: column;
    line-height: 16px
}

#e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .digi_table_row-start {
    background-color: var(--sport-digi-background--level-15)
}

#e-sport-root .digi_table_row+.digi_table_row {
    border-top: 1px solid var(--sport-digi-background)
}

#e-sport-root .digi_table_header th,
#e-sport-root .digi_table_row td {
    padding: 6px 4px
}

#e-sport-root .digi_table .digi_table_left {
    text-align: left !important
}

#e-sport-root .digi_table .digi_table_right {
    text-align: right !important
}

#e-sport-root .digi_table .digi_table_center {
    text-align: center !important
}

#e-sport-root .digi_table_tooltip {
    display: none
}

#e-sport-root .component_table_text {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px
}

#e-sport-root .component_table_text.component_table_text-accent {
    color: var(--sport-digi-foreground)
}

#e-sport-root .ml-1 {
    margin-left: 4px
}

#e-sport-root .digi_table_arrow>i {
    display: block
}

@media screen and (max-width:1300px) {
    #e-sport-root .esp_bh_line_trough:after {
        display: none
    }
    #e-sport-root table {
        display: block
    }
    #e-sport-root tbody {
        display: block;
        padding: 8px
    }
    #e-sport-root .digi_table_row-start {
        border-top: 3px solid var(--sport-digi-accent) !important
    }
    #e-sport-root .digi_table_header,
    #e-sport-root .digi_table_row-web {
        display: none !important
    }
    #e-sport-root .digi_table_row {
        background-color: var(--sport-digi-background--level-15);
        display: flex;
        flex-direction: column;
        margin-bottom: 8px
    }
    #e-sport-root .digi_table_row td:empty {
        display: none !important
    }
    #e-sport-root .digi_table_tooltip {
        display: block;
        flex-grow: 1
    }
    #e-sport-root .digi_table_row td {
        align-items: center;
        display: flex;
        height: 35px;
        padding: 0 16px
    }
    #e-sport-root .digi_table_row td.esp_ph_2 {
        padding-left: 8px;
        padding-right: 8px
    }
    #e-sport-root .digi_table_row td.esp_pv_2 {
        padding-bottom: 8px;
        padding-top: 8px
    }
    #e-sport-root .digi_table_arrow {
        background-color: var(--sport-digi-background);
        order: 10
    }
    #e-sport-root .digi_table_icon {
        justify-content: center;
        width: 100%
    }
    #e-sport-root .digi_table_row td+td {
        border-top: 1px solid var(--sport-digi-background)
    }
    #e-sport-root .digi_table_row td>span:first-child {
        text-align: left;
        width: 50%
    }
    #e-sport-root .digi_table_row td>span:last-child {
        text-align: right;
        width: 50%
    }
    #e-sport-root .esp_rtl .digi_table_row td>span:first-child {
        text-align: right
    }
    #e-sport-root .esp_rtl .digi_table_row td>span:last-child {
        text-align: left
    }
    #e-sport-root .digi_table_row td .dg_flex_grow {
        flex-grow: 1;
        min-width: 1px
    }
    #e-sport-root .digi_table_row td>.digi_table_item-wide {
        width: 100%
    }
    #e-sport-root .dg_esport_partial_cashout {
        display: table;
        width: 100%
    }
    #e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table {
        height: auto
    }
    #e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table>tbody {
        padding: 0
    }
    #e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .digi_table_row-sub {
        background-color: var(--sport-digi-background);
        color: var(--sport-digi-foreground--level-20);
        margin-bottom: 0;
        padding-bottom: 8px
    }
    #e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .dg_esport_partial_cashout_data {
        border-top: unset;
        height: 25px
    }
    #e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .dg_esport_partial_cashout_info {
        flex-direction: row;
        justify-content: space-between;
        width: 100%
    }
    #e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .dg_esport_partial_cashout_info span:last-child {
        color: var(--sport-digi-foreground)
    }
    #e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .dg_esport_partial_cashout_title {
        background-color: var(--sport-digi-background--level-5);
        color: var(--sport-digi-accent);
        font-size: 13px;
        height: 28px;
        line-height: 16px;
        margin-bottom: 5px
    }
    #e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .dg_esport_partial_cashout_btn_wrapper {
        background-color: var(--sport-digi-background--level-5);
        height: 76px;
        margin-top: 5px;
        padding: 0
    }
    #e-sport-root .dg_esport_partial_cashout .dg_esport_partial_cashout_table .dg_esport_partial_cashout_btn_wrapper .dg_esport_partial_cashout_btn {
        border: 1px solid var(--sport-digi-accent);
        border-radius: 4px;
        color: var(--sport-digi-accent);
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        margin: 0 16px;
        padding: 13px;
        width: 100%
    }
    #e-sport-root .dg_esport_partial_cashout_popup .esp_game_filter_no_header {
        background-color: var(--sport-digi-background--level-15);
        color: var(--sport-digi-foreground--level-20);
        font-size: 14px;
        font-weight: 500;
        line-height: 18px
    }
    #e-sport-root .dg_esport_partial_cashout_popup .dg_esport_partial_cashout_popup_titles {
        align-items: center;
        background-color: var(--sport-digi-background--level-10);
        color: var(--sport-digi-foreground--level-20);
        display: flex;
        font-size: 12px;
        height: 24px;
        line-height: 16px;
        padding: 0 16px
    }
    #e-sport-root .dg_esport_partial_cashout_popup .esp_game_filter_back_wrapper>i {
        background-color: var(--sport-digi-background--level-15);
        color: var(--sport-digi-foreground)
    }
    #e-sport-root .dg_esport_partial_cashout_popup .dg_esport_partial_cashout_info_wrapper {
        background-color: var(--sport-digi-background);
        color: var(--sport-digi-foreground--level-20);
        padding: 9px 16px
    }
    #e-sport-root .dg_esport_partial_cashout_popup .dg_esport_partial_cashout_info_wrapper .dg_esport_partial_cashout_info {
        display: flex;
        flex-direction: row;
        font-size: 12px;
        height: 20px;
        justify-content: space-between;
        line-height: 16px;
        width: 100%
    }
    #e-sport-root .dg_esport_partial_cashout_popup .dg_esport_partial_cashout_info_wrapper .dg_esport_partial_cashout_info span:last-child {
        color: var(--sport-digi-foreground)
    }
    #e-sport-root .digi_table_row .dm__bonus_item_info_wrapper .tg_tooltip_content.clicked .tg_tooltip_content_hovered {
        left: unset;
        right: 0
    }
    #e-sport-root .esp_mob_wrapper .dm__bonus_item_info_wrapper_mobile .dm__bonus_info_row_text {
        display: flex
    }
    #e-sport-root .dm__bonus_item_info_wrapper_mobile {
        display: flex;
        justify-content: space-between;
        width: 100%
    }
    #e-sport-root .digi_table_row .dm__bonus_info_row_text {
        display: initial
    }
}

#e-sport-root .component_popup_wrapper:empty {
    display: none;
    pointer-events: none
}

#e-sport-root.out_of_iframe .component_popup_wrapper {
    bottom: auto;
    height: 100%;
    left: 0;
    position: fixed;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 15
}

#e-sport-root.out_of_iframe .component_popup_wrapper>div {
    height: 100%;
    position: absolute !important;
    width: 100%
}

#e-sport-root .component_popup_wrapper {
    bottom: auto;
    height: 100vh;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%
}

#e-sport-root .component_popup_wrapper>div {
    bottom: auto;
    display: block;
    height: 100%;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    width: 100%
}

#e-sport-root .component_popup_wrapper>div>div {
    left: 50%;
    position: absolute;
    top: 100px;
    transform: translateX(-50%)
}

.dg_mobile {
    display: none !important
}

@media screen and (max-width:1200px) {
    .dg_web {
        display: none !important
    }
    .dg_mobile {
        display: flex !important
    }
}

.dg_table_flex {
    align-items: center;
    display: flex
}

#e-sport-root * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#e-sport-root .esp_mob_wrapper {
    background-color: var(--sport-digi-background);
    font-family: Roboto, sans-serif;
    height: 100%;
    margin: 0 auto;
    min-height: 400px;
    position: relative
}

#e-sport-root .esp_mob_wrapper .esp_mob_header_main .component_select_imitator span {
    font-size: 12px
}

#e-sport-root .esp_mob_wrapper .esp_betslip_stake_scroller {
    height: auto;
    max-height: none;
    overflow-y: initial
}

#e-sport-root .esp_mob_wrapper .component_betslip_header .sport_front_icon-move {
    display: none
}

#e-sport-root .esp_mob_wrapper .esp_game_banner_content {
    padding-top: 45px
}

#e-sport-root .esp_mob_wrapper .esp_game_banner {
    position: relative
}

#e-sport-root .esp_mob_wrapper .esp_game_banner:before {
    background: #00000080;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

#e-sport-root .esp_mob_wrapper .esp_game_banner .esp_game_banner_content,
#e-sport-root .esp_mob_wrapper .esp_game_banner .esp_game_banner_odds_desktop,
#e-sport-root .esp_mob_wrapper .esp_game_banner .esp_game_banner_total_score_wrapper {
    position: relative
}

#e-sport-root .esp_mob_wrapper .esp_game_banner>* {
    z-index: 5
}

#e-sport-root .esp_mob_wrapper .esp_game_banner .esp_game_banner_fav_cont {
    z-index: 10
}

#e-sport-root .esp_mob_wrapper .dm__bonus_item_info_wrapper_mobile {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

#e-sport-root .esp_mob_wrapper .dm__bonus_item_info_wrapper_mobile .tg_tooltip_content {
    display: flex
}

#e-sport-root .esp_mob_wrapper .dm__bonus_item_info_wrapper_mobile .tg_tooltip_content_hovered {
    left: unset !important;
    min-width: auto;
    right: 0 !important;
    width: 88vw
}

#e-sport-root .esp_mob_wrapper .dm__bonus_item_info_wrapper_mobile .dm__bonus_info_row_text {
    display: initial
}

#e-sport-root .esp_mob_wrapper .bh_wrapper_mobile .bh_aside_end {
    top: auto
}

#e-sport-root .esp_mob_wrapper .bh_wrapper_mobile .bh_aside_end .bh_aside_content {
    height: calc(100% - var(--tabHeight) - var(--tabPaddingY) - var(--tabPaddingY) - 108px)
}

#e-sport-root .esp_mob_wrapper .bh_wrapper_mobile .bh_aside_end .bh_aside_content::-webkit-scrollbar {
    display: none
}

#e-sport-root .esp_mob_game_filter {
    align-items: center;
    background-color: var(--sport-digi-background);
    border-bottom: 2px solid var(--sport-digi-background--level-5);
    box-shadow: 0 2px 4px 0 #0f000f4d;
    display: flex;
    height: 62px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

#e-sport-root .esp_mob_game_filter.esp_mob_game_filter_scroll {
    padding-bottom: 5px
}

#e-sport-root .esp_mob_game_filter_item {
    align-items: center;
    display: flex;
    flex: 0 0 96px;
    flex-direction: column;
    font-size: 8px;
    height: 62px;
    padding-top: 10px;
    position: relative
}

#e-sport-root .esp_mob_game_filter_item .esp_mob_game_filter_item__name {
    color: var(--sport-digi-foreground--level-20);
    font-size: 10px;
    margin-top: 3px;
    text-align: center;
    text-transform: capitalize;
    transition: background-color .2s, color .2s
}

#e-sport-root .esp_mob_game_filter_item .esp_mob_game_filter_item__more {
    color: var(--sport-digi-foreground--level-20);
    position: absolute;
    right: 19px;
    top: 0;
    transform: translate(4px, 8px)
}

#e-sport-root .esp_mob_game_filter_item.esp_mob_game_filter_item_active .esp_mob_game_filter_item__name {
    color: var(--sport-digi-accent)
}

@media(hover:hover) {
    #e-sport-root .esp_mob_game_filter_item:hover .esp_mob_game_filter_item__name {
        color: var(--sport-digi-accent)
    }
}

#e-sport-root .esp_mob_legend {
    align-items: center;
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    font-size: 12px;
    height: 28px;
    padding-left: 16px;
    text-transform: capitalize
}

#e-sport-root .esp_mob_oddsx1 {
    flex-shrink: 0;
    width: 56px
}

#e-sport-root .esp_mob_oddsx3 {
    flex-shrink: 0;
    width: 170px
}

#e-sport-root .esp_mob_oddsx3_opposite {
    width: calc(100% - 170px)
}

#e-sport-root .esp_mob_odd {
    align-items: center;
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-accent);
    display: flex;
    flex-shrink: 0;
    font-size: 16px;
    height: 56px;
    justify-content: center;
    line-height: 56px;
    margin-right: 1px;
    text-align: center;
    transition: background-color .2s, color .2s;
    width: 56px
}

#e-sport-root .esp_mob_odd.esp_mob_odd_active {
    background-color: var(--sport-digi-accent);
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_mob_odd.esp_mob_odd_active .esp_odd_factor {
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .esp_results_mob .esp_mob_odd {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_results_mob .esp_mob_odd.esp_mob_odd_active {
    background-color: var(--sport-digi-green);
    color: var(--sport-digi-white)
}

#e-sport-root .esp_mob_header_mini {
    align-items: center;
    background-color: var(--sport-digi-background--level-10);
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    font-size: 12px;
    height: 28px;
    padding: 0 6px;
    text-transform: capitalize
}

#e-sport-root .esp_mob_header_mini .esp_mob_header_mini_icon {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 33px
}

#e-sport-root .esp_mob_header_mini span {
    flex-grow: 1;
    min-width: 1px;
    padding: 0 6px
}

#e-sport-root .esp_game_mob_wrapper {
    align-items: center;
    border-bottom: 1px solid var(--sport-digi-background);
    display: flex;
    position: relative
}

#e-sport-root .esp_game_mob_wrapper .digi_fav,
#e-sport-root .esp_game_mob_wrapper .sport_front_icon-stat {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

#e-sport-root .esp_game_mob_wrapper .digi_fav:before,
#e-sport-root .esp_game_mob_wrapper .sport_front_icon-stat:before {
    height: 56px;
    line-height: 56px;
    width: 56px
}

#e-sport-root .esp_game_mob_wrapper .digi_fav {
    left: 0
}

#e-sport-root .esp_game_mob_wrapper .digi_fav.sport_front_icon-star-empty {
    height: 56px;
    width: 56px
}

#e-sport-root .esp_game_mob_wrapper .sport_front_icon-stat {
    color: var(--sport-digi-foreground--level-20);
    right: 0
}

#e-sport-root .esp_game_mob_wrapper .esp_game_mob {
    transition: transform .2s;
    z-index: 1
}

#e-sport-root .esp_game_mob {
    align-items: center;
    background-color: var(--sport-digi-background--level-15);
    box-shadow: 0 2px 4px 0 #0000004d;
    display: flex;
    padding-left: 6px;
    width: 100%
}

#e-sport-root .esp_game_mob.esp_game_mob-inactive:before {
    background-color: var(--dominantRGBA, #0000004d);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

#e-sport-root .esp_game_mob .esp_play_btn_wrapper:empty {
    display: none
}

#e-sport-root .esp_game_mob .esp_play_btn {
    margin-right: 16px
}

#e-sport-root .esp_game_mob:last-child {
    border-bottom: 0
}

#e-sport-root .esp_game_mob .esp_game_content_info {
    flex-grow: 1;
    min-width: 1px;
    padding-left: 2px
}

#e-sport-root .esp_game_mob .esp_game_content_teams {
    padding-right: 8px
}

#e-sport-root .esp_game_mob .esp_game_content_scores {
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_game_mob .esp_odd_vs {
    margin-right: 1px
}

#e-sport-root .esp_game_content,
#e-sport-root .esp_game_odds {
    align-items: center;
    display: flex
}

#e-sport-root .esp_game_content_teams {
    display: flex;
    flex-direction: column
}

#e-sport-root .esp_game_content_team {
    align-items: center;
    display: flex
}

#e-sport-root .esp_game_content_team>span:first-child {
    flex: 1 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 30px)
}

#e-sport-root .esp_game_content_team .esp_game_content_score {
    color: var(--sport-digi-accent);
    flex: 0 0 30px;
    font-weight: 500
}

#e-sport-root .esp_game_mob_icon_date_cont {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 33px
}

#e-sport-root .esp_typography_wrapper>* {
    margin-right: 8px
}

#e-sport-root .esp_typography_wrapper>:last-child {
    margin-right: 0
}

#e-sport-root .esp_typography_mob {
    color: var(--sport-digi-foreground--level-20);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.5
}

#e-sport-root .esp_typography_mob-uppercase {
    text-transform: uppercase
}

#e-sport-root .esp_typography_mob-m {
    font-size: 12px
}

#e-sport-root .esp_typography_mob-primary {
    color: var(--sport-digi-foreground)
}

#e-sport-root .esp_typography_mob-accent {
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_typography-right {
    text-align: right
}

#e-sport-root .esp_typography-center {
    text-align: center
}

#e-sport-root .esp_game_mob_info_row {
    align-items: center;
    display: flex;
    padding-right: 8px
}

#e-sport-root .esp_game_mob_info_row .esp_time_wrapper_mob {
    flex-grow: 1
}

#e-sport-root .esp_game_mob_info_row .esp_game_mob_count {
    margin-left: auto
}

#e-sport-root .esp_time_wrapper_mob {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-size: 10px;
    overflow: hidden
}

#e-sport-root .esp_time_wrapper_mob .esp_live_mob {
    background-color: var(--sport-digi-red);
    color: var(--sport-digi-white);
    flex-shrink: 0;
    font-size: 8px;
    height: 11px;
    line-height: 11px;
    margin-right: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 30px
}

#e-sport-root .esp_time_wrapper_mob .esp_time_mob {
    color: var(--sport-digi-foreground--level-20);
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#e-sport-root .esp_outrights_content_top_mob {
    align-items: center;
    background-color: var(--sport-digi-background--level-10);
    border-bottom: 1px solid Mob;
    display: flex;
    height: 56px;
    padding: 0 16px
}

#e-sport-root .esp_outrights_content_top_mob .esp_outrights_img_mob {
    margin: 0 8px
}

#e-sport-root .esp_outrights_content_top_mob .esp_outrights_content_top_text_mob {
    display: flex;
    flex-direction: column;
    margin-left: auto
}

#e-sport-root .esp_outrights_content_top_mob .esp_outrights_content_top_text_mob>span {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px;
    text-align: right;
    text-transform: uppercase
}

#e-sport-root .esp_outrights_content_top_mob .esp_outrights_content_top_text_mob>span:last-child {
    color: var(--sport-digi-accent);
    font-size: 16px;
    margin-bottom: 0
}

#e-sport-root .esp_outrights_odd_mob {
    align-items: center;
    background-color: var(--sport-digi-background--level-15);
    border-bottom: 1px solid Mob;
    border-radius: var(--sport-digi-border-radius--static);
    display: flex;
    font-size: 16px;
    height: 56px;
    padding-left: 16px;
    width: 100%
}

#e-sport-root .esp_outrights_odd_mob>span {
    color: var(--sport-digi-foreground);
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 56px)
}

#e-sport-root .esp_outrights_odd_mob>strong {
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-accent);
    flex-shrink: 0;
    height: 56px;
    line-height: 56px;
    text-align: center;
    transition: background-color .2s, color .2s;
    width: 56px
}

#e-sport-root .esp_betslip_mob_pin {
    background-color: var(--sport-digi-white);
    border-right: 4px solid var(--sport-digi-accent);
    bottom: 100px;
    color: var(--sport-digi-black);
    height: 46px;
    position: fixed;
    right: 0;
    transform: translateX(80px);
    transition: transform .2s;
    width: 84px;
    z-index: 50
}

#e-sport-root .out_of_iframe .esp_betslip_mob_pin {
    position: fixed !important
}

#e-sport-root .esp_betslip_mob_pin .esp_betslip_mob_pin_count {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

#e-sport-root .esp_betslip_mob_pin.esp_betslip_mob_pin_active {
    transform: translateX(0)
}

#e-sport-root .esp_betslip_mob_pin_count {
    background-color: var(--sport-digi-accent);
    border: 1px solid var(--sport-digi-white);
    border-radius: 50%;
    box-shadow: 0 1px 6px #0006;
    color: var(--sport-digi-accent-foreground);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 46px;
    text-align: center;
    width: 48px
}

#e-sport-root .esp_betslip_mob_pin_info {
    margin-left: auto;
    padding: 8px;
    text-align: right;
    width: 60px
}

#e-sport-root .esp_betslip_mob_pin_info span {
    display: block;
    font-size: 8px;
    line-height: 9px;
    margin-bottom: 4px;
    text-transform: uppercase
}

#e-sport-root .esp_betslip_mob_pin_info strong {
    display: block;
    font-size: 12px;
    font-weight: 500
}

#e-sport-root .esp_mob_header_main {
    align-items: center;
    background-color: var(--sport-digi-background);
    display: flex;
    height: 44px;
    padding: 0 10px
}

#e-sport-root .esp_mob_header_main .component_select_imitator {
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_mob_header_main .esp_mob_header_main_link {
    white-space: nowrap
}

#e-sport-root .esp_mob_header_main .component_select_imitator {
    text-align: right
}

#e-sport-root .esp_mob_header_main .esp_dd {
    height: 30px;
    margin-left: auto;
    min-width: 150px
}

#e-sport-root .esp_mob_header_main .esp_dd .component_select_wrapper:after {
    top: 4px
}

#e-sport-root .esp_mob_header_main .esp_dd select {
    background-color: #0000;
    height: 30px
}

#e-sport-root .esp_mob_header_main_link,
#e-sport-root a.esp_mob_header_main_link {
    color: var(--sport-digi-foreground--level-20)
}

#e-sport-root .esp_mob_header_main_link {
    font-size: 12px;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s
}

#e-sport-root .esp_mob_header_main_link.esp_mob_header_main_link_active,
#e-sport-root .esp_mob_header_main_link:hover {
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_dd {
    position: relative
}

#e-sport-root .esp_dd:hover .esp_dd_content {
    display: block
}

#e-sport-root .esp_dd .esp_dd_content {
    background-color: var(--sport-digi-background--level-5);
    display: none;
    position: absolute;
    right: 0;
    width: 120px;
    z-index: 10
}

#e-sport-root .esp_dd .esp_dd_content_item {
    align-items: center;
    color: var(--sport-digi-foreground);
    display: flex;
    height: 35px;
    padding: 0 8px;
    text-decoration: none
}

#e-sport-root .esp_mob_filter_main {
    align-items: center;
    background-color: var(--sport-digi-background--level-5);
    display: flex;
    height: 44px;
    max-width: 100%;
    position: relative
}

#e-sport-root .esp_mob_filter_main_item {
    align-items: center;
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    flex: 1 1;
    font-size: 12px;
    height: 44px;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s
}

@media(hover:hover) {
    #e-sport-root .esp_mob_filter_main_item:hover {
        color: var(--sport-digi-accent)
    }
}

#e-sport-root .esp_mob_filter_main_item.esp_mob_filter_main_item_active {
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_mob_filter_main_item.esp_mob_filter_main_item_active .component_sidebar_list_filter_tab_count {
    background-color: var(--sport-digi-red);
    color: var(--sport-digi-white)
}

#e-sport-root .esp_mob_filter_main_item .esp_mob_filter_main_item_fav_count {
    background-color: var(--sport-digi-accent);
    border: 1px solid var(--sport-digi-background--level-5);
    border-radius: 50%;
    color: var(--sport-digi-accent-foreground);
    font-size: 8px;
    font-weight: 500;
    height: 16px;
    left: 50%;
    line-height: 15px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(17%, -96%);
    width: 16px
}

#e-sport-root .esp_mob_filter_main_item .esp_mob_filter_main_item_fav_count:empty {
    display: none
}

#e-sport-root .esp_mob_filter_main_item.esp_mob_filter_main_item-favorite {
    position: relative
}

#e-sport-root .esp_mob_filter_main_item.esp_mob_filter_main_item-icon {
    flex: 0 0 44px;
    height: 44px
}

#e-sport-root .esp_go_back_mob {
    align-items: center;
    background-color: var(--sport-digi-background);
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    height: 44px;
    padding: 0 8px
}

#e-sport-root .esp_go_back_mob>div {
    align-items: center;
    display: inline-flex;
    height: 100%
}

#e-sport-root .esp_go_back_mob>div span {
    font-size: 14px;
    font-weight: 500;
    padding: 0 8px;
    text-transform: uppercase
}

#e-sport-root .component_search_mob {
    position: relative
}

#e-sport-root .component_search_mob .component_search_input_wrapper {
    flex-shrink: 0;
    height: 44px;
    overflow: hidden;
    position: absolute;
    right: -44px;
    transition: .2s;
    width: 0;
    z-index: 10
}

#e-sport-root .component_search_mob .component_search_input_wrapper.inputVisible {
    width: 300px
}

#e-sport-root .component_search_mob .component_search_input_wrapper.inputVisible .component_search_input {
    width: 100%
}

#e-sport-root .component_search_mob .component_search_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--sport-digi-background--level-15) !important;
    border: 0;
    border-radius: var(--sport-digi-border-radius--static);
    box-shadow: 0 1px 3px #0003;
    color: var(--sport-digi-foreground) !important;
    font-size: 16px;
    height: 44px;
    outline: 0;
    padding: 0 16px;
    width: 0
}

#e-sport-root .component_search_mob i {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

#e-sport-root .esp_mob_games_wrapper {
    background-color: var(--sport-digi-background);
    padding-bottom: 8px
}

#e-sport-root .digi_table_offers {
    justify-content: end
}

#e-sport-root .esp_outrights_header {
    align-items: center;
    background-color: var(--sport-digi-background--level-15);
    display: flex;
    height: 40px;
    margin-bottom: 2px;
    padding: 0 8px
}

#e-sport-root .esp_outrights_header .esp_icon_text {
    color: var(--sport-digi-foreground--level-20);
    width: 100%
}

#e-sport-root .esp_outrights_content {
    background-color: var(--sport-digi-background--level-15);
    margin-bottom: 16px;
    padding: 16px 8px 8px
}

#e-sport-root .esp_outrights_content_top {
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

#e-sport-root .esp_outrights_content_top i {
    margin-right: 8px
}

#e-sport-root .esp_outrights_content_top .esp_outrights_content_top_text {
    display: flex;
    flex-direction: column
}

#e-sport-root .esp_outrights_content_top .esp_outrights_content_top_text>span {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px;
    text-transform: uppercase
}

#e-sport-root .esp_outrights_content_top .esp_outrights_content_top_text>span:last-child {
    color: var(--sport-digi-accent);
    font-size: 16px;
    margin-bottom: 0
}

#e-sport-root .esp_outrights_odds_wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

#e-sport-root .esp_outrights_odds_wrapper .esp_outrights_odd {
    margin-bottom: 8px;
    margin-right: 8px;
    width: calc(33.33333% - 5.33333px)
}

#e-sport-root .esp_outrights_odds_wrapper .esp_outrights_odd:nth-child(3n) {
    margin-right: 0
}

#e-sport-root .esp_outrights_odd {
    align-items: center;
    background-color: var(--sport-digi-background);
    border-radius: var(--sport-digi-border-radius--static);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 40px;
    padding: 0 16px;
    transition: background-color .2s;
    width: 100%
}

#e-sport-root .esp_outrights_odd i {
    flex-shrink: 0
}

#e-sport-root .esp_outrights_odd>span {
    color: var(--sport-digi-foreground--level-20);
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    transition: color .2s;
    white-space: nowrap;
    width: calc(100% - 64px)
}

#e-sport-root .esp_outrights_odd>strong {
    color: var(--sport-digi-accent);
    flex-shrink: 0;
    font-weight: 500;
    text-align: right;
    transition: color .2s;
    width: 40px
}

#e-sport-root .esp_outrights_odd:hover background-color:var(--sport-digi-accent--darken-10) span,
#e-sport-root .esp_outrights_odd:hover strong {
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_outrights_odd.esp_game_details_odd_active {
    background-color: var(--sport-digi-accent)
}

#e-sport-root .esp_outrights_odd.esp_game_details_odd_active span,
#e-sport-root .esp_outrights_odd.esp_game_details_odd_active strong {
    color: var(--sport-digi-accent-foreground)
}

#e-sport-root .component_loader_component {
    background-color: #0000004d;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

#e-sport-root .component_loader_component .component_loader_component_loader_wrapper {
    display: flex;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

#e-sport-root .component_loader_component .component_loader_component_loader_wrapper>div {
    animation: loader 1s ease-in-out infinite;
    background-color: var(--sport-digi-accent);
    height: 18px;
    margin: 0 4px;
    width: 18px
}

#e-sport-root .component_loader_component .component_loader_component_loader_wrapper>div:nth-child(2) {
    animation-delay: .2s
}

#e-sport-root .component_loader_component .component_loader_component_loader_wrapper>div:nth-child(3) {
    animation-delay: .4s
}

#e-sport-root .component_loader_component .component_loader_component_loader_wrapper>div:nth-child(4) {
    animation-delay: .6s
}

@keyframes loader {
    0% {
        opacity: .1;
        transform: rotateY(0) scale(.2)
    }
    50% {
        opacity: .5;
        transform: rotateY(180deg) scale(1)
    }
    to {
        opacity: .1;
        transform: rotateY(180deg) scale(.2)
    }
}

#e-sport-root .sticky-full {
    height: 100%;
    width: 100%
}

#e-sport-root .sticky-fixed {
    box-shadow: 0 2px 4px 0 #0000004d;
    position: fixed;
    z-index: 1000
}

#e-sport-root .esp_drag_video_header {
    align-items: center;
    background-color: var(--sport-digi-background--level-5);
    color: var(--sport-digi-foreground--level-20);
    display: flex;
    height: 40px;
    padding: 0 8px;
    transition: color .2s;
    width: 100%
}

#e-sport-root .esp_drag_video_header i:hover {
    color: var(--sport-digi-accent)
}

#e-sport-root .esp_drag_video_header .sport_front_icon-move {
    margin-left: auto
}

@media screen and (max-width:1200px) {
    #e-sport-root .esp_drag_video_header {
        padding: 0
    }
    #e-sport-root .esp_drag_video_header i {
        height: 40px;
        width: 40px
    }
    #e-sport-root .esp_drag_video_header i:before {
        font-size: 30px;
        height: 40px;
        line-height: 40px;
        width: 40px
    }
}

#e-sport-root .esp_iframe_cover {
    background-color: #00000080;
    display: none;
    height: calc(100% - 40px);
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 100000
}

#e-sport-root .esp_video_wrapper .live-stream-iframe.draggable {
    color: var(--sport-digi-foreground);
    height: calc(100% - 40px)
}

#e-sport-root .esp_video_wrapper .live-stream-iframe.draggable .iframe-wrapper {
    height: 100%;
    position: relative
}

.dg_esp_modal_opened,
.dg_esp_modal_opened body {
    margin: 0;
    overflow: hidden;
    padding: 0
}

#e-sport-root .popup_container {
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #0006;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

#e-sport-root .out_of_iframe .popup_container {
    position: fixed !important
}

#e-sport-root .out_of_iframe .popup_container .component_popup_cashout_partial {
    left: 50%;
    top: 50% !important;
    transform: translate(-50%, -50%)
}

#e-sport-root .component_popup_row {
    margin-bottom: 24px
}

#e-sport-root .component_popup_cashout_partial {
    width: 400px !important
}

@media screen and (max-width:600px) {
    #e-sport-root .component_popup_cashout_partial {
        width: calc(100% - 40px) !important
    }
}

#e-sport-root .component_popup {
    background-color: var(--sport-digi-background--level-5);
    border-radius: var(--sport-digi-border-radius--static);
    box-shadow: 0 2px 4px 0 #0000004d;
    color: var(--sport-digi-foreground);
    overflow: hidden
}

#e-sport-root .component_popup_header {
    align-items: center;
    background-color: var(--sport-digi-background);
    display: flex;
    height: 44px;
    padding: 0 24px;
    width: 100%
}

#e-sport-root .component_popup_header span {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    width: calc(100% - 24px)
}

#e-sport-root .component_popup_header i {
    cursor: pointer
}

#e-sport-root .component_popup_body {
    color: var(--sport-digi-foreground--level-20);
    padding: 16px 24px 24px
}

#e-sport-root .component_partial_cashout_input_container>span {
    display: block;
    font-size: 12px;
    margin-bottom: 8px
}

#e-sport-root .component_partial_cashout_input {
    align-items: center;
    background-color: var(--sport-digi-background--level-15) !important;
    border-radius: var(--sport-digi-border-radius--static);
    color: var(--sport-digi-foreground) !important;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 44px
}

#e-sport-root .component_partial_cashout_input input {
    flex-grow: 1
}

#e-sport-root .component_partial_cashout_input strong {
    color: var(--sport-digi-foreground--level-20);
    padding: 8px;
    text-transform: uppercase
}

#e-sport-root .component_range_slider_container input {
    width: 100%
}

#e-sport-root .component_range_slider_values {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

#e-sport-root .component_partial_cashout_stakes_container {
    align-items: center;
    display: flex
}

#e-sport-root .component_partial_cashout_stakes_container>.component_partial_cashout_stake {
    flex-shrink: 0;
    width: 50%
}

#e-sport-root .component_partial_cashout_stakes_container>.component_partial_cashout_stake>span {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    margin-bottom: 4px
}

#e-sport-root .component_partial_cashout_stakes_container>.component_partial_cashout_stake>strong {
    color: var(--sport-digi-foreground);
    font-size: 14px;
    font-weight: 500
}

#e-sport-root .component_partial_cashout_stakes_container>.component_partial_cashout_stake>* {
    display: block
}

#e-sport-root .component_partial_cashout_stakes_container>.component_partial_cashout_stake .component_partial_cashout_stake_akcented {
    color: var(--sport-digi-accent)
}

#e-sport-root .component_cashout_popup_amount {
    color: var(--sport-digi-accent);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 24px;
    text-align: center;
    width: 100%
}

.MuiPaper-root {
    background-color: var(--sport-digi-background--level-5) !important
}

.MuiPaper-root,
.MuiPickersDay-day {
    color: var(--sport-digi-foreground) !important
}

.MuiPickersDay-day.MuiPickersDay-daySelected {
    background-color: var(--sport-digi-accent) !important;
    color: var(--sport-digi-accent-foreground) !important
}

.MuiPickersDay-day.MuiPickersDay-daySelected.MuiPickersDay-isSelected .MuiTypography-colorInherit {
    color: var(--sport-digi-foreground) !important
}

.MuiPickersCalendarHeader-dayLabel {
    color: var(--sport-digi-foreground--level-20) !important
}

.MuiPickersDay-current:not(.MuiPickersDay-daySelected) {
    color: var(--sport-digi-accent) !important
}

.MuiPickersCalendarHeader-iconButton {
    background-color: var(--sport-digi-background) !important
}

.MuiIconButton-root {
    color: var(--sport-digi-foreground) !important
}

.MuiIconButton-root:hover {
    background-color: var(--sport-digi-accent) !important;
    color: var(--sport-digi-accent-foreground) !important
}

.component_text_data {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    line-height: 1;
    margin-bottom: 8px;
    margin-top: 8px;
    text-transform: capitalize
}

.component_text_data .component_text_data--akcent {
    color: var(--sport-digi-foreground);
    margin: 0 8px
}

.component_text_data.component_text_right {
    text-align: right
}

.component_text {
    color: var(--sport-digi-foreground--level-20);
    font-size: 12px;
    margin: 0 8px
}

.component_text.component_text_right {
    text-align: right
}

.dm-cms-popup {
    align-items: center;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: #000c;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 450
}

.dm-cms-popup h1,
.dm-cms-popup h2,
.dm-cms-popup h3,
.dm-cms-popup h4,
.dm-cms-popup h5,
.dm-cms-popup h6 {
    display: block
}

.dm-cms-popup>div {
    max-width: 100%
}

.dm__popup-vh {
    position: relative
}

.dm--sport-platform .dm__popup-vh {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: -webkit-fill-available
}

.dm__popup__body {
    padding: 32px
}

.dm__popup__body-vh {
    flex-grow: 1;
    padding-bottom: 15px;
    position: relative
}

.dm-cms-popup_content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

#e-sport-root .esp_rtl {
    direction: rtl
}

#e-sport-root .esp_rtl .dg_offers_content .sport_front_icon-offer-x2:before {
    display: inline-block;
    font-size: 15px
}

#e-sport-root .esp_rtl .dg_offers_content:hover .dg_offers_hovered_content {
    left: 0;
    right: auto
}

#e-sport-root .esp_rtl .dg_offers_content:hover .dg_offers_hovered_content:before {
    left: 20px;
    right: auto
}

#e-sport-root .esp_rtl .esp_mob_filter_main_item {
    white-space: nowrap
}

#e-sport-root .esp_rtl .esp_mob_filter_main_item:first-child {
    -webkit-padding-start: 8px;
    padding-inline-start: 8px
}

#e-sport-root .esp_rtl .component_betslip_tax_wrapper .component_betslip_tax {
    padding-left: 0;
    padding-right: 10px
}

#e-sport-root .esp_rtl .esp_game_details_odd {
    padding-left: 16px;
    padding-right: 4px
}

#e-sport-root .esp_rtl .esp_video_stakes_wrapper .esp_video_stake {
    padding-left: 0;
    padding-right: 8px
}

#e-sport-root .esp_rtl .component_sidebar_search_input {
    padding-left: 0;
    padding-right: 30px
}

#e-sport-root .esp_rtl .esp_video_stake_team .esp_team_img {
    margin-left: 8px;
    margin-right: 0
}

#e-sport-root .esp_rtl .esp_video_stake_team .esp_video_stake_score {
    text-align: left
}

#e-sport-root .esp_rtl .component_select_wrapper .component_select_imitator {
    padding-left: 8px;
    padding-right: 16px;
    text-align: left
}

#e-sport-root .esp_rtl .esp_main_header .component_select_wrapper .component_select_imitator span {
    text-align: left
}

#e-sport-root .esp_rtl .esp_time_wrapper_mob .esp_live_mob {
    margin-left: 8px;
    margin-right: 0
}

#e-sport-root .esp_rtl .esp_game_filter_back_wrapper .dg_icon_angle_left:before {
    content: ""
}

#e-sport-root .esp_rtl .esp_video_wrapper .esp_video_stakes_wrapper {
    left: 0;
    right: auto
}

#e-sport-root .esp_rtl .esp_mr {
    margin-left: 4px;
    margin-right: 0
}

#e-sport-root .esp_rtl .esp_mr_2 {
    margin-left: 8px;
    margin-right: 0
}

#e-sport-root .esp_rtl .sport_front_icon-arrow_right:before {
    content: ""
}

#e-sport-root .esp_rtl .sport_front_icon-arrow_left:before {
    content: ""
}

#e-sport-root .esp_rtl .esp_tar {
    text-align: left
}

#e-sport-root .esp_rtl .esp_tal {
    text-align: right
}

#e-sport-root .esp_rtl .esp_game_row .esp_odd {
    margin-left: 2px;
    margin-right: 0
}

#e-sport-root .esp_rtl .esp_game_row .esp_odd:last-child {
    margin-left: 0;
    margin-right: 2px
}

#e-sport-root .esp_rtl .component_history_select_wrapper:after,
#e-sport-root .esp_rtl .component_select_wrapper:after {
    left: 8px;
    right: auto
}

#e-sport-root .esp_rtl .component_select {
    padding-left: 30px;
    padding-right: 16px
}

#e-sport-root .esp_rtl .component_datepicker:after {
    left: 6px;
    right: auto
}

#e-sport-root .esp_rtl .component_notification {
    background-color: red !important;
    direction: rtl !important
}

#e-sport-root .esp_rtl .component_sidebar_collapse_toggle i {
    transform: translate(-50%, -50%) rotate(180deg)
}

#e-sport-root .esp_rtl .component_sidebar_search_wrapper .sport_front_icon-search {
    left: auto;
    right: 5px
}

#e-sport-root .esp_rtl .esp_mob_header_main .esp_dd {
    margin-left: 0;
    margin-right: auto
}

#e-sport-root .esp_rtl .component_select_imitator {
    text-align: left
}

#e-sport-root .esp_rtl .component_search_mob .component_search_input_wrapper {
    left: -44px;
    right: auto;
    transform: translateX(-100%)
}

#e-sport-root .esp_rtl .component_search_mob .component_search_input_wrapper.inputVisible {
    transform: translateX(0)
}

#e-sport-root .esp_rtl .component_search_mob i {
    left: 8px;
    right: auto
}

#e-sport-root .esp_rtl .esp_mob_filter_main_item .esp_mob_filter_main_item_fav_count {
    left: auto;
    right: 50%;
    transform: translate(-17%, -96%)
}

#e-sport-root .esp_rtl .esp_mob_game_filter_item .esp_mob_game_filter_item__more {
    left: 19px;
    right: 0;
    transform: translate(-4px, 8px)
}

#e-sport-root .esp_rtl .esp_game_mob,
#e-sport-root .esp_rtl .esp_mob_legend {
    padding-left: 0;
    padding-right: 8px
}

@media screen and (max-width:1300px) {
    #e-sport-root .esp_rtl .component_history_content_item>div>:last-child {
        text-align: left
    }
}

#e-sport-root .esp_rtl .esp_typography_wrapper>* {
    margin-left: 8px;
    margin-right: 0
}

#e-sport-root .esp_rtl .esp_typography_wrapper>:last-child {
    margin-left: 0;
    margin-right: 0
}

#e-sport-root .esp_rtl .esp_typography-right {
    text-align: left
}

#e-sport-root .esp_rtl .esp_game_mob_info_row .esp_game_mob_count {
    margin-left: 0;
    margin-right: auto
}

#e-sport-root .esp_rtl .esp_betslip_mob_pin .esp_betslip_mob_pin_count {
    left: auto;
    right: 0;
    transform: translate(50%, -50%)
}

#e-sport-root .esp_rtl .esp_betslip_mob_pin {
    border-right: 0;
    border-right: 4px solid var(--sport-digi-accent);
    left: 0;
    right: auto;
    transform: translateX(-80px)
}

#e-sport-root .esp_rtl .esp_betslip_mob_pin.esp_betslip_mob_pin_active {
    transform: translateX(0)
}

#e-sport-root .esp_rtl .esp_betslip_mob_pin_info {
    margin-left: 0;
    margin-right: auto;
    padding: 8px 0 8px 4px;
    text-align: left
}

#e-sport-root .esp_rtl .sport_front_icon-back:before {
    transform: rotate(180deg)
}

#e-sport-root .esp_rtl .esp_game_mob .esp_mob_odd {
    border-left: 1px solid var(--sport-digi-background--level-15);
    border-right: 0
}

#e-sport-root .esp_rtl .esp_game_mob .esp_play_btn {
    margin-left: 16px;
    margin-right: auto
}

#e-sport-root .esp_rtl .esp_game_mob .esp_game_content_teams,
#e-sport-root .esp_rtl .esp_game_mob .esp_game_mob_info_row {
    padding-left: 8px;
    padding-right: 0
}

#e-sport-root .esp_rtl .esp_game_mob_wrapper .digi_fav,
#e-sport-root .esp_rtl .esp_game_mob_wrapper .sport_front_icon-stat {
    left: auto;
    right: 0
}

#e-sport-root .esp_rtl .esp_game_mob_wrapper .sport_front_icon-stat {
    left: 0;
    right: auto
}

#e-sport-root .esp_rtl .esp_game_banner .esp_game_banner_top {
    left: auto;
    right: var(--sport-digi-banner-space)
}

#e-sport-root .esp_rtl .esp_game_banner_fav_cont {
    left: var(--sport-digi-banner-space);
    right: auto
}

#e-sport-root .esp_rtl .sidebar_collapsed .component_sidebar_list .component_sidebar_collapse_toggle .esp_icon_double_arrow {
    transform: translate(-50%, -50%) rotate(0deg)
}

#e-sport-root .esp_rtl .esp_mob_wrapper .esp_tabs_wrapper_markets {
    padding-left: 0;
    padding-right: 56px
}

#e-sport-root .esp_rtl .component_betslip_header,
#e-sport-root .esp_rtl .esp_game_filter {
    padding-left: 8px;
    padding-right: 0
}

#e-sport-root .esp_rtl .esp_game_filter .sport_front_icon-back {
    transform: rotate(180deg)
}

#e-sport-root .esp_rtl .esp_game_filter .esp_game_filter_info_wrapper {
    padding-left: 0;
    padding-right: 8px
}

#e-sport-root .esp_rtl .component_tax_info_container .component_tax_info_box {
    left: 0;
    right: auto
}

#e-sport-root .esp_rtl .component_betslip_possible_winning strong {
    direction: ltr
}

@media only screen and (max-width:992px) {
    #e-sport-root .esp_rtl .esp_match_tabs_wrapper_with_collapse_icon .component_collapse_all {
        border-left: 0;
        border-right: 1px solid #4d4d4d
    }
    #e-sport-root .esp_rtl .esp_game_details_item .esp_game_details_item_header .esp_market_header_collapse_icon:after {
        left: 39px;
        right: auto
    }
    #e-sport-root .esp_rtl .esp_badge_cashout-active:after {
        left: 100%;
        right: auto
    }
}

#e-sport-root .esp_rtl .tg_tooltip_content:hover .tg_tooltip_content_hovered {
    left: unset;
    right: 0
}

#e-sport-root .esp_rtl .tg_tooltip_content:hover .tg_tooltip_content_hovered:before {
    left: unset;
    right: 12px
}

@media only screen and (max-width:768px) {
    #e-sport-root .esp_rtl .tg_tooltip_info .tg_tooltip_content .tg_tooltip_content_hovered {
        left: 0 !important;
        right: auto !important
    }
    #e-sport-root .esp_rtl .tg_tooltip_info .tg_tooltip_content .tg_tooltip_content_hovered:before {
        left: 13px !important;
        right: auto !important
    }
}

#e-sport-root .esp_rtl .dm__bonus_item_info_wrapper .tg_tooltip_content.clicked .tg_tooltip_content_hovered {
    left: 0;
    right: unset
}

#e-sport-root .esp_rtl .dm__bonus_item_info_wrapper .tg_tooltip_content .dg_tooltip_icon {
    font-family: digiSportIcons, sans-serif !important
}

#e-sport-root .esp_rtl .dg_bet_history_menu_wrapper {
    padding-left: unset;
    padding-right: 24px
}

#e-sport-root .esp_rtl .dg_bet_history_menu_wrapper .dg_bet_history_back_btn:before {
    content: ""
}

#new_betslip_container {
    bottom: 24px;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
    width: 400px;
    z-index: 10
}

.dm__user-balance__tab {
    color: #999
}

#e-sport-root .esp_game_details_odd {
    padding: 0 4px
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_details_odd {
        align-items: center;
        border-bottom: 2px solid var(--sport-digi-background--level-15);
        display: flex;
        flex-direction: column;
        height: 48px;
        justify-content: center;
        margin-bottom: 0
    }
    #e-sport-root .esp_game_details_odd .esp_game_details_odd_name {
        flex-grow: 0;
        font-size: 10px;
        margin-bottom: 3px;
        text-align: center;
        text-transform: none
    }
    #e-sport-root .esp_game_details_odd .esp_odd_factor {
        font-size: 16px
    }
}

#e-sport-root .odd_format_1 .esp_odd_factor,
#e-sport-root .odd_format_2 .esp_odd_factor {
    font-size: 12px
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_details_item {
        background-color: var(--sport-digi-background--level-5);
        margin-bottom: 0;
        overflow: hidden
    }
    #e-sport-root .esp_game_details_item .esp_game_details_item_header {
        height: 44px;
        padding: 0
    }
    #e-sport-root .esp_game_details_item .esp_game_details_item_header .esp_fav_icon {
        display: flex;
        justify-content: center;
        order: 1;
        width: 40px
    }
    #e-sport-root .esp_game_details_item .esp_game_details_item_header .esp_game_details_item_market_name {
        order: 2
    }
    #e-sport-root .esp_game_details_item .esp_game_details_item_header .esp_badge_cashout {
        order: 3;
        width: 40px
    }
    #e-sport-root .esp_game_details_item .esp_game_details_item_header .esp_market_header_collapse_icon {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        order: 4;
        position: relative;
        width: 40px
    }
    #e-sport-root .esp_game_details_item .esp_game_details_item_header .esp_market_header_collapse_icon:after {
        background-color: #4d4d4d;
        border-radius: 2px;
        content: "";
        height: 28px;
        position: absolute;
        right: 39px;
        top: 8px;
        width: 1px
    }
    #e-sport-root .esp_game_details_item .esp_game_details_item_content {
        background-color: var(--sport-digi-background--level-15);
        padding: 0
    }
    #e-sport-root .esp_game_details_item .esp_game_details_item_content>div {
        padding: 0 1px
    }
    #e-sport-root .esp_game_banner_odds_desktop {
        display: none
    }
}

#e-sport-root .esp_game_banner_odds_mobile {
    display: none
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_game_banner_odds_mobile {
        display: flex
    }
    #e-sport-root .esp_outrights_odds_wrapper .esp_outrights_odd {
        margin-right: 8px;
        width: calc(50% - 4px)
    }
    #e-sport-root .esp_outrights_odds_wrapper .esp_outrights_odd:nth-child(3n) {
        margin-right: 8px
    }
    #e-sport-root .esp_outrights_odds_wrapper .esp_outrights_odd:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (max-width:1450px) {
    #e-sport-root .esp_results_filter_wrapper .esp_col_2 {
        flex: 0 0 33.33333%;
        margin-bottom: 8px;
        max-width: 33.33333%
    }
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_main_header {
        background-color: var(--sport-digi-background)
    }
}

@media screen and (max-width:1450px) {
    #e-sport-root ::-webkit-scrollbar {
        height: 2px
    }
}

@media screen and (max-width:992px) {
    #e-sport-root .esp_video_wrapper .esp_stream_wrapper {
        margin-right: 0;
        width: 100%
    }
    #e-sport-root .esp_video_wrapper .esp_video_stakes_wrapper {
        display: none
    }
    #e-sport-root .component_history_popup_cashout {
        width: 90%
    }
    #e-sport-root .component_history_popup_cashout .component_history_popup_cashout_content_buttons {
        flex-direction: column;
        width: 100%
    }
    #e-sport-root .component_history_popup_cashout .component_history_popup_cashout_content_buttons>button {
        margin-bottom: 8px;
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    #e-sport-root .esp_market_search_wrapper {
        align-items: center;
        background-color: var(--inputG);
        color: var(--inputTxt2);
        display: flex;
        height: 40px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 40px;
        z-index: 10
    }
    #e-sport-root .esp_market_search_wrapper .esp_market_search_input {
        padding: 0
    }
    #e-sport-root .esp_market_search_wrapper .esp_market_search_icon {
        flex-shrink: 0;
        font-size: 40px;
        height: 20px;
        width: 40px
    }
    #e-sport-root .esp_market_search_wrapper .esp_market_search_icon:before {
        color: var(--inputTxt2);
        height: 20px;
        line-height: 20px;
        width: 40px
    }
    #e-sport-root .esp_market_search_wrapper .esp_market_search_remove_icon {
        margin: 0 8px
    }
    #e-sport-root .esp_market_search_wrapper .esp_market_search_remove_icon:before {
        color: var(--inputTxt2)
    }
    #e-sport-root .esp_market_search_wrapper .esp_market_search_collapse_icon {
        align-items: center;
        background-color: var(--inputBg2);
        font-size: 26px;
        height: 100%;
        justify-content: center;
        transition: all .18s ease-out;
        width: 40px
    }
    #e-sport-root .esp_market_search_wrapper .esp_market_search_collapse_icon:before {
        height: 20px;
        width: 20px
    }
    #e-sport-root .esp_market_search_wrapper-opened {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    #e-sport-root .esp_market_search_wrapper-opened .esp_market_search_icon {
        font-size: 32px;
        height: 16px;
        line-height: 16px;
        margin: 0 12px;
        width: 16px
    }
    #e-sport-root .esp_market_search_wrapper-opened .esp_market_search_icon:before {
        height: 16px;
        width: 16px
    }
    #e-sport-root .esp_market_search_wrapper-opened .esp_market_search_input {
        opacity: 1;
        padding: 0 8px
    }
    #e-sport-root .esp_market_search_wrapper-opened .esp_market_search_collapse_icon {
        display: flex
    }
}

@media only screen and (min-width:993px) {
    #e-sport-root .esp_badge_cashout {
        background-color: var(--sport-digi-background--level-5);
        border-radius: var(--sport-digi-border-radius--static);
        height: 16px;
        line-height: 16px;
        padding: 0 8px
    }
    #e-sport-root .esp_badge_cashout:before {
        content: "Cashout"
    }
    #e-sport-root .esp_badge_cashout>i {
        display: none
    }
}

@media only screen and (max-width:992px) {
    #e-sport-root .esp_badge_cashout {
        height: 100%;
        position: relative;
        width: 40px
    }
    #e-sport-root .esp_badge_cashout:before {
        content: none
    }
    #e-sport-root .esp_badge_cashout-active:after {
        background-color: var(--sport-digi-background--level-10);
        border-radius: var(--sport-digi-border-radius--static);
        content: "Cashout";
        height: 16px;
        line-height: 16px;
        padding: 0 8px;
        position: absolute;
        right: 100%;
        top: 50%
    }
    #e-sport-root .esp_match_tabs_wrapper_with_collapse_icon {
        flex-direction: row-reverse
    }
    #e-sport-root .esp_match_tabs_wrapper_with_collapse_icon .component_collapse_all {
        border-left: 1px solid #4d4d4d
    }
}

.digi_table_row .dm__bonus_info_row_text {
    display: none;
    font-size: 12px;
    font-weight: 400
}

.digi_table_row .dm__bonus_add_info,
.digi_table_row .dm__bonus_sub_info {
    display: initial
}

.digi_table_row .dm__bonus_item_info_wrapper {
    align-items: center;
    display: flex;
    position: relative
}

.digi_table_row .dm__bonus_item_info_wrapper .dg_tooltip_content {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #0009;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000026;
    color: #fff;
    display: none;
    font-size: 14px;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 22px;
    width: 250px;
    z-index: 1
}

.digi_table_row .dm__bonus_item_info_wrapper .dg_tooltip_trigger_row {
    align-items: center;
    display: flex
}

.digi_table_row .dm__bonus_item_info_wrapper .dgm_order_info_value {
    color: var(--dominantTxt)
}

.digi_table_row .dm__bonus_item_info_wrapper .tg_tooltip_content_hovered {
    display: none
}

.digi_table_row .dm__bonus_item_info_wrapper .tg_tooltip_content {
    flex-grow: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    min-width: 1px
}

.digi_table_row .dm__bonus_item_info_wrapper .tg_tooltip_content .dm__bonus_info_row_text {
    font-size: 12px;
    font-weight: 500
}

.digi_table_row .dm__bonus_item_info_wrapper .tg_tooltip_content .sport_front_icon-info {
    margin-right: 6px
}

.digi_table_row .dm__bonus_item_info_wrapper .tg_tooltip_content .tg_tooltip_icon {
    border: 1px solid #5aae73;
    border-radius: 4px;
    color: #5aae73 !important;
    font-size: 20px;
    height: 12px;
    line-height: 18px;
    margin: 0 8px;
    padding: 9px;
    width: 12px
}

.digi_table_row .dm__bonus_item_info_wrapper .tg_tooltip_content.clicked .dg_tooltip_icon {
    position: relative
}

.digi_table_row .dm__bonus_item_info_wrapper .tg_tooltip_content.clicked .dg_tooltip_icon:after {
    border-bottom: 6px solid var(--tooltipBg);
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    bottom: -3px;
    color: var(--tooltipTxt);
    content: "";
    height: 0;
    position: absolute;
    right: 6px;
    width: 0;
    z-index: 10
}

.digi_table_row .dm__bonus_item_info_wrapper .tg_tooltip_content.clicked .tg_tooltip_content_hovered {
    background: var(--tooltipBg);
    border-radius: 6px;
    color: var(--tooltipTxt);
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    min-height: 36px;
    min-width: 328px;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    top: 23px;
    vertical-align: center;
    width: 100%;
    z-index: 3
}

#e-sport-root .bh_wrapper,
#e-sport-root .bh_wrapper_mid .bh_root_main {
    height: auto
}

#e-sport-root .bh_modal_cashout {
    position: absolute;
    top: 260px
}

#e-sport-container-element,
#e-sport-root,
#e-sport-root .bh_wrapper,
.dg_bet_history_main_wrapper,
.esp_layout_center,
.esp_layout_main,
body,
html {
    height: 100%
}

.dg_bet_history_menu_wrapper {
    align-items: center;
    display: flex;
    height: 44px;
    padding-left: 24px
}

.dg_bet_history_menu_back {
    align-items: center;
    background-color: var(--bodyBg2);
    color: var(--bodyTxt);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: center;
    width: 36px
}

.bh_root {
    height: calc(100% - 44px)
}

#e-sport-root .bh_wrapper_mid .bh_root_main {
    height: 100%
}

.bh_tab_wrapper {
    height: 64px
}

.bh_main_content {
    height: calc(100% - 64px)
}

#e-sport-root .esp_layout_main {
    min-height: 100%;
    overflow: auto
}

.esp_layout_main.es_bh_opened .esp_layout_center,
.esp_layout_main.es_bh_opened .esp_layout_left,
.esp_layout_main.es_bh_opened .esp_layout_right {
    height: 100% !important;
    overflow-y: auto
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999px);
    width: 320px;
    z-index: 9999
}

.Toastify__toast-container--top-left {
    left: 1em;
    top: 1em
}

.Toastify__toast-container--top-center {
    left: 50%;
    margin-left: -160px;
    top: 1em
}

.Toastify__toast-container--top-right {
    right: 1em;
    top: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left: -160px
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: 0;
        margin: 0;
        padding: 0;
        width: 100vw
    }
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: 0
    }
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: 0
    }
    .Toastify__toast-container--rtl {
        left: auto;
        right: 0
    }
}

.Toastify__toast {
    border-radius: 1px;
    box-shadow: 0 1px 10px 0 #0000001a, 0 2px 15px 0 #0000000d;
    box-sizing: border-box;
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    min-height: 64px;
    overflow: hidden;
    padding: 8px;
    position: relative
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--default {
    background: #fff;
    color: #aaa
}

.Toastify__toast--info {
    background: #3498db
}

.Toastify__toast--success {
    background: #07bc0c
}

.Toastify__toast--warning {
    background: #f1c40f
}

.Toastify__toast--error {
    background: #e74c3c
}

.Toastify__toast-body {
    flex: 1 1;
    margin: auto 0
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        margin-bottom: 0
    }
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease
}

.Toastify__close-button--default {
    color: #000;
    opacity: .3
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    background-color: #ffffffb3;
    bottom: 0;
    height: 5px;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--default {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55)
}

@keyframes Toastify__bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }
    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }
    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(110%, 0, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(-110%, 0, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

.toaster {
    background: #0000;
    box-shadow: none;
    min-height: 0;
    overflow: visible;
    padding: 0
}