/* Targets the scrollbar track within #menuContainer */
#menuContainer::-webkit-scrollbar-track {
    background: var(--background) /* Track color */
}

/* Targets the scrollbar thumb within #menuContainer */
#menuContainer::-webkit-scrollbar-thumb {
    background: var(--highlight) /* Initial thumb color */
}

/* Changes the background color of the scrollbar thumb within #menuContainer on hover */
#menuContainer::-webkit-scrollbar-thumb:hover {
    background: var(--highlight) /* Color on hover */
}

/* Optionally, targets the scrollbar itself within #menuContainer */
#menuContainer::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}

#menuContainer {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: var(--highlight) var(--background); /* thumb and track color */

}