.a-scrollbar {
    min-width: 20px;
    max-width: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    user-select: none;
    touch-action: none;
}

.a-scrollbar-disabled {
    pointer-events: none;
}

.a-scrollbar-disabled > .a-scrollbar-bar > .a-scrollbar-bar-button {
    display: none;
}

.a-scrollbar-parent {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.a-scrollbar-button {
    max-width: 20px;
    min-width: 20px;
    max-height: 20px;
    min-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
}

.a-scrollbar-button:hover {
    background-color: silver;
}

.a-scrollbar-button:active {
    background-color: grey;
    color: white;
}

.a-scrollbar-bar {
    flex-grow: 1;
    background-color: #f0f0f0;
}

.a-scrollbar-bar-button {
    background-color: #c0c0c0;
    min-height: 32px;
    max-height: 32px;
    box-sizing: border-box;
    border-right: 2px solid #f0f0f0;
    border-left: 2px solid #f0f0f0;
}

.a-scrollbar-bar-button:hover {
    background-color: #a0a0a0;
}

.a-scrollbar-bar-button:active {
    background-color: #808080;
}

.a-scrollbar-button-disabled {
    pointer-events: none;
    color: #c0c0c0;
}