/*für Firefox*/ 
*{
    scrollbar-width: thin;
}

/*für Webkit-Browser wie Chrome, Safari*/
::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #f0f0f0;
}

::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 0.5rem;
}

.scrollable--no-bar {
    scrollbar-width: none;
}

    .scrollable--no-bar::-webkit-scrollbar {
        width: 0;
        background-color: transparent;
    }