@arizeai/phoenix-mcp

--- description: globs: *.tsx,**/styles.** alwaysApply: false --- # Syling - CSS styling should always be done using emotion - Use design tokens and css variables described in [GlobalStyles.tsx](mdc:src/GlobalStyles.tsx) whenever possible - Use data attributes on components to style different variants - Use locally scoped css variables to make styles readable and simpler - Always use the word `CSS` as a postfix to styles in variables