1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6437],{69839:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/fees",function(){return e(33059)}])},33059:function(n,t,e){"use strict";e.r(t),e.d(t,{__N_SSG:function(){return V},default:function(){return nn}});var i=e(52322),r=e(92228),o=e(35868),a=e(37742),s=e(58694),d=e(41083),l={handling_fee_bg:"/_next/static/media/handling_fee_bg.09046e5f.svg",girl:"/_next/static/media/girl.20d46030.svg",arrow_right_white:"/_next/static/media/arrow_right_white.18ab67c7.svg",free_sdk:"/_next/static/media/free_sdk.4669d6bf.svg",free_swap:"/_next/static/media/free_swap.7188f47e.svg",free_withdraw:"/_next/static/media/free_withdraw.7882544a.svg",free_address:"/_next/static/media/free_address.1e245696.svg",free_bg:"/_next/static/media/free_bg.dba4c330.svg",auto:"/_next/static/media/auto.7af9902f.svg",auto2:"/_next/static/media/auto.d1a29823.png",auto2_bg:"/_next/static/media/auto_bg.73d977f3.svg",auto_icon:"/_next/static/media/auto_icon.365e776b.svg",auto_start:"/_next/static/media/auto_start.6eeaf254.svg",view_all_arrow:"/_next/static/media/view_all_arrow.494ee712.svg",info:"/_next/static/media/info.21a92fde.svg",introduce_bg:"/_next/static/media/introduce_bg.6fa90387.svg",introduce_bg_mobile:"/_next/static/media/introduce_bg_mobile.4892a49c.svg",introduce_right:"/_next/static/media/introduce_right.40ad3ed6.png",introduce_bg_right:"/_next/static/media/introduce_bg_right.baffa8f8.png",introduce_bg_bottom:"/_next/static/media/introduce_bg_bottom.1a13cb26.png",introduce_bg_mobile_left:"/_next/static/media/introduce_bg_mobile_left.a5f738e7.png",introduce_bg_mobile_right:"/_next/static/media/introduce_bg_mobile_right.695e92ce.png"},x=e(17160),c=e(2784);function p(){var n=(0,r.Z)(["\n position: relative;\n background: linear-gradient(180deg, #d8e7fe 0%, rgba(216, 231, 254, 0) 100%);\n padding: 100px;\n overflow: hidden;\n\n "," {\n padding: 80px;\n }\n\n "," {\n padding: 56px 32px;\n }\n\n "," {\n padding: 40px 20px;\n }\n"]);return p=function(){return n},n}function f(){var n=(0,r.Z)(["\n width: min(100%, ",");\n margin: auto;\n display: flex;\n justify-content: center;\n"]);return f=function(){return n},n}function h(){var n=(0,r.Z)(["\n display: flex;\n align-items: center;\n width: 100%;\n .top-box {\n /* padding-top: 56px; */\n margin-right: 24px;\n max-width: 775px;\n\n flex-shrink: 1;\n .introduce-title {\n text-align: left;\n & > div {\n max-width: 1200px;\n margin: 0 auto;\n margin-bottom: 24px;\n\n span {\n color: #1f2025;\n font-size: 48px;\n font-style: normal;\n font-weight: 700;\n line-height: 120%;\n ",";\n }\n .handle-fee {\n display: inline-block;\n width: 180px;\n margin-left: 4px;\n\n img {\n position: absolute;\n width: 200px;\n }\n\n span {\n position: relative;\n /* color: red; */\n font-size: 56px;\n z-index: 2;\n left: 14px;\n top: 2px;\n }\n }\n }\n\n i {\n text-align: left;\n display: block;\n max-width: 80%;\n color: rgba(30, 30, 30, 0.8);\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: 160%;\n ",";\n /* margin: 0 auto; */\n margin-bottom: 24px;\n }\n }\n .register-btn-wrap {\n display: flex;\n /* justify-content: center; */\n .register-btn {\n border-radius: 10px;\n background: #000;\n padding: 8px 24px;\n box-shadow: 0px 8px 29px 0px rgba(60, 111, 245, 0.1);\n\n span {\n color: #fff;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 160%;\n ",";\n margin-right: 16px;\n }\n img {\n transition: all 0.2s ease-out;\n }\n :hover {\n img {\n transform: translateX(8px);\n }\n }\n }\n }\n }\n .right-box {\n flex-shrink: 0;\n max-width: 618px;\n width: 100%;\n border-radius: 24px;\n border: 4px solid var(--Primary-lighter, #d8e7fe);\n background: rgba(255, 255, 255, 0.8);\n padding: 37.5px 60px 23.5px 60px;\n .r-title {\n font-size: 36px;\n line-height: 56px;\n font-weight: 800;\n ",";\n text-align: center;\n }\n .r-desc {\n font-size: 16px;\n line-height: 25px;\n text-align: center;\n }\n .r-btn {\n border-radius: 8px;\n border: 2px solid var(--Primary-lighter, #d8e7fe);\n background: #fff;\n padding: 6px 43px 5px 44px;\n text-align: center;\n width: fit-content;\n margin: 23px auto 18px auto;\n font-size: 22px;\n line-height: 34px;\n ",";\n }\n .s-container {\n width: 100%;\n /* padding: 20px; */\n margin: auto;\n display: flex;\n align-items: center;\n .s-line {\n width: 20%;\n height: 10px;\n background: #3c6ff5;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n }\n .s-line2 {\n width: 20%;\n height: 10px;\n background: rgba(60, 111, 245, 0.2);\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n .slider_wrapper {\n position: relative;\n width: 100%;\n height: 40px; /* å¢å å¯ç¹å»/æ»å¨åºåé«åº¦ */\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n .track {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n height: 10px;\n background-color: rgba(60, 111, 245, 0.2);\n }\n .marks_wrapper {\n position: absolute;\n top: 50%;\n width: 100%;\n transform: translateY(-50%);\n display: flex;\n justify-content: space-between;\n pointer-events: none; /* é¿å
æ¡ä½è½¨éç¹å» */\n }\n .mark {\n width: 8px;\n height: 8px;\n background-color: #89affc;\n border-radius: 50%;\n pointer-events: auto; /* å
许åç¬ç¹å» mark */\n cursor: pointer;\n }\n }\n .num {\n text-align: center;\n font-size: 16px;
1\n line-height: 26px;\n color: #3c6ff5;\n span {\n ",";\n font-size: 35px;\n line-height: 53px;\n margin-left: 10px;\n }\n }\n }\n /* .introduce-right-box {\n flex-shrink: 0;\n img {\n }\n object {\n width: 100%;\n }\n } */\n\n "," {\n .top-box {\n .introduce-title {\n i {\n max-width: 600px;\n }\n }\n }\n }\n\n "," {\n .top-box {\n .introduce-title {\n i {\n max-width: 600px;\n }\n }\n }\n }\n\n "," {\n flex-direction: column;\n .top-box {\n margin-right: 0;\n margin-bottom: 24px;\n .introduce-title {\n text-align: center;\n & > div {\n span {\n text-align: center;\n font-size: 40px;\n }\n .handle-fee {\n width: 200px;\n img {\n width: 200px;\n }\n }\n }\n i {\n text-align: center;\n max-width: 100%;\n font-size: 18px;\n }\n }\n .register-btn-wrap {\n justify-content: center;\n }\n }\n\n .introduce-right-box {\n display: flex;\n justify-content: center;\n object {\n width: 100%;\n }\n }\n }\n\n "," {\n .top-box {\n .introduce-title {\n & > div {\n span {\n font-size: 40px;\n }\n .handle-fee {\n width: 200px;\n img {\n width: 200px;\n }\n }\n }\n i {\n max-width: 100%;\n font-size: 18px;\n }\n }\n }\n }\n\n "," {\n .top-box {\n /* padding-top: 32px; */\n margin-right: 0;\n .introduce-title {\n & > div {\n text-align: center;\n span {\n text-align: center;\n font-size: 36px;\n }\n .handle-fee {\n span {\n font-size: 40px;\n }\n width: 140px;\n img {\n width: 150px;\n }\n }\n }\n i {\n text-align: center;\n font-size: 16px;\n }\n }\n .register-btn-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n .right-box {\n padding: 37.5px 12px 23.5px 12px;\n .r-title {\n font-size: 32px;\n line-height: 42px;\n }\n .r-desc {\n font-size: 14px;\n line-height: 22px;\n }\n }\n }\n\n "," {\n .top-box {\n /* padding-top: 16px; */\n .introduce-title {\n & > div {\n span {\n font-size: 32px;\n }\n /* .handle-fee {\n width: 120px;\n img {\n width: 120px;\n }\n } */\n }\n i {\n font-size: 14px;\n }\n }\n .register-btn {\n span {\n font-size: 14px;\n }\n }\n }\n }\n"]);return h=function(){return n},n}function u(){var n=(0,r.Z)(["\n position: absolute;\n z-index: -1;\n top: 479px;\n left: 0px;\n "," {\n top: 700px;\n left: -300px;\n }\n"]);return u=function(){return n},n}function m(){var n=(0,r.Z)(["\n position: absolute;\n z-index: -1;\n top: -60px;\n right: -40px;\n "," {\n top: -100px;\n right: -100px;\n }\n"]);return m=function(){return n},n}function g(){var n=(0,r.Z)(["\n position: absolute;\n z-index: -1;\n top: 0px;\n left: 0px;\n transition: all 0.1s;\n "," {\n top: -40px;\n left: 0px;\n }\n"]);return g=function(){return n},n}function b(){var n=(0,r.Z)(["\n position: absolute;\n z-index: -1;\n right: 0;\n bottom: 0;\n transition: all 0.1s;\n "," {\n right: 0;\n bottom: -200px;\n }\n"]);return b=function(){return n},n}function w(){var n=(0,r.Z)(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: ","%;\n height: 10px;\n background-color: #3c6ff5;\n"]);return w=function(){return n},n}function v(){var n=(0,r.Z)(["\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 24.5px;\n height: 24.5px;\n outline: 8px solid rgba(60, 111, 245, 0.4);\n background-color: #3c6ff5;\n border-radius: 50%;\n cursor: grab;\n left: ",";\n"]);return v=function(){return n},n}var _=[1,2,3,4];function j(){var n=(0,d.$G)("fees").t,t=(0,x.useMediaQuery)({query:"(max-width: 980px)"}),e=(0,c.useState)(4),r=e[0],s=e[1],p=(0,c.useRef)(null),f=(0,c.useRef)(!1),h=function(n){if(f.current&&p.current){var t=p.current.getBoundingClientRect(),e=(n-t.left)/t.width*100;e<0&&(e=0),e>100&&(e=100),s(_[Math.round(e/(100/(_.length-1)))])}},u=function(n){return h(n.clientX)},m=function(n){n.touches.length>0&&h(n.touches[0].clientX)},g=function(){f.current=!1,document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",g),document.removeEventListener("touchmove",m),document.removeEventListener("touchend",g)},b=function(n){f.current=!0,h(n),document.addEventListener("mousemove",u),document.addEventListener("mouseup",g),document.addEventListener("touchmove",m),document.addEventListener("touchend",g)},w=function(n){if(p.current){var t=p.current.getBoundingClientRect(),e=(n-t.left)/t.width*100;e<0&&(e=0),e>100&&(e=100),s(_[Math.round(e/(100/(_.length-1)))])}},v=function(n){w(n.clientX)},j=function(n){s(_[n])};return(0,i.jsxs)(y,{children:[(0,i.jsx)(k,{children:(0,i.jsxs)(z,{children:[(0,i.jsxs)("div",{className:"top-box",children:[(0,i.jsxs)("div",{className:"introduce-title",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:n("introduce.title")}),(0,i.jsxs)("div",{className:"handle-fee",children:[(0,i.jsx)("img",{src:l.handling_fee_bg,alt:n("introduce.handle.fee")}),(0,i.jsx)("span",{children:n("introduce.handle.fee")})]})]}),(0,i.jsx)("i",{children:n("introduce.desc")})]}),(0,i.jsx)("div",{className:"register-btn-wrap",children:(0,i.jsxs)(a.zx,{className:"register-btn",onClick:function(){(0,o.z2)()},children:[(0,i.jsx)("span",{children:n("introduce.start")}),(0,i.jsx)("img",{src:l.arrow_right_white,alt:n("introduce.start")})]})})]}),(0,i.jsxs)("div",{className:"right-box",children:[(0,i.jsx)("div",{className:"r-title",children:n("intro.title")}),(0,i.jsx)("div",{className:"r-desc",children:n("intro.desc")}),(0,i.jsx)("div",{className:"r-btn",children:{1:"<$1M",2:"$1M+",3:"$5M+",4:"$10M+"}[r]}),(0,i.jsxs)("div",{className:"s-container",children:[(0,i.jsx)("div",{className:"s-line"}),(0,i.jsxs)("div",{className:"slider_wrapper",ref:p,onClick:v,onMouseDown:function(n){return b(n.clientX)},onTouchStart:function(n){n.touches.length>0&&b(n.touches[0].clientX)},children:[(0,i.jsx)("div",{className:"track"}),(0,i.jsx)(P,{value:r-1,max:_.length-1}),(0,i.jsx)(E,{left:(r-1)/(_.length-1)*100}),(0,i.jsx)("div",{className:"marks_wrapper",children:_.map(function(n,t){return(0,i.jsx)("div",{className:"mark",onClick:function(){return j(t)}},n)})})]}),(0,i.jsx)("div",{className:"s-line2"})]}),(0,i.jsxs)("div",{className:"num",children:[n("intro.label")," ",(0,i.jsx)("span",{children:{1:"0.5%",2:"0.4%",3:"0.3%",4:"0.2%"}[r]})]})]})]})}),t?(0,i.jsx)(C,{children:(0,i.jsx)("img",{src:l.introduce_bg_mobile_left,alt:""})}):(0,i.jsx)(N,{children:(0,i.jsx)("img",{src:l.introduce_bg_bottom,alt:""})}),t?(0,i.jsx)(Z,{children:(0,i.jsx)("img",{src:l.introduce_bg_mobile_right,alt:""})}):(0,i.jsx)(L,{children:(0,i.jsx)("img",{src:l.introduce_bg_right,alt:""})})]})}var y=s.ZP.div.withConfig({componentId:"sc-aec1a235-0"})(p(),o.xL.media1240,o.xL.media998,o.xL.media680),k=s.ZP.div.withConfig({componentId:"sc-aec1a235-1"})(f(),function(n){return n.theme.maxWidth}),z=s.ZP.div.withConfig({componentId:"sc-aec1a235-2"})(h(),o.Wu.fonts.bold,o.Wu.fonts.regular,o.Wu.fonts.semibold,o.Wu.fonts.bold,o.Wu.fonts.semibold,o.Wu.fonts.semibold,o.xL.media1560,o.xL.media1440,o.xL.media1240,o.xL.media1024,o.xL.media680,o.xL.media430
1),N=s.ZP.div.withConfig({componentId:"sc-aec1a235-3"})(u(),o.xL.media1240),L=s.ZP.div.withConfig({componentId:"sc-aec1a235-4"})(m(),o.xL.media1240),C=s.ZP.div.withConfig({componentId:"sc-aec1a235-5"})(g(),o.xL.media430),Z=s.ZP.div.withConfig({componentId:"sc-aec1a235-6"})(b(),o.xL.media430),P=s.ZP.div.withConfig({componentId:"sc-aec1a235-7"})(w(),function(n){var t;return n.value/n.max*100}),E=s.ZP.div.withConfig({componentId:"sc-aec1a235-8"})(v(),function(n){var t=n.left;return 0===t?"1%":100===t?"99%":"".concat(t,"%")}),W=e(58122);function I(){var n=(0,r.Z)(["\n padding: 64px 100px;\n background-color: #3c6ff5;\n background-image: url(",");\n background-repeat: no-repeat;\n background-position: center bottom;\n "," {\n padding: 48px 80px;\n }\n\n "," {\n padding: 32px 60px;\n }\n "," {\n padding: 64px 20px;\n }\n"]);return I=function(){return n},n}function S(){var n=(0,r.Z)(["\n width: min(100%, ",");\n margin: auto;\n display: flex;\n .free-list {\n width: 100%;\n display: flex;\n /* flex-wrap: wrap; */\n\n justify-content: space-between;\n .free-list-item {\n text-align: center;\n padding: 40px 16px;\n /* max-width: 268px; */\n width: 268px;\n\n img {\n width: 64px;\n height: 64px;\n margin-bottom: 24px;\n }\n .free-list-item-title {\n color: #e8ecf2;\n text-align: center;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n ",";\n margin-bottom: 16px;\n }\n .free-list-item-desc {\n color: #e8ecf2;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 140%;\n ",";\n }\n }\n }\n\n "," {\n .free-list {\n flex-wrap: wrap;\n .free-list-item {\n width: 50%;\n }\n }\n }\n\n "," {\n .free-list {\n flex-wrap: wrap;\n justify-content: center;\n .free-list-item {\n /* flex: 0 1; */\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n img {\n width: 56px;\n height: 56px;\n margin-bottom: 0px;\n margin-right: 24px;\n }\n .free-list-item-title {\n text-align: left;\n font-size: 20px;\n }\n .free-list-item-desc {\n text-align: left;\n font-size: 16px;\n }\n }\n }\n }\n\n "," {\n .free-list {\n justify-content: center;\n .free-list-item {\n /* flex: 0 1; */\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n\n img {\n width: 56px;\n height: 56px;\n margin-bottom: 0px;\n margin-right: 24px;\n }\n .free-list-item-title {\n text-align: left;\n font-size: 20px;\n }\n .free-list-item-desc {\n text-align: left;\n font-size: 16px;\n }\n }\n }\n }\n"]);return S=function(){return n},n}function M(){var n=(0,d.$G)("fees").t,t=(0,c.useRef)(null),e=W.ZP.utils.selector(t);(0,x.useMediaQuery)({query:"(max-width: 1300px)"}),(0,c.useEffect)(function(){return function(){(0,a.ih)({targetEle:e(".animation-box"),contentEle:e(".animation-box"),y:50})}},[]);var r=[{img:l.free_sdk,title:n("free.sdk.title"),desc:n("free.sdk.desc"),url:""},{img:l.free_swap,title:n("free.swap.title"),desc:n("free.swap.desc"),url:""},{img:l.free_withdraw,title:n("free.withdraw.title"),desc:n("free.withdraw.desc"),url:""},{img:l.free_address,title:n("free.address.title"),desc:n("free.address.desc"),url:""},];return(0,i.jsx)(X,{children:(0,i.jsx)(R,{children:(0,i.jsx)("div",{className:"animation-box",style:{width:"100%"},children:(0,i.jsx)("div",{className:"free-list",children:r.map(function(n){return(0,i.jsxs)("div",{className:"free-list-item",children:[(0,i.jsx)("img",{src:n.img,alt:n.title}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"free-list-item-title",children:n.title}),(0,i.jsx)("div",{className:"free-list-item-desc",children:n.desc})]})]},n.img)})})})})})}var X=s.ZP.div.withConfig({componentId:"sc-7bdfedb-0"})(I(),l.free_bg,o.xL.media1024,o.xL.media768,o.xL.media680),R=s.ZP.div.withConfig({componentId:"sc-7bdfedb-1"})(S(),function(n){return n.theme.maxWidth},o.Wu.fonts.bold,o.Wu.fonts.regular,o.xL.media1024,o.xL.media768,o.xL.media680);function $(){var n=(0,r.Z)(["\n padding: 100px 100px 56px;\n "," {\n padding: 80px 60px;\n }\n "," {\n padding: 60px 20px;\n }\n "," {\n padding: 48px 40px;\n }\n "," {\n padding: 40px 20px;\n }\n"]);return $=function(){return n},n}function B(){var n=(0,r.Z)(["\n width: min(100%, ",");\n margin: auto;\n display: flex;\n .content-box {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n .img-box {\n position: relative;\n margin-right: 70px;\n\n .auto {\n max-width: 570px;\n object-fit: contain;\n }\n .auto-bg {\n position: absolute;\n left: 0;\n top: 0;\n }\n }\n\n .right-wrap {\n width: 660px;\n padding-top: 48px;\n\n h2 {\n color: #1f2025;\n font-size: 40px;\n font-style: normal;\n font-weight: 700;\n line-height: 130%;\n ",";\n margin-bottom: 24px;\n }\n .auto-list {\n .auto-list-item {\n display: flex;\n margin-bottom: 24px;\n img {\n width: 17px;\n height: 17px;\n margin-right: 24px;\n }\n .auto-list-item-right-title {\n color: #1f2025;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 140%;\n ",";\n }\n .auto-list-item-right-desc {\n color: #1f2025;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 160%;\n ",";\n }\n .auto-list-item-right-link {\n color: #00b8d9;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 160%;\n cursor: pointer;\n }\n }\n }\n .start-btn-wrap {\n .start-btn {\n border-radius: 10px;\n border: 2px solid #3863d2;\n background: rgba(56, 99, 210, 0);\n box-shadow: 0px 8px 29px 0px rgba(60, 111, 245, 0.1);\n\n span {\n color: #3863d2;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 160%;\n ",";\n margin-right: 10px;\n }\n\n img {\n transition: all 0.2s ease-out;\n }\n :hover {\n img {\n transform: translateX(8px);\n }\n }\n }\n }\n }\n }\n\n "," {\n .content-box {\n .img-box {\n margin-right: 40px;\n }\n\n .right-wrap {\n width: 560px;\n padding-top: 32px;\n }\n }\n }\n\n "," {\n .content-box {\n .img-box {\n margin-right: 30px;\n .auto {\n max-width: 520px;\n }\n }\n\n .right-wrap {\n width: 500px;\n padding-top: 32px;\n }\n }\n }\n "," {\n .content-box {\n .img-box {\n margin-right: 0px;\n .auto {\n max-width: 500px;\n }\n }\n\n .right-wrap {\n width: 440px;\n padding-top: 24px;\n h2 {\n font-size: 32px;\n }\n }\n }\n }\n "," {\n .content-box {\n .img-box {\n margin-right: 0px;\n .auto {\n max-width: 460px;\n }\n }\n\n .right-wrap {\n width: 400px;\n }\n }\n }\n "," {\n .content-box {\n .img-box {\n margin-right: 4px;\n .auto {\n max-width: 500px;\n }\n }\n\n .right-wrap {\n width: 420px;\n padding-top: 24px;\n h2 {\n font-size: 28px;\n }\n }\n }\n }\n\n "," {\n .content-box {\n justify-content: center;\n .right-wrap {\n width: 100%;\n }\n }\n }\n "," {\n .content-box {\n justify-content: center;\n .img-box {\n margin-right: 0px;\n .auto {\n max-width: 100%;\n }\n }\n\n .right-wrap {\n width: 100%;\n h2 {\n font-size: 24px;\n }\n .start-btn-wrap {\n display: flex;\n justify-content: center;\n }\n }\n }\n }\n"]);return B=function(){return n},n}function G(){var n=(0,d.$G)("fees").t,t=(0,c.useRef)(null),e=W.ZP.utils.selector(t);(0,c.useEffect)(function(){return function(){(0,a.ih)({targetEle:e(".animation-box"),contentEle:e(".animation-box"),y:50})}},[]);var r=[{title:n("auto.swap.title"),desc:(0,i.jsxs)(d.cC,{t:n,i18nKey:"auto.swap.desc",children:["https://t.me/CCPaymentSupportBot",(0,i.jsx)("a",{href:"https://t.me/CCPaymentSupportBot",target:"_blank",className:"auto-list-item-right-link",children:"https://t.me/CCPaymentSupportBot"})]}),link:"https://t.me/CCPaymentSupportBot"},{title:n("auto.withdraw.title"),desc:n("auto.withdraw.desc"),link:""},];return(0,i.jsx)(q,{children:(0,i.jsx)(Q,{children:(0,i.jsx)("div",{className:"animation-box",style:{width:"100%"},children:(0,i.jsxs)("div",{className:"content-box",children:[(0,i.jsxs)("div",{className:"img-box",children:[(0,i.jsx)("img",{src:l.auto2,alt:"Auto",className:"auto"}),(0,i.jsx)("img",{src:l.auto2_bg,alt:"auto2_bg",className:"auto-bg"})]}),(0,i.jsxs)("div",{className:"right-wrap",children:[(0,i.jsx)("h2",{children:n("auto.title")}),(0,i.jsx)("div",{className:"auto-list",children:r.map(function(n){return(0,i.jsxs)("div",{className:"auto-list-item",children:[(0,i.jsx)("img",{src:l.auto_icon,alt:""}),(0,i.jsxs)("div",{className:"auto-list-item-right",children:[(0,i.jsx)("div",{className:"auto-list-item-right-title",children:n.title}),(0,i.jsx)("div",{className:"auto-list-item-right-desc",children:n.desc})]})]},n.title)})})]})]})})})})}var q=s.ZP.div.withConfig({componentId:"sc-def50e20-0"})($(),o.xL.media1280,o.xL.media1024,o.xL.media998,o.xL.media768),Q=s.ZP.div.withConfig({componentId:"sc-def50e20-1"})(B(),function(n){return n.theme.maxWidth},o.Wu.fonts.bold,o.Wu.fonts.semibold,o.Wu.fonts.regular,o.Wu.fonts.semibold,o.xL.media1560,o.xL.media1420,o.xL.media1280,o.xL.media1240,o.xL.media1024,o.xL.media998,o.xL.media680),T=e(98788),Y=e(50853),A=e(47413);e(77007);var F=e(18206),O=e(5632);function D(){var n=(0,r.Z)(["\n padding: 100px;\n "," {\n padding: 80px;\n }\n "," {\n padding: 60px 40px;\n }\n "," {\n padding: 40px 20px;\n }\n"]);return D=function(){return n},n}function H(){var n=(0,r.Z)(["\n width: min(100%, ",");\n margin: auto;\n\n .content-box {\n width: 100%;\n h2 {\n text-align: center;\n color: #1f2025;\n font-size: 40px;\n font-style: normal;\n font-weight: 700;\n line-height: 130%;\n ",";\n margin-bottom: 24px;\n }\n .network-fees-table {\n padding: 20px 56px;\n background-color: #f8f9fb;\n border-radius: 40px;\n\n & > div {\n overflow-x: auto;\n table {\n width: 100%;\n min-width: 900px;\n thead {\n th {\n padding: 20px 0;\n text-align: left;\n color: #71757e;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n ",";\n white-space: nowrap;\n\n div {\n display: inline-block;\n\n img {\n vertical-align: middle;\n cursor: pointer;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 20px 0px;\n color: #1e1e1e;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n white-space: nowrap;\n ",";\n div {\n display: flex;\n align-items: center;\n }\n\n img {\n width: 32px;\n height: 32px;\n margin-right: 12px;\n }\n span {\n color: #1e1e1e;\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n ",";\n margin-right: 12px;\n }\n i {\n color: #919eab;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n ",";\n }\n }\n }\n }\n }\n }\n\n .view-all {\n display: flex;\n justify-content: center;\n margin-top: 32px;\n div {\n display: flex;\n align-items: center;\n cursor: pointer;\n span {\n color: #3c6ff5;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n ",";\n margin-right: 8px;\n }\n img {\n width: 24px;\n height: 24px;\n transition: all 0.2s ease-out;\n }\n :hover {\n img {\n transform: translateX(8px);\n }\n }\n }\n }\n }\n .deposit-limit {\n margin-top: 24px;\n color: #1f2025;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n }\n }\n "," {\n .content-box {\n h2 {\n font-size: 32px;\n }\n }\n }\n "," {\n .content-box {\n h2 {\n font-size: 24px;\n }\n .network-fees-table {\n padding: 16px 16px;\n }\n }\n }\n "," {\n .content-box {\n h2 {\n font-size: 22px;\n }\n .network-fees-table {\n & > div {\n table {\n thead {\n th {\n img {\n cursor: default;\n }\n }\n }\n tbody {\n tr {\n td {\n span {\n font-size: 18px;\n }\n i {\n }\n }\n }\n }\n }\n }\n }\n }\n }\n"]);return H=function(){return n},n}function K(){var n,t=(0,d.$G)("fees").t,e=(0,O.useRouter)(),r=(e.locale,e.push),s=(0,c.useRef)(null),p=W.ZP.utils.selector(s),f=(0,x.useMediaQuery)({query:"(max-width: 520px)"}),h=(0,c.useState)([]),u=h[0],m=h[1],g=(n=(0,T.Z)(function(){var n,t;return(0,Y.__generator)(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,F.coinApi.getCoinNetworkList()];case 1:return(null==(n=t.sent())?void 0:n.list)&&m((0,o.Pv)(n.list)),[3,3];case 2:return t.sent(),[3,3];case 3:return[2]}})}),function(){return n.apply(this,arguments)});return(0,c.useEffect)(function(){return g(),function(){(0,a.ih)({targetEle:p(".animation-box"),contentEle:p(".animation-box"),y:50})}},[]),(0,i.jsx)(J,{children:(0,i.jsx)(U,{children:(0,i.jsx)("div",{className:"animation-box",style:{width:"100%"},children:(0,i.jsxs)("div",{className:"content-box",children:[(0,i.jsx)("h2",{children:t("networkfees.title")}),(0,i.jsxs)("div",{className:"network-fees-table",children:[(0,i.jsx)("div",{children:(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:t("networkfees.table.coin.name")}
1),(0,i.jsx)("th",{style:{width:"15%"},children:t("networkfees.table.coin.id")}),(0,i.jsx)("th",{children:t("networkfees.table.network")}),(0,i.jsx)("th",{children:t("networkfees.table.withdrawal")}),(0,i.jsxs)("th",{children:[t("networkfees.table.fee"),(0,i.jsx)("div",{id:"tips-element",style:{marginLeft:"8px"},children:(0,i.jsx)("img",{src:l.info,alt:"Est.Network fee"})})]})]})}),(0,i.jsx)("tbody",{children:u.slice(0,20).map(function(n,e){return(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("div",{children:[(0,i.jsx)("img",{src:n.coin_logo,alt:n.symbol}),(0,i.jsx)("span",{children:n.symbol}),(0,i.jsx)("i",{children:n.coin_name})]})}),(0,i.jsx)("td",{children:n.coin_id}),(0,i.jsx)("td",{children:n.chain_full_name}),(0,i.jsx)("td",{children:Number(n.minimum_withdraw_amount)>0?(0,i.jsxs)(i.Fragment,{children:[(0,o.eu)({num:(null==n?void 0:n.minimum_withdraw_amount)||0,tokenSymbol:n.symbol})," ",n.symbol]}):t("networkfees.no.limit")}),(0,i.jsxs)("td",{children:[(0,o.eu)({num:(null==n?void 0:n.fee)||0,tokenSymbol:n.fee_symbol})," ",n.fee_symbol]})]},e)})})]})}),(0,i.jsx)(A.u,{anchorSelect:"#tips-element",content:t("networkfees.tooltip.desc"),place:"bottom",style:{width:f?300:500,boxShadow:"0px 0px 2px rgba(145, 158, 171, 0.2), 0px 12px 24px -4px rgba(145, 158, 171, 0.12)",backgroundColor:"#fff",color:"#1f2025",whiteSpace:"pre-wrap",wordBreak:"break-word",opacity:1,fontSize:"14px",fontWeight:400,lineHeight:"22px",borderRadius:"8px",padding:"10px 12px 14px",overflow:"visible"},opacity:1,globalCloseEvents:{scroll:!0}}),(0,i.jsx)("div",{className:"view-all",children:(0,i.jsxs)("div",{onClick:function(){r("/crypto")},children:[(0,i.jsx)("span",{children:t("networkfees.view.all")}),(0,i.jsx)("img",{src:l.view_all_arrow,alt:""})]})})]}),(0,i.jsx)("div",{className:"deposit-limit",children:t("networkfees.deposit.limit")})]})})})})}var J=s.ZP.div.withConfig({componentId:"sc-e7b6645d-0"})(D(),o.xL.media1440,o.xL.media998,o.xL.media768),U=s.ZP.div.withConfig({componentId:"sc-e7b6645d-1"})(H(),function(n){return n.theme.maxWidth},o.Wu.fonts.bold,o.Wu.fonts.medium,o.Wu.fonts.medium,o.Wu.fonts.semibold,o.Wu.fonts.regular,o.Wu.fonts.semibold,o.xL.media998,o.xL.media768,o.xL.media430),V=!0,nn=function(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(j,{}),(0,i.jsx)(M,{}),(0,i.jsx)(G,{}),(0,i.jsx)(K,{})]})}},77007:function(){}},function(n){n.O(0,[4452,9097,7160,3902,9489,6100,6101,1524,5176,7413,8119,7742,5698,9774,2888,179],function(){return n(n.s=69839)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.