.has-classic-scrollbar {
    scrollbar-color: auto !important;
    scrollbar-width: auto;
}

.has-classic-scrollbar *::-webkit-scrollbar,
.has-classic-scrollbar::-webkit-scrollbar {
    width: 18px !important;
    height: 18px !important;
    background-color: #bdbbb3 !important;
}

.has-classic-scrollbar *::-webkit-scrollbar-track,
.has-classic-scrollbar::-webkit-scrollbar-track {
    background-color: #bdbbb3 !important;
    box-shadow: inset 1px 0 0 #000000 !important;
    border: 0 !important;
}

.has-classic-scrollbar *::-webkit-scrollbar-thumb,
.has-classic-scrollbar::-webkit-scrollbar-thumb {
    min-height: 24px !important;
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5'><rect x='0' y='0' width='8' height='2' fill='%23a0a0a0'/></svg>") center top / 8px 5px repeat-y,
        #d9d9d9 !important;
    border: 1px solid #000000 !important;
    border-radius: 3px !important;
    box-shadow: inset 0 0 0 2px #ffffff !important;
}

.has-classic-scrollbar *::-webkit-scrollbar-thumb:hover,
.has-classic-scrollbar::-webkit-scrollbar-thumb:hover {
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5'><rect x='0' y='0' width='8' height='2' fill='%23ababab'/></svg>") center top / 8px 5px repeat-y,
        #e3e3e3 !important;
}

.has-classic-scrollbar *::-webkit-scrollbar-thumb:active,
.has-classic-scrollbar::-webkit-scrollbar-thumb:active {
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5'><rect x='0' y='0' width='8' height='2' fill='%23606060'/></svg>") center top / 8px 5px repeat-y,
        #bcbcbc !important;
}

.has-classic-scrollbar *::-webkit-scrollbar-button:single-button:vertical:decrement,
.has-classic-scrollbar::-webkit-scrollbar-button:single-button:vertical:decrement {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='6'><polygon points='4.5,0 9,6 0,6' fill='%23222'/></svg>") center center / 9px 6px no-repeat,
        #d9d9d9 !important;
    border: 1px solid #000000 !important;
    border-radius: 3px 3px 0 0 !important;
    box-shadow:
        inset 0 1px 0 #ffffff,
        inset 1px 0 0 rgba(255, 255, 255, 0.6) !important;
}
.has-classic-scrollbar *::-webkit-scrollbar-button:single-button:vertical:decrement:active,
.has-classic-scrollbar::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='6'><polygon points='4.5,0 9,6 0,6' fill='%23000'/></svg>") center center / 9px 6px no-repeat,
        #bcbcbc !important;
}

.has-classic-scrollbar *::-webkit-scrollbar-button:single-button:vertical:increment,
.has-classic-scrollbar::-webkit-scrollbar-button:single-button:vertical:increment {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='6'><polygon points='0,0 9,0 4.5,6' fill='%23222'/></svg>") center center / 9px 6px no-repeat,
        #d9d9d9 !important;
    border: 1px solid #000000 !important;
    border-radius: 0 0 3px 3px !important;
    box-shadow:
        inset 0 1px 0 #ffffff,
        inset 1px 0 0 rgba(255, 255, 255, 0.6) !important;
}
.has-classic-scrollbar *::-webkit-scrollbar-button:single-button:vertical:increment:active,
.has-classic-scrollbar::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='6'><polygon points='0,0 9,0 4.5,6' fill='%23000'/></svg>") center center / 9px 6px no-repeat,
        #bcbcbc !important;
}

.has-classic-scrollbar *::-webkit-scrollbar-button:single-button:horizontal:decrement,
.has-classic-scrollbar::-webkit-scrollbar-button:single-button:horizontal:decrement {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='9'><polygon points='0,4.5 6,0 6,9' fill='%23222'/></svg>") center center / 6px 9px no-repeat,
        #d9d9d9 !important;
    border: 1px solid #000000 !important;
    border-radius: 3px 0 0 3px !important;
    box-shadow:
        inset 0 1px 0 #ffffff,
        inset 1px 0 0 rgba(255, 255, 255, 0.6) !important;
}
.has-classic-scrollbar *::-webkit-scrollbar-button:single-button:horizontal:decrement:active,
.has-classic-scrollbar::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='9'><polygon points='0,4.5 6,0 6,9' fill='%23000'/></svg>") center center / 6px 9px no-repeat,
        #bcbcbc !important;
}

.has-classic-scrollbar *::-webkit-scrollbar-button:single-button:horizontal:increment,
.has-classic-scrollbar::-webkit-scrollbar-button:single-button:horizontal:increment {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='9'><polygon points='6,4.5 0,0 0,9' fill='%23222'/></svg>") center center / 6px 9px no-repeat,
        #d9d9d9 !important;
    border: 1px solid #000000 !important;
    border-radius: 0 3px 3px 0 !important;
    box-shadow:
        inset 0 1px 0 #ffffff,
        inset 1px 0 0 rgba(255, 255, 255, 0.6) !important;
}
.has-classic-scrollbar *::-webkit-scrollbar-button:single-button:horizontal:increment:active,
.has-classic-scrollbar::-webkit-scrollbar-button:single-button:horizontal:increment:active {
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='9'><polygon points='6,4.5 0,0 0,9' fill='%23000'/></svg>") center center / 6px 9px no-repeat,
        #bcbcbc !important;
}
