What is the correct way to implement a range input element with two sliders?

Question

css

Good morning!
At the moment I'm solving a difficult question related to this basis of the question:

It's up to me to implement a range input element with two sliders. Using the answers from CSS Tricks and stackOverflow according to the conditions of the problem, but it turned out that the minimum range input element is displayed perfectly and works, and the maximum one is heavily hidden, but it also works.

• How to solve this issue?
  
• What needs to be done to make the slider in the maximum range input element nest perfectly within the minimum range input element, working just as well?
  
• Have you experienced this?
  

Thank you in advance!

Answer 1

https://jqueryui.com/slider/#multiple-vertical
There are ready-made options