@keyframes progressgenerate{0%{opacity:0}30%{opacity:1}70.1%{opacity:1}100%{opacity:0}}@keyframes ball-pulse{0%,60%,100%{opacity:1;transform:scale(1)}30%{opacity:0.1;transform:scale(0.01)}}img{-webkit-user-drag:none;user-select:none}#image-combiner{background-color:#f8f9fe;padding:100px 0 100px}#image-combiner .main-title{text-align:center;font:normal normal 900 36px / 69px Roboto;color:#000000;margin-bottom:8px}#image-combiner .main-desc{text-align:center;font:normal normal normal 16px/21px Roboto;color:#666666}#image-combiner .image-combiner-wrapper{margin-top:35px;display:flex;align-items:flex-start;justify-content:center}#image-combiner .operating-area{padding:30px 20px;background-color:#fff;box-shadow:0 6px 10px #00000021;border-radius:14px;margin-right:50px;box-sizing:border-box;width:482px;overflow:hidden}#image-combiner .step-title{font:normal normal 500 16px/22px HelveticaNeueLTPro-Md;margin-bottom:16px}#image-combiner .step-title span{color:#0e45f5;font-weight:inherit}#image-combiner .first-step{padding-bottom:16px;border-bottom:1px solid #d9d9d9;margin-bottom:35px;position:relative}#image-combiner .first-step .drag-wrap{position:absolute;top:-30px;left:-20px;right:-20px;bottom:0;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background-color:rgba(0,0,0,0.1);display:none;align-items:center;justify-content:center;font:normal normal 500 14px/21px Poppins;color:#3679f3;z-index:1}#image-combiner .first-step.draggable .drag-wrap{display:flex}#image-combiner .combine-image-list{display:flex;flex-wrap:wrap;align-items:flex-start}#image-combiner .combine-image-item{position:relative;width:calc((100% - 15px * 3) / 4);margin-right:15px;margin-bottom:24px}#image-combiner .combine-image-item:nth-of-type(4n){margin-right:0}@media screen and (min-width: 1200px){#image-combiner .combine-image-item:hover svg.delete-btn{display:block}}#image-combiner .combine-image-item .combine-image{width:100%;padding-bottom:100%;position:relative;z-index:1;margin-bottom:7px}#image-combiner .combine-image-item .combine-image img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:8px}#image-combiner .combine-image-item svg.delete-btn{display:none;position:absolute;top:3px;right:3px;width:20px;height:20px;cursor:pointer;z-index:2}@media screen and (min-width: 1200px){#image-combiner .combine-image-item svg.delete-btn:hover g:first-child{opacity:0.57}}#image-combiner .combine-image-item input[type="range"]{display:block;-webkit-appearance:none;appearance:none;width:100%;height:8px;background-color:#eaeaea;background-image:linear-gradient(#0e45f5, #0e45f5);background-repeat:no-repeat;background-size:20% 100%;border-radius:99px}#image-combiner .combine-image-item input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;background-color:#fff;border:1px solid #0e45f5;border-radius:50%;cursor:pointer}#image-combiner .upload-btn{display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;border:1px dashed #d8d8d8;border-radius:8px;width:calc((100% - 15px * 3) / 4);cursor:pointer}@media screen and (min-width: 1200px){#image-combiner .upload-btn:hover{background-color:#efefef}}#image-combiner .upload-btn label{cursor:pointer;display:block;width:100%;padding-bottom:100%;position:relative}#image-combiner .upload-btn label:before,#image-combiner .upload-btn label:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2px;height:20px;background-color:#0e45f5;border-radius:99px;z-index:1}#image-combiner .upload-btn label:after{width:20px;height:2px}#image-combiner .random-btn-wrap{display:flex;justify-content:flex-end}#image-combiner .random-btn{display:flex;align-items:center;justify-content:center;text-align:right;cursor:pointer}#image-combiner .random-btn span{text-decoration:underline;font:normal normal 500 14px/20px HelveticaNeueLTPro-Md;color:#0e45f5;margin-left:4px}@media screen and (min-width: 1200px){#image-combiner .random-btn:hover span{color:#000}#image-combiner .random-btn:hover svg path{fill:#000}}#image-combiner .combine-btn{position:relative;width:240px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#0e45f5;color:#fff;font:normal normal 500 16px/22px HelveticaNeueLTPro-Md;border-radius:8px;padding:10px 20px;cursor:pointer;margin:34px auto 14px}#image-combiner .combine-btn.disabled{opacity:0.5;pointer-events:none}#image-combiner .combine-btn.loading .original-status{display:none}#image-combiner .combine-btn.loading .loading-status{display:block}#image-combiner .combine-btn .original-status{display:flex;align-items:center;justify-content:center;font:normal normal 500 16px/22px HelveticaNeueLTPro-Md;color:#ffffff}#image-combiner .combine-btn .original-status img{margin-left:12px}#image-combiner .combine-btn .loading-status{display:none;font:normal normal 500 16px/22px HelveticaNeueLTPro-Md;color:#ffffff}#image-combiner .combine-btn .loading-status .generating-animate{display:inline-flex;align-items:center}#image-combiner .combine-btn .loading-status .generating-animate span{width:8px;height:8px;border-radius:8px;display:block;transform:scale(0.3);background:white;margin:0 -1px;animation:progressgenerate 1.5s linear infinite}#image-combiner .combine-btn .loading-status .generating-animate span:nth-child(2){animation-delay:0.2s}#image-combiner .combine-btn .loading-status .generating-animate span:nth-child(3){animation-delay:0.3s}@media screen and (min-width: 1200px){#image-combiner .combine-btn:hover{background:#000}}#image-combiner .image-combiner-wrapper.combining .operating-area{pointer-events:none}#image-combiner .image-combiner-wrapper.combining .generate-blur{display:flex}#image-combiner .generating-area{position:relative;width:406px}#image-combiner .generating-area.combined .combined-img{display:block}#image-combiner .generating-area.combined .origin-img{display:none}#image-combiner .origin-img img{width:100%;height:auto;max-height:406px;object-fit:scale-down;display:block}#image-combiner .combined-img{display:none}#image-combiner .combined-img img{width:100%;height:auto;max-height:406px;object-fit:scale-down;display:block}#image-combiner .generate-blur{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}#image-combiner .generate-blur p{font:normal normal 500 24px/34px HelveticaNeueLTPro-Md;color:#ffffff}#image-combiner .generate-blur ul{display:flex;margin-top:10px;width:122px;justify-content:space-around}#image-combiner .generate-blur ul li{animation:ball-pulse 1s ease infinite}#image-combiner .generate-blur ul li svg{width:30px;height:30px}#image-combiner .generate-blur ul li:nth-child(1){animation-delay:-300ms}#image-combiner .generate-blur ul li:nth-child(2){animation-delay:-150ms}#image-combiner .generate-blur ul li:nth-child(3){animation-delay:0ms}#image-combiner .tools-wrap{display:flex;justify-content:space-between;margin-top:34px}#image-combiner .tools-wrap .tool-btn{width:126px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:2px solid #000;border-radius:99px;font:normal normal 500 14px/20px HelveticaNeueLTPro-Md;color:#000000;cursor:pointer}#image-combiner .tools-wrap .tool-btn svg{margin-right:8px}@media screen and (min-width: 1200px){#image-combiner .tools-wrap .tool-btn:hover{background-color:#000;color:#fff}#image-combiner .tools-wrap .tool-btn:hover path{fill:#fff}}@media screen and (max-width: 1200px){#image-combiner{padding:1.7rem 0 1rem}#image-combiner .main-title{font:normal normal bold 0.44rem/0.58rem Roboto;width:6.2rem;margin:0 auto 0.19rem}#image-combiner .main-desc{font:normal normal normal 0.26rem/0.34rem Roboto;width:6.2rem;margin:0 auto}#image-combiner .image-combiner-wrapper{display:flex;flex-direction:column-reverse;width:6.2rem;margin:0.62rem auto 0;overflow:hidden}#image-combiner .operating-area{padding:0.42rem 0.23rem;border-radius:0.14rem;margin-right:0;margin-top:0.37rem;width:100%}#image-combiner .step-title{font:normal normal 500 0.26rem/0.36rem HelveticaNeueLTPro-Md;margin-bottom:0.33rem;white-space:nowrap}#image-combiner .first-step{padding-bottom:0.2rem;margin-bottom:0.45rem}#image-combiner .first-step .drag-wrap{position:absolute;top:-0.42rem;left:-0.23rem;right:-0.23rem;font:normal normal 500 0.28rem/0.42rem Poppins}#image-combiner .combine-image-item{position:relative;width:calc((100% - 0.19rem * 3) / 4);margin-right:0.19rem;margin-bottom:0.38rem}#image-combiner .combine-image-item .combine-image{margin-bottom:0.11rem}#image-combiner .combine-image-item svg.delete-btn{display:block}#image-combiner .combine-image-item input[type="range"]{height:0.11rem}#image-combiner .combine-image-item input[type="range"]::-webkit-slider-thumb{width:0.17rem;height:0.17rem}#image-combiner .upload-btn{width:calc((100% - 0.19rem * 3) / 4)}#image-combiner .upload-btn label{cursor:pointer;display:block;width:100%;padding-bottom:100%;position:relative}#image-combiner .upload-btn label:before,#image-combiner .upload-btn label:after{width:0.04rem;height:0.26rem}#image-combiner .upload-btn label:after{width:0.26rem;height:0.04rem}#image-combiner .random-btn span{font:normal normal 500 0.22rem/0.3rem HelveticaNeueLTPro-Md}#image-combiner .combine-btn{width:4.56rem;height:0.82rem;font:normal normal 500 0.3rem/0.42rem HelveticaNeueLTPro-Md;border-radius:0.22rem;padding:0;margin:0.46rem auto 0.28rem}#image-combiner .combine-btn::before{content:"";position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;border-radius:11px;background-color:#000;opacity:0;pointer-events:none;transition:all 0.3s}#image-combiner .combine-btn .original-status{font:normal normal 500 0.3rem/0.42rem HelveticaNeueLTPro-Md}#image-combiner .combine-btn .original-status img{margin-left:0.23rem}#image-combiner .combine-btn .loading-status{font:normal normal 500 0.3rem/0.42rem HelveticaNeueLTPro-Md}#image-combiner .generating-area{width:100%}#image-combiner .origin-img img{width:100%;max-height:6.3rem}#image-combiner .combined-img img{max-height:6.3rem}#image-combiner .generate-blur p{font:normal normal 500 0.33rem/0.47rem HelveticaNeueLTPro-Md}#image-combiner .tools-wrap{margin-top:0.47rem}#image-combiner .tools-wrap .zoom-in-btn{display:none !important}#image-combiner .tools-wrap .tool-btn{width:2.2rem;height:0.63rem;display:flex;font:normal normal 500 0.24rem/0.34rem HelveticaNeueLTPro-Md}#image-combiner .tools-wrap .tool-btn svg{margin-right:0.14rem}}#zoom-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.74);z-index:10;display:none}#zoom-wrapper .zoom-close{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:#606060;top:40px;right:40px;cursor:pointer}#zoom-wrapper .zoom-close:hover{background-color:#7b7b7b}#zoom-wrapper .zoom-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#zoom-wrapper .zoom-img{min-width:400px;max-width:700px;max-height:700px;display:block;object-fit:scale-down}#zoom-wrapper .zoom-tools{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}#zoom-wrapper .zoom-tools .tool-btn{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.6);border-radius:99px;width:126px;height:36px;font:normal normal 500 14px/20px HelveticaNeueLTPro-Md;color:#000000;margin-right:15px;cursor:pointer}#zoom-wrapper .zoom-tools .tool-btn svg{margin-right:8px}#zoom-wrapper .zoom-tools .tool-btn:hover{background-color:rgba(255,255,255,0.8)}#zoom-wrapper .close-btn{position:absolute;top:10px;right:10px;width:20px;height:20px;cursor:pointer}