The data attribute will now also update in increments of 10 so you can use CSS attribute selectors like:
[data-trig-var="50"],
[data-trig-var="60"],
[data-trig-var="70"],
[data-trig-var="80"],
[data-trig-var="90"],
[data-trig-var="100"]{
transform: translateX( var(--trig) );
}
for more control.