A drag handle receives a new x coordinate on every pointer event. Which styling shape bes…

A drag handle receives a new x coordinate on every pointer event. Which styling shape best avoids generating a class for every coordinate?

1. Keep one class with transform: translateX(var(--x)), then set a validated --x value per element.
2. Create a new styled component inside the pointer handler.
3. Append !important to every generated coordinate rule.
4. Hash the raw pointer event object into the class name.