.pro-upload-container{width:100%;height:200px;background-color:#ededed;position:relative}.pro-upload-container p.underlinee{border-bottom:2px solid #ff5050}.idle,.uploaded,.uploading{border:2px dashed #48484d38}.dragging{border:2px dashed #ff5050;filter:drop-shadow(0 1px 3px #ff505056)}.upload-text{top:132px}.filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:left;max-width:120px}.left{display:flex;align-items:center;gap:8px}.icon-wrapper{position:relative;width:28px;height:28px}.progress-circle{width:100%;height:100%;border-radius:50%;background:conic-gradient(#FF5050 0deg,#FF5050 calc(var(--progress) * 1deg),#ededed 0deg);z-index:2}.progress-circle,.uploaded-icon{transition:opacity .5s ease,transform .5s ease}.uploaded-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;font-size:28px;color:#FF5050}div.upload-result{height:64px;width:60%}.uploaded .progress-circle{opacity:0;transform:scale(.5)}.uploaded .uploaded-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.uploading .progress-circle{opacity:1;transform:scale(1)}.uploading .uploaded-icon{opacity:0;transform:translate(-50%,-50%) scale(.5)}@media screen and (max-width:768px){.pro-upload-container{height:160px}.upload-text{top:108px}div.upload-result{height:64px;width:90%}}