/**
 * Editor scrollbar
 */
.ql-editor::-webkit-scrollbar {
    width: 2.5rem;
    height: 2.5rem;
}

.ql-editor::-webkit-scrollbar-track {
    background: #f1f1f1;
    background: #fff;
    background: #e9e9ed;
    cursor: default;
}

.ql-editor::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    background: #d0d0d0;
    border: 0px solid #8f8f9d;
    border-radius: 5px;
    border-radius: 0px;
    cursor: default;
    cursor: grab;
}

.ql-editor::-webkit-scrollbar-thumb:hover {
    background: #bbb;
    border-width: 0px;
}

.ql-editor::-webkit-scrollbar-thumb:active {
    cursor: grabbing;
}

.ql-editor::-webkit-scrollbar-button {
    height: 2.5rem;
    width: 2.5rem;
    border: 0px solid #8f8f9d;
    border-radius: 0px;
    background: #e9e9ed;
    cursor: pointer;
}

.ql-editor::-webkit-scrollbar-button:hover {
    background: #cfcfd6;
    border-width: 0px;
}

/* Up button */
.ql-editor::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-position: center calc(50% + 0.2em);
    background-size: 1em;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="rgb(0, 0, 0,)"><polygon points="50,00 0,50 100,50"/></svg>');
    border-bottom: 0px solid #8f8f9d;
}

/* Down button */
.ql-editor::-webkit-scrollbar-button:single-button:vertical:increment {
    background-position: center calc(50% + 0.25em);
    background-size: 1em;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="rgb(0, 0, 0)"><polygon points="0,0 100,0 50,50"/></svg>');
    border-top: 0px solid #8f8f9d;
}