<div class='file_uploader' data-controller='file-input'>
  <div class='file-drop-area w-100'>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" height="47" viewbox="0 0 64 47" width="64">
      <path d="M50.0074 46.568H36.2763V32.6931H40.8141C41.9649 32.6931 42.6449 31.3854 41.9649 30.4438L33.1377 18.2297C32.5754 17.445 31.4115 17.445 30.8492 18.2297L22.0221 30.4438C21.342 31.3854 22.009 32.6931 23.1729 32.6931H27.7107V46.568H12.3318C5.46629 46.1888 0 39.7679 0 32.8108C0 28.0114 2.60237 23.8267 6.46016 21.5644C6.10707 20.6097 5.92399 19.5897 5.92399 18.5174C5.92399 13.6134 9.88639 9.651 14.7904 9.651C15.8496 9.651 16.8696 9.83408 17.8243 10.1872C20.662 4.17164 26.7822 0 33.8962 0C43.1026 0.0130772 50.6874 7.06171 51.5505 16.0458C58.6253 17.262 64 23.8137 64 31.2284C64 39.1532 57.8275 46.0188 50.0074 46.568Z" fill="#CECECE"></path>
    </svg>
    <span class='file-message' data-file-input-target='message'>Drop your file here or, browse files on your device.</span>
    <input type="file" name="file" id="file" class="file-input" data-file-input-target="input" data-action="file-input#updateMessage" />
  </div>
</div>