.fixed-menu .home-img.light, .fixed-menu .home-img.dark {
    display: none
}

.theme-light .fixed-menu .home-img.light, .theme-dark .fixed-menu .home-img.dark, .theme-auto .fixed-menu .home-img.dark {
    display: flex
}

.theme-auto {
    --odd-width: 56px;
    --odd-margin: 12px;
    --odd-height: 28px;
    --site-font: 'Avenir', Arial, sans-serif;
    --c-text-light: #fff;
    --c-text-dark: #000;
    --mobile-header: 62px;
    --bottom-nav: 60px;
    --c-primary: #ffffff;
    --c-primary-b: #63696d;
    --c-primary-c: #231f20;
    --c-primary-d: #ffffff;
    --c-primary-e: #989898;
    --c-background: #000;
    --c-background-b: #231E1E;
    --c-background-c: #000;
    --c-background-d: #e8f0fe;
    --c-background-e: #000;
    --c-background-f: #34383b;
    --c-emphasis: #C7EE00;
    --c-emphasis-b: #00C7B1;
    --c-emphasis-c: #ea0043;
    /*#c9454e;*/
    --c-emphasis-d: #3500f6;
    --c-b-w: #000000;
    --c-w-b: #ffffff;
    --c-black: #000000;
    --c-white: #ffffff;
    --c-green: #00C7B1;
    --c-additional: #afb2ba;
    --c-shade: rgba(0, 0, 0, 0.16);
    --r-border-radius-small: 4px;
    --r-border-radius-medium: 8px;
    --r-border-radius-big: 16px;
    --s-black-25: rgba(0 0 0 / 25%);
    --s-grey-25: rgb(186 186 186 / 25%);
    --s-grey-2-25: rgb(144 137 137 / 25%);
    --s-green-10: rgb(0 199 177 / 10%);
    --c-grey-2: #1E1E22;
    --c-grey-4: #2A2A2D;
    --bs-: rgb(0 0 0 / 20%) 0 1px 11px;
    --c-red: #EA0043;
    --c-green: #00C7B1;
    --c-text: #fff;
}

@media screen and (prefers-color-scheme: light) {
    .theme-auto #root.view-page- .home-btn, .theme-auto #root .view-page-bbuilder .bb-btn, .theme-auto #root .view-page-sports-antepost .antepost-btn:not(.antepost-eurovision-btn):not(.antepost-nba-btn), .theme-auto #root .view-page-sports-antepost-f1 .antepost-formula-btn, .theme-auto #root .view-page-sports-today .today-btn, .theme-auto #root .view-page-sports-antepost-eurovision, .theme-auto #root .antepost-eurovision-btn, .theme-auto #root .view-page-sports-antepost-nba .antepost-nba-btn {
        border: 2px solid var(--c-emphasis);
        /* background-color: var(--c-emphasis); */
        /* color:var(--c-black); */
    }

    .theme-auto {
        --c-primary: #666666;
        --c-primary-b: #63696d;
        --c-primary-c: #231f20;
        --c-primary-d: #ea0043;
        --c-primary-e: #989898;
        --c-background: #ededed;
        --c-background-b: #ffffff;
        --c-background-c: #f1f1f1;
        --c-background-d: #e8f0fe;
        --c-background-e: #ea0043;
        --c-background-f: #ffffff;
        --c-emphasis: #C7EE00;
        --c-emphasis-b: #00C7B1;
        --c-emphasis-c: #ea0043;
        --c-emphasis-d: #3500f6;
        --c-b-w: #ffffff;
        --c-w-b: #000000;
        --c-black: #000000;
        --c-white: #ffffff;
        --c-green: #00C7B1;
        --c-additional: #afb2ba;
        --c-shade: rgba(0, 0, 0, 0.16);
        --c-tint: rgba(255,255,255,.8);
        --r-border-radius-small: 4px;
        --r-border-radius-medium: 8px;
        --r-border-radius-big: 16px;
        --bs-: rgb(0 0 0 / 20%) 0 1px 11px;
        --s-black-25: rgba(0 0 0 / 25%);
        --s-grey-25: rgb(186 186 186 / 25%);
        --s-grey-2-25: rgb(144 137 137 / 25%);
        --s-grey-3-25: rgb(178 178 178 / 25%);
        --s-green-10: rgb(0 199 177 / 10%);
        --c-grey-1: #d8d8d8;
        --c-grey-2: #d9d9d9;
        --c-grey-4: #e3e3e5;
        --c-red: #EA0043;
        --c-green: #00C7B1;
        --c-text: #000;
        --c-new-gray-1: #6A7282;
        --c-new-gray-2: #99A1AF;
    }

    .theme-auto .fixed-menu .home-img.dark {
        display: none
    }

    .theme-auto .fixed-menu .home-img.light {
        display: flex
    }

    .theme-dark .fixed-menu .home-img.dark {
        display: flex
    }

    .theme-dark .fixed-menu .home-img.light {
        display: none
    }

    .theme-auto body .mobile .fixed-menu .tab.home, .theme-auto body .mobile .home-active .fixed-menu .tab.home {
        background-color: #f2f3f4;
    }

    .theme-dark .mobile .payment-method .generic-form .form-row input, .theme-dark .mobile .payment-method .generic-form .form-row select {
        border: 1px solid var(--c-grey-4);
    }

    .theme-dark .mobile .payment-method #deposit_mobile > div.fld-newtelephone .form-element-wrapper::before {
        border: 1px solid var(--c-grey-4);
        border-right: 0px;
    }

    .theme-dark .desktop .header .login.account-icon:before {
        color: var(--c-w-b);
        background-image: url(/v2.425/r/images/wazza/icons/user-icon-6.svg);
    }

    .theme-light .header .user-action-row .login-section .light-mod, .theme-dark .mobile .header .user-action-row .login-section .dark-mod, .theme-auto .mobile .header .user-action-row .login-section .light-mod {
        display: block
    }

    .theme-auto app-breaks-events-item-markets select {
        background-image: url(/v2.79/r/images/wazza/icons/arrow-down-fff.svg);
        background-repeat: no-repeat;
    }
}

@media screen and (prefers-color-scheme: dark ) {
    .theme-auto {
        --c-new-gray-1: #ffffff;
        --c-new-gray-2: #ffffff;
        --c-red: #EA0043;
        --c-red-faint: #FDE4EA;
        --c-green: #00C7B1;
        --c-green-faint: #0A2421;
        --c-text: #fff;
        --c-r-background: #0D0E11;
        --c-new-gray-1: #6A7282;
        --c-new-gray-2: #99A1AF;
        --c-r-white-01: #14161a;
        --c-r-grey-01: #232329;
        --c-r-surface: #0d0e11;
        --c-r-grey-02: #D1D5DB;
        --c-r-grey-03: #2A2E37;
        --c-r-grey-04: #2a2e37;
        --c-r-grey-05: #232329;
        --c-r-grey-06: #232329;
        --c-r-grey-07: #2A2E37;
        --c-r-grey-08: #232329;
        --c-r-grey-09: #232329;
        --c-r-grey-10: #232329;
        --c-r-grey-11: #232329;
        --c-r-grey-border: #2a2e37;
        --c-r-grey-border-02: #D9D9DE;
        --c-r-grey-border-03: #E8E8EB;
        --c-r-text-primary: #ffffff;
        --c-r-text-secondary: #9ca3af;
        --c-r-text-tertiary: #6B7280;
        --c-r-text-5: #6B7078;
        --c-r-text-6: #8A8F94;
        --c-r-text-muted: #9CA3AF;
        --c-text-light: #ffffff;
    }

    .theme-auto #root .theme-switcher-footer .theme-dropdown-switcher .icon:before {
        filter: unset;
    }

    .theme-auto .mobile .homepage .fixed-menu .tab.home {
        background-color: var(--c-emphasis-c)
    }

    .theme-auto .mobile .homepage .fixed-menu .tab .home-img.blue, .theme-auto .mobile .tab.home .blue-dark-theme {
        display: none;
    }

    .theme-auto .mobile .homepage .fixed-menu .tab .home-img.blue-dark-theme {
        display: block;
    }

    .theme-auto .main-coupon-v1 .match-links .match-statistics {
        background: url(/v1.031/r/images/wazza/icons/stats-white-old.svg) center center no-repeat
    }

    .theme-auto .theme-dropdown-switcher .theme-list-container .active-theme:after {
        background-image: url(/v1.031/r/images/wazza/icons/arrow-white-v1.svg);
        transform: rotate(-90deg);
        width: 18px;
        height: 18px;
    }

    .theme-dark .mobile .theme-switcher .theme-dropdown-switcher .active-theme .icon:before, .theme-auto .mobile .theme-switcher .theme-dropdown-switcher .active-theme .icon:before, .theme-dark .theme-switcher .theme-dropdown-switcher .theme-list .icon:before, .theme-auto .theme-switcher .theme-dropdown-switcher .theme-list .icon:before, .theme-dark .theme-switcher .theme-dropdown-switcher .theme-list .icon:before, .theme-auto .theme-switcher .theme-dropdown-switcher .theme-list .icon:before {
        filter: unset!important;
    }

    .theme-auto .mobile .betslip .betslip-title:after {
        background-image: url(/v2.033/r/images/wazza/icons/check-list-6757953-FFFFFF.svg);
    }

    .theme-auto .betslip .betslip-clear-wrapper .clear-betslip-button {
        background-image: url(/v2.033/r/images/wazza/icons/bin-FFFFFF.svg);
    }

    .theme-auto #root .mobile .betslip-title .betslip-arrow {
        filter: invert(1);
    }

    .theme-auto .betslip .betslip-events-wrapper .betslip-match-content .bet-actions > app-bet-event-actions .bet-remove {
        background-image: url(/v2.033/r/images/wazza/icons/close-FFFFFF.svg);
    }

    body .mobile-navigation-view-left .sports-search .ui-inputtext:enabled:hover:not(.ui-state-error) {
        color: var(--c-white);
    }

    .theme-auto body .mobile-navigation-view .ui-dialog-content {
        background-color: var(--c-background);
    }

    .mobile .home-active .fixed-menu .tab.home, .mobile .homepage .fixed-menu .tab.home {
        background-color: #f2f3f4;
        border: 2px solid var(--c-emphasis-c);
    }

    .theme-auto .mobile .login-modal-body .login-form > div label {
        color: var(--c-white);
    }

    .theme-auto .mobile .forgotpass > app-widget-host {
        color: var(--c-white)
    }

    .theme-auto .mobile .register-modal .forgot-content, .theme-auto .mobile .register-modal .forgot-title, .theme-auto .mobile .register-row-wrap .register-string {
        color: var(--c-white)
    }

    .theme-auto .mobile .content.register-modal, .theme-auto .mobile .login-menu-register, .theme-auto .mobile .register-login-section {
        background-color: var(--c-background)
    }

    .theme-auto .mobile .register-form-wrapper form > div > div {
        background-color: var(--c-background);
    }

    .theme-auto .mobile .register-form-wrapper .generic-form .form-row {
        /*  background-color: var(--c-background); */
        color: var(--c-white)
    }

    .theme-auto .mobile .register-form-wrapper .form-row label {
        color: var(--c-white);
    }

    .theme-auto #root .mobile .generic-form .field-caption {
        color: var(--c-white);
    }

    .theme-auto .bottom-header-menu .menu li a:hover:before, .theme-auto .bottom-header-menu .menu li a.active:before {
        filter: invert(47%) sepia(42%) saturate(1768%) hue-rotate(321deg) brightness(78%) contrast(104%);
    }

    .theme-auto .fixed-menu .home-img.light {
        display: none
    }

    .theme-auto .fixed-menu .home-img.dark {
        display: flex
    }

    .theme-dark .fixed-menu .home-img.dark {
        display: flex
    }

    .theme-dark .fixed-menu .home-img.light {
        display: none
    }

    .theme-auto .desktop .header .login.account-icon:before {
        color: var(--c-additional);
    }

    .theme-auto .bottom-header-menu a:hover .menu-label, .theme-auto .bottom-header-menu a.active .menu-label {
        color: var(--c-text-header);
        filter: invert(47%) sepia(42%) saturate(1768%) hue-rotate(321deg) brightness(78%) contrast(104%);
    }

    .theme-auto .sports-match-wrapper > .toggle-all-expanded:before {
        filter: unset
    }

    .theme-auto .live-data-wrapper .livescore-button > div:before, .theme-auto .live-data-wrapper .statistics-button > div:before {
        filter: unset
    }

    .theme-auto .toggle-sidebar-button .toggle-collapse:before {
        background-image: url(/v2.033/r/images/wazza/icons/icon-collapse-white.svg);
    }

    .theme-auto .copa-del-rey {
        background-image: url(/v2.033/r/images/wazza/icons/Copa-Del-Rey-white.svg)
    }

    .theme-auto .uefa-champions-league, .theme-auto .match-league-CHLG .international-clubs, .theme-auto .tourn-CHLG {
        background-image: url(/v2.033/r/images/wazza/icons/icon_UEFA_Champions_League-white.svg)
    }

    .theme-auto .uefa-europa-league, .theme-auto .match-league-EULG .international-clubs, .theme-auto .tourn-EULG, .theme-auto .match-league-EUL .international-clubs {
        background-image: url(/v2.033/r/images/wazza/icons/icon_Europa_League_white.svg)
    }

    .theme-auto .uefa-conference-league, .theme-auto .match-league-CNLG .international-clubs, .theme-auto .tourn-CNLG {
        background-image: url(/v2.033/r/images/wazza/icons/UEFA_Conference_League-white.svg)
    }

    .theme-auto .euroleague, .theme-auto .match-league-EUL .basketball.international {
        background-image: url(/v2.033/r/images/wazza/icons/Basketball-Euroleague-white.svg)
    }

    .theme-auto .call-of-duty:not(.events-category-flag):not(.match-page-country-flag), .theme-auto .counter-strike:not(.events-category-flag):not(.match-page-country-flag) {
        filter: unset
    }

    .theme-auto .num-pad-container .elements .element.button-backspase:before {
        filter: invert(1);
    }

    .balance-details .table .row-balance .value {
        color: var(--c-emphasis-b)
    }

    .balance-details .table .row-to-bet .value, .balance-details .table .row-withdraw .value, .balance-details .table .row-netbalance .value {
        color: var(--c-emphasis-b)
    }

    .match-markets-wrapper .match-odd.odd-locked {
        background-image: url(/v2.79/r/images/bestbet/icons/odd-locked-white.svg)
    }

    .theme-light .match-markets-wrapper .match-odd.odd-locked {
        background-image: url(/v2.79/r/images/bestbet/icons/odd-locked-dark.svg);
    }

    .header .login-section-wrapper .deposit-link {
        background-color: var(--c-background-b);
    }

    .desktop .header .login.account-icon:before {
        color: var(--c-w-b);
        background-image: url(/v2.79/r/images/wazza/icons/user-icon-6.svg);
    }

    .theme-light .desktop .header .login.account-icon:before {
        background-image: url(/v2.79/r/images/wazza/icons/user-icon-red.png);
    }

    .user-action-row > app-widget-host, .theme-dark .user-action-row > app-widget-host {
        background-color: hsl(240deg 4% 89% / 50%);
    }

    .mobile .payment-method .generic-form .form-row input, .mobile .payment-method .generic-form .form-row select {
        border: 1px solid var(--c-grey-4);
    }

    .mobile .payment-method #deposit_mobile > div.fld-newtelephone .form-element-wrapper::before {
        border: 1px solid var(--c-grey-4);
        border-right: 0px;
    }

    body#root .ui-widget-overlay {
        background-color: rgba(0, 0, 0, .4);
    }

    .theme-light body#root .ui-widget-overlay {
        background-color: rgba(255, 255, 255, .4);
    }

    app-breaks-events-item-markets select {
        background-image: url(/v2.79/r/images/wazza/icons/arrow-down-fff.svg);
        background-repeat: no-repeat;
    }

    .theme-light app-breaks-events-item-markets select, .theme-auto app-breaks-events-item-markets select, .theme-auto .mobile .sports-page-controls .featured-leagues-dropdown select, .theme-auto .mobile .sports-page-controls .sports-page-filter select, .theme-auto #root .mobile .events-sport-header .market-drop-down-heading select, .theme-auto #root .pools-results-container .label-value-container .element select {
        background-image: url(/v2.79/r/images/wazza/icons/arrow-down-fff.svg);
        background-repeat: no-repeat;
    }

    .theme-light .header .user-action-row .login-section .light-mod, .theme-dark .mobile .header .user-action-row .login-section .dark-mod, .theme-auto .mobile .header .user-action-row .login-section .dark-mod {
        display: block
    }

    .theme-dark body {
        background-color: var(--c-r-background)
    }

    .theme-dark .header {
        background-color: var(--c-r-grey-01)
    }

    .theme-auto #root .header > app-widget-host {
        border-color: var(--c-r-grey-01)
    }

    .theme-auto .main-content-mobile {
        background-color: var(--c-r-surface)
    }

    .theme-auto .mobile .body {
        background-color: var(--c-r-surface)
    }

    .theme-auto .mobile .market-switch-list-items li.selected {
        background-color: var(--c-r-grey-01);
    }

    .theme-auto .mobile .inline-sports-filter {
        background-color: var(--c-r-surface)
    }

    .theme-auto body .mobile .sports-page-controls {
        background-color: var(--c-r-surface)
    }

    .theme-auto .fixed-menu {
        background-color: var(--c-r-grey-01);
    }

    .theme-auto .mobile .footer-social-wrapper .beto-image {
        border-color: var(--c-text);
        background-color: transparent;
        filter: saturate(0) brightness(100)
    }

    .theme-auto .mobile .footer-wrapper {
        background-color: var(--c-r-surface)
    }

    .theme-auto .footer-wrapper .download-app-wrapper .download-block > app-widget-host {
        border-color: var(--c-text);
        color: var(--c-text);
        /* border-color:var(--c-text); */
    }

    .theme-auto .footer-wrapper .download-app-wrapper .download-block .subtitle {
        color: var(--c-text);
    }

    .theme-auto .footer-wrapper .download-app-wrapper .download-block .icon {
        filter: invert(1) brightness(100)
    }

    .theme-auto .footer-wrapper .download-app-wrapper > app-widget-host {
        border-color: var(--c-text)
    }

    .theme-auto .mobile .footer .beto-odds-format {
        border-color: var(--c-text)
    }

    .theme-auto .mobile .footer-wrapper .menu-links .menu-link {
        color: var(--c-text);
    }

    .theme-auto .mobile .footer-wrapper .footer-info-wrapper .license-wrapper {
        color: var(--c-text);
    }

    .theme-auto .mobile .footer-wrapper .footer-info-wrapper .age-restriction > app-widget-host {
        color: var(--c-text);
    }

    .theme-auto .mobile .main-coupon-v1 .item-info-wrapper .match-info .match-type {
        color: var(--c-r-text-muted)
    }

    .theme-auto .mobile .main-coupon-v1 .sports-coupon .match-info .match-schedule div {
        color: var(--c-green);
    }

    .theme-auto body .mobile .sports-page-controls ul li.selected > span {
        background-color: var(--c-r-surface)
    }

    .theme-auto .mobile .market-switch-list-items {
        background-color: var(--c-r-surface)
    }

    .theme-auto .mobile .back a:before {
        filter: invert(1);
    }

    .theme-auto .account-balance-wrapper {
        background-color: var(--c-r-surface-alt)
    }

    .theme-auto .account-balance-wrapper.bonus-card {
        background-color: transparent;
    }

    .theme-auto .mobile .payment-method .generic-form .form-row input, .theme-auto .mobile .payment-method .generic-form .form-row select {
        background-color: var(--c-r-surface)
    }

    .theme-auto .mobile .voucher-form-wrapper.with-background {
        background-color: var(--c-r-grey-01);
    }

    .theme-auto #root .mobile .list-message-row::before {
        background-image: url(/v3.12/r/images/wazaa/icon/message_white.svg)
    }

    .theme-auto .mobile .change-password .form-element-wrapper > input {
        background-color: var(--c-r-background)
    }

    .theme-auto .mobile .account-page .user-messages form .form-row .form-element-wrapper input, .theme-auto .mobile .account-page .user-messages form .form-row .form-element-wrapper textarea {
        background-color: var(--c-r-background)
    }

    .theme-auto .betslip-top-wrapper .close-modal-button {
        filter: invert(1)
    }

    .theme-auto body .ui-dialog.mobile-betslip-view .ui-dialog-content {
        background-color: var(--c-r-background)
    }

    .theme-auto .mobile .betslip .betslip-wrapper {
        background-color: var(--c-r-background)
    }

    .theme-auto .mobile .betslip .betslip-events-wrapper app-betslip-event {
        background-color: var(--c-r-background)
    }

    .theme-auto .mobile .betslip .betslip-events-wrapper .bet-actions .bet-odds-inline .bet-odds {
        background-color: var(--c-r-grey-01);
    }

    .theme-auto .mobile .betslip .betslip-bets-container > app-betslip-multiples {
        background-color: var(--c-r-background)
    }
}

body .mobile .test-page .sports-page-controls {
    width: calc(100% - 130px);
    position: sticky;
    height: 48px;
    top: 56px;
    z-index: 12;
    background-color: var(--c-background-b);
    display: block;
    transform: translateY(48px);
    order: unset;
    display: flex;
    align-items: center;
}

body .mobile .test-page .sports-page-controls.date-filter-wrap {
    width: 100%;
    transform: unset;
    position: unset;
    display: flex;
    align-items: center;
}

body .mobile .test-page .sports-page-controls.date-filter-wrap > app-widget-host {
    margin: 0
}

.mobile .test-page .sports-page-controls .page-filter-label {
    margin-bottom: 4px
}

.mobile test-page .sports-page-controls.row > app-widget-host {
    margin: 0
}

body:has(app-inline-show-odds-under) .mobile .test-page .sports-page-controls ~ .beto-sports-coupon .events-sport-wrapper .events-sport-header {
    top: 234px;
    transform: translateY(-126px);
}

.mobile .test-page app-inline-show-odds-under {
    margin-top: 10px
}

.mobile .test-page .sports-page-controls ~ .beto-sports-coupon .events-sport-wrapper .events-sport-header {
    top: 156px;
}