How to limit the range slider?

Question

Layout

I beg you to help me. there is a basis, I ask you to read the code a little in the js section on the codepen
there are such sliders "codepen below"

green are the main ones, blue is the additional one.
slides all go from 0 to 100 in increments of 10.
now the first slider is set to 10 and the second to 90, for a total of 100, and when you reduce the first or second, the blue slider compensates for the missing to 100.
the point is - how to make it so that if already the sum of all is equal to 100, so that the sliders do not move forward, only backward and a message is displayed in the usual alert (should be reduced)