.upload-container .upload-area-container[data-v-ff74edb3]{background:#fff;border:2px solid #682aef33;border-radius:12px;box-sizing:border-box;height:340px;min-width:200px;padding:16px}.upload-container .upload-area[data-v-ff74edb3]{height:100%;position:relative}.upload-container .upload-area .features[data-v-ff74edb3]{bottom:0;left:0;position:absolute;right:0}.upload-container .upload-area .features[data-v-ff74edb3] .feature-text{color:#0d0d0d75;font-size:14px}.upload-container .process-area[data-v-ff74edb3]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.upload-container .process-area[data-v-ff74edb3]:after{animation:fadeInOut-ff74edb3 1s ease-in-out infinite;background-color:#ffffff4d;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}@keyframes fadeInOut-ff74edb3{0%{background-color:#ffffff4d}50%{background-color:#ffffff80}to{background-color:#ffffff4d}}.upload-container .process-area img[data-v-ff74edb3]{max-height:100%;max-width:100%}.upload-container .result-area[data-v-ff74edb3]{display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.upload-container .result-area .result-area-wrapper[data-v-ff74edb3]{display:inline-flex;justify-content:center;position:relative}.upload-container .result-area .result-area-wrapper .after-wrapper[data-v-ff74edb3],.upload-container .result-area .result-area-wrapper .before-wrapper[data-v-ff74edb3]{height:100%;left:0;overflow:hidden;position:absolute;top:0}.upload-container .result-area .result-area-wrapper .before-wrapper[data-v-ff74edb3]{position:absolute;z-index:2}.upload-container .result-area .result-area-wrapper .after-wrapper[data-v-ff74edb3]{z-index:1}.upload-container .result-area .result-area-wrapper img[data-v-ff74edb3]{display:block;height:100%;-o-object-fit:cover;object-fit:cover}.upload-container .result-area .result-area-wrapper .slider-handle[data-v-ff74edb3]{align-items:center;bottom:0;cursor:ew-resize;display:flex;justify-content:center;margin-left:-12px;position:absolute;top:0;width:24px;z-index:3}.upload-container .result-area .result-area-wrapper .slider-handle img[data-v-ff74edb3]{width:100%}.upload-container .result-area .result-area-wrapper .label[data-v-ff74edb3]{background:#fff9;border-radius:100px;color:#0d0d0da8;font-size:14px;padding:5px 12px;position:absolute;top:8px}.upload-container .result-area .result-area-wrapper .label.before-label[data-v-ff74edb3]{left:8px}.upload-container .result-area .result-area-wrapper .label.after-label[data-v-ff74edb3]{right:8px}.upload-container .download-wrapper[data-v-ff74edb3]{display:flex;justify-content:center;margin-top:32px}.upload-container .download-wrapper .download-btn[data-v-ff74edb3]{padding:0 70px}@media screen and (max-width:768px){.upload-container .upload-area-container[data-v-ff74edb3]{height:220px}.upload-container .upload-area .features[data-v-ff74edb3]{bottom:-4px}.upload-container .upload-area .features[data-v-ff74edb3] .feature-text{font-size:12px}.upload-container .result-area .result-area-wrapper .label[data-v-ff74edb3]{font-size:12px;padding:2px 8px}.upload-container .download-wrapper[data-v-ff74edb3]{margin-top:24px}}@media screen and (max-width:350px){.upload-container .upload-area-container[data-v-ff74edb3]{height:300px}}