[React Style] how to create media query CSS?

@media (min-width: 48em) {
   .home-menu ul {
      float: right;
   }
}

With React Style

import {reactStyle} from 'react-atomic-molecule';

const Styles = {
   menu: reactStyle()
};