Стилизация полосы прокрутки

Часто в блоках со сколом стандартная полоса прокрутки диссонирует с общим дизайном сайта, и возникает задача её стилизовать. Делаем это следующим образом:

За стилизацию полосы прокрутки отвечают несколько псевдоэлементов:

::-webkit-scrollbar — это фон самого скроллбара.
::-webkit-scrollbar-button — кнопки направления на полосе прокрутки.
::-webkit-scrollbar-track — пустое пространство под индикатором прокрутки.
::-webkit-scrollbar-thumb — индикатор прокрутки, перетаскиваемый элемент.

Примет подобной стилизации:

See the Pen scrollbar css by molodezky (@molodezky) on CodePen.