/*
 * ScrollBar widget styles
 */
.scrollbar-widget {
    --scrollbar-thickness: 15px;
    position: relative;
    background-color: #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
}

.scrollbar-widget.horizontal {
    width: 100%;
    height: var(--scrollbar-thickness) !important;
}

.scrollbar-widget.vertical {
    height: 100%;
    width: var(--scrollbar-thickness) !important;
}

.scrollbar-thumb {
    position: absolute;
    background-color: #6a7b9b;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.1s;
}

.scrollbar-thumb:hover {
    background-color: #556b8a;
}

.scrollbar-thumb:active {
    background-color: #485d7a;
}