title: How do I add CSS to my `mailchimp` popup form?
body: <p>I am using mailchimps popup subscribe form. I have styled the content in mailchimp as far as I can. I want to add some more CSS to the popup, I have tried adding CSS to the CSS sheet already loading in my site yet the form will not pick it up in the popup even with !important etc.</p>
  <p>The code from mailchimp is:</p>
  <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js&quot; data-dojo-config=&quot;usePlainJson: true, isDebug: false&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;require([&quot;mojo/signup-forms/Loader&quot;], function(L) { L.start({&quot;baseUrl&quot;:&quot;mc.us8.list-manage.com&quot;,&quot;uuid&quot;:&quot;731f7bb19522a201007a53699&quot;,&quot;lid&quot;:&quot;138afe0d12&quot;}) })&lt;/script&gt;
  </code></pre>
  <p>Now, I have tried also adding inline styling in my page for a test, example:</p>
  <pre><code>&lt;style&gt;
      #mc-EMAIL {
          border:6px solid pink !important;
      }
  &lt;/style&gt;
  </code></pre>
  <p>I have noticed my styles for the mailchimp are coming from <a href="http://s3.amazonaws.com/downloads.mailchimp.com/css/signup-forms/popup/1.0/common.css" rel="noreferrer">this</a> however <code>mailchimp</code> say I do not have access to change this CSS file.</p>
  <p>My overall question which I am sure someone else must have faced before me:</p>
  <h1>How do I add CSS to my <code>mailchimp</code> popup form?</h1>