.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-container .drag-and-drop-area{border:1px dashed #aaa;border-radius:5px;cursor:pointer}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area{display:flex;flex-wrap:wrap;max-height:32rem;overflow-y:auto}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file{border:1px solid rgba(0,0,0,.125);border-radius:5px;margin:.5rem;padding:.25rem;width:14rem;cursor:default}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file>img{display:block;object-fit:contain;width:100%;height:9.8rem}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file>object{fill:green;display:block;object-fit:contain;width:100%;height:9.8rem}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file>p{width:100%;height:auto;text-align:center;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;font-size:.9rem}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-buttons{text-align:right}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-buttons>.download-file-button,.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-buttons>.preview-file-button{margin-right:5px;width:32px;height:32px;padding:0}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-buttons>.delete-file-button{width:32px;height:32px;padding:0}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file-empty{width:100%;display:flex;align-items:center;justify-content:center}.drag-and-drop-container .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file-empty>p{text-align:center;font-size:150%;color:#ccc;margin-top:2rem;margin-bottom:2rem}.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}.drag-and-drop-container.small .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file{width:7rem}.drag-and-drop-container.small .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file>img,.drag-and-drop-container.small .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file>object{height:4.9rem}.drag-and-drop-container.small .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-file>p{font-size:.675rem}.drag-and-drop-container.small .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-buttons>.delete-file-button,.drag-and-drop-container.small .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-buttons>.download-file-button,.drag-and-drop-container.small .drag-and-drop-area .drag-and-drop-file-area .drag-and-drop-buttons>.preview-file-button{width:24px;height:24px}