You're attempting to animate to a CSS variable that contains another CSS variable as a fallback.
Or points to another CSS variable:
Explanation
In the above example, if —-alert
is undefined, we need a color
to animate to. So we use the CSS variable fallback. Or it points to another CSS variable.
When the fallback value is a CSS variable, we need to then resolve this fallback CSS variable. If the fallback itself resolves to another CSS variable that contains a CSS variable as fallback value, we need to resolve that, and so on.
If this sounds unlikely - it is. It is rare to have deep chains of fallback values defined in this way. What's more likely is a circular dependency.
Solution
Fix the circular dependency. Motion will attempt to resolve 4
CSS variables before throwing this error.
Or: