::-webkit-scrollbar {
    width: 16px;
}

/* Track */
::-webkit-scrollbar-track {
    /*background-color:transparent;*/
    transition:0.5s;
    /*background: linear-gradient(0deg, rgb(30 26 43 / 100%) 20%, rgba(16,14,25,1) 20%, rgba(16,14,25,1) 100%);*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    transition: 0.5s;
    border: 4px solid transparent;
    background-clip: padding-box;
    background-color: rgb(255 255 255 / 50%);
}


::-webkit-scrollbar-thumb:hover {
    background-color: rgb(76 68 103 / 100%);
    background-color: rgb(127 110 177 / 33%);
    background-color: rgb(255 255 255 / 88%);
    cursor:default;
}

.outright::-webkit-scrollbar-thumb {
    background-color:transparent;
}

.outleft::-webkit-scrollbar-thumb {
    background-color:transparent;
}