/* html {
    scrollbar-width: thin;
    scrollbar-color: #888 rgba(255, 255, 255, 0.1);
} */

body::-webkit-scrollbar {
    width: 4px;
    /* ширина scrollbar */
}

body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    /* цвет дорожки */
}

body::-webkit-scrollbar-thumb {
    background-color: rgb(167, 167, 167);
    /* цвет плашки */
    border-radius: 20px;
    /* закругления плашки */
    border: 3px solid rgba(255, 255, 255, 0.1);
    /* padding вокруг плашки */
}


.offcanvas-body::-webkit-scrollbar {
    width: 4px;
}

.offcanvas-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

.offcanvas-body::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    background-color: rgb(167, 167, 167);
}