.main-canvas{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:150;background:linear-gradient(96.27deg,#EEEFFF -4.33%,#ffeade 147.73%);overflow-y:scroll;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-canvas .body-box .canvas-body{display:flex;justify-content:space-around}.main-canvas .body-box .canvas-body .left-box .top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.main-canvas .body-box .canvas-body .left-box .top-bar .back{width:33px;height:33px;cursor:pointer;opacity:.7;z-index:9999}.main-canvas .body-box .canvas-body .left-box .top-bar .back :hvoer{opacity:1}.main-canvas .body-box .canvas-body .left-box .top-bar .down-img{display:none}.main-canvas .body-box .canvas-body .left-box .top-bar .canvas-resize{display:flex;color:#A2A2A2}.main-canvas .body-box .canvas-body .left-box .top-bar .canvas-resize>div{cursor:pointer;width:33px;height:33px;text-align:center;line-height:28px;border:1px solid #D0D0D0;font-size:36px;font-weight:400}.main-canvas .body-box .canvas-body .left-box .top-bar .canvas-resize p{height:33px;width:66px;border:1px solid #D0D0D0;margin:0 10px;color:#A2A2A2;display:flex;align-items:center;justify-content:center}.main-canvas .body-box .canvas-body .left-box .top-bar .canvas-resize p::after{content:'%'}.main-canvas .body-box .canvas-body .left-box .top-bar .canvas-resize .move-canvas{margin-left:10px;display:flex;align-items:center;justify-content:center}.main-canvas .body-box .canvas-body .left-box .top-bar .canvas-resize .move-curr{border:1px solid #1f1e1e}.main-canvas .body-box .canvas-body .left-box .top-bar .revocation{display:flex}.main-canvas .body-box .canvas-body .left-box .top-bar .revocation>div{width:33px;height:33px;border:1px solid #D0D0D0;display:flex;align-items:center;justify-content:center;touch-action:none;opacity:.5}.main-canvas .body-box .canvas-body .left-box .top-bar .revocation .afterward{margin-left:10px}.main-canvas .body-box .canvas-body .left-box .canvas-bg{position:relative;width:1000px;height:596px;max-width:1000px!important;max-height:600px!important;background:url(https://images.topmediai.com/imyfoneai/assets/overview/remove-background/removebgbg.png);overflow:hidden;touch-action:none}.main-canvas .body-box .canvas-body .left-box .canvas-bg canvas{position:absolute;display:block;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border:1px dashed #6C5EFF;z-index:9}.main-canvas .body-box .canvas-body .left-box .canvas-bg .canvas-box{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:7;background-size:cover}.main-canvas .body-box .canvas-body .right-box{background-color:#FFF;border:1px solid #E6E6E6;border-radius:4px;margin:50px 0 0 24px;width:340px}.main-canvas .body-box .canvas-body .right-box .right-btn{display:flex;justify-content:center;font-weight:400;font-size:14px;color:#645EFF;background:rgba(108,94,255,.1)}.main-canvas .body-box .canvas-body .right-box .right-btn li{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7px 0;cursor:pointer}.main-canvas .body-box .canvas-body .right-box .right-btn .curr{background:#FFF;font-weight:500}.main-canvas .body-box .canvas-body .right-box .bg-tool-none{display:none}.main-canvas .body-box .canvas-body .right-box .background-change .blur{margin:10px 15px 30px}.main-canvas .body-box .canvas-body .right-box .background-change .blur p{text-align:left}.main-canvas .body-box .canvas-body .right-box .background-change .blur ul{display:flex;justify-content:space-between}.main-canvas .body-box .canvas-body .right-box .background-change .blur ul li{width:70px;height:70px;cursor:pointer;display:flex;justify-content:center;align-items:center;border:1px solid #E6E6E6;position:relative}.main-canvas .body-box .canvas-body .right-box .background-change .blur ul li div{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.main-canvas .body-box .canvas-body .right-box .background-change .blur ul li:hover{border:2px solid #6c5eff}.main-canvas .body-box .canvas-body .right-box .background-change .blur ul .curr-border{border:2px solid #6C5EFF}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .changebg{width:160px;box-sizing:border-box;display:flex;justify-content:center;font-weight:400;font-size:14px;color:#645EFF;background-color:#fff;margin:0 auto}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .changebg li{width:80px;height:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7px 0;cursor:pointer;border:1px solid #6C5EFF}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .changebg li:first-child{border-top-left-radius:50px;border-bottom-left-radius:50px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .changebg li:last-child{border-top-right-radius:50px;border-bottom-right-radius:50px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .changebg .curr{background:#6c5eff;font-weight:500;color:#fff}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .change-title{text-align:left;padding-left:15px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .topopt-title{width:100%;margin:0 auto;position:relative;text-overflow:clip;margin:5px auto 10px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .topopt-title .option{width:75%;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;text-align:center;white-space:nowrap;position:relative;display:flex;flex-wrap:nowrap;margin:0 auto}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .topopt-title .option li{font-size:12px;color:#666;cursor:pointer}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .topopt-title .option li:not(:last-of-type){margin-right:12px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .topopt-title .option .curr{text-decoration:underline;color:#1F1F1F}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos ::-webkit-scrollbar{display:none}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .topopt-title .before,.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .topopt-title .after{position:absolute;width:20px;height:22px;background-color:#f0efff;display:block;color:#6C5EFF;top:-3px;cursor:pointer}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .topopt-title .before{content:'<';left:15px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .topopt-title .after{content:'>';right:15px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos{margin:0 15px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;text-align:center;white-space:nowrap;position:relative;display:none;flex-wrap:wrap;max-height:320px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos li{width:70px;height:70px;background-color:#999393;margin-bottom:10px;cursor:pointer;display:flex;justify-content:center;align-items:center}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos li div{width:100%;height:100%}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos li:not(:nth-of-type(4n)){margin-right:9px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos .upload-myimg{background:rgba(108,94,255,.1);flex-direction:column}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos .upload-myimg p{font-size:12px;color:#6C5EFF;line-height:14px;transform:scale(.7);text-align:center}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos .upload-myimg:hover{background:rgba(108,94,255,.15)}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos .upload-img{display:none}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors{margin:0 15px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;text-align:center;white-space:nowrap;position:relative;display:none;flex-wrap:wrap;max-height:345px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors li{width:54px;height:54px;background-color:#666;margin-bottom:10px;align-items:baseline;cursor:pointer}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors li div{width:100%;height:100%}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors li:not(:nth-of-type(5n)){margin-right:9px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors .transparency{background:url(https://images.topmediai.com/topmediai/assets/overview/remove-background/custom_color.svg) center center no-repeat;background-size:100% 100%}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors .custom{background:url(https://images.topmediai.com/topmediai/assets/overview/remove-background/colorbg.png) center center no-repeat;background-size:100% 100%;display:flex;justify-content:center;align-items:center}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .curr{display:flex}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos li,.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors li{border:2px solid #E6E6E6}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos li:hover,.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors li:hover{border:2px solid #6c5eff}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos .curr-border,.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors .curr-border{border:2px solid #6C5EFF}.main-canvas .body-box .canvas-body .right-box .tool .erase-restore{display:flex;justify-content:center;width:158px;border:1px solid #6C5EFF;background-color:#FFF;margin:35px auto 0;border-radius:26px}.main-canvas .body-box .canvas-body .right-box .tool .erase-restore li{width:50%;height:30px;line-height:30px;color:#6C5EFF;font-weight:400;font-size:14px;cursor:pointer}.main-canvas .body-box .canvas-body .right-box .tool .erase-restore li.erase{border-radius:26px 0 0 26px;border-right:1px solid #6c5eff}.main-canvas .body-box .canvas-body .right-box .tool .erase-restore li.restore{border-radius:0 26px 26px 0}.main-canvas .body-box .canvas-body .right-box .tool .erase-restore li.erase-restore-curr{background:#6C5EFF;color:#FFF}.main-canvas .body-box .canvas-body .right-box .tool .set-size{margin-top:20px;margin-left:30px}.main-canvas .body-box .canvas-body .right-box .tool .set-size p{margin-bottom:16px;text-align:left;font-family:'Poppins';font-weight:400;font-size:16px;line-height:24px;color:#1F1F1F}.main-canvas .body-box .canvas-body .right-box .tool .set-size .line-box{width:200px;height:8px;position:relative;cursor:pointer}.main-canvas .body-box .canvas-body .right-box .tool .set-size .line-box .line-length{width:100%;height:8px;border-radius:28px;background-color:#f8f0f1;border:1px solid #6C5EFF;cursor:pointer}.main-canvas .body-box .canvas-body .right-box .tool .set-size .line-box .line-tip{position:absolute;width:20px;height:20px;background:#4047f6;top:50%;transform:translateY(-50%);border-radius:50%;left:20%;z-index:3;cursor:pointer;pointer-events:none}.main-canvas .body-box .canvas-body .right-box .tool .set-size .line-box .light{position:absolute;width:26%;height:8px;top:50%;transform:translateY(-50%);background-color:#6c5eff;border-radius:28px;cursor:pointer}.main-canvas .body-box .down-btn{display:flex;width:1000px;justify-content:space-around;margin-top:30px}.main-canvas .body-box .down-btn .close{display:none}.main-canvas .body-box .down-btn .highcanvas-btn a,.main-canvas .body-box .down-btn .commoncanvas-btn a{display:block;width:280px;height:60px;border-radius:89px;background:#6C5EFF;color:#fff;line-height:60px;font-size:20px;text-align:center}.main-canvas .body-box .down-btn .highcanvas-btn p,.main-canvas .body-box .down-btn .commoncanvas-btn p{text-align:center;color:#999;margin-top:6px;position:relative}.main-canvas .body-box .down-btn .commoncanvas-btn a{border:1px solid #6C5EFF;background-color:#fff;color:#6C5EFF}.main-canvas .body-box .down-btn .highcanvas-btn a:hover{background-color:#5649e5}.main-canvas .body-box .down-btn .commoncanvas-btn a:hover{background:#6C5EFF;color:#fff}.main-canvas .body-box .down-btn .currash a{background:#bdc2c4;cursor:not-allowed;color:#ece6e6}.main-canvas .body-box .down-btn .currash:hover a{background:#bdc2c4}.main-canvas .body-box .down-btn .tips{position:absolute;right:42px;top:50%;transform:translateY(-50%) translateX(150%);cursor:pointer;z-index:999}.main-canvas .body-box .down-btn .tips-des{display:none;position:absolute;right:20px;transform:translateX(50%);background:#656566;border-radius:5px;top:31px;color:#fff;font-size:14px;width:144px;line-height:15px;padding:4px 5px}.main-canvas .body-box .down-btn .tips-des span{display:block;font-size:12px;margin:3px auto}.main-canvas .body-box .down-btn .tips-des::after{display:block;position:absolute;left:50%;transform:translateX(-50%);top:-19px;width:10px;height:10px;content:'';border:10px transparent solid;border-bottom-color:#eefcfe}.main-canvas .body-box .down-btn .tips:hover{background-image:url(https://images.topmediai.com/imyfoneai/assets/overview/remove-background/tips_hover.svg);background-size:100% 100%}.main-canvas .body-box .down-btn .tips:hover+.tips-des{display:block}.main-canvas .body-box .down-btn .tips-des:hover{display:block}.main-canvas .body-box .down-btn .hover{background-image:url(https://images.topmediai.com/imyfoneai/assets/overview/remove-background/tips_hover.svg);background-size:100% 100%}.main-canvas .body-box .down-btn .tips-des::after{display:block;position:absolute;left:50%;transform:translateX(-50%);top:-18px;width:10px;height:10px;content:'';border:10px transparent solid;border-bottom-color:#656566}.main-canvas .body-box .down-mask{display:none}.main-canvas .body-box .share-remvoed{flex-direction:column;align-items:center;display:none;width:1000px;margin-top:15px}.main-canvas .body-box .share-remvoed p{font-size:16px;line-height:24px;color:#1F1F1F}.main-canvas .body-box .share-remvoed img{cursor:pointer}.main-canvas .body-box .share-remvoed .rate{display:flex;align-items:center}.main-canvas .body-box .share-remvoed .rate img{margin-left:15px;width:30px;height:30px}.main-canvas .body-box .share-remvoed .success{display:none}.main-canvas .body-box .share-remvoed .success p img{width:25px;height:25px;margin-left:11px}.main-canvas .body-box .share-remvoed .success .share-btn{display:flex;align-items:center}.main-canvas .body-box .share-remvoed .failing{display:none}.main-canvas .remove-mouse{position:absolute;width:20px;height:20px;left:0;top:0;border:1px solid #6C5EFF;border-radius:100%;z-index:99;transform:translateX(-50%) translateY(-50%);pointer-events:none;display:none}@media screen and (max-width:1300px),screen and (max-height:820px){.main-canvas .body-box{padding-bottom:50px}.main-canvas .body-box .canvas-body{padding-top:100px}.main-canvas .body-box .canvas-body .left-box .canvas-bg{width:670px;height:400px;max-width:670px!important;max-height:400px!important}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos{max-height:113px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors{max-height:144px}.main-canvas .body-box .down-btn,.main-canvas .body-box .share-remvoed{width:670px}}@media screen and (max-width:1024px){.main-canvas{align-items:flex-start;background-color:#FFF}.main-canvas .body-box{width:100%;height:auto;display:flex;flex-direction:column;background-color:#FFF;overflow:scroll!important}.main-canvas .body-box .canvas-body{padding-top:0;flex-direction:column}.main-canvas .body-box .canvas-body .left-box .top-bar{position:relative;justify-content:center;background-color:#fff;height:60px;margin-bottom:0}.main-canvas .body-box .canvas-body .left-box .top-bar .back{position:absolute;left:13px;z-index:1001}.main-canvas .body-box .canvas-body .left-box .top-bar .down-img{display:block;position:absolute;right:13px;z-index:99;cursor:pointer;transform:translateY(1px)}.main-canvas .body-box .canvas-body .left-box .top-bar .revocation{position:absolute;top:calc(100% + 10px);width:100%;z-index:99;display:flex;padding:0 10px;justify-content:space-between;margin-bottom:0}.main-canvas .body-box .canvas-body .left-box .top-bar .revocation>div{touch-action:none;background-color:#fff;box-shadow:1px 2px 3px #666}.main-canvas .body-box .canvas-body .left-box .canvas-bg{max-width:100%!important;width:100%}.main-canvas .body-box .canvas-body .right-box{margin:0;width:100%;border:none;border-top:1px solid #f2f2f2}.main-canvas .body-box .canvas-body .right-box .tool .set-size{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;margin:15px 0 0}.main-canvas .body-box .canvas-body .right-box .tool .set-size p{margin-left:12px;margin-bottom:0}.main-canvas .body-box .canvas-body .right-box .tool .set-size p span{display:none}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos{overflow:scroll hidden;max-height:80px;min-width:95%;flex-wrap:nowrap}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos li:nth-of-type(4n){margin-right:9px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-photos li{min-width:70px;border:1px solid #E6E6E6}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors li:nth-of-type(5n){margin-right:9px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors li{width:36px;height:36px;border:1px solid #E6E6E6}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors .custom img{width:16px;height:16px}.main-canvas .body-box .canvas-body .right-box .background-change .blur .blur-list{justify-content:normal}.main-canvas .body-box .canvas-body .right-box .background-change .blur .blur-list li{margin-right:10px;background-size:cover}.main-canvas .body-box .down-btn{position:fixed;z-index:1002;width:320px;height:258px;margin-top:0;background-color:#FFF;align-items:center;flex-direction:column;padding:25px 0 25px;top:40%;left:50%;transform:translate(-50%,-50%);display:none}.main-canvas .body-box .down-btn .commoncanvas-btn{margin-top:20px}.main-canvas .body-box .down-btn .commoncanvas-btn a{border:#4047f6 1px solid}.main-canvas .body-box .down-btn .close{position:absolute;display:block;top:0;right:0;width:32px;height:32px;cursor:pointer;transform:translateY(-50%) translateX(50%);background:url(https://images.topmediai.com/imyfoneai/assets/overview/remove-background/close_hover.svg) center center no-repeat;background-size:100% 100%;z-index:99}.main-canvas .body-box .down-btn .close:hover{background-image:url(https://images.topmediai.com/imyfoneai/assets/overview/remove-background/close_hover.svg)}.main-canvas .body-box .down-mask{z-index:1001;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55)}.main-canvas .body-box .share-remvoed{width:100%;margin-bottom:15px}}@media screen and (max-width:768px){.main-canvas .body-box{padding-bottom:0}.main-canvas .body-box .down-btn,.main-canvas .body-box .share-remvoed{flex-direction:column}.main-canvas .body-box .canvas-body .right-box{padding-bottom:130px}.main-canvas .body-box .canvas-body .right-box .tool{padding-bottom:50px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos{padding-bottom:50px}.main-canvas .body-box .canvas-body .right-box .background-change .recomposit .photos .more-colors{min-height:190px;overflow-y:hidden}}.mask-loading{position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;display:none;background-color:#efeffe;z-index:999}.mask-loading p{font-size:20px;font-weight:600}.canvas-loading{width:150px;height:15px;margin:0 auto;margin-top:100px}.canvas-loading span{display:inline-block;width:15px;height:100%;margin-right:5px;background:#333;-webkit-transform-origin:right bottom;-webkit-animation:load 1s ease infinite}.canvas-loading span:last-child{margin-right:0}@-webkit-keyframes load{0%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:rotate(90deg) scale(.3)}}.canvas-loading span:nth-child(1){-webkit-animation-delay:0.13s}.canvas-loading span:nth-child(2){-webkit-animation-delay:0.26s}.canvas-loading span:nth-child(3){-webkit-animation-delay:0.39s}.canvas-loading span:nth-child(4){-webkit-animation-delay:0.52s}.canvas-loading span:nth-child(5){-webkit-animation-delay:0.65s}