::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(
        to bottom, 
        var(--bs-yellow) 0%,
        var(--bs-yellow-l1) 25%,
        var(--bs-green-l1) 50%,
        var(--bs-blue-l1) 75%,
        var(--bs-blue) 100%
    );
    height: 25%;
    border-radius: 10px;
    border: 1px solid var(--bs-gray);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        to bottom, 
        var(--bs-yellow) 0%,
        var(--bs-yellow) 25%,
        var(--bs-green) 50%,
        var(--bs-blue) 75%,
        var(--bs-blue) 100%
    );
    border: 1px solid var(--bs-gray-d1);
}