/* width */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}


/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}


/* Handle */
::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 20px;
    box-shadow: inset 0 0 0 10px rgba(50, 50, 50, 0.75);
    border: solid 3px transparent;
}


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


/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 0px 10px rgba(40, 40, 40, 1.0) !important;
}

.transparent-scrollbar {
    color: transparent !important;
    background-color: transparent !important;
    transition: color .5s ease !important;
}


/* Customs */
#canvas-area {
    transition: color 1.5s ease;
}

#canvas-area::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px;
}

#right-toolbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#right-toolbar::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px;
    border: solid 2px transparent;
}