Специфика свойств в Emotion CSS

Question

У меня есть компонент, в который я импортирую стили, написанные с помощью Emotion Css в библиотеке Js.

import cx from 'classnames';
import styles from '../../CompName.styles';

...

const classes = cx(
    styles.col, {
     styles.getWidth(12): colWidth
    }, mediaClasses, className)

return <div className={classes}>{children}</div>;

mediaClasses - реквизит, в котором генерируются стили с медиа-запросами.Но в моем компоненте они имеют более низкий приоритет, чем стили без медиа.

Как я могу решить специфичность без !important в css?Спасибо за любую помощь.