.drag-and-drop-container{border:1px solid rgba(0,0,0,.125);border-radius:5px;padding:.5rem}.drag-and-drop-container input[type=file]{display:none}.drag-and-drop-area{border:1px dashed #aaa;border-radius:5px;cursor:pointer}.drag-and-drop-file-area{display:flex;flex-wrap:wrap;min-height:16rem;max-height:32rem;overflow-y:auto}.drag-and-drop-file{border:1px solid rgba(0,0,0,.125);border-radius:5px;margin:.75rem;padding:.25rem;width:14rem;height:14rem;cursor:default}.drag-and-drop-file>img,.drag-and-drop-file>object{display:block;object-fit:contain;width:100%;height:9.8rem}.drag-and-drop-file>object{fill:green}.drag-and-drop-file>p{width:100%;height:auto;text-align:center;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-wrap:none;font-size:.9rem}.drag-and-drop-buttons{text-align:right}.drag-and-drop-buttons>.download-file-button,.drag-and-drop-buttons>.preview-file-button{margin-right:5px;width:32px}.drag-and-drop-buttons>.delete-file-button{width:32px}.drag-and-drop-file-empty{width:100%;display:flex;align-items:center;justify-content:center}.drag-and-drop-file-empty>p{text-align:center;font-size:150%;color:#ccc}.drag-and-drop-container[data-readonly]{padding:0;background:#e9ecef}.drag-and-drop-container[data-readonly] .drag-and-drop-area{border:0;border-radius:5px;cursor:default}.drag-and-drop-container[data-readonly] div.drag-and-drop-file{background:#fff}