@keyframes vue_upload_progress{0%{background-position:0 0}to{background-position:10px 0}}@keyframes vue_upload{0%{opacity:0;transform:scale(0) translatey(-60px)}to{opacity:1;transform:scale(1) translatey(0)}}.vue-upload-file{position:relative;display:block;margin-left:auto;margin-right:auto;box-sizing:border-box;z-index:999;margin-top:12px;padding:12px 16px;width:280px;background-color:#f9fbfe;animation:vue_upload 0.15s ease-in}.vue-upload-file .vuf-drop-area{position:relative;padding:10px;height:80px;background-color:rgba(0,0,0,0.03);text-align:center;border:1px dashed #ddd}.vue-upload-file .vuf-drop-area .vuf-icon1{display:block;margin:0 auto 6px;width:20px;height:20px;overflow:hidden}.vue-upload-file .vuf-drop-area .vuf-icon1 .vuf-icon1-arrow{display:block;margin:0 auto;width:0;height:0;border-bottom:10.2px solid #999;border-left:8.2px solid transparent;border-right:8.2px solid transparent}.vue-upload-file .vuf-drop-area .vuf-icon1 .vuf-icon1-body{display:block;width:9.6px;height:11.2px;margin:0 auto;background-color:#999}.vue-upload-file .vuf-drop-area .vuf-hint{font-size:14px;color:#999;line-height:15px;font-family:Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px}.vue-upload-file .vuf-drop-area .vuf-loading{font-size:16px;color:#999;line-height:30px}.vue-upload-file .vuf-drop-area .vuf-progress-wrap{display:block;background-color:rgba(0,0,0,0.14)}.vue-upload-file .vuf-drop-area .vuf-progress-wrap .vuf-progress{position:relative;margin-top:12px;display:block;height:3px;background-color:#4a7;box-shadow:0 1px 3px 0 rgba(68,170,119,0.3);transition:width 0.5s ease;background-image:linear-gradient(-45deg,hsla(0,0%,100%,0.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,0.2) 0,hsla(0,0%,100%,0.2) 75%,transparent 0,transparent);background-size:10px 10px;animation:vue_upload_progress 0.3s linear infinite}.vue-upload-file .vuf-drop-area .vuf-progress-wrap .vuf-progress:after{content:"";position:absolute;display:block;top:-2px;right:-2px;width:5px;height:5px;border:1px solid hsla(0,0%,100%,0.6);box-shadow:0 1px 4px 0 rgba(68,170,119,0.7);border-radius:100%;background-color:#4a7}.vue-upload-file .vuf-drop-area .vuf-no-supported-hint{display:block;position:absolute;top:0;left:0;padding:10px 0;width:100%;height:60px;line-height:30px;background-color:#eee;text-align:center;color:#888;font-size:14px}.vue-upload-file .vuf-drop-area:hover{cursor:pointer;border-color:#ccc;background-color:rgba(0,0,0,0.06)}.vue-upload-file .vuf-drop-area:hover .vuf-hint{color:#777}.vue-upload-file .vuf-error,.vue-upload-file .vuf-success{display:block;font-size:14px;line-height:24px;height:24px;color:#d10;text-align:center;vertical-align:top}.vue-upload-file .vuf-success{color:#4a7}.vue-upload-file .vuf-icon3{position:relative;display:inline-block;width:20px;height:20px;top:4px}.vue-upload-file .vuf-icon3:after{position:absolute;top:3px;left:6px;width:6px;height:10px;border-width:0 2px 2px 0;border-color:#4a7;border-style:solid;transform:rotate(45deg);content:""}.vue-upload-file .vuf-icon2{position:relative;display:inline-block;width:20px;height:20px;top:4px}.vue-upload-file .vuf-icon2:after,.vue-upload-file .vuf-icon2:before{content:"";position:absolute;top:9px;left:4px;width:13px;height:2px;background-color:#d10;transform:rotate(45deg)}.vue-upload-file .vuf-icon2:after{transform:rotate(-45deg)}