.cu-upload{vertical-align:middle;display:inline-flex;flex-direction:column;font-size:14px;color:var(--cu-text-color);--cu-upload-size:var(--cu-upload-size, 120px)}.cu-upload-choose--warpper{display:inline-flex}.cu-upload.picture{display:flex;flex-wrap:wrap}.cu-upload ul{list-style:none;padding:0;margin:0}.cu-upload .cu-upload__choose-item{vertical-align:middle;display:inline-flex;margin-right:10px}.cu-upload .cu-upload__tips{font-size:12px}.cu-upload__list{position:relative}.cu-upload__list li{position:relative;height:20px;line-height:20px;margin-bottom:10px;display:flex;align-items:center;width:100%;font-size:12px;padding:0 8px;border-radius:2px;transition:all .2s}.cu-upload__list li:first-child{margin-top:10px}.cu-upload__list li .filename{padding-left:4px;flex:1;flex-shrink:0}.cu-upload__list li .progress{position:absolute;right:0;bottom:-16px;left:16px}.cu-upload__list li:hover{background-color:var(--cu-background-color)}.cu-upload__list .delete{color:var(--cu-color-danger);opacity:0;transition:opacity .2s;cursor:pointer}.cu-upload__list li:hover .delete{opacity:1}.cu-upload__list li{font-size:14px;color:var(--cu-text-color-light)}.cu-upload__list li .success{color:var(--cu-color-success)}.cu-upload__list li .fail{color:var(--cu-color-danger)}.cu-upload__trigger{width:var(--cu-upload-size,120px);height:var(--cu-upload-size,120px);border-radius:var(--cu-border-radius);border:1px dashed var(--cu-border-color);display:flex;justify-content:center;align-items:center;font-size:20px;color:var(--cu-text-color-light7);cursor:pointer;transition:all .2s;background-color:#fff}.cu-upload.is-disabled .cu-upload__trigger{cursor:no-drop;color:var(--cu-text-color-light8);background-color:var(--cu-background-color-disabled);border-color:var(--cu-border-color-disabled)}.cu-upload__pictures{display:inline-flex;flex-wrap:wrap;gap:10px}.cu-upload__pictures .cu-upload__choose-item{margin:0}.cu-upload.is-disabled .cu-upload__pictures li{cursor:no-drop;opacity:.8;border-color:var(--cu-border-color-disabled)}.cu-upload__pictures li{display:inline-flex;width:var(--cu-upload-size,120px);height:var(--cu-upload-size,120px);border-radius:4px;overflow:hidden;border:1px solid var(--cu-border-color);position:relative}.cu-upload__pictures li.choose-slot{border:0}.cu-upload__pictures li .mask{display:flex;opacity:0;position:absolute;inset:0;background-color:rgba(0,0,0,.2);color:#fff;justify-content:center;align-items:center;font-size:20px;font-weight:200;transition:all .2s;z-index:3}.cu-upload__pictures li:hover .mask{opacity:1}.cu-upload.is-disabled .cu-upload__pictures li .mask{display:none}.cu-upload__pictures li .mask svg{margin:0 4px;cursor:pointer;transition:all .2s ease}.cu-upload__pictures li .mask svg:hover{transform:scale(1.1)}.cu-upload__pictures img{width:100%;height:100%;object-fit:contain;border:0}.cu-upload__pictures li .progress{position:absolute;inset:0;background-color:rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center;z-index:3}.cu-upload__pictures li.fail{border-color:var(--cu-color-danger)}.list-enter-active,.list-leave-active,.list-move{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(-30px)}.cu-upload:not(.is-disabled) .cu-upload__trigger:hover{border-color:var(--cu-color-primary);color:var(--cu-color-primary)}