/* width */
::-webkit-scrollbar {
    width: .6em !important;
    height: .6em !important;
}

/* button */
/*::-webkit-scrollbar-button {
    background: red;
}*/

/* Handle */
::-webkit-scrollbar-thumb {
    background: #cccaca;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    animation-name: ease-in;
    animation-duration: 2s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #bdbbbb;
}

/* Track */
::-webkit-scrollbar-track {
    background: #eae8e8;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}

/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #000;
}

/* Corner */
::-webkit-scrollbar-corner {
    background: purple;
}

/* Resizer */
::-webkit-resizer {
    background: orange;
}