/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 10px !important;
    border-radius: 14px !important;
}

*::-webkit-scrollbar-track {
    width: 5px !important;
    border-radius: 10px !important;
}

*::-webkit-scrollbar-thumb {
    background-color: #9ca3af !important;
    border-radius: 14px !important;
    border: 3px solid #9ca3af !important;
}

/* Modern browsers with `scrollbar-*` support */
@supports (scrollbar-width: auto) {
    * {
        scrollbar-color: #9ca3af transparent;
        scrollbar-width: thin;
    }
}


/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {
    *::-webkit-scrollbar-thumb {
        background: var(--scrollbar-color-thumb);
    }

    *::-webkit-scrollbar-track {
        background: var(--scrollbar-color-track);
    }

    *::-webkit-scrollbar {
        max-width: var(--scrollbar-width-legacy);
        max-height: var(--scrollbar-width-legacy);
    }
}