style.min.css

:root{--dropzone-background:white;--dropzone-background-hover:#ddd;--dropzone-border-color:#aaa;--dropzone-border-color-hover:#666;--dropzone-text-color:##333;--dropzone-spacing:8px;--dropzone-radius:8px;--dropzone-width:cacl(100% - 2*var(--dropzone-spacing));--dropzone-height:120px;--dropzone-image-size:100px}.dropzone-container{min-height:var(--dropzone-height);width:var(--dropzone-width);border:2px dashed var(--dropzone-border-color);padding:var(--dropzone-spacing);border-radius:var(--dropzone-radius);color:var(--dropzone-text-color);background-color:var(--dropzone-background);flex-wrap:wrap;align-items:center;display:flex;position:relative}.dropzone-container:has(.dropzone-preview:empty) .dropzone-preview-button{display:none}.dropzone-container:hover,.dropzone-on-drag-enter{background-color:var(--dropzone-background-hover);transition:all .3s}.dropzone-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.dropzone-preview{gap:var(--dropzone-spacing);grid-template-columns:repeat(auto-fill,var(--dropzone-image-size));grid-template-rows:auto;place-items:stretch stretch;width:100%;height:100%;display:grid}.dropzone-preview-file{word-wrap:anywhere;flex-direction:column-reverse;justify-content:start;align-items:center;display:flex}.dropzone-preview-file:hover{filter:brightness(110%)}.dropzone-preview-image{margin-bottom:var(--dropzone-spacing);width:var(--dropzone-image-size);aspect-ratio:1;border-radius:var(--dropzone-radius);box-shadow:0 0 8px var(--dropzone-background-hover);background-position:50%;background-repeat:no-repeat;background-size:cover}.dropzone-no-preview{margin-bottom:var(--dropzone-spacing);height:var(--dropzone-image-size)}.dropzone-no-preview svg{width:100%}.dropzone-preview-file span{font-size:.9em;font-weight:300}.dropzone-preview-button{top:var(--dropzone-spacing);right:var(--dropzone-spacing);z-index:1;cursor:pointer;background:0 0;border:none;place-items:center;margin:0;display:grid;position:absolute}.dropzone-placeholder{text-align:center;flex-grow:1}.dropzone-on-drag-leave{background-color:var(--dropzone-background);transition:all .3s}