.n-upload{width:auto}.upload{width:100%;overflow:hidden}.upload-card{width:auto;height:auto;display:flex;flex-wrap:wrap;align-items:center}.upload-card-item{margin:0 8px 8px 0;position:relative;padding:8px;border:1px solid #d9d9d9;border-radius:2px;display:flex;justify-content:center;flex-direction:column;align-items:center;cursor:move;transition:all .3s}.upload-card-item:hover{background:0 0;border-color:#40a9ff}.upload-card-item:hover .upload-card-item-info:before{opacity:1}.upload-card-item:hover-info:before{opacity:1}.upload-card-item:hover .drag-hint{opacity:1}.upload-card-item.dragging{opacity:.5;border:2px dashed #40a9ff}.upload-card-item-info{position:relative;height:100%;padding:0;overflow:hidden}.upload-card-item-info:hover .img-box-actions{opacity:1}.upload-card-item-info:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#00000080;opacity:0;transition:all .3s;content:" "}.upload-card-item-info .img-box{position:relative;width:100%;height:100%;border-radius:2px;overflow:hidden}.upload-card-item-info .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.upload-card-item-info .img-box-actions{position:absolute;top:50%;left:50%;z-index:10;white-space:nowrap;transform:translate(-50%,-50%);opacity:0;transition:all .3s;display:flex;align-items:center;justify-content:space-between}.upload-card-item-info .img-box-actions:hover{background:0 0}.upload-card-item-info .img-box-actions .action-icon{color:#ffffffd9}.upload-card-item-info .img-box-actions .action-icon:hover{cursor:pointer;color:#fff}.upload-card-item-info .drag-hint{position:absolute;top:4px;right:4px;z-index:5;opacity:0;transition:opacity .3s;background:#0000004d;border-radius:2px;padding:2px 4px;display:flex;align-items:center;pointer-events:none}.upload-card-item-select-picture{border:1px dashed #d9d9d9;border-radius:2px;cursor:pointer;background:#fafafa;color:#666}.upload-card-item-select-picture .upload-title{color:#666}