.nbe-scroll-bar {
    scrollbar-color: #cccccc transparent;
    scrollbar-width: thin;
}

    .nbe-scroll-bar::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: transparent;
    }

    .nbe-scroll-bar::-webkit-scrollbar-track {
        -webkit-box-shadow: transparent;
    }

    .nbe-scroll-bar::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 4px;
        border: 1px solid white;
    }

        .nbe-scroll-bar::-webkit-scrollbar-thumb:hover {
            cursor: pointer;
        }

    .nbe-scroll-bar.dark-scroll::-webkit-scrollbar {
        width: 16px;
        height: 8px;
        background-color: #2b2b2b;
    }

    .nbe-scroll-bar.dark-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: transparent;
        background-color: rgba(19, 19, 19, 0.5);
        border-left: 7px solid #2b2b2b;
        border-right: 7px solid #2b2b2b;
    }

    .nbe-scroll-bar.dark-scroll::-webkit-scrollbar-thumb {
        background-color: #000000;
        border-radius: 6px;
        border: #2b2b2b;
        border-left: 6px solid #2b2b2b;
        border-right: 6px solid #2b2b2b;
    }