/* i think this should work, but it only works on webkit browsers (chrome, safari, edge) */
/* firefox and other browsers will just show the default scrollbar, which is fine */
/* if any issues arrive we can add a fallback scrollbar style for firefox and other browsers, but i simply cant be asked right now */

body::-webkit-scrollbar,
*::-webkit-scrollbar {
width: 10px;
}
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
background: var(--bg-main);
}
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
background-color: var(--text-light);
border: 2px solid var(--bg-main);
}
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
background-color: var(--text-gray);
}