.dmxDropzone{background:#fff;border:2px dashed red;border-radius:5px;display:flex;flex-wrap:wrap;font-family:system-ui,sans-serif;font-size:1rem;margin:1em 0;padding:1em}.dmxDropzone.form-control{height:auto}.dmxDropzone:hover{cursor:pointer}.dmxDropzoneThumb{background-color:#ccc;background-position:center;background-repeat:no-repeat;border-radius:10px;font-size:12px;margin:10px;overflow:hidden;position:relative}.dmxDropzoneThumb:hover::before{background:rgba(225,0,0,.8);bottom:0;box-sizing:border-box;color:#fff;content:'remove';padding:2px 10px;position:absolute;text-align:center;width:100%}.dmxDropzoneFilename{background:rgba(0,0,0,.6);box-sizing:border-box;color:#fff;overflow:hidden;padding:2px 10px;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.dmxDropzoneFilesize{background:rgba(0,0,0,.6);border-radius:5px;box-sizing:border-box;color:#fff;height:20px;left:20%;line-height:16px;overflow:hidden;padding:2px 10px;position:absolute;text-align:center;top:calc(50% - 10px);white-space:nowrap;width:60%}.dmxDropzoneMessage{color:#666;margin:2em 0;text-align:center;width:100%}.dmxDropzoneHover{background:#eee}