/* Встановлюємо колір скролбара */
::-webkit-scrollbar {
    width: 8px; /* Ширина скролбара */
}

/* Стилізуємо скролбар */
::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Колір фону */
}
::-webkit-scrollbar-thumb {
    background-color: #ff0000; /* Колір скролбара */
    border-radius: 10px; /* Радіус кутів скролбара */
}

/* Задаємо інші властивості */
::-webkit-scrollbar-thumb:hover {
    background-color: #c62828; /* Колір скролбара при наведенні на нього курсора */
}
::-webkit-scrollbar-thumb:active {
    background-color: #a00000; /* Колір скролбара при натисканні на нього */
}