::-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(76 68 103 / 60%);
}


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





.modal ::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.modal ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #2f2945; 
    border-radius: 10px;
}

/* Handle */
.modal ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #4c4467;
    transition:0.2s;
}


.modal ::-webkit-scrollbar-thumb:hover {
    background-color: #584e77;
    cursor:default;
}