Как задать другой градиент для заливки после ползунка?
Вот таких два градиента должно быть по дизайну(на картинке не видно первого, но он там есть, такой как в коде)

Находил примеры, как тенями заливают левую часть, но получается без градиента и ползунок не выйдет за границы полосы(overflow:hidden), как надо по макету.
https://codepen.io/xxx44552/pen/wXwPmV