CSS animation pause on condition of tag

How can I pause a CSS animation in perspective based on the condition of a Boolean tag? I am doing a basic icon animation of the status of an extrusion press. TIA

Whichever component is being used should have props.style.classes is bound against the tag in question, where it has a binding like this:

if({[default]SomeTag} = <someValue>, "move", "")

Note that this binding would prevent the application of any other classes for this component.

add "amination-play-state" to the component and toggle between 'paused' and 'running'