Красивый скроллбар (scrollbar)

Чтобы на сайте сделать современный, красивый скроллбар (он же scrollbar) необходимо минимум кода CSS. Меняя цвета на своё усмотрение можно на своем сайте показывать красивый скролл.

И не нужно его прятать и избегать, так как он вписывается в общий дизайн сайта.

Код CSS для стилизации srollbar

div.scrollbar_castom::-webkit-scrollbar {
    width: 15px;
    border-radius: 10px;
    background-color: transparent;
}
div.scrollbar_castom::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background-color: #eeefc8;
    border-right: 4px solid #fdfdf7;
    border-left: 4px solid #fdfdf7;
}
div.scrollbar_castom::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}
div.scrollbar_castom::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}