.upload-container .drag-upload-icon_wapper[data-v-3c974ce9]{height:80px;margin-bottom:8px;position:relative;width:80px}.upload-container .drag-upload-icon_wapper .drag-upload-icon_new[data-v-3c974ce9]{height:80px;width:80px}.upload-container .drag-upload-icon_wapper .drag-upload-icon_bg_new_3[data-v-3c974ce9],.upload-container .drag-upload-icon_wapper .drag-upload-icon_new[data-v-3c974ce9]{background:#8b68e91a;border:1px solid #8b68e9;border-radius:50%;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;-webkit-transition:all .3s;transition:all .3s}.upload-container .drag-upload-icon_wapper .drag-upload-icon_bg_new_3[data-v-3c974ce9]{height:42px;width:42px}.upload-container .drag-upload-icon_wapper .drag-upload-icon_bg_new_2[data-v-3c974ce9]{background:#8b68e9cc;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:42px;width:42px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-container .drag-upload-icon_wapper .drag-upload-icon_bg_new_2[data-v-3c974ce9],.upload-container .drag-upload-icon_wapper .drag-upload-icon_bg_new_2 .drag-upload-icon_up_1[data-v-3c974ce9]{top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;-webkit-transition:all .3s;transition:all .3s}.upload-container .drag-upload-icon_wapper .drag-upload-icon_bg_new_2 .drag-upload-icon_up_2[data-v-3c974ce9]{top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;position:absolute;-webkit-transform:translateY(32px);-ms-transform:translateY(32px);transform:translateY(32px);-webkit-transition:all .3s;transition:all .3s}.upload-container:hover .drag-upload-icon_new[data-v-3c974ce9]{opacity:0;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.upload-container:hover .drag-upload-icon_bg_new_3[data-v-3c974ce9]{height:80px;width:80px}.upload-container:hover .drag-upload-icon_up_1[data-v-3c974ce9]{opacity:0;-webkit-transform:translateY(-32px);-ms-transform:translateY(-32px);transform:translateY(-32px)}.upload-container:hover .drag-upload-icon_up_2[data-v-3c974ce9]{opacity:1!important;-webkit-transform:translateY(0)!important;-ms-transform:translateY(0)!important;transform:translateY(0)!important}.upload-container .drag-upload-icon[data-v-3c974ce9]:after,.upload-container .drag-upload-icon[data-v-3c974ce9]:before{border-radius:50%;content:"";display:block;position:absolute;z-index:0}.upload-container:hover .drag-upload-icon .drag-upload-icon_bg .svg-icon[data-v-3c974ce9]{-webkit-animation:upload-icon-top-3c974ce9 .3s linear;animation:upload-icon-top-3c974ce9 .3s linear}.upload-container:hover .drag-upload-icon[data-v-3c974ce9]:before{-webkit-animation:upload-icon-scale1-3c974ce9 .3s linear;animation:upload-icon-scale1-3c974ce9 .3s linear}.upload-container:hover .drag-upload-icon[data-v-3c974ce9]:after{-webkit-animation:upload-icon-scale2-3c974ce9 .3s ease-in-out;animation:upload-icon-scale2-3c974ce9 .3s ease-in-out}@-webkit-keyframes upload-icon-top-3c974ce9{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:0;-webkit-transform:translateY(-32px);transform:translateY(-32px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes upload-icon-scale1-3c974ce9{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.9);transform:scale(1.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes upload-icon-scale2-3c974ce9{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{border-color:#ff747c;opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.upload-container[data-v-3c974ce9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.upload-container .drag-upload-text[data-v-3c974ce9]{font-size:24px}.upload-container .drag-upload-text .svg-icon[data-v-3c974ce9]{color:var(--lb-text-color-lighter);margin-left:8px}.upload-container .drag-upload-tips[data-v-3c974ce9]{color:var(--lb-text-color-lighter);font-size:14px;margin-top:8px}.upload-container .drag-upload-icon[data-v-3c974ce9]{height:80px;margin-bottom:8px;position:relative;width:80px}.upload-container .drag-upload-icon[data-v-3c974ce9],.upload-container .drag-upload-icon .drag-upload-icon_bg[data-v-3c974ce9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.upload-container .drag-upload-icon .drag-upload-icon_bg[data-v-3c974ce9]{background-color:rgba(var(--lb-theme-color-rgb),.8);border-radius:50%;height:42px;width:42px;z-index:1}.upload-container .drag-upload-icon .drag-upload-icon_bg .svg-icon[data-v-3c974ce9]{-webkit-animation:upload-icon-top-reverse-3c974ce9 .3s ease-in-out forwards;animation:upload-icon-top-reverse-3c974ce9 .3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}.upload-container .drag-upload-icon[data-v-3c974ce9]:after,.upload-container .drag-upload-icon[data-v-3c974ce9]:before{-webkit-animation-play-state:paused;animation-play-state:paused;border-radius:50%;content:"";display:block;position:absolute;z-index:0}.upload-container .drag-upload-icon[data-v-3c974ce9]:before{-webkit-animation:upload-icon-scale1-reverse-3c974ce9 .3s ease-in-out forwards;animation:upload-icon-scale1-reverse-3c974ce9 .3s ease-in-out forwards;background-color:rgba(var(--lb-theme-color-rgb),.2);border:1px solid rgba(var(--lb-theme-color-rgb),.4);height:42px;width:42px}.upload-container .drag-upload-icon[data-v-3c974ce9]:after{-webkit-animation:upload-icon-scale2-reverse-3c974ce9 .3s ease-in-out forwards;animation:upload-icon-scale2-reverse-3c974ce9 .3s ease-in-out forwards;background-color:rgba(var(--lb-theme-color-rgb),.2);border:1px solid var(--lb-theme-color);height:80px;width:80px}.upload-container:hover .drag-upload-icon .drag-upload-icon_bg .svg-icon[data-v-3c974ce9]{-webkit-animation-name:upload-icon-top-3c974ce9;animation-name:upload-icon-top-3c974ce9;-webkit-animation-play-state:running;animation-play-state:running}.upload-container:hover .drag-upload-icon[data-v-3c974ce9]:before{-webkit-animation-name:upload-icon-scale1-3c974ce9;animation-name:upload-icon-scale1-3c974ce9;-webkit-animation-play-state:running;animation-play-state:running}.upload-container:hover .drag-upload-icon[data-v-3c974ce9]:after{-webkit-animation-name:upload-icon-scale2-3c974ce9;animation-name:upload-icon-scale2-3c974ce9;-webkit-animation-play-state:running;animation-play-state:running}.upload-container:not(:hover) .drag-upload-icon .drag-upload-icon_bg .svg-icon[data-v-3c974ce9]{-webkit-animation-name:upload-icon-top-reverse-3c974ce9;animation-name:upload-icon-top-reverse-3c974ce9;-webkit-animation-play-state:running;animation-play-state:running}.upload-container:not(:hover) .drag-upload-icon[data-v-3c974ce9]:before{-webkit-animation-name:upload-icon-scale1-reverse-3c974ce9;animation-name:upload-icon-scale1-reverse-3c974ce9;-webkit-animation-play-state:running;animation-play-state:running}.upload-container:not(:hover) .drag-upload-icon[data-v-3c974ce9]:after{-webkit-animation-name:upload-icon-scale2-reverse-3c974ce9;animation-name:upload-icon-scale2-reverse-3c974ce9;-webkit-animation-play-state:running;animation-play-state:running}@keyframes upload-icon-top-3c974ce9{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:0;-webkit-transform:translateY(-32px);transform:translateY(-32px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes upload-icon-scale1-3c974ce9{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.9);transform:scale(1.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes upload-icon-scale2-3c974ce9{0%{border-color:var(--lb-theme-color);opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{border-color:#ff747c;opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}to{border-color:var(--lb-theme-color);opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes upload-icon-top-reverse-3c974ce9{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:0;-webkit-transform:translateY(-32px);transform:translateY(-32px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes upload-icon-top-reverse-3c974ce9{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:0;-webkit-transform:translateY(-32px);transform:translateY(-32px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes upload-icon-scale1-reverse-3c974ce9{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.9);transform:scale(1.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes upload-icon-scale1-reverse-3c974ce9{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.9);transform:scale(1.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes upload-icon-scale2-reverse-3c974ce9{0%{border-color:var(--lb-theme-color);opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{border-color:#ff747c;opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}to{border-color:var(--lb-theme-color);opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes upload-icon-scale2-reverse-3c974ce9{0%{border-color:var(--lb-theme-color);opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{border-color:#ff747c;opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}to{border-color:var(--lb-theme-color);opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.drop-area[data-v-3c974ce9]{background-color:var(--lb-theme-color-opacity10);border:1px dashed #8b68e9;border-radius:16px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:24px;position:relative;text-align:center;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.drop-area.drag-over[data-v-3c974ce9],.drop-area[data-v-3c974ce9]:hover{background-color:rgba(var(--lb-theme-color-rgb),.2);border-color:var(--lb-theme-color)}.file-input[data-v-3c974ce9]{display:none}.drag-upload-popover-content{text-align:left}.drag-upload-popover-content>.title{font-size:16px;margin-bottom:24px}.drag-upload-popover-content>.text:not(:last-of-type){margin-bottom:16px}