/* #root .desktop:not(.desktop.view-page-live-match) .left-sidebar::-webkit-scrollbar,
#root .match-carousel .carousel-scrollable > app-widget-host::-webkit-scrollbar,
#root .desktop.view-page- .body .content::-webkit-scrollbar,
#root .desktop.view-page-live-match .body .content::-webkit-scrollbar,
#root .desktop.view-page-match .body .content::-webkit-scrollbar {
    display: none !important;
} */

#root .mobile *::-webkit-scrollbar {
    display: none !important;
} 

#root .desktop .body .left-sidebar,
#root .desktop .body .content,
#root .desktop .body .right-sidebar {
    scrollbar-width: unset !important;
}

/* #root .desktop .body .content {
    scrollbar-width: unset !important;
} */

html .desktop {
    /* Firefox scrollbars */
    /* scrollbar-color: var(--c-emphasis-b) var(--c-primary-c); */
    scrollbar-color: var(--c-emphasis);
}

.ng-scrollbar-track,
.ng-scrollbar-track:hover {
    scrollbar-color: var(--c-emphasis);
}

.ng-scrollbar-thumb {
    background-color: var(--c-emphasis) !important;
}

#root .desktop .body .left-sidebar,
#root .desktop .body .right-sidebar,
#root .desktop .body .content {
    /* Firefox scrollbars */
    scrollbar-color: var(--c-emphasis);
}

#root .desktop.device-desktop .body .left-sidebar:hover,
#root .desktop.device-desktop .body .right-sidebar:hover,
#root .desktop.device-desktop .body .content:hover {
    scrollbar-color: var(--c-emphasis);
}

.desktop ::-webkit-scrollbar {
    width: 4px;
}

.desktop ::-webkit-scrollbar-track {
    background-color: var(--c-emphasis);
}

.desktop ::-webkit-scrollbar-thumb:vertical {
    background-color: transparent;
    border-color: transparent;
}

.desktop.device-desktop :hover::-webkit-scrollbar-thumb:vertical {
    background-color: var(--c-emphasis);
}

.ng-scrollbar-thumb {
    background-color: var(--c-emphasis);
}

.desktop.view-page-user-mybets .body ::-webkit-scrollbar-track,
.desktop.view-page-user-settledbets .body ::-webkit-scrollbar-track {
    background-color: var(--c-emphasis);
}


.desktop.device-desktop ::-webkit-scrollbar-thumb:vertical:hover {
    background-color: var(--c-emphasis);
}

.desktop ::-webkit-scrollbar-thumb:horizontal {
    background-color: var(--c-emphasis);
}

#root .desktop .ui-dialog .ui-dialog-content::-webkit-scrollbar-track {
    background-color: var(--c-emphasis);
}

#root .desktop .ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb:vertical {
    background-color: var(--c-emphasis);
}

.custom-scrollbar .ng-scrollbar-wrapper>scrollbar-x.scrollbar-control {
    background-color: var(--c-emphasis);
}

.desktop .search-dropdown ::-webkit-scrollbar-track {
    background-color: var(--c-emphasis);
}

app-custom-scrollbar .control-right:before,
app-custom-scrollbar .control-left:before {
    color: var(--c-emphasis);
}