style.min.css

.dropzone-container:not(.dropzone-block,.dropzone-inline){border:2px dashed #bbb;align-items:center;min-height:100px;padding:20px 10px;display:flex;position:relative;& .dropzone-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}& .dropzone-preview{align-items:center;max-width:100%;display:flex}& .dropzone-preview-image{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-basis:0;min-width:50px;max-width:50px;height:50px;margin-right:10px}& .dropzone-preview-filename{word-wrap:anywhere}& .dropzone-preview-button{z-index:1;width:auto;color:inherit;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;appearance:inherit;background:0 0;border:none;margin:0;padding:0;line-height:normal;position:absolute;top:0;right:0;overflow:visible}& .dropzone-preview-button:before{content:"×";cursor:pointer;padding:3px 7px}& .dropzone-placeholder{text-align:center;color:#999;flex-grow:1}}.dropzone-container.dropzone-block,.dropzone-container.dropzone-inline{border:2px dashed #bbb;position:relative;&.dropzone-active{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}& .dropzone-placeholder{text-align:center;color:#999;cursor:pointer;z-index:1;align-content:center;min-height:100px;display:block}& .dropzone-placeholder:focus-within{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}& .dropzone-preview{border-top:1px solid #eee;align-items:center;padding:15px 15px 15px 20px;display:flex;position:relative}& .dropzone-preview:hover{background-color:#f9f9f9}& .dropzone-preview>div:first-child{flex-grow:1;align-items:center;display:flex}& .dropzone-preview-image{background-position:50%;background-repeat:no-repeat;background-size:contain;min-width:50px;max-width:50px;height:50px;margin-right:10px}& .dropzone-preview-meta{flex-grow:1}& .dropzone-preview-filename{word-wrap:anywhere;color:#101828;margin:0 0 5px;font-size:small;font-weight:700}& .dropzone-preview-file-size{color:#6a7282;margin:0;font-size:small}& .dropzone-preview-button{width:auto;color:#99a1af;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;appearance:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:5px;line-height:0;overflow:visible}& .dropzone-preview:hover .dropzone-preview-button,& .dropzone-preview-button:focus{color:#101828}}.dropzone-container.dropzone-inline{&.highlighted{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}& .dropzone-preview-container{border-top:1px solid #eee;flex-wrap:wrap;padding:10px;display:flex}& .dropzone-preview{border:none;flex-direction:column;flex-shrink:0;padding:20px;position:relative}& .dropzone-preview-image{margin:0 0 5px}& .dropzone-preview-filename{text-align:center;margin:0 0 5px}& .dropzone-preview-file-size{text-align:center}& .dropzone-preview-button{position:absolute;top:0;right:0}& .dropzone-preview:not(:hover) .dropzone-preview-button:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.dropzone-container.dropzone-block,.dropzone-container.dropzone-inline{& .dropzone-input,&.dropzone-placeholder-hidden .dropzone-placeholder{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& .dropzone-preview-image-hidden,&.dropzone-preview-container-hidden .dropzone-preview-container{display:none}}.dropzone-container.dropzone-placeholder-hidden{&.dropzone-block{& .dropzone-preview:first-of-type{border-style:none}}&.dropzone-inline{& .dropzone-preview-container{border-style:none}}}.dropzone-container.dropzone-preview-can-open-file-picker{& .dropzone-preview-container{cursor:pointer}}