How to hide custom scrollbar on mobile?

[dddd]

How do I hide my custom scrollbar on mobile devices only?

/* scrollbar colors */
/* Works on Firefox-only */
* {
    scrollbar-width: 5px;
    scrollbar-color: @xf-paletteColor2 rgb(10, 10, 10) !important;
}
/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
    width: 5px;
    overflow: scroll;
}
*::-webkit-scrollbar-track {
    background-color: rgb(10, 10, 10) !important;
}
*::-webkit-scrollbar-thumb {
    background-color: @xf-paletteColor2 !important;
    border-radius: 10px;
}