.scrollbar-0 {
    overflow: auto;
}
.scrollbar-0 {
    scrollbar-width: none;
} /* Note: This approach doesn't work in Safari and Android Webview; works in Chrome, Edge, Opera, Firefox */
.scrollbar-0::-webkit-scrollbar {
    display: none;
} /* Note: The pseudo class approach doesn't work in Firefox; works in Chrome, Edge, Opera, Safari, Android Webview */

.scrollbar-thin {
    overflow: auto;
}
.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    /*padding: 2px;*/
}
.scrollbar-thin::-webkit-scrollbar-track {
    /*background-color: blue !important;*/
    /*width: 6px;
    padding: 2px;
    margin: 2px;*/
}

/*.scrollbar-thin::-webkit-scrollbar-thumb {*/
    /*width: 4px;*/
    /*background-color: var(--color-grey-medium);
    border-radius: var(--border-radius-round);
}*/
.scrollbar-thin::-webkit-scrollbar-thumb {
    width: 4px;
    background-color: rgba(var(--rgb-os-bg),0.44);
    border-radius: var(--border-radius-round);
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--rgb-os-bg),0.55);
}

.scrollbar-thin::-webkit-scrollbar-thumb:active {
    background-color: rgba(var(--rgb-os-bg),0.66);
}
/*.scrollbar-thin::-webkit-scrollbar-thumb {*/
    /*width: 4px;*/
    /*background-color: var(--color-grey-medium);
    border-radius: var(--border-radius-round);
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--color-grey-dark), 0.5);
}
.scrollbar-thin::-webkit-scrollbar-thumb:active {
    background-color: rgba(var(--color-grey-dark), 1);
}*/

/* textarea scrollbar code is in forms.css */

/* Overlay Scrollbar css override */
/*.os-theme-dark {
    --os-handle-bg: rgba(0,0,0,.23);
    --os-handle-bg-hover: rgba(0,0,0,.33);
    --os-handle-bg-active: rgba(0,0,0,.43);
}*/
.os-theme-dark {
    --os-handle-bg: rgba(var(--rgb-os-bg),0.44);
    --os-handle-bg-hover:rgba(var(--rgb-os-bg),0.55);
    --os-handle-bg-active: rgba(var(--rgb-os-bg),0.66);
}