.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; */--new-app-bg: var(--c-primary-c);--new-app-border: var(--s-black-25);--new-app-title-color: var(--c-white);--new-app-close-color: var(--c-white);--new-app-button-bg: var(--c-emphasis);--new-app-button-color: var(--c-black);--new-app-button-icon-color: var(--c-black);--new-app-android-icon: url(/v1.869/r/images/wazaa/menu/androiddarkmode/Wz_Android_DarkMode.png);}

@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;
   --new-app-bg: var(--c-white);
   --new-app-border: var(--s-grey-25);
   --new-app-title-color: var(--c-red);
   --new-app-close-color: var(--c-red);
   --new-app-button-bg: var(--c-red);
   --new-app-button-color: var(--c-white);
   --new-app-button-icon-color: var(--c-white);
   --new-app-android-icon: url(/v1.869/r/images/wazza/icons/android-icon.svg);
   --c-red:#EA0043;
   --c-red-faint:#FDE4EA;
   --c-green:#00C7B1;
   --c-green-faint:#E7F9F1;
   /* --c-text:#fff; */
   --c-new-gray-1: #6A7282;
   --c-new-gray-2: #99A1AF;
   --c-r-white-01:#fff;
   --c-r-grey-01:#F5F5F7;
   --c-r-surface:#F5F6F8;
   --c-r-grey-02:#D1D5DB;
   --c-r-grey-03:#ECECEF;
   --c-r-grey-04:#E3E3E7;
   --c-r-grey-05:#F2F5F7;
   --c-r-grey-06:#F1F1F3;
   --c-r-grey-07:#EDEEF0;
   --c-r-grey-08:#E5E5E8;
   --c-r-grey-09:#99999E;
   --c-r-grey-10:#EDEDEE;
   --c-r-grey-11:#F6F6F6;
   --c-r-grey-border:#D1D5DB;
   --c-r-grey-border-02:#D9D9DE;
   --c-r-grey-border-03:#E8E8EB;
   --c-r-text-primary:#14161A;
   --c-r-text-secondary:#4E5462;
   --c-r-text-tertiary:#6B7280;
   --c-r-text-5:#6B7078;
   --c-r-text-6:#8A8F94;
   --c-r-text-muted:#9CA3AF;
   --c-text-light:#ffffff;
   --c-r-text-8px-normal:400 8px / 100% var(--site-font), sans-serif;
   --c-r-text-8px-sbold:400 8px / 100% var(--site-font), sans-serif;
   --c-r-text-9px-sbold:600 9px / 100% var(--site-font), sans-serif;
   --c-r-text-10px-sbold:600 10px / 100% var(--site-font), sans-serif;
   --c-r-text-10px-bold:700 10px / 100% var(--site-font), sans-serif;
   --c-r-text-10px-sbold:600 10px / 100% var(--site-font), sans-serif;
   --c-r-text-10px-normal:400 10px / 100% var(--site-font), sans-serif;
   --c-r-text-10px-medium:500 10px / 100% var(--site-font), sans-serif;
   --c-r-text-11px-normal:400 10px / 100% var(--site-font), sans-serif;
   --c-r-text-11px-bold:700 10px / 100% var(--site-font), sans-serif;
   --c-r-text-11px-sbold:600 10px / 100% var(--site-font), sans-serif;
   --c-r-text-13px-sbold:600 13px / 100% var(--site-font), sans-serif;
   --c-r-text-13px-normal:400 13px / 100% var(--site-font), sans-serif;
   --c-r-text-12px-bold:700 12px / 100% var(--site-font), sans-serif;
   --c-r-text-12px-sbold:600 12px / 100% var(--site-font), sans-serif;
   --c-r-text-12px-normal:400 12px / 100% var(--site-font), sans-serif;
   --c-r-text-14px-sbold:600 14px / 100% var(--site-font), sans-serif;
   --c-r-text-15px-sbold:600 15px / 100% var(--site-font), sans-serif;
   --c-r-text-17px-sbold:600 17px / 100% var(--site-font), sans-serif;
   --c-r-text-24px-sbold:600 24px / 100% var(--site-font), sans-serif;
   --c-r-text-20px-sbold:600 20px / 100% var(--site-font), sans-serif;
}

    
    .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 .user-action-row > app-widget-host{
        background-color: hsl(240deg 4% 89% / 50%);
    }
    .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(/v1.842/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;

        --new-app-bg: var(--c-primary-c);
        --new-app-border: var(--s-black-25);
        --new-app-title-color: var(--c-white);
        --new-app-close-color: var(--c-white);
        --new-app-button-bg: var(--c-emphasis);
        --new-app-button-color: var(--c-black);
        --new-app-button-icon-color: var(--c-black);
        --new-app-android-icon: url(/v1.869/r/images/wazaa/menu/androiddarkmode/Wz_Android_DarkMode.png);
          --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(/v1.842/r/images/bestbet/icons/odd-locked-white.svg)
    }
    .theme-light .match-markets-wrapper .match-odd.odd-locked{
        background-image: url(/v1.842/r/images/bestbet/icons/odd-locked-dark.svg);
    }
     .header .login-section-wrapper .deposit-link{
        background-color: var(--c-background-b);
    }
    .header .desktop .login.account-icon:before{
        color: var(--c-w-b);
        background-image: url(/v1.842/r/images/wazza/icons/user-icon-6.svg);
        
    }
    
     .theme-light .desktop .header .login.account-icon:before{
        background-image: url(/v1.842/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(/v1.842/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(/v1.842/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-auto .fifa-world-cup {
    background-image:url(/v1.843/r/images/wazaa/icon/wc2026icon1.svg);
    filter:invert(1)
}
    .theme-auto .home-btn-nav .home-btn.wc img {
    filter:invert(1)
}
     .theme-auto .home-carousel button.previous .icon,
.theme-auto .home-carousel button.next .icon {
    background-image: url(/v1.845/r/images/megabet/arrow-right.svg);
}
   .theme-auto  .left-sidebar .wc-tab > div:before,
.theme-auto   .wc-tab img {
        filter:invert(1)
    }

}
.theme-dark .home-btn-nav .home-btn.wc img {
    filter:invert(1)
}
.theme-dark  .left-sidebar .wc-tab > div:before,
.theme-dark   .wc-tab img{
        filter:invert(1)
    }