.scroller-light-bar.scroller-light-bar-vertical::-webkit-scrollbar {
    scrollbar-width: thin;
}

.scroller-light-bar.scroller-light-bar-horizontal::-webkit-scrollbar {
    scrollbar-width: thin;
}

.scroller-light-bar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 149, 255, 0.40);
    border-radius: 10px;
}

.scroller-light-bar::-webkit-scrollbar-thumb:hover {
    background-color: rgb(0, 149, 255);
}
.scroller-light-bar::-webkit-scrollbar-track {
    background-color: white !important;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px rgb(188, 188, 188);
    cursor: pointer;
}

.scroller-light-bar::-webkit-scrollbar-button {
    /* -webkit-appearance: none; */
    /* display: block;
    background: none;
    border: none; */
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    cursor: pointer;
}

/* Up Arrow (vertical:decrement) */
.scroller-light-bar::-webkit-scrollbar-button:vertical:decrement {
    width: auto;
    height: auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #0095ffe4;
}

/* Down Arrow (vertical:increment) */
.scroller-light-bar::-webkit-scrollbar-button:vertical:increment {
    width: auto;
    height: auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #0095ffe4;
}

/* Left Arrow (horizontal:decrement) */
.scroller-light-bar::-webkit-scrollbar-button:horizontal:decrement {
    width: auto;
    height: auto;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #0095ffe4;
}

/* Right Arrow (horizontal:increment) */
.scroller-light-bar::-webkit-scrollbar-button:horizontal:increment {
    width: auto;
    height: auto;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #0095ffe4;
}