.viewer-image[data-v-2cfa2e53]{position:absolute}.viewer-doc[data-v-2cfa2e53]{width:100%;height:100%}.viewer-doc iframe[data-v-2cfa2e53]{border:0;width:100%;height:100%}.cl-upload-item[data-v-90a2ee61]{cursor:pointer;background-color:var(--el-fill-color-light);border:1px solid var(--el-fill-color-light);box-sizing:border-box;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.cl-upload-item audio[data-v-90a2ee61]{visibility:hidden;height:0}.cl-upload-item video[data-v-90a2ee61]{height:100%}.cl-upload-item__wrap[data-v-90a2ee61]{width:100%;height:100%;position:absolute;top:0;left:0}.cl-upload-item__icon .cl-svg[data-v-90a2ee61]{fill:var(--el-fill-color-dark);font-size:100px;position:absolute;top:-24px;right:-24px}.cl-upload-item__docx-cover[data-v-90a2ee61]{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.cl-upload-item__docx-cover .docx-icon[data-v-90a2ee61]{width:48px;height:48px;margin-bottom:12px}.cl-upload-item__docx-cover .docx-icon svg[data-v-90a2ee61]{width:100%;height:100%}.cl-upload-item__docx-cover .docx-name[data-v-90a2ee61]{color:#1f2937;text-align:center;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.cl-upload-item__name[data-v-90a2ee61]{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;height:50px;padding:0 10px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.cl-upload-item__name span[data-v-90a2ee61]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cl-upload-item__name span.error[data-v-90a2ee61]{color:var(--el-color-danger);margin-top:5px}.cl-upload-item__progress[data-v-90a2ee61]{pointer-events:none;opacity:0;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.cl-upload-item__progress-bar[data-v-90a2ee61]{width:calc(100% - 20px);position:absolute;bottom:10px;left:10px}.cl-upload-item__progress-value[data-v-90a2ee61]{color:#fff;font-size:26px;position:absolute}.cl-upload-item__progress-value[data-v-90a2ee61]:after{content:"%";margin-left:2px}.cl-upload-item__progress.is-show[data-v-90a2ee61]{opacity:1}.cl-upload-item__progress.is-hide[data-v-90a2ee61]{opacity:0}.cl-upload-item__tag[data-v-90a2ee61]{color:#fff;text-transform:uppercase;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;border-radius:2px;max-width:65px;padding:2px 4px;font-size:12px;position:absolute;top:5px;left:5px;overflow:hidden}.cl-upload-item__actions[data-v-90a2ee61]{z-index:9;opacity:0;background-color:#00000080;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s cubic-bezier(.55,0,.1,1);display:flex;position:absolute;top:0;left:0}.cl-upload-item__actions .el-icon[data-v-90a2ee61]{color:#fff;margin:0 8px;font-size:20px}.cl-upload-item__actions .el-icon[data-v-90a2ee61]:hover{color:#eee}.cl-upload-item.is-play[data-v-90a2ee61]{animation:1s linear infinite play-90a2ee61}.cl-upload-item:hover .cl-upload-item__actions[data-v-90a2ee61]{opacity:1}@keyframes play-90a2ee61{0%{border-color:var(--el-color-primary)}to{border-color:var(--el-fill-color-light)}}