Scrollbar как на новом дизайне Google

Google не так давно начал глобально перерисовывать и вылизывать свой интерфейс — пост не о том, красиво получилось или нет :)
Если вы пользуетесь Chrome/Chromium, то могли заметить, что гугл на некоторых своих страницах использует кастом-скроллбары:


Вот тот заветный код, который позволяет этого добиться:

::-webkit-scrollbar{width:15px;height:15px}
::-webkit-scrollbar-button:vertical{background-color:clear;height:5px}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement{display:none}
::-webkit-scrollbar-track-piece{background-color:white}
::-webkit-scrollbar-thumb:vertical{height:50px;background-color:rgba(0,0,0,0.2);border-right:5px solid white;border-left:5px solid white}
::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,0.4)}
::-webkit-scrollbar-corner:vertical{background-color:white}
::-webkit-scrollbar-resizer:vertical{background-color:red}

Не нужны никакие картинки, никакие примочки. Лишь несколько строчек css.
Подробности о стайлинге скроллбара в Webkit-based браузерах.