title: How to override styling in react-select npm package for different viewports using className
body: <p>Unable to style for different viewports using <code>react-select</code> npm package.</p>
  
  <p>Re: <a href="https://react-select.com/styles#using-classnames" rel="nofollow noreferrer">https://react-select.com/styles#using-classnames</a></p>
  
  <p>I'm trying to use <code>className</code> to override <code>react-select</code> styling, as it's compatible with <code>CSS modules</code>, and I'm defining different styling for different viewports.</p>
  
  <p>However, I'm not sure how to reference the class name in the CSS file as <code>webpack</code> is obfuscating CSS class names, e.g. <code>PostSort_sortOption__18adQ__menu</code> - Any idea how to reference the class name from this?</p>
  
  <p>I've tried <code>.sortOption__menu</code> but obviously that doesn't work.</p>
  
  <p>Appreciate any help.</p>