/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 3px !important;
}

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

::-webkit-scrollbar-thumb {
    background: #34bafc;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #0aa2ed;
    }

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #34bafc transparent;
}

/* Category dropdown popup — secondary-coloured scrollbar */
.scrollbar-secondary::-webkit-scrollbar-thumb {
    background: #ff6f00;
}

    .scrollbar-secondary::-webkit-scrollbar-thumb:hover {
        background: #e56400;
    }

.scrollbar-secondary {
    scrollbar-color: #ff6f00 transparent;
}