Эсли изменить
red v-bind(litersRange),
на
white v-bind(litersRange),
и
$thumb-side: 0.2 * $heigth;
на
$thumb-side: 2 * $heigth;
то хоть кружок и больше странности все равно происходят
или в диапазоне между -1000 — 100
Причемь чемь меньше кружок - темь меньше заметная проблемма (0.05 * $heigth; )