.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(--grey-medium);
    border-radius: var(--border-radius-round);
}

/* 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);
}