"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5154,6864],{99199:function(n,e){e.Z={src:"/_next/static/media/logo1_s_w.9956f2b7.png",height:128,width:128,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAZUlEQVR42i3GsQ1BYRhG4TeiNIItRGkJodcq7OCOoREJiUVuIkFnCYVew/P5C3mKc6LzVZpWumirt3NTmigb0Tgo7ziJqb1Y6C1jJs6uxo4uVjESd+UvGk9l4qF8YiDW5oZeyvYHBgpl/GpUfsoAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8}},95154:function(n,e,t){t.d(e,{Cq:function(){return n1},Ny:function(){return q},Cw:function(){return eB},$G:function(){return nJ},k3:function(){return z},vA:function(){return p},mf:function(){return eI},vI:function(){return R},Ut:function(){return Z},OX:function(){return S},Yw:function(){return D},ef:function(){return Q},G7:function(){return tn},OM:function(){return v},_v:function(){return k},iv:function(){return nn},Qz:function(){return P},tZ:function(){return y},s0:function(){return C}}),t(18054),t(62864),t(44664),t(36494),t(97917),t(46500);var i=t(82729),a=t(85893),o=t(7159),r=t(4281),s=t(81763),l=t(61232),c=t(67294),d=t(4994);function h(){let n=(0,i._)(["\n  background-color: #f6f7ff;\n\n  .main {\n    padding: "," ",";\n    color: ",";\n    position: relative;\n    max-width: ",";\n    margin: 0 auto;\n\n    > .title {\n      font-size: 36px;\n      font-weight: ",";\n      text-align: center;\n      margin-bottom: 16px;\n    }\n\n    > .desc {\n      font-size: 18px;\n      text-align: center;\n      margin-bottom: 44px;\n    }\n\n    .list-token-handle {\n      justify-content: flex-end;\n      margin: 30px 0;\n\n      p {\n        font-size: ",";\n        line-height: ",";\n      }\n\n      .link-button {\n        min-width: ",";\n        width: auto;\n        height: ",";\n        border-radius: ",";\n        margin-left: ",";\n        font-size: ",";\n        font-weight: ",";\n        background-color: #cdf160;\n        padding: 0 ",";\n        white-space: nowrap;\n        flex-shrink: 0;\n      }\n    }\n\n    .token-wrap {\n      border-radius: ",";\n      box-shadow: 0 6px 16px 0 rgba(230, 233, 246, 0.3);\n      background-color: #fff;\n      display: flex;\n      padding: ",";\n\n      .sidebar {\n        border-right: 1px solid #edeefa;\n        overflow-y: auto;\n        overflow-x: hidden;\n        flex-shrink: 0;\n        padding: 0 ",";\n        max-height: ",";\n\n        &-title {\n          font-size: 18px;\n          font-weight: ",";\n        }\n\n        &-token-list {\n          padding: "," 0;\n          .grid-box {\n            display: grid;\n            grid: 1fr 1fr / auto auto;\n            grid-gap: ",";\n\n            .chain-item {\n              height: ",";\n              border-radius: 20px;\n              font-size: ",";\n              font-weight: ",";\n              padding: 0 "," 0 ",";\n\n              &:hover {\n                box-shadow: 0 0 12px 0 rgba(230, 233, 246, 0.75);\n              }\n\n              .button-inner {\n                justify-content: left;\n\n                img {\n                  width: ",";\n                  height: ",";\n                  border-radius: 50%;\n                  overflow: hidden;\n                }\n                span {\n                  margin-left: ",";\n                  font-size: ",";\n                }\n              }\n            }\n          }\n        }\n\n        .active {\n          background-color: #cdf160;\n          box-shadow: 0 0 12px 0 rgba(230, 233, 246, 0.75);\n        }\n      }\n\n      .content {\n        width: 100%;\n        padding: 0 ",";\n        .search-box {\n          padding-bottom: ",";\n          .search-title {\n            font-size: 18px;\n            font-weight: ",";\n            display: none;\n            margin-bottom: ",";\n          }\n\n          .search-content {\n            .chain-select {\n              display: none;\n              flex: 1;\n              flex-shrink: 0;\n              margin-right: ",";\n              min-width: ",";\n            }\n\n            .input {\n              width: 100%;\n              max-width: 500px;\n              margin: 0;\n              border-radius: ",";\n              position: relative;\n              background-color: #fbfffc;\n              box-shadow: 0 2px "," 0 #e6e9f6;\n              transition: all 0.3s ease-in-out;\n              font-size: ",";\n              display: flex;\n              align-items: center;\n              padding: 0 ",";\n\n              .input-control {\n                width: 100%;\n                height: ",";\n                padding: 0;\n                border: none;\n\n                .search-icon {\n                  height: ",";\n                  width: ",";\n                }\n\n                input {\n                  margin-left: ",";\n                }\n              }\n\n              .input-after {\n                .clear-btn {\n                  height: ",";\n                  width: ",";\n                  background-color: #ecedf7;\n                  border-radius: 50%;\n                  cursor: pointer;\n\n                  .clear-icon {\n                    height: ",";\n                    width: ",";\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .coin-box {\n          padding: "," 0;\n          overflow: hidden auto;\n          height: 100%;\n          max-height: ",";\n          min-height: ",";\n\n          .grid-box {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, ",");\n            grid-gap: "," ",";\n\n            .coin-item {\n              .img,\n              .token-logo {\n                height: ",";\n                width: ",";\n                border-radius: 50%;\n                overflow: hidden;\n                position: relative;\n              }\n\n              .name {\n                margin-top: ",";\n                font-size: ",";\n                font-weight: ",";\n              }\n              .desc {\n                margin-top: ",";\n                font-size: ",";\n                font-weight: ",";\n                text-align: center;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  "," {\n    .main {\n      .token-wrap {\n        .sidebar {\n          display: none;\n        }\n\n        .content {\n          .search-box {\n            .search-title {\n              display: block;\n            }\n            .search-content {\n              .chain-select {\n                display: block;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  "," {\n    .main {\n      padding: "," ",";\n\n      > .title {\n        font-size: ",";\n        line-height: ",";\n      }\n\n      > .desc {\n        font-size: ",";\n        line-height: ",";\n      }\n\n      .list-token-handle {\n        p {\n          font-size: ",";\n          line-height: ",";\n        }\n        .link-button {\n          height: ",";\n          font-size: ",";\n          padding: 0 ",";\n          min-width: ",";\n          margin-left: ",";\n        }\n      }\n\n      .token-wrap {\n        padding: "," ",";\n        border-radius: ",";\n\n        .content {\n          padding: 0;\n          .search-box {\n            .search-title {\n              font-size: ",";\n              line-height: ",";\n            }\n\n            .search-content {\n              .chain-select {\n                margin-right: ",";\n                height: ",";\n                min-width: ",";\n\n                .select-trigger {\n                  .select-img {\n                    height: ",";\n                    width: ",";\n                  }\n                }\n              }\n\n              .input {\n                .input-control {\n                  height: ",";\n                }\n              }\n            }\n          }\n\n          .coin-box {\n            .grid-box {\n              grid-template-columns: repeat(auto-fit, ",");\n              grid-gap: "," ",";\n\n              .coin-item {\n                .img,\n                .token-logo {\n                  width: ",";\n                  height: ",";\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"]);return h=function(){return n},n}var p=()=>{var n;let{data:e}=(0,d.ZP)(o.lK),{t}=(0,l.$G)("common"),[i,h]=s.PT.useSetState({currentChain:null!==(n=null==e?void 0:e.chains.ETH)&&void 0!==n?n:"",search:""}),p=(0,c.useMemo)(()=>{let n={};return(null==e?void 0:e.chains)&&(null==e?void 0:e.tokens)&&e.tokens.forEach(e=>{let t=n[e.chain_id];t?n[e.chain_id]=[...t,e]:n[e.chain_id]=[e]}),n},[e]),x=(0,c.useMemo)(()=>(null==e?void 0:e.chains)?Object.values(e.chains).map(n=>({label:n,value:n})):[],[e]),u=(0,c.useMemo)(()=>(null==e?void 0:e.tokens)?i.search.trim()?e.tokens.filter(n=>{let e=n.symbol.toLocaleUpperCase(),t=n.name.toLocaleUpperCase(),a=i.search.trim().toLocaleUpperCase();return e.includes(a)||t.includes(a)}):p[i.currentChain]:[],[p,i.search,i.currentChain]);return(0,a.jsx)(m,{children:(0,a.jsx)(r.BubbleBgWall,{children:(0,a.jsxs)("div",{className:"main",children:[(0,a.jsx)("h3",{className:"title",children:t("supported.index.choose.title")}),(0,a.jsx)("p",{className:"desc",children:t("supported.index.choose.desc")}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"list-token-handle",children:[(0,a.jsx)("p",{children:t("supported.index.choose.cointext")}),(0,a.jsx)(r.LinkButton,{href:"/token",children:t("supported.index.choose.token")})]}),(null==e?void 0:e.chain_logos)&&(null==e?void 0:e.chains)&&(null==e?void 0:e.tokens)&&(0,a.jsxs)("div",{className:"token-wrap",children:[(0,a.jsxs)("div",{className:"sidebar",children:[(0,a.jsx)("h6",{className:"sidebar-title",children:t("supported.index.choose.network")}),(0,a.jsx)("div",{className:"sidebar-token-list",children:(0,a.jsx)("div",{className:"grid-box",children:Object.keys(e.chains).map(n=>(0,a.jsxs)(r.Button,{className:"chain-item ".concat(e.chains[n]===i.currentChain&&"active"),onClick:()=>h({currentChain:n}),children:[(0,a.jsx)("img",{src:e.chain_logos[n],alt:"",sizes:"36px"}),(0,a.jsx)("span",{children:e.chains[n]})]},n))})})]}),(0,a.jsxs)("div",{className:"content",children:[(0,a.jsxs)("div",{className:"search-box",children:[(0,a.jsx)("div",{className:"search-title",children:t("supported.index.choose.network")}),(0,a.jsxs)(r.Layout.RowBetween,{className:"search-content",children:[(0,a.jsx)(r.Select,{img:e.chain_logos[i.currentChain],options:x,className:"chain-select",value:i.currentChain,onChange:n=>{h({currentChain:n})}}),(0,a.jsx)(r.Input,{placeholder:"Search",value:i.search,before:(0,a.jsx)(r.Icon,{name:"search",className:"search-icon"}),onChange:n=>h({search:n}),after:i.search&&(0,a.jsx)(r.Button,{onClick:n=>{n.preventDefault(),h({search:""})},className:"clear-btn",children:(0,a.jsx)(r.Icon,{name:"close",className:"clear-icon"})})})]})]}),(0,a.jsxs)("div",{className:"coin-box",children:[!u&&(0,a.jsx)(r.Empty,{type:"nodata"}),(0,a.jsx)("div",{className:"grid-box",children:u&&u.map(n=>(0,a.jsxs)(r.Layout.ColMiddle,{className:"coin-item",children:[n.logo?(0,a.jsx)("img",{className:"token-logo",src:n.logo,alt:n.symbol,sizes:"58px"}):(0,a.jsx)(r.Layout.Center,{style:{backgroundColor:s.P6.generatePictures(n.symbol)},className:"img",children:n.name.charAt(0).toLocaleUpperCase()}),(0,a.jsx)("span",{className:"name",children:n.symbol}),(0,a.jsx)("span",{className:"desc",children:n.name})]},n.token_id))})]})]})]})]})})})};let m=s.zo.div(h(),(0,s.hO)(56),(0,s.hO)(32),n=>n.theme.baseBlack,n=>n.theme.MaxWidth,n=>n.theme.Bold,(0,s.hO)(16),(0,s.hO)(24),(0,s.hO)(140),(0,s.hO)(56),(0,s.hO)(28),(0,s.hO)(20),(0,s.hO)(18),n=>n.theme.Medium,(0,s.hO)(24),(0,s.hO)(30),(0,s.hO)(32),(0,s.hO)(12),(0,s.hO)(600),n=>n.theme.Medium,(0,s.hO)(24),(0,s.hO)(12),(0,s.hO)(52),(0,s.hO)(16),n=>n.theme.Medium,(0,s.hO)(10),(0,s.hO)(10),(0,s.hO)(36),(0,s.hO)(36),(0,s.hO)(8),(0,s.hO)(14),(0,s.hO)(12),(0,s.hO)(12),n=>n.theme.Medium,(0,s.hO)(12),(0,s.hO)(32),(0,s.hO)(200),(0,s.hO)(24),(0,s.hO)(12),(0,s.hO)(14),(0,s.hO)(24),(0,s.hO)(44),(0,s.hO)(20),(0,s.hO)(20),(0,s.hO)(8),(0,s.hO)(20),(0,s.hO)(20),(0,s.hO)(10),(0,s.hO)(10),(0,s.hO)(24),(0,s.hO)(600),(0,s.hO)(300),(0,s.hO)(128),(0,s.hO)(24),(0,s.hO)(12),(0,s.hO)(58),(0,s.hO)(58),(0,s.hO)(12),(0,s.hO)(16),n=>n.theme.Bold,(0,s.hO)(4),(0,s.hO)(14),n=>n.theme.Medium,s.Uh.laptop,s.Uh.mobile,(0,s.hO)(32),(0,s.hO)(12),(0,s.hO)(24),(0,s.hO)(32),(0,s.hO)(16),(0,s.hO)(24),(0,s.hO)(14),(0,s.hO)(18),(0,s.hO)(36),(0,s.hO)(16),(0,s.hO)(16),(0,s.hO)(100),(0,s.hO)(12),(0,s.hO)(24),(0,s.hO)(12),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(16),(0,s.hO)(24),(0,s.hO)(36),(0,s.hO)(170),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(36),(0,s.hO)(122),(0,s.hO)(12),(0,s.hO)(6),(0,s.hO)(48),(0,s.hO)(48));var x=t(80228),u=t(11163),g=t.n(u),f=t(21073),b=t(58199);function w(){let n=(0,i._)(["\n  background-color: #f6f7ff;\n  padding: 64px 48px;\n\n  .main-content {\n    position: relative;\n    z-index: 2;\n    max-width: ",";\n    margin: 0 auto;\n\n    > .title {\n      font-size: 32px;\n      font-weight: ",";\n    }\n    > .desc {\n      margin-top: 32px;\n    }\n    > .subtitle {\n      margin-top: 90px;\n      font-size: 24px;\n      font-weight: ",";\n    }\n  }\n\n  .chain-wrap {\n    margin-top: 24px;\n    border: 1px solid #dee1f1;\n    border-radius: 32px;\n    padding: 60px 20px;\n    box-shadow: 0 6px 16px 0 rgba(230, 233, 246, 0.3);\n    background-color: ",";\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 12px;\n\n    .coin-item {\n      padding: 40px 20px 60px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      outline: 2px solid transparent;\n      border-radius: 20px;\n      cursor: pointer;\n\n      &:hover {\n        outline-color: ",";\n        box-shadow: 0 6px 32px 0 rgba(230, 233, 246, 0.7);\n      }\n\n      .chain-logo {\n        width: 84px;\n        height: 84px;\n        border-radius: 50%;\n      }\n\n      .chain-name {\n        font-size: 24px;\n        margin-top: 12px;\n        font-weight: ",";\n      }\n\n      .chain-desc {\n        margin-top: 16px;\n\n        .chain-symbol {\n          font-weight: ",";\n        }\n\n        .theme {\n          color: #c3eb75;\n        }\n      }\n    }\n  }\n\n  "," {\n    .chain-wrap {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  "," {\n    padding: "," ",";\n\n    .main-content {\n      > .title {\n        font-size: ",";\n        line-height: ",";\n      }\n      > .desc {\n        font-size: ",";\n        line-height: ",";\n        margin-top: ",";\n      }\n      > .subtitle {\n        font-size: ",";\n        margin-top: ",";\n      }\n    }\n    .chain-wrap {\n      padding: ",";\n\n      .coin-item {\n        padding: ",";\n\n        .chain-logo {\n          width: ",";\n          height: ",";\n          border-radius: 50%;\n        }\n\n        .chain-name {\n          font-size: ",";\n          margin-top: ",";\n        }\n\n        .chain-desc {\n          margin-top: ",";\n          font-size: ",";\n          text-align: center;\n\n          .theme {\n            color: #c3eb75;\n          }\n        }\n      }\n    }\n  }\n"]);return w=function(){return n},n}var y=()=>{let{t:n}=(0,l.$G)("common"),{data:e}=(0,d.ZP)(o.tj),t=(0,u.useRouter)(),[i,h]=(0,c.useState)(null);(0,c.useEffect)(()=>{f.account.isLogin&&p()},[f.account.isLogin]);let p=async()=>{try{let n=await o.fK.getNewTokenApi();h(n),(null==n?void 0:n.status)==b.o0.reject&&r.dialog.push((0,a.jsx)(v,{}))}catch(n){(0,r.Notify)(n)}},m=n=>{if(f.account.isLogin)(null==i?void 0:i.status)==b.o0.reject?r.dialog.push((0,a.jsx)(v,{})):t.push("/token/".concat(n.chain,"/").concat(n.token_type));else{let e=encodeURIComponent("https://".concat(s.OB.wwwDomain,"/token/").concat(n.chain,"/").concat(n.token_type));t.push("/login?backurl=".concat(e))}};return(0,a.jsx)(j,{children:(0,a.jsx)(r.BubbleBgWall,{children:(0,a.jsxs)("div",{className:"main-content",children:[(0,a.jsx)("h3",{className:"title",children:n("coin.index.title")}),(0,a.jsx)("p",{className:"desc",children:n("coin.index.desc")}),(0,a.jsx)("h4",{className:"subtitle",children:n("coin.index.subTitle")}),(0,a.jsxs)("div",{className:"chain-wrap",children:[e&&e.map((e,t)=>(0,a.jsxs)("div",{className:"coin-item",onClick:()=>m(e),children:[(0,a.jsx)("img",{className:"chain-logo",src:e.img,alt:e.chain_network}),(0,a.jsx)("span",{className:"chain-name",children:e.chain_network}),(0,a.jsxs)("p",{className:"chain-desc",children:[n("coin.index.token")," ",(0,a.jsx)("span",{className:"chain-symbol",children:e.chain})]})]},t)),(0,a.jsxs)(r.LinkButton,{href:"mailto:business@cwallet.com",className:"coin-item",children:[(0,a.jsx)("img",{className:"chain-logo",src:x.UG.tS.src}),(0,a.jsx)("span",{className:"chain-name",children:n("coin.index.name")}),(0,a.jsxs)("p",{className:"chain-desc",children:[n("coin.index.chain.text1")," ",(0,a.jsx)("span",{className:"theme",children:n("coin.index.chain.text2")})]})]})]})]})})})};let j=s.zo.div(w(),n=>n.theme.MaxWidth,n=>n.theme.Bold,n=>n.theme.Bold,n=>n.theme.white,n=>n.theme.baseWhite,n=>n.theme.Bold,n=>n.theme.Bold,s.Uh.laptop,s.Uh.mobile,(0,s.hO)(32),(0,s.hO)(24),(0,s.hO)(36),(0,s.hO)(48),(0,s.hO)(16),(0,s.hO)(24),(0,s.hO)(12),(0,s.hO)(24),(0,s.hO)(48),(0,s.hO)(24),(0,s.hO)(8),(0,s.hO)(52),(0,s.hO)(52),(0,s.hO)(16),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(14));function O(){let n=(0,i._)(["\n  .container {\n    padding: 20px 32px;\n    font-size: 15px;\n    line-height: 20px;\n    font-weight: ",";\n  }\n  .title {\n    font-size: 16px;\n    font-weight: ",";\n  }\n  .content {\n    margin-bottom: 20px;\n  }\n"]);return O=function(){return n},n}var v=()=>{let{t:n}=(0,l.$G)("common");return(0,a.jsx)(N,{title:" ",closeable:!0,className:"coin-check",size:[500,300],children:(0,a.jsxs)("div",{className:"container",children:[(0,a.jsx)("div",{className:"title",children:n("coin.list.reject.title")}),(0,a.jsx)("div",{className:"content",children:n("coin.list.reject.content")}),(0,a.jsxs)("div",{children:[n("coin.list.reject.text1"),(0,a.jsx)("br",{}),n("coin.list.reject.text2")]})]})})};let N=(0,s.zo)(r.Dialog)(O(),n=>n.theme.Medium,n=>n.theme.Black),z={chain:"",token_type:"",logo:"",contract:"",name:"",full_name:"",max_supply:"",email:"",applicat:"",company:"",position:"",website:"",whitepaper:"",intro:"",telegram:"",status:b.o0.noSend},k=(0,c.createContext)({token:z,step:1,setStep:()=>{},setToken:()=>{},next:()=>{},back:()=>{}}),C=()=>{let n=(0,c.useContext)(k);if(!n)throw Error("useReleastTokenContext context must be use inside ReleaseTokenContext Provider");return n};var _=t(73645);function L(){let n=(0,i._)(["\n  .title {\n    font-size: 18px;\n    font-weight: ",";\n  }\n\n  .content {\n    margin-top: 46px;\n\n    .form-item {\n      margin-bottom: 24px;\n\n      .upload-wrap {\n        font-size: 16px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        font-weight: ",";\n        .upload {\n          font-size: 15px;\n          color: ",";\n          background: ",";\n          border: 0;\n          outline: 0;\n          height: 44px;\n          width: 124px;\n          border-radius: 22px;\n          margin-top: 12px;\n          cursor: pointer;\n          font-weight: ",";\n          .icon {\n            display: inline-block;\n            width: 16px;\n            height: 16px;\n            object-fit: contain;\n            vertical-align: text-top;\n            margin-right: 12px;\n            position: relative;\n          }\n        }\n      }\n\n      .upload-tip {\n        font-size: 15px;\n        color: #9595a9;\n        padding-left: 24px;\n        padding-bottom: 20px;\n        align-self: flex-end;\n      }\n\n      .label {\n        padding: 0 24px;\n        margin-bottom: 10px;\n        font-weight: ",";\n      }\n      .label-desc {\n        font-weight: ",";\n      }\n      .input {\n        width: 100%;\n        height: 64px;\n        padding: 0 24px;\n        border-radius: 20px;\n        background-color: ",";\n        box-shadow: 0 2px 12px 0 #e6e9f6;\n        border: none;\n        outline: none;\n        font-size: 15px;\n        font-family: inherit;\n        -webkit-appearance: none;\n        &::placeholder {\n          color: #9595a9;\n        }\n        &:focus {\n          border: 1px solid #b7e34f;\n          box-shadow: 0 6px 12px 0 rgba(230, 233, 246, 0.5);\n        }\n        &.textarea {\n          resize: none;\n          height: 180px;\n          padding: 10px 24px;\n        }\n      }\n    }\n\n    .flex-center {\n      display: flex;\n      align-items: center;\n\n      .avatar-wrap {\n        width: 96px;\n        height: 96px;\n        border-radius: 50%;\n        margin-right: 32px;\n        position: relative;\n        border-radius: 50%;\n        overflow: hidden;\n        border: 2px solid rgba(149, 149, 167, 0.2);\n        position: relative;\n        flex-shrink: 0;\n        &::before {\n          content: '+';\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          color: rgba(149, 149, 167, 0.2);\n          font-size: 40px;\n          z-index: 0;\n        }\n\n        .avatar-choose {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          opacity: 0;\n          z-index: 2;\n          cursor: pointer;\n        }\n\n        img {\n          object-fit: cover;\n        }\n      }\n    }\n    .upload-tip {\n      padding: 16px 0 0;\n    }\n  }\n\n  .btns {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 50px 0;\n    width: 100%;\n\n    .btn-back {\n      width: 200px;\n      height: 56px;\n      font-size: 15px;\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: transform 200ms ease;\n      font-weight: ",";\n      &:active {\n        transform: scale(0.95);\n      }\n    }\n    .btn-next {\n      width: 300px;\n      height: 56px;\n      border-radius: 28px;\n      background-color: #e3e4f4;\n      background: #cced64;\n      border: none;\n      font-size: 15px;\n      cursor: pointer;\n      transition: transform 200ms ease;\n      font-weight: ",";\n      &:active {\n        transform: scale(0.95);\n      }\n    }\n  }\n"]);return L=function(){return n},n}var q=()=>{let{t:n}=(0,l.$G)("common"),{token:e,setToken:t,next:i,back:s}=C(),[d,h]=(0,c.useState)(null),[p,m]=(0,c.useState)(!1),u=(0,c.useRef)(null);async function g(){if(d||/^http/.test(e.logo)){if(e.contract){if(e.name){if(e.full_name){if(!e.max_supply){(0,r.Notify)(n("notify.maximum.supply"));return}}else{(0,r.Notify)(n("notify.full.name"));return}}else{(0,r.Notify)(n("notify.abbreviated.name"));return}}else{(0,r.Notify)(n("notify.contract.address"));return}}else{(0,r.Notify)(n("notify.token.logo"));return}if(m(!0),d){let n=new FormData;n.append("path_prefix","token_up"),n.append("file",d);try{let{data:e}=await o.fK.uploadFileApi(n);t(n=>({...n,logo:e})),i(),h(null)}catch(n){m(!1),(0,r.Notify)(n.message)}}else i()}return(0,a.jsxs)(M,{className:"basic-info",children:[(0,a.jsx)("div",{className:"title",children:n("coin.list.upload.title")}),(0,a.jsxs)("div",{className:"content",children:[(0,a.jsxs)("div",{className:"form-item flex-center",children:[(0,a.jsxs)("div",{className:"avatar-wrap",children:[e.logo&&(0,a.jsx)("img",{src:e.logo,style:{width:"100%",height:"100%"}}),(0,a.jsx)("input",{ref:u,className:"avatar-choose",type:"file",accept:"image/*",onChange:e=>{let i=e.target.files;if(i&&i.length>0){let e=i[0];if(e.size>5242880){(0,r.Notify)("".concat(n("notify.limit")," 5MB"));return}h(e),t(n=>({...n,logo:URL.createObjectURL(e)}))}}})]}),(0,a.jsxs)("div",{className:"upload-wrap",children:[(0,a.jsx)("div",{children:n("coin.list.upload.token")}),(0,a.jsxs)("button",{className:"upload",onClick:()=>{var n;return null===(n=u.current)||void 0===n?void 0:n.click()},children:[(0,a.jsx)("img",{className:"icon",src:x.UG.lW.src}),n("coin.list.upload.icon")]})]}),(0,a.jsx)("div",{className:"upload-tip",children:n("coin.list.upload.tip")})]}),(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsxs)("div",{className:"label",children:[n("coin.list.upload.label"),(0,a.jsxs)("span",{className:"label-desc",children:[" ",n("coin.list.upload.desc")," "]})]}),(0,a.jsx)("input",{className:"input",type:"text",value:e.contract,onChange:n=>t(e=>({...e,contract:n.target.value})),placeholder:"e.g: lfsdjflotewrlh3o759348753947t9h5t798fhk3hvdn"})]}),(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsx)("div",{className:"label",children:n("coin.list.upload.label2")}),(0,a.jsx)("input",{className:"input",type:"text",value:e.name,onChange:n=>t(e=>({...e,name:n.target.value})),placeholder:"Name"})]}),(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsx)("div",{className:"label",children:n("coin.list.upload.label3")}),(0,a.jsx)("input",{className:"input",type:"text",value:e.full_name,onChange:n=>t(e=>({...e,full_name:n.target.value})),placeholder:"Name"})]}),(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsx)("div",{className:"label",children:n("coin.list.upload.label4")}),(0,a.jsx)("input",{className:"input",type:"text",value:e.max_supply,onChange:n=>t(e=>({...e,max_supply:n.target.value})),placeholder:"2000"})]})]}),(0,a.jsxs)("div",{className:"btns",children:[(0,a.jsx)(r.Button,{className:"btn-back",onClick:s,children:n("btn.back")}),(0,a.jsx)(_.xk,{className:"btn-next",disabled:p,onClick:g,children:n("btn.next")})]})]})};let M=(0,s.zo)(r.Layout.ColMiddle)(L(),n=>n.theme.Bold,n=>n.theme.Bold,n=>n.theme.baseWhite,n=>n.theme.baseBlack,n=>n.theme.Bold,n=>n.theme.Bold,n=>n.theme.Regular,n=>n.theme.white,n=>n.theme.Black,n=>n.theme.Black);function B(){let n=(0,i._)(["\n  .listing-failed-title {\n    font-weight: ",";\n    margin: 0 auto;\n    font-size: 15px;\n  }\n  .container {\n    padding: ",";\n    font-size: 15px;\n    padding: 0 32px;\n    .title {\n      font-weight: ",";\n      margin: 10px 0 20px;\n    }\n    .list-item {\n      margin-bottom: 20px;\n    }\n  }\n"]);return B=function(){return n},n}var R=function(){let{t:n}=(0,l.$G)("common");return(0,a.jsx)(T,{title:(0,a.jsx)("div",{className:"listing-failed-title",children:n("coin.list.failure.title")}),size:[500,360],className:"listing-failed",children:(0,a.jsxs)("div",{className:"container",children:[(0,a.jsx)("div",{className:"title",children:n("coin.list.failure.container.title")}),(0,a.jsxs)("div",{className:"list",children:[(0,a.jsx)("div",{className:"list-item",children:n("coin.list.failure.container.text1")}),(0,a.jsx)("div",{className:"list-item",children:n("coin.list.failure.container.text2")}),(0,a.jsx)("div",{className:"list-item",children:n("coin.list.failure.container.text3")}),(0,a.jsx)("div",{className:"list-item",children:n("coin.list.failure.container.text4")})]})]})})};let T=(0,s.zo)(r.Dialog)(B(),n=>n.theme.Black,(0,s.hO)(24),n=>n.theme.Bold);function I(){let n=(0,i._)(["\n  .title {\n    font-size: 18px;\n    font-weight: ",";\n  }\n\n  .content {\n    margin-top: 46px;\n\n    .form-item {\n      margin-bottom: 24px;\n\n      .upload-wrap {\n        font-size: 16px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        font-weight: ",";\n        .upload {\n          font-size: 15px;\n          color: ",";\n          background: ",";\n          border: 0;\n          outline: 0;\n          height: 44px;\n          width: 124px;\n          border-radius: 22px;\n          margin-top: 12px;\n          cursor: pointer;\n          font-weight: ",";\n          .icon {\n            display: inline-block;\n            width: 16px;\n            height: 16px;\n            object-fit: contain;\n            vertical-align: text-top;\n            margin-right: 12px;\n            position: relative;\n          }\n        }\n      }\n\n      .upload-tip {\n        font-size: 15px;\n        color: #9595a9;\n        padding-left: 24px;\n        padding-bottom: 20px;\n        align-self: flex-end;\n      }\n\n      .label {\n        padding: 0 24px;\n        margin-bottom: 10px;\n        font-weight: ",";\n      }\n      .label-desc {\n        font-weight: ",";\n      }\n      .input {\n        width: 100%;\n        height: 64px;\n        padding: 0 24px;\n        border-radius: 20px;\n        background-color: ",";\n        box-shadow: 0 2px 12px 0 #e6e9f6;\n        border: none;\n        outline: none;\n        font-size: 15px;\n        font-family: inherit;\n        -webkit-appearance: none;\n        &::placeholder {\n          color: #9595a9;\n        }\n        &:focus {\n          border: 1px solid #b7e34f;\n          box-shadow: 0 6px 12px 0 rgba(230, 233, 246, 0.5);\n        }\n        &.textarea {\n          resize: none;\n          height: 180px;\n          padding: 10px 24px;\n        }\n      }\n    }\n\n    .flex-center {\n      display: flex;\n      align-items: center;\n\n      .avatar-wrap {\n        width: 96px;\n        height: 96px;\n        border-radius: 50%;\n        margin-right: 32px;\n        position: relative;\n        border-radius: 50%;\n        overflow: hidden;\n        border: 2px solid rgba(149, 149, 167, 0.2);\n        position: relative;\n        flex-shrink: 0;\n        &::before {\n          content: '+';\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          color: rgba(149, 149, 167, 0.2);\n          font-size: 40px;\n          z-index: 0;\n        }\n\n        .avatar-choose {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          opacity: 0;\n          z-index: 2;\n          cursor: pointer;\n        }\n\n        img {\n          object-fit: cover;\n        }\n      }\n    }\n    .upload-tip {\n      padding: 16px 0 0;\n    }\n  }\n\n  .btns {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 50px 0;\n    .btn-back {\n      width: 200px;\n      height: 56px;\n      font-size: 15px;\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: transform 200ms ease;\n      font-weight: ",";\n      &:active {\n        transform: scale(0.95);\n      }\n    }\n    .btn-next {\n      width: 300px;\n      height: 56px;\n      border-radius: 28px;\n      background-color: #e3e4f4;\n      background: #cced64;\n      border: none;\n      font-size: 15px;\n      cursor: pointer;\n      transition: transform 200ms ease;\n      font-weight: ",";\n      &:active {\n        transform: scale(0.95);\n      }\n    }\n  }\n"]);return I=function(){return n},n}var S=()=>{let{token:n,setToken:e,next:t,back:i}=C(),{t:o}=(0,l.$G)("common");return(0,a.jsxs)(U,{className:"more-info",children:[(0,a.jsx)("div",{className:"title",children:o("coin.list.more.title")}),(0,a.jsxs)("div",{className:"content",children:[(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsx)("div",{className:"label",children:o("coin.list.more.label")}),(0,a.jsx)("input",{className:"input",type:"text",value:n.email,placeholder:"Email address",onChange:n=>e(e=>({...e,email:n.target.value}))})]}),(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsx)("div",{className:"label",children:o("coin.list.more.label2")}),(0,a.jsx)("input",{className:"input",type:"text",value:n.applicat,placeholder:"Name",onChange:n=>e(e=>({...e,applicat:n.target.value}))})]}),(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsx)("div",{className:"label",children:o("coin.list.more.label3")}),(0,a.jsx)("input",{className:"input",type:"text",value:n.telegram,placeholder:"@username",onChange:n=>e(e=>({...e,telegram:n.target.value}))})]})]}),(0,a.jsxs)("div",{className:"btns",children:[(0,a.jsx)("button",{className:"btn-back",onClick:i,children:o("btn.back")}),(0,a.jsx)("button",{className:"btn-next",onClick:()=>{if(!n.email){(0,r.Notify)(o("notify.email.address"));return}if(!n.applicat){(0,r.Notify)(o("notify.applicat"));return}if(!n.telegram){(0,r.Notify)(o("notify.telegram.username"));return}t()},children:o("btn.next")})]})]})};let U=s.zo.div(I(),n=>n.theme.Bold,n=>n.theme.Bold,n=>n.theme.baseWhite,n=>n.theme.baseBlack,n=>n.theme.Bold,n=>n.theme.Bold,n=>n.theme.Regular,n=>n.theme.white,n=>n.theme.Black,n=>n.theme.Black);function F(){let n=(0,i._)(["\n  .desc {\n    margin-top: 10px;\n  }\n  .position {\n    position: relative;\n  }\n  .choose-wrap {\n    position: absolute;\n    right: 24px;\n    bottom: 16px;\n    width: 110px;\n    height: 32px;\n    border-radius: 16px;\n    background-color: ",";\n    color: ",";\n    font-size: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .icon {\n      display: inline-block;\n      width: 16px;\n      height: 16px;\n      object-fit: contain;\n      vertical-align: text-top;\n      margin-right: 12px;\n      position: relative;\n    }\n  }\n  .upload {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .title {\n    font-size: 18px;\n    font-weight: ",";\n  }\n\n  .content {\n    margin-top: 46px;\n\n    .form-item {\n      margin-bottom: 24px;\n\n      .upload-wrap {\n        font-size: 16px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        font-weight: ",";\n        .upload {\n          font-size: 15px;\n          color: ",";\n          background: ",";\n          border: 0;\n          outline: 0;\n          height: 44px;\n          width: 124px;\n          border-radius: 22px;\n          margin-top: 12px;\n          cursor: pointer;\n          font-weight: ",";\n          .icon {\n            display: inline-block;\n            width: 16px;\n            height: 16px;\n            object-fit: contain;\n            vertical-align: text-top;\n            margin-right: 12px;\n            position: relative;\n          }\n        }\n      }\n\n      .upload-tip {\n        font-size: 15px;\n        color: #9595a9;\n        padding-left: 24px;\n        padding-bottom: 20px;\n        align-self: flex-end;\n      }\n\n      .label {\n        padding: 0 24px;\n        margin-bottom: 10px;\n        font-weight: ",";\n      }\n      .label-desc {\n        font-weight: ",";\n      }\n      .input {\n        width: 100%;\n        height: 64px;\n        padding: 0 24px;\n        border-radius: 20px;\n        background-color: ",";\n        box-shadow: 0 2px 12px 0 #e6e9f6;\n        border: none;\n        outline: none;\n        font-size: 15px;\n        font-family: inherit;\n        -webkit-appearance: none;\n        &::placeholder {\n          color: #9595a9;\n        }\n        &:focus {\n          border: 1px solid #b7e34f;\n          box-shadow: 0 6px 12px 0 rgba(230, 233, 246, 0.5);\n        }\n        &.textarea {\n          resize: none;\n          height: 180px;\n          padding: 10px 24px;\n        }\n      }\n    }\n\n    .flex-center {\n      display: flex;\n      align-items: center;\n\n      .avatar-wrap {\n        width: 96px;\n        height: 96px;\n        border-radius: 50%;\n        margin-right: 32px;\n        position: relative;\n        border-radius: 50%;\n        overflow: hidden;\n        border: 2px solid rgba(149, 149, 167, 0.2);\n        position: relative;\n        flex-shrink: 0;\n        &::before {\n          content: '+';\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          color: rgba(149, 149, 167, 0.2);\n          font-size: 40px;\n          z-index: 0;\n        }\n\n        .avatar-choose {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          opacity: 0;\n          z-index: 2;\n          cursor: pointer;\n        }\n\n        img {\n          object-fit: cover;\n        }\n      }\n    }\n    .upload-tip {\n      padding: 16px 0 0;\n    }\n  }\n\n  .btns {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 50px 0;\n    .btn-back {\n      width: 200px;\n      height: 56px;\n      font-size: 15px;\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: transform 200ms ease;\n      font-weight: ",";\n      &:active {\n        transform: scale(0.95);\n      }\n    }\n    .btn-next {\n      width: 300px;\n      height: 56px;\n      border-radius: 28px;\n      background-color: #e3e4f4;\n      background: #cced64;\n      border: none;\n      font-size: 15px;\n      cursor: pointer;\n      transition: transform 200ms ease;\n      font-weight: ",";\n      &:active {\n        transform: scale(0.95);\n      }\n    }\n  }\n\n  "," {\n    .desc {\n      margin-top: 0;\n      margin-bottom: 24px;\n    }\n    .label {\n      padding: 0 8px;\n    }\n  }\n"]);return F=function(){return n},n}var D=function(){let{token:n,setToken:e,next:t,back:i}=C(),[s,d]=(0,c.useState)(null),[h,p]=(0,c.useState)(!1),{t:m}=(0,l.$G)("common");async function u(){p(!0);try{if(s){let n=new FormData;n.append("path_prefix","token_up"),n.append("file",s);let{data:t}=await o.fK.uploadFileApi(n);d(null),e(n=>({...n,whitepaper:t}))}await o.dJ.postJson("/chain/add/newtoken",{data:{chain:n.chain,token_type:n.token_type,contract:n.contract,name:n.name,symbol:n.name,extension:JSON.stringify(n)}}),t()}catch(n){p(!1),r.dialog.push((0,a.jsx)(R,{}))}}return(0,a.jsxs)(E,{className:"optional-info",children:[(0,a.jsx)("div",{className:"title",children:m("coin.list.optional.title")}),(0,a.jsx)("div",{className:"desc",children:m("coin.list.optional.desc")}),(0,a.jsxs)("div",{className:"content",children:[(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsxs)("div",{className:"label",children:[m("coin.list.optional.label"),"*"]}),(0,a.jsx)("input",{className:"input",type:"text",value:n.company,placeholder:m("coin.list.optional.placeholder1"),onChange:n=>e(e=>({...e,company:n.target.value}))})]}),(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsxs)("div",{className:"label",children:[m("coin.list.optional.label2"),"*"]}),(0,a.jsx)("input",{className:"input",type:"text",value:n.position,placeholder:m("coin.list.optional.placeholder2"),onChange:n=>e(e=>({...e,position:n.target.value}))})]}),(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsxs)("div",{className:"label",children:[m("coin.list.optional.label3"),"*"]}),(0,a.jsx)("input",{className:"input",type:"text",value:n.website,placeholder:"cwallet.com",onChange:n=>e(e=>({...e,website:n.target.value}))})]}),(0,a.jsxs)("div",{className:"form-item position",children:[(0,a.jsxs)("div",{className:"label",children:[m("coin.list.optional.label4"),"*"]}),(0,a.jsx)("input",{className:"input",type:"text",placeholder:m("coin.list.optional.placeholder4"),value:n.whitepaper,disabled:!0}),(0,a.jsxs)("div",{className:"choose-wrap",children:[(0,a.jsx)("img",{className:"icon",src:x.UG.lW}),(0,a.jsx)("span",{children:m("coin.list.optional.label5")}),(0,a.jsx)("input",{className:"upload",type:"file",onChange:n=>{let t=n.target.files;if(t&&t.length>0){let n=t[0];if(n.size>20971520){(0,r.Notify)("".concat(m("notify.limit")," 20MB"));return}d(n),e(e=>({...e,whitepaper:n.name}))}}})]})]}),(0,a.jsxs)("div",{className:"form-item",children:[(0,a.jsxs)("div",{className:"label",children:[m("coin.list.optional.label6"),"*"]}),(0,a.jsx)("textarea",{className:"input textarea",value:n.intro,placeholder:m("coin.list.optional.placeholder4"),onChange:n=>e(e=>({...e,intro:n.target.value}))})]})]}),(0,a.jsxs)("div",{className:"btns",children:[(0,a.jsx)("button",{className:"btn-back",onClick:()=>{e(n=>({...n,whitepaper:""})),i()},children:m("btn.back")}),(0,a.jsx)(r.Button,{className:"btn-next",disabled:h,onClick:u,children:m("btn.next")})]})]})};let E=s.zo.div(F(),n=>n.theme.baseBlack,n=>n.theme.baseWhite,n=>n.theme.Bold,n=>n.theme.Bold,n=>n.theme.baseWhite,n=>n.theme.baseBlack,n=>n.theme.Bold,n=>n.theme.Bold,n=>n.theme.Regular,n=>n.theme.white,n=>n.theme.Black,n=>n.theme.Black,s.Uh.mobile);function A(){let n=(0,i._)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 200px auto 0;\n  max-width: 410px;\n  .icon {\n    width: 70px;\n    height: 70px;\n    border-radius: 50%;\n    background-color: #b7e34f;\n    color: ",";\n    text-align: center;\n    line-height: 70px;\n    font-size: 34px;\n    font-weight: ",";\n  }\n  .status {\n    color: #b7e34f;\n    font-size: 24px;\n    font-weight: ",";\n    margin: 24px 0;\n  }\n  .tips {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n  .desc {\n    font-size: 12px;\n    color: #9595a9;\n    text-align: center;\n  }\n\n  "," {\n    margin-top: 16px;\n    width: 100%;\n\n    .icon {\n      width: 48px;\n      height: 48px;\n      line-height: 48px;\n      font-size: 24px;\n    }\n    .status {\n      font-size: 18px;\n      margin: 16px 0 24px;\n    }\n    .tips {\n      font-size: 15px;\n    }\n    .desc {\n      margin-bottom: 30px;\n    }\n  }\n"]);return A=function(){return n},n}var P=function(){let{t:n}=(0,l.$G)("common");return(0,a.jsxs)(G,{className:"success-info",children:[(0,a.jsx)("div",{className:"icon",children:"!"}),(0,a.jsx)("div",{className:"status",children:n("coin.list.sucess.status")}),(0,a.jsxs)("div",{className:"tips",children:[(0,a.jsx)("div",{children:n("coin.list.sucess.tips1")}),(0,a.jsx)("div",{children:n("coin.list.sucess.tips2")})]}),(0,a.jsx)("div",{className:"desc",children:n("coin.list.sucess.desc")})]})};let G=s.zo.div(A(),n=>n.theme.baseWhite,n=>n.theme.Black,n=>n.theme.Black,s.Uh.mobile);function $(){let n=(0,i._)(["\n  background: ",";\n  width: 100%;\n  margin-bottom: 12px;\n  padding: 24px 20px;\n  border: none;\n  border-right: 1px solid rgba(149, 149, 169, 0.15);\n  min-height: unset;\n\n  .title {\n    font-size: 18px;\n    font-weight: ",";\n    margin-bottom: 0;\n  }\n  .desc {\n    line-height: 1.33;\n    margin-top: 12px;\n    margin-bottom: 24px;\n    font-size: 15px;\n  }\n\n  .item-name {\n    font-weight: ",";\n  }\n  .preview-item {\n    margin-bottom: 16px;\n    font-weight: ",";\n    font-size: 16px;\n    \n    &.current {\n      font-size: 18px;\n      font-weight: ",";\n    }\n    &.current,\n    &.complated {\n      &::before {\n        background-color: #b7e34f;\n      }\n    }\n    &::before {\n      content: '';\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n      background-color: #e6e9f6;\n      margin-right: 10px;\n      display: inline-block;\n      vertical-align: middle;\n    }\n  }\n"]);return $=function(){return n},n}var Z=function(n){let{step:e}=n,{t}=(0,l.$G)("common");return(0,a.jsxs)(W,{children:[(0,a.jsx)("div",{className:"title",children:t("coin.list.preview.title")}),(0,a.jsx)("div",{className:"desc",children:t("coin.list.preview.desc")}),(0,a.jsxs)("div",{className:"preview-list",children:[(0,a.jsx)("div",{className:s.P6.classList("preview-item",1===e&&"current",e>1&&"complated"),children:t("coin.list.preview.text1")}),(0,a.jsx)("div",{className:s.P6.classList("preview-item",2===e&&"current",e>2&&"complated"),children:t("coin.list.preview.text2")}),(0,a.jsx)("div",{className:s.P6.classList("preview-item",3===e&&"current",e>3&&"complated"),children:t("coin.list.preview.text3")}),(0,a.jsx)("div",{className:s.P6.classList("preview-item",4===e&&"current",e>4&&"complated"),children:t("coin.list.preview.text4")}),(0,a.jsx)("div",{className:s.P6.classList("preview-item",5===e&&"current"),children:t("coin.list.preview.text5")})]})]})};let W=s.zo.div($(),n=>n.theme.white,n=>n.theme.Bold,n=>n.theme.Semi,n=>n.theme.Semi,n=>n.theme.Bold);function X(){let n=(0,i._)(["\n  .subtitle {\n    margin-top: 16px;\n  }\n  .content {\n    text-align: center;\n    max-width: 660px;\n    margin: 150px auto 0;\n  }\n  .icon-wrap {\n    font-size: 24px;\n    font-weight: ",";\n    color: #ffe05d;\n    .www-icon {\n      width: 48px;\n      height: 48px;\n      fill: #ffe05d;\n    }\n  }\n  .desc {\n    margin-top: 6px;\n    font-size: 16px;\n    font-weight: ",";\n    max-width: 460px;\n    margin: 0 auto;\n  }\n  .tips {\n    margin-top: 100px;\n    border-top: 1px solid #eaf0f7;\n    padding: 40px 0;\n    font-size: 14px;\n  }\n\n  "," {\n    .subtitle {\n      margin-top: 0;\n      margin-bottom: 18px;\n    }\n    .icon-wrap {\n      margin-top: 60px;\n    }\n  }\n"]);return X=function(){return n},n}var Q=function(){let{t:n}=(0,l.$G)("common");return(0,a.jsxs)(J,{className:"payment-info",children:[(0,a.jsx)("div",{className:"title",children:n("coin.list.payment.title")}),(0,a.jsx)("div",{className:"subtitle",children:n("coin.list.payment.subtitle")}),(0,a.jsxs)("div",{className:"content",children:[(0,a.jsxs)("div",{className:"icon-wrap",children:[(0,a.jsx)(r.Icon,{name:"history"}),(0,a.jsx)("div",{children:n("coin.list.payment.icon")})]}),(0,a.jsx)("div",{className:"desc",children:n("coin.list.payment.desc")}),(0,a.jsxs)("div",{className:"tips",children:[(0,a.jsx)("div",{children:n("coin.list.payment.tips")}),(0,a.jsx)("div",{children:n("coin.list.payment.tips2")})]})]})]})};let J=s.zo.div(X(),n=>n.theme.Black,n=>n.theme.Bold,s.Uh.mobile);var K=t(87536),V=t(97534),Y=t(29323);function H(){let n=(0,i._)(["\n  background-color: '#f6f7ff';\n\n  .main-container {\n    z-index: 1;\n    position: relative;\n    padding: 100px 0;\n\n    .main {\n      max-width: ",";\n      width: 100%;\n      margin: 0 auto;\n      border: 1px solid #dee1f1;\n      border-radius: 32px;\n      box-shadow: 0 6px 16px 0 rgba(230, 233, 246, 0.3);\n      background-color: ",";\n      padding: 24px 0;\n\n      .sidebar {\n        width: 320px;\n        padding: 24px;\n        border-right: 1px solid #dee1f1;\n        min-height: 800px;\n\n        > h3 {\n          font-size: 18px;\n          font-weight: ",";\n        }\n\n        > p {\n          font-size: 14px;\n          line-height: 18px;\n          margin-top: 12px;\n        }\n\n        .token-box {\n          margin: 24px 0;\n          padding-bottom: 24px;\n          border-bottom: 1px solid #dee1f1;\n\n          .avatar {\n            width: 45px;\n            height: 45px;\n            border-radius: 50%;\n            background-color: rgb(230, 233, 246);\n            margin-right: 12px;\n            overflow: hidden;\n          }\n\n          .avatar-img {\n            width: 45px;\n            height: 45px;\n            border-radius: 50%;\n            position: relative;\n          }\n          .token-info {\n            margin-left: 12px;\n\n            .name {\n              font-size: 16px;\n              font-weight: ",";\n            }\n            .full-name {\n              margin-top: 12px;\n              font-weight: ",";\n            }\n          }\n        }\n        > div {\n          margin-bottom: 24px;\n          &.current,\n          &.complated {\n            position: relative;\n            border-bottom: 1px solid #dee1f1;\n            padding-bottom: 24px;\n          }\n          &.current {\n            &::before {\n              content: '';\n              width: 5px;\n              height: 10px;\n              clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n              background-color: #000;\n              position: absolute;\n              left: -18px;\n              top: 50%;\n              transform: translateY(-180%);\n            }\n          }\n\n          .item-name {\n            font-weight: ",";\n          }\n\n          .form-info {\n            padding-left: 16px;\n            list-style: none;\n          }\n\n          .form-item {\n            margin-top: 14px;\n            .field-value {\n              color: #9595a9;\n              word-break: break-all;\n            }\n          }\n        }\n      }\n\n      .coin__layout__info {\n        flex: 1;\n        padding-left: 20px;\n        display: flex;\n        justify-content: center;\n\n        > .container {\n          flex: 1;\n          max-width: 800px;\n        }\n\n        .flex-center {\n          display: flex;\n          align-items: center;\n        }\n        > .icon {\n          display: inline-block;\n          width: 16px;\n          height: 16px;\n          object-fit: contain;\n          vertical-align: text-top;\n          margin-right: 12px;\n          position: relative;\n        }\n      }\n    }\n  }\n\n  .main-container.mobile {\n    padding: 20px 16px;\n    .main {\n      background-color: #edeffa;\n      flex-direction: column;\n      padding: 0;\n      overflow: hidden;\n      min-height: unset;\n      width: unset;\n\n      .coin__layout__info {\n        padding: 28px 20px;\n        background: ",";\n        width: 100%;\n\n        .container {\n          width: 100%;\n\n          .title {\n            display: none;\n          }\n          .content {\n            margin-top: 0;\n          }\n          .btns {\n            justify-content: space-between;\n            .btn-back,\n            .btn-next {\n              width: 48%;\n            }\n          }\n        }\n      }\n    }\n  }\n"]);return H=function(){return n},n}var nn=(0,Y.Pi)(()=>{let n=(0,u.useRouter)(),{t:e}=(0,l.$G)("common"),{step:t,token:i,setStep:o}=C(),d=(0,c.useMemo)(()=>{try{if(!i||!i.info)return{};let n=i.info.appendix;return JSON.parse(n)}catch(n){return{}}},[i]),h=(0,K.cI)({defaultValues:d});return(0,c.useEffect)(()=>{if(i)switch(i.status.toString()){case b.o0.pay:o(4);break;case b.o0.payed:o(5);break;case b.o0.reject:r.dialog.push((0,a.jsx)(v,{})),n.replace(V.lD.token);default:o(1)}},[i.status]),(0,a.jsx)(K.RV,{...h,children:(0,a.jsx)(ne,{children:(0,a.jsx)(r.BubbleBgWall,{children:(0,a.jsx)("div",{className:"main-container ".concat(f.B.isMobile?"mobile":""),children:(0,a.jsxs)(r.Layout.RowMiddle,{className:"main",children:[f.B.isMobile?(0,a.jsx)(Z,{step:t}):(0,a.jsxs)("div",{className:"sidebar",children:[(0,a.jsx)("h3",{children:e("coin.list.preview.title")}),(0,a.jsx)("p",{children:e("coin.list.preview.desc")}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"token-box ".concat(1===t?"current":"complated"),children:[1===t?(0,a.jsx)("div",{className:"avatar"}):(0,a.jsx)("img",{className:"avatar-img",src:i.logo}),(0,a.jsxs)(r.Layout.Col,{className:"token-info",children:[(0,a.jsx)("span",{className:"name",children:i.name||"TOKEN"}),(0,a.jsx)("span",{className:"full-name",children:i.full_name||"Token Full Name"})]})]}),(0,a.jsxs)("div",{className:s.P6.classList("coin__layout__preview__more",2===t&&"current",t>2&&"complated"),children:[(0,a.jsx)("div",{className:"item-name",children:e("coin.list.more.title")}),t>2&&(0,a.jsxs)("ul",{className:"form-info",children:[(0,a.jsxs)("li",{className:"form-item",children:[(0,a.jsxs)("div",{className:"field-name",children:[e("coin.list.more.label"),":"]}),(0,a.jsx)("div",{className:"field-value",children:i.email})]}),(0,a.jsxs)("li",{className:"form-item",children:[(0,a.jsxs)("div",{className:"field-name",children:[e("coin.list.more.label2"),":"]}),(0,a.jsx)("div",{className:"field-value",children:i.applicat})]})]})]}),(0,a.jsxs)("div",{className:s.P6.classList("coin__layout__preview__optional",3===t&&"current",t>3&&"complated"),children:[(0,a.jsx)("div",{className:"item-name",children:e("coin.list.optional.title")}),t>3&&(0,a.jsxs)("ul",{className:"form-info",children:[i.company&&(0,a.jsxs)("li",{className:"form-item",children:[(0,a.jsxs)("div",{className:"field-name",children:[e("coin.list.optional.label"),":"]}),(0,a.jsx)("div",{className:"field-value",children:i.company})]}),i.position&&(0,a.jsxs)("li",{className:"form-item",children:[(0,a.jsx)("div",{className:"field-name",children:e("coin.list.optional.label2")}),(0,a.jsx)("div",{className:"field-value",children:i.position})]}),i.website&&(0,a.jsxs)("li",{className:"form-item",children:[(0,a.jsxs)("div",{className:"field-name",children:[e("coin.list.optional.label3"),":"]}),(0,a.jsx)("div",{className:"field-value",children:i.website})]})]})]}),(0,a.jsx)("div",{className:s.P6.classList("coin__layout__preview__payment",4===t&&"current"),children:(0,a.jsx)("div",{className:"item-name",children:e("coin.list.payment.title")})}),(0,a.jsx)("div",{className:s.P6.classList("coin__layout__preview__list"),children:(0,a.jsx)("div",{className:"item-name",children:e("coin.list.preview.text5")})})]}),(0,a.jsx)("div",{className:"coin__layout__info",children:(0,a.jsxs)("div",{className:"container",children:[1===t&&(0,a.jsx)(q,{}),2===t&&(0,a.jsx)(S,{}),3===t&&(0,a.jsx)(D,{}),4===t&&(0,a.jsx)(Q,{}),5===t&&(0,a.jsx)(P,{})]})})]})})})})})});let ne=s.zo.div(H(),n=>n.theme.MaxWidth,n=>n.theme.white,n=>n.theme.Bold,n=>n.theme.DemiBold,n=>n.theme.Semi,n=>n.theme.Semi,n=>n.theme.white);var nt=t(81272),ni=t(41686);function na(){let n=(0,i._)(["\n  &.cozy-hero-screen {\n    &::after {\n      content: '';\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      background-image: url(",");\n      background-repeat: repeat;\n      background-size: 200px 200px;\n      z-index: 0;\n    }\n  }\n"]);return na=function(){return n},n}function no(){let n=(0,i._)(["\n  max-width: ",";\n  width: 100%;\n  padding: 84px 66px 78px 96px;\n  position: relative;\n  overflow: hidden;\n  min-height: 800px;\n  gap: 26px;\n  position: relative;\n  z-index: 1;\n\n  &::after {\n    content: '';\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n    background-image: url(",");\n    background-repeat: no-repeat;\n    background-size: cover;\n    z-index: 0;\n  }\n\n  .content-box {\n    position: relative;\n    z-index: 1;\n    padding-top: 24px;\n\n    h1 {\n      font-weight: ",";\n      font-size: 64px;\n      line-height: normal;\n      color: #fcfcfd;\n\n      span {\n        color: #d4ff70;\n      }\n    }\n\n    p {\n      font-size: 18px;\n      line-height: 24px;\n      color: #7e808a;\n      margin-top: 20px;\n      max-width: 300px;\n    }\n\n    .button {\n      margin-top: 56px;\n      height: 64px;\n      padding: 20px;\n      width: 285px;\n      border-radius: 12px;\n      background: linear-gradient(90deg, #b7babe 0%, #f7f7f7 52.1%, #b7babe 100%);\n      .button-inner {\n        gap: ",";\n        span {\n          font-size: 20px;\n          line-height: 24px;\n          font-weight: ",";\n        }\n        .www-icon {\n          height: ",";\n          width: ",";\n          path {\n            fill: #000;\n          }\n        }\n      }\n    }\n  }\n\n  .card-box {\n    transform-style: preserve-3d;\n    height: 230px;\n    width: 362px;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 1;\n\n    > div {\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n\n      .img {\n        height: 100%;\n        width: 100%;\n      }\n\n      &.first {\n        border-radius: 25.559px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n        border-left: 1px solid rgba(255, 255, 255, 0.5);\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(17.5px);\n        animation: "," 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\n          "," 6s linear 1s infinite;\n        transform: rotateX(50deg) rotateZ(-45deg) translateZ(-20px);\n        z-index: 1;\n\n        .img {\n          position: absolute;\n          left: 0;\n          top: 0;\n          z-index: 2;\n        }\n      }\n      &.second {\n        animation: "," 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\n          "," 6s linear 1s infinite;\n        transform: rotateX(50deg) rotateZ(-45deg) translateZ(-20px);\n        z-index: 0;\n      }\n\n      &.third {\n        animation: "," 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\n          "," 6s linear 1s infinite;\n        transform: rotateX(50deg) rotateZ(-45deg) translateZ(-20px);\n        z-index: -1;\n      }\n    }\n  }\n\n  "," {\n    flex-direction: column-reverse;\n    padding: 250px 24px 96px;\n\n    .content-box {\n      align-items: center;\n      margin-top: 120px;\n      padding-top: 0;\n\n      h1 {\n        font-size: 48px;\n      }\n\n      h1,\n      p {\n        text-align: center;\n      }\n    }\n  }\n\n  "," {\n    padding: "," "," ",";\n    gap: unset;\n    min-height: ",";\n\n    &::after {\n      background-image: url(",");\n    }\n\n    .content-box {\n      gap: ",";\n      margin-top: ",";\n\n      h1 {\n        font-size: ",";\n        line-height: ",";\n      }\n\n      p {\n        margin-top: unset;\n        font-size: ",";\n        line-height: ",";\n      }\n\n      .button {\n        margin-top: unset;\n        height: ",";\n        min-width: ",";\n        width: auto;\n        border-radius: ",";\n        padding: ",";\n\n        .button-inner {\n          span {\n            font-size: ",";\n            line-height: ",";\n          }\n        }\n      }\n    }\n\n    .card-box {\n      height: ",";\n      width: ",";\n      > div {\n        &.first {\n          border-radius: ",";\n          animation: "," 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\n            "," 6s linear 1s infinite;\n        }\n\n        &.second {\n          animation: "," 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\n            "," 6s linear 1s infinite;\n          transform: rotateX(50deg) rotateZ(-45deg) translateZ(-20px);\n          z-index: 0;\n        }\n\n        &.third {\n          animation: "," 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\n            "," 6s linear 1s infinite;\n          transform: rotateX(50deg) rotateZ(-45deg) translateZ(-20px);\n          z-index: -1;\n        }\n      }\n    }\n  }\n"]);return no=function(){return n},n}let nr=n=>(0,ni.F4)(["0%{transform:rotateX(50deg) rotateZ(-45deg) translateZ(-20px);}100%{transform:rotateX(50deg) rotateZ(-45deg) translateZ(","px);}"],n),ns=(n,e,t)=>(0,ni.F4)(["0%{transform:rotateX(50deg) rotateZ(-45deg) translateZ(","px);}33%{transform:rotateX(","deg) rotateY(-","deg) rotateZ(-45deg) translateZ(","px);}66%{transform:rotateX(50deg) rotateY(","deg) rotateZ(-45deg) translateZ(","px);}100%{transform:rotateX(50deg) rotateZ(-45deg) translateZ(","px);}"],t,50+n,e,t,e,t,t),nl=(0,s.zo)(nt.e)(na(),x.a_.noise.src),nc=(0,s.zo)(r.Layout.RowMiddle)(no(),n=>n.theme.MaxWidth,x.a_.heroGrid.src,n=>n.theme.Bold,(0,s.hO)(8),n=>n.theme.Medium,(0,s.hO)(24),(0,s.hO)(24),nr(120),ns(4,2,120),nr(0),ns(-4,2,0),nr(-120),ns(4,-2,-120),s.Uh.laptopL,s.Uh.mobile,(0,s.hO)(166),(0,s.hO)(24),(0,s.hO)(48),(0,s.hO)(735),x.a_.heroGridMobile.src,(0,s.hO)(24),(0,s.hO)(100),(0,s.hO)(32),(0,s.hO)(48),(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(64),(0,s.hO)(285),(0,s.hO)(12),(0,s.hO)(20),(0,s.hO)(20),(0,s.hO)(24),(0,s.hO)(138),(0,s.hO)(218),(0,s.hO)(14),nr(70),ns(4,2,70),nr(0),ns(-4,2,0),nr(-70),ns(4,-2,-70));function nd(){let n=(0,i._)(["\n  padding: 98px 24px 95px;\n  max-width: ",";\n  width: 100%;\n  min-height: 765px;\n  position: relative;\n\n  &::after {\n    content: '';\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n    background-image: url(",");\n    background-repeat: no-repeat;\n    background-size: cover;\n    z-index: 0;\n  }\n\n  .advantages-box {\n    width: 100%;\n    position: relative;\n    z-index: 1;\n\n    h2 {\n      color: #2c3034;\n      font-size: 64px;\n      line-height: 64px;\n      text-align: center;\n\n      > p {\n        font-size: 32px;\n      }\n    }\n    > p {\n      max-width: 638px;\n      text-align: center;\n      color: #7e808a;\n      font-size: ",";\n      line-height: ",";\n      margin-top: 40px;\n    }\n\n    .img {\n      max-width: 760px;\n      height: 272px;\n      width: 100%;\n      margin-top: 20px;\n      img {\n        object-fit: cover;\n      }\n    }\n  }\n\n  "," {\n    .advantages-box {\n      h2 {\n        font-size: 48px;\n        line-height: 48px;\n        > p {\n          font-size: 28px;\n        }\n      }\n    }\n  }\n\n  "," {\n    min-height: unset;\n    padding: "," 0;\n    .advantages-box {\n      h2 {\n        font-size: ",";\n        line-height: ",";\n        padding: 0 ",";\n\n        > p {\n          font-size: ",";\n        }\n      }\n\n      > p {\n        font-size: ",";\n        line-height: ",";\n        margin-top: ",";\n        max-width: unset;\n        padding: 0 ",";\n      }\n\n      .img {\n        margin-top: ",";\n      }\n    }\n  }\n"]);return nd=function(){return n},n}let nh=(0,s.zo)(r.Layout.ColMiddle)(nd(),n=>n.theme.MaxWidth,x.a_.advantagesGrid.src,(0,s.hO)(16),(0,s.hO)(24),s.Uh.laptopL,s.Uh.mobile,(0,s.hO)(64),(0,s.hO)(36),(0,s.hO)(40),(0,s.hO)(32),(0,s.hO)(24),(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(16),(0,s.hO)(32),(0,s.hO)(24));var np=t(90482);function nm(){let n=(0,i._)(["\n  overflow: hidden;\n\n  &.cozy-support-screen {\n    &::after {\n      content: '';\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      background-image: url(",");\n      background-repeat: repeat;\n      background-size: 200px 200px;\n      z-index: 0;\n    }\n  }\n"]);return nm=function(){return n},n}function nx(){let n=(0,i._)(["\n  max-width: ",";\n  width: 100%;\n  padding: 0 24px 0;\n  min-height: 520px;\n  overflow: hidden;\n\n  @keyframes fade {\n    0% {\n      opacity: 0;\n    }\n    15% {\n      opacity: 1;\n    }\n    45% {\n      opacity: 1;\n    }\n    60% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  &::after,\n  &::before {\n    content: '';\n    position: absolute;\n    background-size: cover;\n    z-index: 0;\n  }\n\n  &::after {\n    background-image: url(",");\n    height: 299px;\n    width: 399px;\n    top: 0;\n    right: 0;\n  }\n\n  &::before {\n    background-image: url(",");\n    height: 400px;\n    width: 576px;\n    bottom: 0;\n    left: 0;\n  }\n\n  .container {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    gap: 48px;\n\n    .content-box {\n      gap: 24px;\n\n      .title {\n        b,\n        h3 {\n          background: radial-gradient(59.51% 73.25% at 50% 49.79%, #fcfcfd 0%, #969a9e 100%);\n\n          background-clip: text;\n          color: transparent;\n          font-weight: ",";\n        }\n\n        b {\n          font-size: 72px;\n          line-height: 88px;\n          width: fit-content;\n        }\n\n        h3 {\n          font-size: 36px;\n          line-height: 40px;\n        }\n      }\n\n      i {\n        display: block;\n        width: ",";\n        height: ",";\n        background: radial-gradient(39.71% 73.25% at 50% 49.79%, #f7fff9 0%, #7c837c 100%);\n      }\n      p {\n        color: #7e808a;\n        font-size: 18px;\n        line-height: 24px;\n        font-weight: ",";\n        max-width: 400px;\n      }\n    }\n\n    .icons-box {\n      gap: 24px;\n      flex-wrap: wrap;\n      width: 667px;\n      position: relative;\n\n      .icon-item {\n        box-shadow: 0px 8px 16px 0px #0000004d;\n        border: 1px solid #313536;\n        background-color: #1f2324;\n        height: 64px;\n        width: 64px;\n        border-radius: 12px;\n        overflow: hidden;\n        position: relative;\n        opacity: 0.8;\n\n        &.hidden {\n          box-shadow: none;\n          border: none;\n          background-color: transparent;\n        }\n\n        &:nth-of-type(8),\n        &:nth-of-type(22) {\n          margin-left: 46px;\n        }\n\n        &:nth-of-type(1),\n        &:nth-of-type(8),\n        &:nth-of-type(28) {\n          opacity: 0.1;\n        }\n\n        &:nth-of-type(2),\n        &:nth-of-type(7),\n        &:nth-of-type(9),\n        &:nth-of-type(16),\n        &:nth-of-type(24) {\n          opacity: 0.1;\n        }\n\n        img {\n          height: 100%;\n          width: 100%;\n          object-fit: cover;\n          opacity: 0;\n          position: absolute;\n          left: 0;\n          top: 0;\n          z-index: 1;\n        }\n      }\n    }\n  }\n\n  "," {\n    padding: 64px 24px;\n    min-height: unset;\n\n    .container {\n      flex-direction: column;\n      align-items: flex-start;\n      margin: 0 auto;\n      width: auto;\n    }\n  }\n\n  "," {\n    padding: "," 0;\n\n    &::after {\n      height: ",";\n      width: ",";\n    }\n\n    &::before {\n      height: ",";\n      width: ",";\n    }\n\n    .container {\n      flex-direction: column;\n      align-items: flex-start;\n      margin: 0 auto;\n      width: auto;\n      gap: ",";\n\n      .content-box {\n        padding: 0 ",";\n        .title {\n          b {\n            font-size: ",";\n            line-height: 1;\n          }\n          h3 {\n            font-size: ",";\n            line-height: ",";\n          }\n        }\n\n        p {\n          font-size: ",";\n          line-height: ",";\n          max-width: unset;\n          width: 100%;\n        }\n      }\n\n      .icons-box {\n        gap: ",";\n        width: 100%;\n        .icon-item {\n          height: ",";\n          width: ",";\n          border-radius: ",";\n\n          &:nth-of-type(8),\n          &:nth-of-type(22) {\n            margin-left: ",";\n          }\n        }\n      }\n    }\n  }\n"]);return nx=function(){return n},n}let nu=[x.a_.applePay,x.a_.googlePay,x.a_.paypal,x.a_.aliPay,x.a_.wechatPay,x.a_.linePay,x.a_.chatgpt,x.a_.openAI,x.a_.claudeAI,x.a_.anthropic,x.a_.midjourney,x.a_.deepL,x.a_.perplexity,x.a_.notion,x.a_.github,x.a_.godaddy,x.a_.vultr,x.a_.twitter,x.a_.facebook,x.a_.telegram,x.a_.amazon,x.a_.microspft,x.a_.ebay,x.a_.shopify,x.a_.shopee,x.a_.temu,x.a_.alibaba,x.a_.etsy,x.a_.meituan,x.a_.booking,x.a_.grab,x.a_.KFC,x.a_.mcDonalds,x.a_.netflix,x.a_.starbucks,x.a_.youtube,x.a_.onlyfans,x.a_.disney,x.a_.tiktok,x.a_.steam,x.a_.tencent],ng=[1,3,6,7,9,11,14,16,18,20,21,23,25,27],nf=[0,2,4,8,10,13,17,19,22,24],nb=(0,s.zo)(nt.e)(nm(),x.a_.noise.src),nw=(0,s.zo)(r.Layout.RowMiddle)(nx(),n=>n.theme.MaxWidth,x.a_.supportBg1.src,x.a_.supportBg2.src,n=>n.theme.Bold,(0,s.hO)(38),(0,s.hO)(8),n=>n.theme.Medium,s.Uh.laptopL,s.Uh.mobile,(0,s.hO)(64),(0,s.hO)(99),(0,s.hO)(199),(0,s.hO)(200),(0,s.hO)(276),(0,s.hO)(48),(0,s.hO)(40),(0,s.hO)(48),(0,s.hO)(30),(0,s.hO)(36),(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(15.88),(0,s.hO)(42.35),(0,s.hO)(42.35),(0,s.hO)(8),(0,s.hO)(28));var ny=t(99199);function nj(){let n=(0,i._)(["\n  overflow: hidden;\n  background: radial-gradient(280.31% 198.48% at -25.42% -43.31%, #253433 0%, #161a1b 56.78%, #181b1b 100%);\n\n  &.cozy-convenient-screen {\n    &::after {\n      content: '';\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      background-image: url(",");\n      background-repeat: repeat;\n      background-size: 200px 200px;\n      z-index: 0;\n    }\n\n    &::before {\n      content: '';\n      height: 605px;\n      width: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      background-image: url(",");\n      background-size: cover;\n      z-index: 0;\n      pointer-events: none;\n    }\n  }\n"]);return nj=function(){return n},n}function nO(){let n=(0,i._)(["\n  max-width: ",";\n  width: 100%;\n  padding: 96px 24px;\n  min-height: 1017px;\n  position: relative;\n  z-index: 1;\n\n  &::before {\n    content: '';\n    height: 833px;\n    width: 790px;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    top: 0;\n    background-image: url(",");\n    background-size: cover;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .header {\n    width: 100%;\n    position: relative;\n    z-index: 1;\n    padding: 16px 0;\n\n    h3 {\n      background: radial-gradient(39.71% 73.25% at 50% 49.79%, #f7fff9 0%, #7c837c 100%);\n      background-clip: text;\n      color: transparent;\n      font-size: 64px;\n      line-height: 88px;\n      font-weight: ",";\n      text-align: center;\n    }\n\n    p {\n      color: #7e808a;\n      font-size: 18px;\n      line-height: 24px;\n      font-weight: ",";\n      margin-top: 4px;\n      text-align: center;\n    }\n    .button {\n      margin-top: 32px;\n      height: 64px;\n      padding: 20px;\n      width: 285px;\n      border-radius: 12px;\n      background: linear-gradient(90deg, #b7babe 0%, #f7f7f7 52.1%, #b7babe 100%);\n\n      .button-inner {\n        gap: ",";\n        span {\n          font-size: 20px;\n          line-height: 24px;\n          font-weight: ",";\n        }\n        .www-icon {\n          height: ",";\n          width: ",";\n          path {\n            fill: #000;\n          }\n        }\n      }\n    }\n  }\n\n  > .card-box {\n    margin-top: 64px;\n    position: relative;\n  }\n\n  "," {\n    padding: "," ",";\n    min-height: unset;\n\n    &::before {\n      height: 333px;\n      width: 290px;\n    }\n\n    .header {\n      gap: ",";\n      padding: 0;\n      max-width: unset;\n\n      h3 {\n        font-size: ",";\n        line-height: ",";\n        text-transform: uppercase;\n\n        span {\n          display: block;\n          font-size: ",";\n          line-height: ",";\n          margin-bottom: ",";\n          text-transform: none;\n        }\n      }\n\n      p {\n        font-size: ",";\n        line-height: ",";\n        max-width: ",";\n        width: 100%;\n      }\n\n      .button {\n        display: none;\n      }\n    }\n\n    > .card-box {\n      display: none;\n    }\n  }\n"]);return nO=function(){return n},n}function nv(){let n=(0,i._)(["\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  height: ",";\n  color: #dddde3;\n  gap: ",";\n  overflow: auto;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  > div {\n    gap: ",";\n    font-size: ",";\n    cursor: pointer;\n    line-height: ",";\n\n    &.active {\n      border-bottom: 2px solid #bdee63;\n      font-weight: ",";\n    }\n\n    span {\n      color: #bdee63;\n      font-weight: ",";\n    }\n  }\n"]);return nv=function(){return n},n}function nN(){let n=(0,i._)(["\n  border-radius: ",";\n  width: 100%;\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  background: linear-gradient(0deg, rgba(17, 119, 137, 0.05) 0%, rgba(17, 119, 137, 0.05) 100%);\n  backdrop-filter: blur(12px);\n  padding: "," ",";\n  margin-top: ",";\n  display: none;\n\n  "," {\n    display: block;\n  }\n"]);return nN=function(){return n},n}function nz(){let n=(0,i._)(["\n  gap: ",";\n\n  .basic-card-info {\n    display: grid;\n    grid-template-areas:\n      'a a'\n      'b c'\n      'd e'\n      'f f';\n    gap: "," ",";\n\n    .fee {\n      border-radius: ",";\n      border: 1px solid rgba(79, 79, 79, 0.4);\n      color: #b9bbc6;\n      min-height: ",";\n\n      &.open-card-fee,\n      .merchant {\n        padding: ",";\n      }\n\n      &.open-card-fee {\n        grid-area: a;\n        min-height: ",";\n\n        span {\n          &:first-of-type {\n            font-size: ",";\n            line-height: ",";\n          }\n\n          &:last-of-type {\n            font-size: ",";\n            line-height: ",";\n            font-weight: ",";\n\n            b {\n              font-size: ",";\n              line-height: ",";\n              color: #fff;\n              font-weight: ",";\n            }\n          }\n        }\n      }\n      &.top-up-fee {\n        grid-area: b;\n      }\n      &.monthly-fee {\n        grid-area: c;\n      }\n      &.txn-fee {\n        grid-area: d;\n      }\n      &.foreign-txn-fee {\n        grid-area: e;\n      }\n\n      &.top-up-fee,\n      &.monthly-fee,\n      &.txn-fee,\n      &.foreign-txn-fee {\n        gap: ",";\n        font-size: ",";\n        line-height: ",";\n\n        b {\n          font-weight: ",";\n          font-size: ",";\n          line-height: ",";\n        }\n      }\n\n      &.merchant {\n        grid-area: f;\n        min-height: ",";\n        justify-content: center;\n        gap: ",";\n        b {\n          color: #ffffffcc;\n          font-size: ",";\n          line-height: ",";\n          font-weight: ",";\n        }\n        span {\n          color: #ffffffa3;\n          font-size: ",";\n          line-height: ",";\n        }\n      }\n    }\n  }\n\n  .premium-card-info {\n    .premium-content-box {\n      width: 100%;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: ",";\n      .item {\n        border: 1px solid rgba(79, 79, 79, 0.4);\n\n        span {\n          color: #b9bbc6;\n          font-size: ",";\n          line-height: ",";\n          font-weight: ",";\n          display: inline-block;\n          padding: "," "," 0;\n        }\n        img {\n          width: 100%;\n          object-fit: cover;\n        }\n      }\n    }\n\n    .footer-box {\n      width: 100%;\n      gap: ",";\n      justify-content: flex-start;\n      margin-top: ",";\n\n      &:last-of-type {\n        justify-content: flex-end;\n        margin-top: ",";\n      }\n\n      i {\n        width: ",";\n        height: 1px;\n        background-color: #dddde3;\n      }\n\n      span {\n        color: #dddde3;\n        font-size: ",";\n        line-height: ",";\n        font-weight: ",";\n      }\n      .www-icon {\n        height: ",";\n        width: ",";\n        path {\n          fill: #dddde3;\n        }\n      }\n    }\n  }\n\n  .button {\n    height: ",";\n    padding: 0 ",";\n    width: 100%;\n    border-radius: ",";\n    background: linear-gradient(90deg, #b7babe 0%, #f7f7f7 52.1%, #b7babe 100%);\n    .button-inner {\n      gap: ",";\n      span {\n        font-size: ",";\n        line-height: ",";\n        font-weight: ",";\n      }\n      .www-icon {\n        height: ",";\n        width: ",";\n        path {\n          fill: #000;\n        }\n      }\n    }\n  }\n\n  "," {\n    margin-top: ",";\n  }\n"]);return nz=function(){return n},n}function nk(){let n=(0,i._)(["\n  flex: 1;\n  position: relative;\n\n  .template-content-box {\n    width: 455px;\n    height: 524px;\n    padding: 34px 24px 24px;\n    border-radius: 24px;\n    box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.3);\n    backdrop-filter: blur(12px);\n    background: linear-gradient(180deg, rgba(36, 41, 43, 0.8) 0.25%, rgba(19, 22, 23, 0.8) 99.69%);\n    flex-shrink: 0;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transition: all 0.2s ease-in-out;\n    cursor: pointer;\n    z-index: 1;\n    overflow: hidden;\n\n    &.action {\n      &::after,\n      &::before {\n        content: '';\n        background-size: cover;\n        position: absolute;\n        left: 0;\n        top: 0;\n        height: 100%;\n        width: 100%;\n      }\n\n      &::after {\n        background-image: url(",");\n        z-index: 2;\n      }\n\n      &::before {\n        background-image: url(",");\n        z-index: 1;\n      }\n    }\n\n    .card-header {\n      position: relative;\n      z-index: 2;\n      .card-name {\n        gap: 16px;\n\n        .logo {\n          height: 32px;\n          width: 32px;\n        }\n\n        b,\n        span {\n          font-size: 32px;\n          line-height: 36px;\n          font-weight: ",";\n          color: #dddde3;\n        }\n        b {\n          color: #bdee63;\n        }\n      }\n\n      > span {\n        font-size: 16px;\n        line-height: 20px;\n        color: #dddde3;\n        font-weight: ",";\n        b {\n          font-size: 32px;\n          line-height: 36px;\n          font-weight: ",";\n        }\n      }\n    }\n\n    .basic-card-info {\n      position: relative;\n      z-index: 2;\n      margin-top: 12px;\n      gap: 12px;\n      justify-content: space-between;\n      height: 100%;\n\n      .fee {\n        border-radius: 8px;\n        border: 1px solid rgba(79, 79, 79, 0.4);\n        color: #b9bbc6;\n        padding: 16px;\n\n        &.top-up-fee,\n        &.monthly-fee,\n        &.txn-fee,\n        &.foreign-txn-fee {\n          gap: ",";\n          font-size: ",";\n          line-height: ",";\n\n          b {\n            font-weight: ",";\n            font-size: ",";\n            line-height: ",";\n          }\n        }\n\n        &.merchant {\n          grid-area: f;\n          min-height: ",";\n          justify-content: center;\n          gap: ",";\n          b {\n            color: #ffffffcc;\n            font-size: ",";\n            line-height: ",";\n            font-weight: ",";\n          }\n          span {\n            color: #ffffffa3;\n            font-size: ",";\n            line-height: ",";\n          }\n        }\n      }\n    }\n\n    .premium-card-info {\n      position: relative;\n      z-index: 2;\n      margin-top: 24px;\n\n      .premium-content-box {\n        width: 100%;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 12px;\n\n        .item {\n          border: 1px solid rgba(79, 79, 79, 0.4);\n          padding: 20px 0 0 16px;\n          min-height: 160px;\n          justify-content: space-between;\n\n          span {\n            color: #b9bbc6;\n            font-size: 18px;\n            line-height: 24px;\n            font-weight: ",";\n            display: inline-block;\n          }\n          img {\n            width: 100%;\n            height: 92px;\n            object-fit: cover;\n          }\n        }\n      }\n\n      .footer-box {\n        width: 100%;\n        gap: 16px;\n        justify-content: flex-start;\n        padding: 0 32px;\n        margin-top: 24px;\n\n        &:last-of-type {\n          justify-content: flex-end;\n          margin-top: 4px;\n        }\n\n        i {\n          min-width: 112px;\n          height: 1px;\n          background-color: #dddde3;\n        }\n\n        span {\n          color: #dddde3;\n          font-size: 18px;\n          line-height: 24px;\n          font-weight: ",";\n        }\n        .www-icon {\n          height: 20px;\n          width: 20px;\n          path {\n            fill: #dddde3;\n          }\n        }\n      }\n    }\n  }\n"]);return nk=function(){return n},n}var nC=(0,Y.Pi)(()=>{let{t:n}=(0,l.$G)("cozy-card"),[e,t]=(0,c.useState)(2),i=(0,c.useMemo)(()=>{let n=[{currency:"USD",card:"Basic",openCardFee:"$10",topUpFee:"1.8%",monthlyFee:"NO",generalTxnFee:"NO",ForeignTxnFee:"NO",merchant:["OpenAI | Telegram","10K+ Merchants Globally"],templateType:"basic"},{currency:"USD",card:"Zero",openCardFee:"$0",topUpFee:"1.8%",monthlyFee:"NO",generalTxnFee:"NO",ForeignTxnFee:"NO",merchant:["OpenAI | Telegram","10K+ Merchants Globally"],templateType:"basic"},{currency:"USD",card:"Pro",openCardFee:"$12",topUpFee:"1.8%",monthlyFee:"NO",generalTxnFee:"NO",ForeignTxnFee:"NO",merchant:["Apple Pay | Google Pay","10K+ Merchants Globally"],templateType:"basic"},{currency:"HKD",card:"Pro",openCardFee:"$12",topUpFee:"1.8%",monthlyFee:"NO",generalTxnFee:"NO",ForeignTxnFee:"NO",merchant:["OpenAI | Telegram","10K+ Merchants Globally"],templateType:"basic"}];return f.B.isMobile?n.unshift({currency:"USD",card:"Premium",openCardFee:"$0",topUpFee:"1.8%",monthlyFee:"NO",generalTxnFee:"NO",ForeignTxnFee:"NO",merchant:["OpenAI | Telegram","10K+ Merchants Globally"],templateType:"premium"}):n.splice(2,0,{currency:"USD",card:"Premium",openCardFee:"$0",topUpFee:"1.8%",monthlyFee:"NO",generalTxnFee:"NO",ForeignTxnFee:"NO",merchant:["OpenAI | Telegram","10K+ Merchants Globally"],templateType:"premium"}),n},[f.B.isMobile]);return(0,a.jsx)(nM,{className:"cozy-convenient-screen",children:(0,a.jsxs)(nB,{children:[(0,a.jsxs)(r.Layout.ColMiddle,{className:"header",children:[(0,a.jsxs)("h3",{children:[(0,a.jsx)("span",{children:n("cozyCard.convenient.title")})," Cozy Card"]}),(0,a.jsx)("p",{children:n("cozyCard.convenient.desc")}),(0,a.jsxs)(_.xk,{onClick:()=>{s.P6.windowOpenCCPage("/paymentCard")},children:[(0,a.jsx)("span",{children:n("cozyCard.convenient.button")}),(0,a.jsx)(r.Icon,{name:"arrowRightUp"})]})]}),(0,a.jsx)(n_,{data:i}),(0,a.jsx)(r.Layout.RowMiddle,{className:"card-box",children:i.map((n,i)=>(0,a.jsx)(nq,{data:n,index:i,actionIndex:e,onChange:t},i))})]})})});let n_=n=>{let{data:e}=n,t=(n,e)=>{null==n||n.slideTo(e)};return(0,a.jsx)(nT,{children:(0,a.jsx)(r.Swiper,{DotComponent:n=>{let{index:i,instance:o}=n;return(0,a.jsx)(nR,{children:e.map((n,e)=>(0,a.jsxs)(r.Layout.RowCenter,{onClick:()=>t(o,e),className:"".concat(e===i?"active":""),children:[(0,a.jsx)("span",{children:n.currency})," ",n.card]},e))})},spaceBetween:32,children:e.map((n,e)=>(0,a.jsx)(nL,{data:n},e))})})},nL=n=>{let{data:e}=n,{t}=(0,l.$G)("cozy-card"),i=(0,c.useMemo)(()=>"premium"===e.templateType?(0,a.jsxs)(r.Layout.ColMiddle,{className:"premium-card-info",children:[(0,a.jsxs)("div",{className:"premium-content-box",children:[(0,a.jsxs)(r.Layout.Col,{className:"item",children:[(0,a.jsxs)("span",{children:["Physical ",(0,a.jsx)("br",{})," & Virtual Card"]}),(0,a.jsx)("img",{src:x.a_.virtualCard.src})]}),(0,a.jsxs)(r.Layout.Col,{className:"item",children:[(0,a.jsxs)("span",{children:["Extra ",(0,a.jsx)("br",{})," Cashback"]}),(0,a.jsx)("img",{src:x.a_.cashback.src})]}),(0,a.jsxs)(r.Layout.Col,{className:"item",children:[(0,a.jsxs)("span",{children:["Lower ",(0,a.jsx)("br",{})," Top-Up Fee"]}),(0,a.jsx)("img",{src:x.a_.topUpFee.src})]}),(0,a.jsxs)(r.Layout.Col,{className:"item",children:[(0,a.jsxs)("span",{children:["Special ",(0,a.jsx)("br",{})," Card Design"]}),(0,a.jsx)("img",{src:x.a_.cardDesign.src})]})]}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"footer-box",children:[(0,a.jsx)("i",{}),(0,a.jsx)("span",{children:"Coming"}),(0,a.jsx)(r.Icon,{name:"airport"})]}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"footer-box",children:[(0,a.jsx)("span",{children:"Soon"}),(0,a.jsx)("i",{})]})]}):(0,a.jsxs)("div",{className:"basic-card-info",children:[(0,a.jsxs)(r.Layout.RowBetween,{className:"fee open-card-fee",children:[(0,a.jsx)("span",{children:t("cozyCard.convenient.fee5")}),(0,a.jsxs)("span",{children:[(0,a.jsx)("b",{children:e.openCardFee})," /card"]})]}),(0,a.jsxs)(r.Layout.Center,{className:"fee top-up-fee",children:[(0,a.jsx)("b",{children:e.topUpFee}),(0,a.jsx)("span",{children:t("cozyCard.convenient.fee1")})]}),(0,a.jsxs)(r.Layout.Center,{className:"fee monthly-fee",children:[(0,a.jsx)("b",{children:e.monthlyFee}),(0,a.jsx)("span",{children:t("cozyCard.convenient.fee2")})]}),(0,a.jsxs)(r.Layout.Center,{className:"fee txn-fee",children:[(0,a.jsx)("b",{children:e.generalTxnFee}),(0,a.jsx)("span",{children:t("cozyCard.convenient.fee3")})]}),(0,a.jsxs)(r.Layout.Center,{className:"fee foreign-txn-fee",children:[(0,a.jsx)("b",{children:e.ForeignTxnFee}),(0,a.jsx)("span",{children:t("cozyCard.convenient.fee4")})]}),(0,a.jsxs)(r.Layout.ColMiddle,{className:"fee merchant",children:[(0,a.jsx)("b",{children:e.merchant[0]}),(0,a.jsx)("span",{children:e.merchant[1]})]})]}),[e]);return(0,a.jsxs)(nI,{children:[i,(0,a.jsxs)(_.xk,{onClick:()=>{s.P6.windowOpenCCPage("/paymentCard")},children:[(0,a.jsx)("span",{children:t("cozyCard.convenient.button")}),(0,a.jsx)(r.Icon,{name:"arrowRightUp"})]})]})},nq=n=>{let{data:e,index:t,actionIndex:i,onChange:o}=n,{t:s}=(0,l.$G)("cozy-card"),d=(0,c.useMemo)(()=>"premium"===e.templateType?(0,a.jsxs)(r.Layout.ColMiddle,{className:"premium-card-info",children:[(0,a.jsxs)("div",{className:"premium-content-box",children:[(0,a.jsxs)(r.Layout.Col,{className:"item",children:[(0,a.jsxs)("span",{children:["Physical ",(0,a.jsx)("br",{})," & Virtual Card"]}),(0,a.jsx)("img",{src:x.a_.virtualCard.src})]}),(0,a.jsxs)(r.Layout.Col,{className:"item",children:[(0,a.jsxs)("span",{children:["Extra ",(0,a.jsx)("br",{}),"Cashback"]}),(0,a.jsx)("img",{src:x.a_.cashback.src})]}),(0,a.jsxs)(r.Layout.Col,{className:"item",children:[(0,a.jsxs)("span",{children:["Lower ",(0,a.jsx)("br",{})," Top-Up Fee"]}),(0,a.jsx)("img",{src:x.a_.topUpFee.src})]}),(0,a.jsxs)(r.Layout.Col,{className:"item",children:[(0,a.jsxs)("span",{children:["Special ",(0,a.jsx)("br",{})," Card Design"]}),(0,a.jsx)("img",{src:x.a_.cardDesign.src})]})]}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"footer-box",children:[(0,a.jsx)("i",{}),(0,a.jsx)("span",{children:"Coming"}),(0,a.jsx)(r.Icon,{name:"airport"})]}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"footer-box",children:[(0,a.jsx)("span",{children:"Soon"}),(0,a.jsx)("i",{})]})]}):(0,a.jsxs)(r.Layout.Col,{className:"basic-card-info",children:[(0,a.jsxs)(r.Layout.Center,{className:"fee top-up-fee",children:[(0,a.jsx)("b",{children:e.topUpFee}),(0,a.jsx)("span",{children:s("cozyCard.convenient.fee1")})]}),(0,a.jsxs)(r.Layout.Center,{className:"fee monthly-fee",children:[(0,a.jsx)("b",{children:e.monthlyFee}),(0,a.jsx)("span",{children:s("cozyCard.convenient.fee2")})]}),(0,a.jsxs)(r.Layout.Center,{className:"fee txn-fee",children:[(0,a.jsx)("b",{children:e.generalTxnFee}),(0,a.jsx)("span",{children:s("cozyCard.convenient.fee3")})]}),(0,a.jsxs)(r.Layout.Center,{className:"fee foreign-txn-fee",children:[(0,a.jsx)("b",{children:e.ForeignTxnFee}),(0,a.jsx)("span",{children:s("cozyCard.convenient.fee4")})]}),(0,a.jsxs)(r.Layout.ColMiddle,{className:"fee merchant",children:[(0,a.jsx)("b",{children:e.merchant[0]}),(0,a.jsx)("span",{children:e.merchant[1]})]})]}),[e]);return(0,a.jsx)(nS,{children:(0,a.jsxs)(r.Layout.Col,{className:"template-content-box ".concat(i===t?"action":""),style:{zIndex:4-Math.abs(t-i),transform:"translate3D(-50%,0,0) scale(".concat(i===t?1.05:1,")")},onMouseEnter:()=>{o(t)},children:[(0,a.jsxs)(r.Layout.RowBetween,{className:"card-header",children:[(0,a.jsxs)(r.Layout.RowMiddle,{className:"card-name",children:["premium"==e.templateType&&(0,a.jsx)("img",{className:"logo",src:ny.Z.src}),(0,a.jsx)("b",{children:e.currency}),(0,a.jsx)("span",{children:e.card})]}),(0,a.jsxs)("span",{children:[(0,a.jsx)("b",{children:e.openCardFee})," /card"]})]}),d]})})},nM=(0,s.zo)(nt.e)(nj(),x.a_.noise.src,x.a_.convenientBg3.src),nB=(0,s.zo)(r.Layout.Col)(nO(),n=>n.theme.MaxWidth,x.a_.cardLight.src,n=>n.theme.Bold,n=>n.theme.Medium,(0,s.hO)(8),n=>n.theme.Semi,(0,s.hO)(24),(0,s.hO)(24),s.Uh.mobile,(0,s.hO)(48),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(48),(0,s.hO)(48),(0,s.hO)(32),(0,s.hO)(36),(0,s.hO)(16),(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(230)),nR=s.zo.div(nv(),(0,s.hO)(30),(0,s.hO)(22),(0,s.hO)(2),(0,s.hO)(16),(0,s.hO)(20),n=>n.theme.Medium,n=>n.theme.Medium),nT=(0,s.zo)(r.Layout.Col)(nN(),(0,s.hO)(16),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(32),s.Uh.mobile),nI=(0,s.zo)(r.Layout.Col)(nz(),(0,s.hO)(16),(0,s.hO)(20),(0,s.hO)(16),(0,s.hO)(8),(0,s.hO)(56),(0,s.hO)(16),(0,s.hO)(68),(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(20),(0,s.hO)(24),n=>n.theme.Medium,(0,s.hO)(32),(0,s.hO)(36),n=>n.theme.DemiBold,(0,s.hO)(8),(0,s.hO)(14),(0,s.hO)(20),n=>n.theme.Medium,(0,s.hO)(20),(0,s.hO)(24),(0,s.hO)(92),(0,s.hO)(12),(0,s.hO)(20),(0,s.hO)(24),n=>n.theme.Semi,(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(12),(0,s.hO)(14),(0,s.hO)(20),n=>n.theme.DemiBold,(0,s.hO)(12),(0,s.hO)(16),(0,s.hO)(16),(0,s.hO)(16),(0,s.hO)(4),(0,s.hO)(112),(0,s.hO)(18),(0,s.hO)(24),n=>n.theme.DemiBold,(0,s.hO)(20),(0,s.hO)(20),(0,s.hO)(56),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(7.5),(0,s.hO)(12.5),(0,s.hO)(15),n=>n.theme.Medium,(0,s.hO)(15),(0,s.hO)(15),s.Uh.mobile,(0,s.hO)(16)),nS=(0,s.zo)(r.Layout.Col)(nk(),x.a_.cardCoverBg.src,x.a_.cardCoverNoise.src,n=>n.theme.DemiBold,n=>n.theme.Medium,n=>n.theme.DemiBold,(0,s.hO)(8),(0,s.hO)(14),(0,s.hO)(20),n=>n.theme.Medium,(0,s.hO)(20),(0,s.hO)(24),(0,s.hO)(92),(0,s.hO)(12),(0,s.hO)(20),(0,s.hO)(24),n=>n.theme.Semi,(0,s.hO)(14),(0,s.hO)(20),n=>n.theme.DemiBold,n=>n.theme.DemiBold);function nU(){let n=(0,i._)(["\n  &.cozy-security-screen {\n    &::after {\n      content: '';\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      background-image: url(",");\n      background-repeat: repeat;\n      background-size: 200px 200px;\n      z-index: 0;\n      pointer-events: none;\n    }\n  }\n"]);return nU=function(){return n},n}function nF(){let n=(0,i._)(["\n  max-width: ",";\n  width: 100%;\n  padding: 96px 24px 120px;\n  min-height: 913px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n\n  &::before {\n    content: '';\n    height: 384px;\n    width: 763px;\n    position: absolute;\n    left: 0;\n    top: 0;\n    background-image: url(",");\n    background-size: cover;\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  > h3 {\n    background: radial-gradient(39.71% 73.25% at 50% 49.79%, #fcfcfd 25.26%, #909091 100%);\n    background-clip: text;\n    color: transparent;\n    font-size: 64px;\n    line-height: 80px;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n  }\n  > p {\n    color: #7e808a;\n    font-size: 18px;\n    line-height: 24px;\n    margin-top: 24px;\n    max-width: 1160px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .content-box {\n    margin-top: 64px;\n    gap: 32px;\n    position: relative;\n    z-index: 1;\n    height: fit-content;\n    align-items: stretch;\n\n    .item-box {\n      border-radius: 24px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      flex: 1 1 100%;\n      max-width: 405px;\n\n      .img {\n        width: 404px;\n        height: 288px;\n        pointer-events: none;\n        object-fit: cover;\n      }\n\n      .item-content {\n        padding: 0 32px 28px;\n        gap: 14px;\n\n        .item-header {\n          gap: 4px;\n\n          b {\n            font-weight: ",";\n            font-size: 24px;\n            line-height: 28px;\n            color: #dddde3;\n\n            span {\n              font-weight: ",";\n              letter-spacing: -1px;\n            }\n          }\n\n          .button {\n            height: 32px;\n            width: 32px;\n            border-radius: 8px;\n            background: linear-gradient(90deg, #b7babe 0%, #f7f7f7 52.1%, #b7babe 100%);\n            .www-icon {\n              height: 24px;\n              width: 24px;\n\n              path {\n                fill: #1c2024;\n              }\n            }\n          }\n\n          .www-icon {\n            height: 32px;\n            width: 32px;\n          }\n        }\n\n        p {\n          font-size: 16px;\n          line-height: 24px;\n          color: #838588;\n        }\n      }\n    }\n  }\n\n  "," {\n    > h3 {\n      font-size: 48px;\n      line-height: 1;\n    }\n\n    .content-box {\n      flex-direction: column;\n    }\n  }\n\n  "," {\n    padding: "," ",";\n\n    &::before {\n      height: 384px;\n      width: 763px;\n      left: -200px;\n    }\n\n    > h3 {\n      font-size: ",";\n      line-height: ",";\n    }\n\n    > p {\n      font-size: ",";\n      line-height: ",";\n      text-align: center;\n      margin-top: ",";\n    }\n\n    .content-box {\n      flex-direction: column;\n      margin-top: ",";\n      gap: ",";\n\n      .item-box {\n        border-radius: ",";\n        min-height: unset;\n        max-width: unset;\n        width: 100%;\n        .img {\n          width: ",";\n          height: ",";\n        }\n        .item-content {\n          padding: 0 "," ",";\n          gap: ",";\n\n          .item-header {\n            gap: ",";\n            b {\n              line-height: ",";\n              font-size: ",";\n\n              span {\n                font-size: ",";\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"]);return nF=function(){return n},n}let nD=(0,s.zo)(nt.e)(nU(),x.a_.noise.src),nE=(0,s.zo)(r.Layout.ColMiddle)(nF(),n=>n.theme.MaxWidth,x.a_.light.src,n=>n.theme.black,n=>n.theme.Light,s.Uh.laptopL,s.Uh.mobile,(0,s.hO)(48),(0,s.hO)(24),(0,s.hO)(32),(0,s.hO)(36),(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(16),(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(24),(0,s.hO)(406),(0,s.hO)(263),(0,s.hO)(20),(0,s.hO)(28),(0,s.hO)(12),(0,s.hO)(4),(0,s.hO)(28),(0,s.hO)(24),(0,s.hO)(24));var nA=t(89382),nP=t(96143);function nG(){let n=(0,i._)(["\n  max-width: ",";\n  width: 100%;\n  padding: 98px "," 56px;\n\n  h3 {\n    font-size: 64px;\n    line-height: 80px;\n    font-weight: ",";\n    background: radial-gradient(95.3% 122.04% at 50% 49.79%, #1c2024 0%, #99a1a8 100%);\n    background-clip: text;\n    color: transparent;\n    text-align: center;\n  }\n\n  .swipe-box {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    margin-top: 64px;\n\n    &::after {\n      content: '';\n      position: absolute;\n      content: '';\n      height: 100%;\n      width: 200px;\n      z-index: 2;\n      top: 0;\n      right: 0;\n      background: linear-gradient(270deg, #f9f9fc 10%, rgba(252, 252, 253, 0) 100%);\n    }\n\n    .swipe-viewport {\n      overflow: hidden;\n      pointer-events: none;\n\n      .swipe-container {\n        touch-action: pan-y pinch-zoom;\n\n        img {\n          height: 604px;\n        }\n      }\n    }\n  }\n  "," {\n    h3 {\n      font-size: 48px;\n      line-height: 1;\n    }\n  }\n  "," {\n    padding: "," 0;\n    h3 {\n      font-size: ",";\n      line-height: ",";\n      padding: 0 ",";\n    }\n    .swipe-box {\n      margin-top: ",";\n      .swipe-viewport {\n        .swipe-container {\n          img {\n            height: ",";\n          }\n        }\n      }\n    }\n  }\n"]);return nG=function(){return n},n}let n$=(0,s.zo)(r.Layout.ColMiddle)(nG(),n=>n.theme.MaxWidth,(0,s.hO)(12),n=>n.theme.DemiBold,s.Uh.laptopL,s.Uh.mobile,(0,s.hO)(48),(0,s.hO)(32),(0,s.hO)(40),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(400));function nZ(){let n=(0,i._)(["\n  font-size: ",";\n  line-height: ",";\n\n  > ul {\n    margin-left: 20px;\n    b {\n      font-weight: ",";\n    }\n  }\n"]);return nZ=function(){return n},n}let nW=s.zo.ul(nZ(),(0,s.hO)(16),(0,s.hO)(24),n=>n.theme.Medium);function nX(){let n=(0,i._)(["\n  max-width: ",";\n  width: 100%;\n  padding: 96px 24px 72px;\n  min-height: 921px;\n  position: relative;\n  overflow: hidden;\n\n  .bg {\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n    z-index: 0;\n  }\n\n  h3 {\n    font-size: 64px;\n    line-height: 80px;\n    max-width: 680px;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n    background: radial-gradient(95.3% 122.04% at 50% 49.79%, #1c2024 0%, #99a1a8 100%);\n    color: transparent;\n    background-clip: text;\n  }\n\n  .content-box {\n    margin-top: 108px;\n    position: relative;\n    z-index: 1;\n    gap: 40px;\n\n    .item-box {\n      border-radius: 24px;\n      border: 1px solid #e8e8ec;\n      background: #fcfcfd;\n      box-shadow: 0px 5px 12.9px 0px rgba(216, 223, 236, 0.42);\n      min-height: 240px;\n      background-color: #fff;\n      gap: 24px;\n      padding: 32px 40px;\n      width: 274px;\n\n      .item-header {\n        .www-icon {\n          height: 48px;\n          width: 48px;\n        }\n        img {\n          height: 40px;\n        }\n      }\n      b {\n        text-transform: uppercase;\n        color: #77aa00;\n        font-weight: ",";\n        font-size: 28px;\n        line-height: 32px;\n      }\n\n      p {\n        font-size: 18px;\n        line-height: 24px;\n        color: #888;\n        font-weight: ",";\n      }\n    }\n  }\n  .handle-box {\n    margin-top: 71px;\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      background-image: url(",");\n      background-size: cover;\n      width: 1081px;\n      height: 376px;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    .get-btn {\n      height: 88px;\n      border: 1px solid #e8e8ec;\n      border-radius: 24px;\n      background-color: #bdee63;\n      width: 338px;\n      position: relative;\n\n      .button-inner {\n        gap: ",";\n\n        img {\n          height: ",";\n          width: ",";\n        }\n\n        span {\n          color: #1c2024;\n          font-size: ",";\n          line-height: ",";\n        }\n      }\n    }\n  }\n\n  "," {\n    .content-box {\n      flex-direction: column;\n      width: 100%;\n      .item-box {\n        width: 100%;\n        max-width: 80vw;\n      }\n    }\n  }\n\n  "," {\n    padding: "," "," ",";\n    min-height: unset;\n\n    h3 {\n      font-size: ",";\n      line-height: ",";\n      max-width: unset;\n      width: 100%;\n    }\n\n    .content-box {\n      flex-direction: column;\n      width: 100%;\n      margin-top: ",";\n      gap: ",";\n\n      .item-box {\n        width: 100%;\n        max-width: unset;\n        position: relative;\n        min-height: unset;\n        gap: ",";\n        padding: "," ",";\n        width: 100%;\n        border-radius: ",";\n\n        .item-header {\n          position: absolute;\n          width: 100%;\n          left: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          padding: 0 ",";\n\n          .www-icon {\n            visibility: hidden;\n          }\n          img {\n            height: ",";\n          }\n        }\n        b {\n          font-size: ",";\n          line-height: ",";\n        }\n        p {\n          font-size: ",";\n          line-height: ",";\n          max-width: ",";\n        }\n      }\n    }\n\n    .handle-box {\n      margin-top: ",";\n\n      .get-btn {\n        height: ",";\n        width: ",";\n        left: 0;\n      }\n    }\n  }\n"]);return nX=function(){return n},n}let nQ=(0,s.zo)(r.Layout.ColMiddle)(nX(),n=>n.theme.MaxWidth,n=>n.theme.DemiBold,n=>n.theme.Medium,x.a_.lifeButtonLine.src,(0,s.hO)(8),(0,s.hO)(48),(0,s.hO)(48),(0,s.hO)(24),(0,s.hO)(32),s.Uh.laptopL,s.Uh.mobile,(0,s.hO)(48),(0,s.hO)(32),(0,s.hO)(84),(0,s.hO)(32),(0,s.hO)(40),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(12),(0,s.hO)(24),(0,s.hO)(32),(0,s.hO)(24),(0,s.hO)(12),(0,s.hO)(48),(0,s.hO)(18),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(20),(0,s.hO)(200),(0,s.hO)(48),(0,s.hO)(88),(0,s.hO)(338)),nJ={Hero:()=>{let{t:n}=(0,l.$G)("cozy-card");return(0,a.jsx)(nl,{className:"cozy-hero-screen",$bgColor:"linear-gradient(to bottom, #1d272b 0%, #1c2024 100%)",children:(0,a.jsxs)(nc,{children:[(0,a.jsxs)(r.Layout.Col,{className:"content-box",children:[(0,a.jsxs)("h1",{children:[(0,a.jsx)("span",{children:"Cozy Card"}),", ",n("cozyCard.hero.title1")]}),(0,a.jsx)("p",{children:n("cozyCard.hero.desc")}),(0,a.jsxs)(_.xk,{onClick:()=>{s.P6.windowOpenCCPage("/paymentCard")},children:[(0,a.jsx)("span",{children:n("cozyCard.hero.button")}),(0,a.jsx)(r.Icon,{name:"arrowRightUp"})]})]}),(0,a.jsxs)("div",{className:"card-box",children:[(0,a.jsx)("div",{className:"first",children:(0,a.jsx)(r.CoverImage,{className:"img",src:x.a_.card1Font,alt:"",fill:!0})}),(0,a.jsx)("div",{className:"second",children:(0,a.jsx)(r.CoverImage,{className:"img",src:x.a_.card2,alt:"",fill:!0})}),(0,a.jsx)("div",{className:"third",children:(0,a.jsx)(r.CoverImage,{className:"img",src:x.a_.card3,alt:"",fill:!0})})]})]})})},Advantages:()=>{let{t:n}=(0,l.$G)("cozy-card");return(0,a.jsx)(nt.e,{$bgColor:"radial-gradient(49.06% 126.39% at 51.81% 49.93%, #ffffff 0%, #dee1e2 100%)",children:(0,a.jsx)(nh,{children:(0,a.jsxs)(r.Layout.ColMiddle,{className:"advantages-box",children:[(0,a.jsxs)("h2",{children:[(0,a.jsx)("p",{children:n("cozyCard.advantages.title1")})," ",n("cozyCard.advantages.title2")]}),(0,a.jsx)("p",{children:n("cozyCard.advantages.desc")}),(0,a.jsx)(r.CoverImage,{className:"img",src:x.a_.scene,alt:"",fill:!0})]})})})},Support:()=>{let{t:n}=(0,l.$G)("cozy-card"),e=s.PT.useIsFirstRender(),t=0,i=()=>{let n=document.getElementsByClassName("icon-item"),t=[],i=[];Array.from(n).forEach((n,e)=>{ng.includes(e)?t.push(n):nf.includes(e)&&i.push(n)}),o(t,i,e)},o=(n,e,t)=>{n.forEach(n=>{d(n,!t)}),e.forEach(n=>{d(n,!0)})},d=(n,e)=>{if(n.hasChildNodes())return;let i=document.createElement("img");i.src=nu[t%nu.length].src,t+=1,i.style.animation=h(e);let a=()=>{n.removeChild(i),d(n),i.removeEventListener("animationend",a)};i.addEventListener("animationend",a),n.appendChild(i)},h=n=>{let e=(3e3*Math.random()+2e3)/1e3,t=new np.Z(e).add(5).add(5).toFixed(2),i=new np.Z(e).add(5).toFixed(2);return"fade ".concat(t,"s linear ").concat(n?"".concat(i,"s"):""," forwards")};return(0,c.useEffect)(()=>{i()},[]),(0,a.jsx)(nb,{className:"cozy-support-screen",$bgColor:"linear-gradient(to bottom, #1d272b 0%, #1c2024 100%)",children:(0,a.jsx)(nw,{children:(0,a.jsxs)(r.Layout.RowBetween,{className:"container",children:[(0,a.jsxs)(r.Layout.Col,{className:"content-box",children:[(0,a.jsxs)(r.Layout.Col,{className:"title",children:[(0,a.jsx)("b",{children:"10K+"}),(0,a.jsx)("h3",{children:n("cozyCard.support.title")})]}),(0,a.jsx)("i",{}),(0,a.jsx)("p",{children:n("cozyCard.support.desc")})]}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"icons-box",children:[(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item hidden"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item hidden"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item hidden"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item"}),(0,a.jsx)("div",{className:"icon-item hidden"}),(0,a.jsx)("div",{className:"icon-item"})]})]})})})},Convenient:nC,Security:()=>{let{t:n}=(0,l.$G)("cozy-card"),e=[{title:n("cozyCard.security.item1.title"),subTitle:n("cozyCard.security.item1.subtitle"),icon:"newStar",desc:n("cozyCard.security.item1.desc"),img:x.a_.securityAuth},{title:n("cozyCard.security.item2.title"),icon:"newStar",desc:n("cozyCard.security.item2.desc"),img:x.a_.securityFreeze},{title:n("cozyCard.security.item3.title"),icon:"arrowRightUp",desc:n("cozyCard.security.item3.desc"),img:x.a_.securitySupport,onClick:()=>{if(s.P6.isWindow()){if(!f.account.isLogin){g().push("/login"+"?backurl=".concat(encodeURIComponent("".concat(location.href))));return}(0,s.aL)()}}}];return(0,a.jsx)(nD,{className:"cozy-security-screen",$bgColor:"linear-gradient(to bottom, #1d272b 0%, #1c2024 100%)",children:(0,a.jsxs)(nE,{children:[(0,a.jsxs)("h3",{children:[(0,a.jsx)("span",{children:n("cozyCard.security.title1")}),(0,a.jsx)("br",{}),(0,a.jsx)("span",{children:n("cozyCard.security.title2")})]}),(0,a.jsx)("p",{children:n("cozyCard.security.desc")}),(0,a.jsx)(r.Layout.RowMiddle,{className:"content-box",children:e.map((n,e)=>(0,a.jsxs)(r.Layout.Col,{className:"item-box",children:[(0,a.jsx)(r.CoverImage,{className:"img",src:n.img,alt:n.title,fill:!0}),(0,a.jsxs)(r.Layout.Col,{className:"item-content",children:[(0,a.jsxs)(r.Layout.RowBetween,{className:"item-header",children:[(0,a.jsxs)("b",{children:[n.title," ",n.subTitle&&(0,a.jsx)("span",{children:n.subTitle})]}),n.onClick?(0,a.jsx)(_.xk,{onClick:n.onClick,children:(0,a.jsx)(r.Icon,{name:n.icon})}):(0,a.jsx)(r.Icon,{name:n.icon})]}),(0,a.jsx)("p",{children:n.desc})]})]},e))})]})})},Global:()=>{let{t:n}=(0,l.$G)("cozy-card"),[e]=(0,nA.Z)({loop:!0},[(0,nP.Z)({playOnInit:!0,speed:1})]);return(0,a.jsx)(nt.e,{$bgColor:"#f9f9fc",children:(0,a.jsxs)(n$,{children:[(0,a.jsx)("h3",{children:n("cozyCard.global.title")}),(0,a.jsx)(r.Layout.RowMiddle,{className:"swipe-box",children:(0,a.jsx)("div",{className:"swipe-viewport",ref:e,children:(0,a.jsx)(r.Layout.RowMiddle,{className:"swipe-container",children:[1,2].map(n=>(0,a.jsx)("img",{src:x.a_.map.src,alt:"map"},n))})})})]})})},FAQ:()=>{let{t:n}=(0,l.$G)("cozy-card"),e=[{title:n("cozyCard.faq.item1.question"),content:n("cozyCard.faq.item1.answer")},{title:n("cozyCard.faq.item2.question"),content:n("cozyCard.faq.item2.answer")},{title:n("cozyCard.faq.item3.question"),content:"",renderContent:(0,a.jsxs)(nW,{children:[(0,a.jsx)("li",{children:n("cozyCard.faq.item3.answer1")}),(0,a.jsxs)("ul",{children:[(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"HKD Pro"})," - ",n("cozyCard.faq.item3.answer2")]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"USD Pro"})," - ",n("cozyCard.faq.item3.answer3")]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"USD Basic"})," - ",n("cozyCard.faq.item3.answer4")]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"USD Zero"})," - ",n("cozyCard.faq.item3.answer5")]})]})]})},{title:n("cozyCard.faq.item4.question"),content:n("cozyCard.faq.item4.answer")},{title:n("cozyCard.faq.item5.question"),content:n("cozyCard.faq.item5.answer")},{title:n("cozyCard.faq.item6.question"),content:n("cozyCard.faq.item6.answer")},{title:n("cozyCard.faq.item7.question"),content:n("cozyCard.faq.item7.answer")},{title:n("cozyCard.faq.item8.question"),content:n("cozyCard.faq.item8.answer")},{title:n("cozyCard.faq.item9.question"),content:n("cozyCard.faq.item9.answer")},{title:n("cozyCard.faq.item10.question"),content:"",renderContent:(0,a.jsxs)(nW,{children:[(0,a.jsx)("li",{children:n("cozyCard.faq.item10.answer1")}),(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:n("cozyCard.faq.item10.answer2")}),(0,a.jsx)("li",{children:n("cozyCard.faq.item10.answer3")}),(0,a.jsx)("li",{children:n("cozyCard.faq.item10.answer4")})]})]})},{title:n("cozyCard.faq.item11.question"),content:n("cozyCard.faq.item11.answer")},{title:n("cozyCard.faq.item12.question"),content:n("cozyCard.faq.item12.answer")},{title:n("cozyCard.faq.item13.question"),content:n("cozyCard.faq.item13.answer")}];return(0,a.jsx)(r.FAQ,{data:e,className:"faq",bgColor:"#fff"})},StartCryptoLife:()=>{let{t:n}=(0,l.$G)("cozy-card"),e=[{icon:"create",step:x.a_.lifeStep1.src,title:"create",desc:"Your Cwallet account in a few minutes."},{icon:"invoice",step:x.a_.lifeStep2.src,title:"verify",desc:"Your personal details & apply a Cozy Card."},{icon:"start",step:x.a_.lifeStep3.src,title:"start",desc:"Topping Up & Use Your Cozy Card."}];return(0,a.jsx)(nt.e,{children:(0,a.jsxs)(nQ,{children:[(0,a.jsx)("img",{className:"bg",src:x.a_.lifeLine.src,alt:"bg"}),(0,a.jsx)("h3",{children:n("cozyCard.life.title")}),(0,a.jsx)(r.Layout.RowMiddle,{className:"content-box",children:e.map((n,e)=>(0,a.jsxs)(r.Layout.Col,{className:"item-box",children:[(0,a.jsxs)(r.Layout.RowBetween,{className:"item-header",children:[(0,a.jsx)(r.Icon,{name:n.icon}),(0,a.jsx)("img",{src:n.step,alt:""})]}),(0,a.jsx)("b",{children:n.title}),(0,a.jsx)("p",{children:n.desc})]},e))}),(0,a.jsx)("div",{className:"handle-box",children:(0,a.jsxs)(_.xk,{className:"get-btn",onClick:()=>{s.P6.windowOpenCCPage("/paymentCard")},children:[(0,a.jsx)("img",{src:x.a_.coffee.src}),(0,a.jsx)("span",{children:n("cozyCard.life.button")})]})})]})})}};var nK=t(35274),nV=t(74406),nY=t(20288);function nH(){let n=(0,i._)(["\n  grid-gap: ",";\n\n  .header {\n    label {\n      font-size: ",";\n      line-height: ",";\n      font-weight: ",";\n    }\n  }\n\n  .aml-content {\n  }\n"]);return nH=function(){return n},n}function n0(){let n=(0,i._)(["\n  width: min(100vw, 562px);\n  margin: "," auto;\n  border-radius: ",";\n  box-shadow: 0px 4px 9px 0px #0000000a;\n  overflow: hidden;\n  background-color: #fcfcfd;\n\n  &.loading {\n    min-height: 80vh;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  > .header {\n    background-color: #13202b;\n    padding: ",";\n    color: #fff;\n    grid-gap: ",";\n\n    > h2 {\n      color: #cdf160;\n      font-size: ",";\n      line-height: ",";\n    }\n\n    > p {\n      font-size: ",";\n      line-height: ",";\n    }\n\n    .order-id {\n      grid-gap: ",";\n\n      b {\n        font-size: ",";\n        line-height: ",";\n        font-weight: ",";\n      }\n      > div {\n        grid-gap: ",";\n        flex-wrap: wrap;\n        span {\n          color: #cdf160;\n        }\n      }\n    }\n  }\n\n  .content-box {\n    padding: ",";\n    grid-gap: ",";\n\n    .textarea-input .input-control {\n      background-color: #f0f0f3;\n    }\n\n    .submit-btn {\n      background-color: #cdf160;\n      height: ",";\n\n      &:disabled {\n        background-color: #f0f0f3;\n      }\n    }\n  }\n\n  "," {\n    margin: 0 auto;\n    border-radius: 0;\n  }\n"]);return n0=function(){return n},n}var n1=()=>{let{t:n}=(0,l.$G)("tools"),[e,t]=(0,c.useState)(!0),{control:i,handleSubmit:d,formState:{errors:h},setValue:p}=(0,K.cI)(),[m,x]=(0,c.useState)([]),[u,f]=(0,c.useState)([]),w=e=>{switch(e){case 1:return n("tools.aml.question1");case 2:return n("tools.aml.question2");case 3:return n("tools.aml.question3");case 4:return n("tools.aml.question4");case 5:return n("tools.aml.question5");case 6:return n("tools.aml.question6");case 7:return n("tools.aml.question7");case 8:return n("tools.aml.question8");case 9:return n("tools.aml.question9");case 10:return n("tools.aml.question10");case 11:return n("tools.aml.question11");case 12:return n("tools.aml.question12");default:return""}};(0,c.useEffect)(()=>{e||u&&0!==u.length||((0,r.Notify)(n("tools.aml.order.found")),g().replace("/"))},[u]);let y=async e=>{try{let n=[];return e.forEach(async e=>{let{file:t}=e;n.push(async()=>{let n=await o.nA.uploadPictureApi([{name:t.name,content_type:t.type,size:t.size,watermark:"CWallet"}]),e=null==n?void 0:n[0];return await s.P6.uploadFileToS3(t,e.upload_url,e.headers),e.visit_url})}),await Promise.all(n.map(n=>n()))}catch(e){throw Error(n("tools.upload.notify2"))}},j=d(async n=>{let{purpose:e,identity:t,relationship:i,supportFile:a,usedFor:s,from:l,totalAmount:c,annualIncome:d,fromFile:h,workNature:p,companyName:x,addAmountType:f}=n;try{let n=await y([{uuid:"",file:a}]),b=await y(h);await o.nA.uploadAMLFromApi({bill_ids:u.map(n=>n.bill_id),bill_risk_context_list:{question_and_answer_list:[{question:m[0].question,answer_type:m[0].type,answer:[e]},{question:m[1].question,answer_type:m[1].type,answer:[t]},{question:m[2].question,answer_type:m[2].type,answer:[i]},{question:m[3].question,answer_type:m[3].type,answer:n},{question:m[4].question,answer_type:m[4].type,answer:[s]},{question:m[5].question,answer_type:m[5].type,answer:[l]},{question:m[6].question,answer_type:m[6].type,answer:[c]},{question:m[7].question,answer_type:m[7].type,answer:[d]},{question:m[8].question,answer_type:m[8].type,answer:b},{question:m[9].question,answer_type:m[9].type,answer:[p]},{question:m[10].question,answer_type:m[10].type,answer:[x]},{question:m[11].question,answer_type:m[11].type,answer:[f]}]}}),(0,r.Notify)("Submitted successfully"),window.isWebview?["https://my.cwallet.com","https://api.cozywallet.app","https://cwallet.com"].forEach(n=>{var e,t,i,a,o,r;null===(e=(null===(t=window)||void 0===t?void 0:t.opener)||(null===(i=window)||void 0===i?void 0:i.top))||void 0===e||e.postMessage(JSON.stringify({id:3}),n),(null===(a=window)||void 0===a?void 0:a.ReactNativeWebView)&&(null===(r=window)||void 0===r||null===(o=r.ReactNativeWebView)||void 0===o||o.postMessage(JSON.stringify({id:3}),n))}):g().replace("/")}catch(n){(0,r.Notify)(n)}}),O=async()=>{try{let n=await o.nA.getAMLFromOptionsApi();if(!(0,nV.Z)(n))return[];return n}catch(n){return[]}},v=async()=>{try{let{bill_risk_context_list:n}=await o.nA.getAMLContextApi();if(!(0,nV.Z)(n))return[];return n}catch(n){return[]}},N=async()=>{try{let t=await O(),r=await v(),u=t.map((n,e)=>({...n,index:e+1,newQuestion:w(e+1)})),g=r.filter(n=>[b.AO.SUBMITTING,b.AO.REJECTED].includes(n.status)),y=g.find(n=>n.question_and_answer);if(y&&y.question_and_answer)for(let[t,r]of y.question_and_answer.entries()){var n,e,i,a,o,l,c,d,h,m;switch(t){case 0:p("purpose",null!==(n=r.answer[0])&&void 0!==n?n:"");break;case 1:p("identity",null!==(e=r.answer[0])&&void 0!==e?e:"");break;case 2:p("relationship",null!==(i=r.answer[0])&&void 0!==i?i:"");break;case 3:let x=await s.P6.urlToFile(r.answer[0]);x&&p("supportFile",x);break;case 4:p("usedFor",null!==(a=r.answer[0])&&void 0!==a?a:"");break;case 5:p("from",null!==(o=r.answer[0])&&void 0!==o?o:"");break;case 6:p("totalAmount",null!==(l=r.answer[0])&&void 0!==l?l:"");break;case 7:p("annualIncome",null!==(c=r.answer[0])&&void 0!==c?c:"");break;case 8:let u=r.answer.map(n=>s.P6.urlToFile(n)),g=await Promise.all(u),f=[];g.forEach(n=>{n&&f.push(n)}),p("fromFile",f.map(n=>({uuid:s.P6.getUuid(),file:n})));break;case 9:p("workNature",null!==(d=r.answer[0])&&void 0!==d?d:"");case 10:p("companyName",null!==(h=r.answer[0])&&void 0!==h?h:"");case 11:p("addAmountType",null!==(m=r.answer[0])&&void 0!==m?m:"")}}x(u),f(g)}catch(n){(0,r.Notify)(n)}finally{t(!1)}};(0,c.useEffect)(()=>{N()},[]);let z=e=>{switch(e.index){case 1:return(0,a.jsx)(K.Qr,{control:i,name:"purpose",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.purpose})}});case 2:return(0,a.jsx)(K.Qr,{control:i,name:"identity",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.identity})}});case 3:return(0,a.jsx)(K.Qr,{control:i,name:"relationship",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.relationship})}});case 4:return(0,a.jsx)(K.Qr,{control:i,name:"supportFile",rules:{required:!0},render:e=>{let{field:t}=e;return(0,a.jsx)(nY.Z,{...t,error:!!h.supportFile,tip:n("tools.aml.mp4.tip"),guide:'https://www.youtube.com/watch?v=uY3V0hGL7pw"'})}});case 5:return(0,a.jsx)(K.Qr,{control:i,name:"usedFor",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.usedFor})}});case 6:return(0,a.jsx)(K.Qr,{control:i,name:"from",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.from})}});case 7:return(0,a.jsx)(K.Qr,{control:i,name:"totalAmount",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.totalAmount})}});case 8:return(0,a.jsx)(K.Qr,{control:i,name:"annualIncome",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.annualIncome})}});case 9:return(0,a.jsx)(K.Qr,{control:i,name:"fromFile",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(nK.Z,{...e,isError:!!h.fromFile})}});case 10:return(0,a.jsx)(K.Qr,{control:i,name:"workNature",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.workNature})}});case 11:return(0,a.jsx)(K.Qr,{control:i,name:"companyName",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.companyName})}});case 12:return(0,a.jsx)(K.Qr,{control:i,name:"addAmountType",rules:{required:!0},render:n=>{let{field:e}=n;return(0,a.jsx)(_.gx,{...e,placeholder:"Enter here",maxLength:300,isError:!!h.addAmountType})}});default:return null}};return e?(0,a.jsx)(n6,{className:"loading",children:(0,a.jsx)(r.Loading,{})}):(0,a.jsxs)(n6,{children:[(0,a.jsxs)(r.Layout.Col,{className:"header",children:[(0,a.jsx)("h2",{children:n("tools.aml.title")}),(0,a.jsx)("p",{children:n("tools.aml.desc")}),(0,a.jsxs)(r.Layout.Col,{className:"order-id",children:[(0,a.jsx)("b",{children:n("tools.aml.order.id")}),(0,a.jsx)(r.Layout.Row,{children:u.map(n=>(0,a.jsx)("span",{children:n.bill_id}))})]})]}),(0,a.jsxs)(r.Layout.Col,{className:"content-box",children:[m.map(n=>(0,a.jsx)(n2,{index:n.index,label:"".concat(n.index,": ").concat(n.newQuestion),children:z(n)},n.index)),(0,a.jsx)(_.xk,{className:"submit-btn",onClick:j,children:n("tools.aml.key.submit")})]})]})};let n2=n=>{let{label:e,children:t}=n;return(0,a.jsxs)(n4,{children:[(0,a.jsx)(r.Layout.RowMiddle,{className:"header",children:(0,a.jsx)("label",{children:e})}),(0,a.jsx)("div",{className:"aml-content",children:t})]})},n4=(0,s.zo)(r.Layout.Col)(nH(),(0,s.hO)(8),(0,s.hO)(14),(0,s.hO)(20),n=>n.theme.Medium),n6=s.zo.div(n0(),(0,s.hO)(32),(0,s.hO)(16),(0,s.hO)(32),(0,s.hO)(16),(0,s.hO)(28),(0,s.hO)(36),(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(8),(0,s.hO)(14),(0,s.hO)(20),n=>n.theme.Medium,(0,s.hO)(8),(0,s.hO)(32),(0,s.hO)(24),(0,s.hO)(48),s.Uh.mobile);function n3(){let n=(0,i._)(["\n  position: relative;\n  overflow: hidden;\n\n  &::after,\n  &::before {\n    content: '';\n    height: 291px;\n    width: 641px;\n    position: absolute;\n    background-image: url(",");\n    background-size: cover;\n    z-index: 0;\n    top: 0;\n  }\n  &::before {\n    left: 0;\n  }\n\n  &::after {\n    right: 0;\n    transform: rotate(-180deg);\n  }\n\n  "," {\n    &::before {\n      top: ",";\n      left: 0;\n    }\n\n    &::after {\n      right: 0;\n      top: ",";\n      transform: rotate(-180deg);\n    }\n  }\n"]);return n3=function(){return n},n}function n5(){let n=(0,i._)(["\n  max-width: ",";\n  width: 100%;\n  min-height: 292px;\n  justify-content: center;\n  padding: "," ",";\n\n  .content-box {\n    position: relative;\n    z-index: 1;\n\n    .item-box {\n      gap: ",";\n      width: ",";\n\n      b {\n        color: #1c2024;\n        font-size: ",";\n        line-height: ",";\n        font-weight: ",";\n      }\n      span {\n        color: #959595;\n        font-size: ",";\n        line-height: ",";\n        text-align: center;\n      }\n      img {\n        height: ",";\n      }\n    }\n\n    i {\n      display: inline-block;\n      background-color: #dddde3;\n      height: ",";\n      width: ",";\n      margin: 0 ",";\n\n      &:last-of-type {\n        display: none;\n      }\n    }\n  }\n\n  "," {\n    .content-box {\n      flex-direction: column;\n\n      i {\n        width: ",";\n        height: ",";\n        margin: "," 0;\n      }\n    }\n  }\n\n  "," {\n    padding: "," ",";\n\n    .content-box {\n      .item-box {\n        gap: unset;\n        b {\n          font-size: ",";\n          line-height: ",";\n        }\n        span {\n          margin-top: ",";\n          font-size: ",";\n          line-height: ",";\n        }\n\n        img {\n          margin-top: ",";\n          height: ",";\n        }\n      }\n    }\n  }\n"]);return n5=function(){return n},n}t(46864);let n8=(0,s.zo)(nt.e)(n3(),x.q5.advantagesBg.src,s.Uh.laptop,(0,s.hO)(40),(0,s.hO)(272)),n9=(0,s.zo)(r.Layout.ColMiddle)(n5(),n=>n.theme.MaxWidth,(0,s.hO)(70),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(285),(0,s.hO)(48),(0,s.hO)(64),n=>n.theme.DemiBold,(0,s.hO)(24),(0,s.hO)(26),(0,s.hO)(32),(0,s.hO)(88),(0,s.hO)(2),(0,s.hO)(56),s.Uh.laptop,(0,s.hO)(88),(0,s.hO)(2),(0,s.hO)(32),s.Uh.mobile,(0,s.hO)(64),(0,s.hO)(24),(0,s.hO)(32),(0,s.hO)(40),(0,s.hO)(8),(0,s.hO)(20),(0,s.hO)(26),(0,s.hO)(16),(0,s.hO)(24));function n7(){let n=(0,i._)(["\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    background-image: url(",");\n    background-size: cover;\n    height: 100%;\n    width: 100%;\n    z-index: 0;\n  }\n"]);return n7=function(){return n},n}function en(){let n=(0,i._)(["\n  max-width: ",";\n  width: 100%;\n  gap: ",";\n  padding: "," ",";\n\n  .content-box {\n    gap: ",";\n    max-width: 654px;\n    position: relative;\n    z-index: 1;\n\n    h3 {\n      color: #fcfcfd;\n      font-size: ",";\n      line-height: ",";\n      text-align: center;\n    }\n    .support-info {\n      gap: ",";\n      .www-icon {\n        height: ",";\n        width: ",";\n      }\n      span {\n        color: #d4ff70;\n        font-size: ",";\n        line-height: 2;\n        font-weight: ",";\n      }\n    }\n  }\n\n  img {\n    width: 100%;\n    position: relative;\n    z-index: 1;\n  }\n  "," {\n    .content-box {\n      h3 {\n        font-size: ",";\n        line-height: ",";\n      }\n      .support-info {\n        gap: ",";\n        .www-icon {\n          height: ",";\n          width: ",";\n        }\n        span {\n          color: #d4ff70;\n          font-size: ",";\n          line-height: 2;\n          font-weight: ",";\n        }\n      }\n    }\n  }\n\n  "," {\n    padding: "," ",";\n    .content-box {\n      h3 {\n        font-size: ",";\n        line-height: ",";\n      }\n      .support-info {\n        .www-icon {\n          height: ",";\n          width: ",";\n        }\n        span {\n          font-size: ",";\n        }\n      }\n    }\n  }\n"]);return en=function(){return n},n}let ee=(0,s.zo)(nt.e)(n7(),x.q5.maskBg.src),et=(0,s.zo)(r.Layout.ColMiddle)(en(),n=>n.theme.MaxWidth,(0,s.hO)(64),(0,s.hO)(96),(0,s.hO)(140),(0,s.hO)(12),(0,s.hO)(48),(0,s.hO)(56),(0,s.hO)(4),(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(24),n=>n.theme.DemiBold,s.Uh.laptop,(0,s.hO)(38),(0,s.hO)(48),(0,s.hO)(4),(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(20),n=>n.theme.DemiBold,s.Uh.mobile,(0,s.hO)(64),(0,s.hO)(14),(0,s.hO)(28),(0,s.hO)(40),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(16));function ei(){let n=(0,i._)(["\n  max-width: ",";\n  padding: "," ",";\n  position: relative;\n  min-height: 752px;\n  width: 100%;\n\n  &::before {\n    content: '';\n    position: absolute;\n    background-image: url(",");\n    background-size: cover;\n    height: 100%;\n    width: 100%;\n    z-index: 0;\n    left: 0;\n    top: 0;\n  }\n\n  .content-box {\n    gap: ",";\n    height: 100%;\n    position: relative;\n    z-index: 1;\n    justify-content: center;\n\n    > .info-box {\n      width: ",";\n      padding-top: ",";\n      gap: ",";\n      height: 100%;\n      min-height: ",";\n\n      .text-box {\n        gap: ",";\n        h3 {\n          background: radial-gradient(95.3% 122.04% at 50% 49.79%, #1c2024 0%, #99a1a8 100%);\n          background-clip: text;\n          color: transparent;\n          font-size: ",";\n          line-height: ",";\n          font-weight: ",";\n        }\n        p {\n          color: #7e808a;\n          font-size: ",";\n          line-height: ",";\n        }\n      }\n\n      .handle-box {\n        width: 100%;\n        gap: ",";\n        .intro {\n          gap: ",";\n          span {\n            color: #7e808a;\n            font-size: ",";\n            line-height: 1;\n          }\n          .www-icon {\n            height: ",";\n            width: ",";\n          }\n        }\n\n        .btn-content {\n          gap: ",";\n          width: 100%;\n          height: ",";\n          border-radius: 999px;\n          padding: "," "," "," ",";\n          border: 1px solid #b9bbc6;\n          width: fit-content;\n\n          img {\n            height: ",";\n            width: ",";\n          }\n          > .info-box {\n            gap: ",";\n            width: 100%;\n\n            b {\n              font-size: ",";\n              line-height: 1;\n              color: #1c2024;\n              text-align: left;\n            }\n            span {\n              text-align: left;\n              color: #77aa00;\n              font-size: ",";\n              line-height: ",";\n              font-weight: ",";\n            }\n          }\n        }\n      }\n    }\n\n    .card-box {\n      display: grid;\n      gap: ",";\n      grid-template-columns: repeat(2, ",");\n      grid-template-rows: repeat(2, ",");\n      .card-item {\n        border-radius: ",";\n        border: 1px solid #e8e8ec;\n        background: #fff;\n        box-shadow: 0px 4px 12px 0px rgba(216, 223, 236, 0.3);\n        padding: "," ",";\n        justify-content: space-between;\n        position: relative;\n\n        &:first-of-type {\n          transform: rotate(-4deg);\n\n          span {\n            color: #77aa00;\n          }\n        }\n\n        .card-item-intro {\n          position: absolute;\n          top: -32px;\n          left: 0;\n          display: none;\n\n          span {\n            color: #1c2024;\n            font-size: ",";\n            line-height: 1;\n          }\n          .www-icon {\n            height: ",";\n            width: ",";\n            margin-left: ",";\n            path {\n              fill: #1c2024;\n            }\n          }\n        }\n\n        img {\n          height: ",";\n          width: ",";\n        }\n        b {\n          font-size: ",";\n          line-height: ",";\n          font-weight: ",";\n        }\n        span {\n          font-size: ",";\n          line-height: ",";\n          color: #7e808a;\n        }\n      }\n    }\n  }\n\n  "," {\n    padding: "," ",";\n    min-height: unset;\n\n    .content-box {\n      flex-direction: column;\n\n      > .info-box {\n        width: unset;\n        padding-top: 0;\n        min-height: unset;\n        .text-box {\n          h3 {\n            text-align: center;\n          }\n          p {\n            text-align: center;\n          }\n        }\n\n        .handle-box {\n          display: none;\n        }\n      }\n\n      .card-box {\n        .card-item:first-of-type {\n          .card-item-intro {\n            display: block;\n          }\n        }\n      }\n    }\n  }\n\n  "," {\n    padding: "," ",";\n\n    .content-box {\n      > .info-box {\n        .text-box {\n          h3 {\n            font-size: ",";\n            line-height: ",";\n          }\n          p {\n            font-size: ",";\n            line-height: ",";\n          }\n        }\n\n        .handle-box {\n          display: none;\n        }\n      }\n\n      .card-box {\n        gap: ",";\n        grid-template-columns: repeat(2, ",");\n        grid-template-rows: repeat(2, ",");\n        .card-item {\n          border-radius: ",";\n          padding: "," ",";\n\n          &:first-of-type {\n            .card-item-intro {\n              span {\n                font-size: ",";\n              }\n              .www-icon {\n                height: ",";\n                width: ",";\n                margin-left: ",";\n              }\n            }\n          }\n\n          img {\n            height: ",";\n            width: ",";\n          }\n          b {\n            font-size: ",";\n            line-height: ",";\n          }\n          span {\n            font-size: ",";\n            line-height: ",";\n          }\n        }\n      }\n    }\n  }\n"]);return ei=function(){return n},n}let ea=(0,s.zo)(r.Layout.Col)(ei(),n=>n.theme.MaxWidth,(0,s.hO)(120),(0,s.hO)(24),x.q5.convenientBg.src,(0,s.hO)(76),(0,s.hO)(428),(0,s.hO)(24),(0,s.hO)(12),(0,s.hO)(512),(0,s.hO)(24),(0,s.hO)(48),(0,s.hO)(64),n=>n.theme.DemiBold,(0,s.hO)(16),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(10),(0,s.hO)(24),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(8),(0,s.hO)(106),(0,s.hO)(8),(0,s.hO)(32),(0,s.hO)(8),(0,s.hO)(16),(0,s.hO)(88),(0,s.hO)(88),(0,s.hO)(8),(0,s.hO)(24),(0,s.hO)(18),(0,s.hO)(24),n=>n.theme.DemiBold,(0,s.hO)(32),(0,s.hO)(272),(0,s.hO)(240),(0,s.hO)(24),(0,s.hO)(32),(0,s.hO)(40),(0,s.hO)(18),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(8),(0,s.hO)(64),(0,s.hO)(64),(0,s.hO)(28),(0,s.hO)(32),n=>n.theme.Medium,(0,s.hO)(18),(0,s.hO)(24),s.Uh.laptop,(0,s.hO)(120),(0,s.hO)(56),s.Uh.mobile,(0,s.hO)(64),(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(40),(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(20),(0,s.hO)(170),(0,s.hO)(150),(0,s.hO)(15),(0,s.hO)(20),(0,s.hO)(24),(0,s.hO)(14),(0,s.hO)(10),(0,s.hO)(10),(0,s.hO)(4),(0,s.hO)(40),(0,s.hO)(40),(0,s.hO)(18),(0,s.hO)(24),(0,s.hO)(12),(0,s.hO)(16));function eo(){let n=(0,i._)(["\n  padding: "," ",";\n  border: 1px solid #e8e8ec;\n  background-color: #fcfcfd;\n  border-radius: ",";\n  box-shadow: 0px 5px 12.9px 0px rgba(216, 223, 236, 0.42);\n  height: 400px;\n  width: 357px;\n  gap: ",";\n  flex-shrink: 0;\n  margin-left: ",";\n\n  .header {\n    gap: ",";\n    .avatar {\n      height: ",";\n      width: ",";\n      border-radius: 50%;\n      overflow: hidden;\n      border: 2px solid #7e808a;\n    }\n    .user-info {\n      gap: ",";\n      > span {\n        color: #141414;\n        font-size: ",";\n        line-height: ",";\n        font-weight: ",";\n      }\n\n      .level-box {\n        gap: ",";\n\n        .star-box {\n          gap: ",";\n          .www-icon {\n            height: ",";\n            width: ",";\n          }\n        }\n\n        span {\n          color: #527d00;\n          font-size: ",";\n          line-height: ",";\n          font-weight: ",";\n        }\n      }\n    }\n  }\n\n  > p {\n    color: #7e808a;\n    font-size: ",";\n    line-height: ",";\n    font-weight: ",";\n    min-height: ",";\n  }\n\n  > span {\n    color: #9ca3af;\n    font-size: ",";\n    line-height: ",";\n  }\n\n  "," {\n    height: ",";\n    width: ",";\n    padding: "," ",";\n    margin-left: ",";\n    gap: ",";\n\n    .header {\n      .avatar {\n        height: ",";\n        width: ",";\n      }\n\n      .user-info {\n        gap: ",";\n        > span {\n          font-size: ",";\n          line-height: ",";\n        }\n\n        .level-box {\n          gap: ",";\n\n          .star-box {\n            gap: ",";\n            .www-icon {\n              height: ",";\n              width: ",";\n            }\n          }\n\n          span {\n            font-size: ",";\n            line-height: 1;\n          }\n        }\n      }\n    }\n\n    > p {\n      font-size: ",";\n      line-height: ",";\n      min-height: ",";\n    }\n    > span {\n      font-size: ",";\n      line-height: ",";\n    }\n  }\n"]);return eo=function(){return n},n}function er(){let n=(0,i._)(["\n  position: relative;\n  overflow: hidden;\n\n  &::after,\n  &::before {\n    content: '';\n    height: 345px;\n    width: 736px;\n    position: absolute;\n    background-size: cover;\n    z-index: 0;\n  }\n  &::before {\n    background-image: url(",");\n    left: 0;\n    top: -130px;\n  }\n\n  &::after {\n    background-image: url(",");\n    right: -10px;\n    top: -80px;\n  }\n\n  "," {\n    &::before {\n      top: -30px;\n    }\n    &::after {\n      display: none;\n    }\n  }\n"]);return er=function(){return n},n}function es(){let n=(0,i._)(["\n  max-width: ",";\n  width: 100%;\n  padding: "," 0 ",";\n  position: relative;\n  z-index: 1;\n\n  h3 {\n    background: radial-gradient(95.3% 122.04% at 50% 49.79%, #1c2024 0%, #99a1a8 100%);\n    background-clip: text;\n    color: transparent;\n    font-size: ",";\n    line-height: 1;\n    font-weight: ",";\n    text-align: center;\n  }\n\n  .swipe-box {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    margin-top: ",";\n    .swipe-viewport {\n      height: 440px;\n      overflow-x: hidden;\n      overflow: auto;\n      pointer-events: none;\n      scrollbar-width: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n\n      .swipe-container {\n        touch-action: pan-y pinch-zoom;\n      }\n    }\n  }\n\n  "," {\n    h3 {\n      font-size: ",";\n      line-height: ",";\n      padding: 0 ",";\n    }\n\n    .swipe-box {\n      margin-top: ",";\n    }\n  }\n\n  "," {\n    padding: "," 0;\n\n    h3 {\n      font-size: ",";\n      line-height: ",";\n      max-width: ",";\n      padding: unset;\n    }\n\n    .swipe-box {\n      .swipe-viewport {\n        height: ",";\n      }\n    }\n  }\n"]);return es=function(){return n},n}let el=n=>{let{data:e}=n;return(0,a.jsxs)(ec,{children:[(0,a.jsxs)(r.Layout.RowMiddle,{className:"header",children:[(0,a.jsx)("img",{className:"avatar",src:e.avatar,alt:e.nickname}),(0,a.jsxs)(r.Layout.Col,{className:"user-info",children:[(0,a.jsx)("span",{children:e.nickname}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"level-box",children:[(0,a.jsxs)(r.Layout.RowMiddle,{className:"star-box",children:[(0,a.jsx)(r.Icon,{name:"pentagram"}),(0,a.jsx)(r.Icon,{name:"pentagram"}),(0,a.jsx)(r.Icon,{name:"pentagram"}),(0,a.jsx)(r.Icon,{name:"pentagram"}),(0,a.jsx)(r.Icon,{name:"pentagram"})]}),(0,a.jsx)("span",{children:e.level.toFixed(1)})]})]})]}),(0,a.jsx)("p",{children:e.content}),(0,a.jsx)("span",{children:e.date})]})},ec=(0,s.zo)(r.Layout.Col)(eo(),(0,s.hO)(32),(0,s.hO)(40),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(56),(0,s.hO)(56),(0,s.hO)(8),(0,s.hO)(20),(0,s.hO)(26),n=>n.theme.Medium,(0,s.hO)(8),(0,s.hO)(4),(0,s.hO)(16),(0,s.hO)(16),(0,s.hO)(14),(0,s.hO)(16),n=>n.theme.DemiBold,(0,s.hO)(18),(0,s.hO)(28),n=>n.theme.Medium,(0,s.hO)(208),(0,s.hO)(15),(0,s.hO)(24),s.Uh.mobile,(0,s.hO)(300),(0,s.hO)(268),(0,s.hO)(24),(0,s.hO)(32),(0,s.hO)(16),(0,s.hO)(18),(0,s.hO)(40),(0,s.hO)(40),(0,s.hO)(6),(0,s.hO)(16),(0,s.hO)(20),(0,s.hO)(6),(0,s.hO)(3),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(16),(0,s.hO)(158),(0,s.hO)(12),(0,s.hO)(16)),ed=(0,s.zo)(nt.e)(er(),x.q5.advantagesBg.src,x.q5.aboutBg.src,s.Uh.laptop),eh=(0,s.zo)(r.Layout.ColMiddle)(es(),n=>n.theme.MaxWidth,(0,s.hO)(120),(0,s.hO)(80),(0,s.hO)(64),n=>n.theme.DemiBold,(0,s.hO)(48),s.Uh.laptop,(0,s.hO)(56),(0,s.hO)(64),(0,s.hO)(56),(0,s.hO)(32),s.Uh.mobile,(0,s.hO)(64),(0,s.hO)(32),(0,s.hO)(40),(0,s.hO)(240),(0,s.hO)(320));function ep(){let n=(0,i._)(["\n  overflow: hidden;\n  position: relative;\n\n  &.buy-coming-screen::before {\n    content: '';\n    background: url(",");\n    height: 100%;\n    width: 100%;\n    z-index: 0;\n    background-size: cover;\n    position: absolute;\n    background-position: center bottom;\n    left: 0;\n    top: 0;\n  }\n"]);return ep=function(){return n},n}function em(){let n=(0,i._)(["\n  max-width: ",";\n  padding: 96px 24px;\n  min-height: 502px;\n  position: relative;\n\n  .content-box {\n    width: 100%;\n    gap: 24px;\n    max-width: 640px;\n    position: relative;\n    z-index: 2;\n\n    h3 {\n      background: linear-gradient(90deg, #83dd9f 0%, #c4f9d6 49.99%, #9fe7dc 100%);\n      background-clip: text;\n      color: transparent;\n      font-size: 64px;\n      line-height: 1;\n      text-align: center;\n    }\n\n    p {\n      color: #929292;\n      font-size: 24px;\n      line-height: 32px;\n      text-align: center;\n    }\n  }\n\n  "," {\n    min-height: ",";\n\n    .content-box {\n      h3 {\n        font-size: ",";\n        line-height: 1;\n      }\n      p {\n        font-size: ",";\n        line-height: ",";\n      }\n    }\n  }\n  "," {\n    padding: "," ",";\n\n    .content-box {\n      h3 {\n        font-size: ",";\n        line-height: ",";\n      }\n      p {\n        font-size: ",";\n        line-height: ",";\n      }\n    }\n  }\n"]);return em=function(){return n},n}let ex=(0,s.zo)(nt.e)(ep(),x.q5.comingBanner.src),eu=(0,s.zo)(r.Layout.Col)(em(),n=>n.theme.MaxWidth,s.Uh.laptop,(0,s.hO)(445),(0,s.hO)(48),(0,s.hO)(21),(0,s.hO)(26),s.Uh.mobile,(0,s.hO)(64),(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(40),(0,s.hO)(18),(0,s.hO)(24));var eg=t(88116),ef=t(30719);function eb(){let n=(0,i._)(["\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    background-image: url(",");\n    background-size: cover;\n    height: 100%;\n    width: 100%;\n  }\n"]);return eb=function(){return n},n}function ew(){let n=(0,i._)(["\n  max-width: ",";\n  padding: "," "," "," ",";\n  min-height: 674px;\n  width: 100%;\n\n  .main {\n    width: 100%;\n    position: relative;\n    z-index: 1;\n    gap: ",";\n\n    .content-box {\n      max-width: 488px;\n      width: 100%;\n      padding: "," 0;\n      height: 100%;\n      min-height: 482px;\n      justify-content: space-between;\n\n      .header-box {\n        gap: ",";\n        .title {\n          gap: ",";\n          h3 {\n            font-size: ",";\n            line-height: ",";\n\n            &:first-of-type {\n              color: #d4ff70;\n            }\n\n            &:last-of-type {\n              color: #fcfcfd;\n            }\n          }\n        }\n\n        .step-box {\n          height: ",";\n          border-radius: ",";\n          border: 1px dashed rgba(126, 128, 138, 0.5);\n\n          width: ",";\n          padding: ",";\n          gap: ",";\n\n          .step-item {\n            background-color: #fcfcfd;\n            border-radius: 50%;\n            height: ",";\n            width: ",";\n            color: #1c2024;\n            font-size: ",";\n            font-weight: ",";\n          }\n\n          .www-icon {\n            height: ",";\n            width: ",";\n          }\n        }\n      }\n\n      .intro-box {\n        gap: ",";\n        p {\n          color: #dddde3;\n          font-size: ",";\n          line-height: ",";\n        }\n        i {\n          width: ",";\n          height: ",";\n          background-color: #d9d9d9;\n          display: inline-block;\n        }\n      }\n    }\n\n    .my-swiper {\n      max-width: 654px;\n      width: 100%;\n      margin: unset;\n\n      .swiper-slide {\n        width: 390px;\n        height: 482px;\n        position: relative;\n        overflow: hidden;\n        border-radius: 40px;\n\n        &::before {\n          content: '';\n          position: absolute;\n          left: 0;\n          top: 0;\n          height: 100%;\n          width: 100%;\n          background-color: rgba(0, 0, 0, 0.5);\n        }\n\n        &.swiper-slide-active {\n          &::before {\n            content: unset;\n          }\n        }\n\n        img {\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  "," {\n    padding: "," "," "," ",";\n\n    .main {\n      flex-direction: column;\n      gap: ",";\n\n      .content-box {\n        align-items: center;\n        max-width: unset;\n        min-height: unset;\n        padding: 0;\n\n        .header-box {\n          width: 100%;\n          align-items: center;\n\n          .title {\n            align-items: center;\n          }\n        }\n\n        .intro-box {\n          margin-top: ",";\n          align-items: center;\n          p {\n            text-align: center;\n          }\n        }\n      }\n    }\n  }\n\n  "," {\n    padding: "," ",";\n    min-height: unset;\n\n    .main {\n      gap: ",";\n\n      .content-box {\n        .header-box {\n          gap: ",";\n\n          .title {\n            h3 {\n              font-size: ",";\n              line-height: ",";\n            }\n          }\n\n          .step-box {\n            height: ",";\n            border-radius: ",";\n            width: ",";\n            padding: ",";\n            gap: ",";\n\n            .step-item {\n              height: ",";\n              width: ",";\n              font-size: ",";\n            }\n\n            .www-icon {\n              height: ",";\n              width: ",";\n            }\n          }\n        }\n      }\n\n      .my-swiper {\n        width: 100%;\n        margin: unset;\n\n        .swiper-slide {\n          width: ",";\n          height: ",";\n          border-radius: ",";\n\n          &.swiper-slide-active {\n            &::before {\n              content: unset;\n            }\n          }\n\n          img {\n            width: 100%;\n          }\n        }\n      }\n    }\n  }\n"]);return ew=function(){return n},n}eg.ZP.use([eg.pt]);var ey=(0,Y.Pi)(()=>{let{t:n}=(0,l.$G)("buysell-crypto");return(0,a.jsx)(ej,{$bgColor:"#0D141D",children:(0,a.jsx)(eO,{children:(0,a.jsxs)(r.Layout.RowBetween,{className:"main",children:[(0,a.jsxs)(r.Layout.Col,{className:"content-box",children:[(0,a.jsxs)(r.Layout.Col,{className:"header-box",children:[(0,a.jsxs)(r.Layout.Col,{className:"title",children:[(0,a.jsx)("h3",{children:n("buysell.features.title")}),(0,a.jsx)("h3",{children:n("buysell.features.subtitle")})]}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"step-box",children:[(0,a.jsx)(r.Layout.Center,{className:"step-item",children:"1"}),(0,a.jsx)(r.Icon,{name:"arrowRight"}),(0,a.jsx)(r.Layout.Center,{className:"step-item",children:"2"}),(0,a.jsx)(r.Icon,{name:"arrowRight"}),(0,a.jsx)(r.Layout.Center,{className:"step-item",children:"3"})]})]}),(0,a.jsxs)(r.Layout.Col,{className:"intro-box",children:[(0,a.jsx)("p",{children:n("buysell.features.desc")}),(0,a.jsx)("i",{})]})]}),(0,a.jsxs)(ef.tq,{className:"my-swiper",autoplay:{delay:2e3},effect:"coverflow",grabCursor:!0,centeredSlides:!0,loopedSlides:1,loopAdditionalSlides:1,slidesPerView:"auto",coverflowEffect:{rotate:0,stretch:f.B.isTablet?(0,s.uk)(100):200,depth:210,modifier:1,slideShadows:!0},loop:!0,modules:[eg.lI],children:[(0,a.jsx)(ef.o5,{children:(0,a.jsx)("img",{src:x.q5.features1.src,alt:""})}),(0,a.jsx)(ef.o5,{children:(0,a.jsx)("img",{src:x.q5.features2.src,alt:""})}),(0,a.jsx)(ef.o5,{children:(0,a.jsx)("img",{src:x.q5.features3.src,alt:""})})]})]})})})});let ej=(0,s.zo)(nt.e)(eb(),x.q5.maskBg.src),eO=(0,s.zo)(r.Layout.Col)(ew(),n=>n.theme.MaxWidth,(0,s.hO)(96),(0,s.hO)(54),(0,s.hO)(96),(0,s.hO)(140),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(48),(0,s.hO)(64),(0,s.hO)(86),(0,s.hO)(43),(0,s.hO)(302),(0,s.hO)(16),(0,s.hO)(16),(0,s.hO)(44),(0,s.hO)(44),(0,s.hO)(20),n=>n.theme.Medium,(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(12),(0,s.hO)(16),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(4),s.Uh.laptopL,(0,s.hO)(96),(0,s.hO)(54),(0,s.hO)(96),(0,s.hO)(54),(0,s.hO)(64),(0,s.hO)(20),s.Uh.tablet,(0,s.hO)(64),(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(20),(0,s.hO)(32),(0,s.hO)(40),(0,s.hO)(64),(0,s.hO)(32),(0,s.hO)(242),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(14),(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(195),(0,s.hO)(242),(0,s.hO)(20));var ev=t(60032);function eN(){let n=(0,i._)(["\n  position: relative;\n  width: auto;\n\n  .select-btn {\n    height: ",";\n    width: auto;\n    color: #fff;\n    .button-inner {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      .coin-box {\n        .token-img {\n          height: ",";\n          width: ",";\n        }\n        > span {\n          font-size: ",";\n          line-height: ",";\n          margin-left: ",";\n          font-weight: ",";\n          white-space: nowrap;\n        }\n      }\n      .arrow-icon {\n        height: ",";\n        width: ",";\n        flex-shrink: 0;\n        margin-left: ",";\n        fill: #fff;\n      }\n    }\n  }\n"]);return eN=function(){return n},n}function ez(){let n=(0,i._)(["\n  position: absolute;\n  right: 0;\n  top: ",";\n  background-color: #fff;\n  border-radius: ",";\n  width: 100%;\n  min-width: ",";\n  z-index: 999;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  .filter-box {\n    padding: "," "," "," ",";\n    .input {\n      width: 100%;\n      margin: 0;\n      .input-control {\n        padding: 0 ",";\n        height: ",";\n        border-radius: ",";\n        box-shadow: none;\n        background-color: #f9f9f9;\n        .icon {\n          width: ",";\n          height: ",";\n        }\n        input {\n          font-size: ",";\n          margin-left: ",";\n        }\n      }\n    }\n  }\n  .flat-box {\n    height: ",";\n  }\n  "," {\n    box-shadow: 0px 8px 10px 0px #00000014;\n  }\n"]);return ez=function(){return n},n}function ek(){let n=(0,i._)(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 ",";\n  height: ",";\n  cursor: pointer;\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &.active,\n  &:active {\n    background: rgba(0, 0, 0, 0.08);\n  }\n  .logo-icon {\n    height: ",";\n    width: ",";\n    border-radius: 50%;\n  }\n  .info-box {\n    margin-left: ",";\n    b {\n      font-size: ",";\n      line-height: ",";\n      font-weight: ",";\n    }\n    span {\n      color: #8d8d8d;\n      font-size: ",";\n      line-height: ",";\n    }\n  }\n"]);return ek=function(){return n},n}var eC=(0,c.memo)(function(n){let{token:e,disabled:t,allowTokens:i=[],isBalance:o,onTokenChange:l,renderButton:d,emptyComponent:h,renderItem:p,className:m="",placeholder:x}=n,[u,g]=c.useState(!1),[f,b]=(0,c.useState)(""),w=s.PT.useOnClickOutside(()=>{g(!1)}),y=n=>(0,a.jsx)(e_,{data:n,isBalance:o,onClick:n=>{l&&l(n),g(!1)},renderItem:p}),j=(0,c.useMemo)(()=>{try{if(!(0,nV.Z)(i))return[];let n=f.trim().toLocaleUpperCase();return i.filter(e=>-1!==e.symbol.toLocaleUpperCase().search(n)||-1!==e.name.toLocaleUpperCase().search(n))}catch(n){return[]}},[i,f]);(0,c.useEffect)(()=>{u||b("")},[u]);let O=(0,ev.Yz)(u,{config:s.P6.springConfigs.fast,from:{opacity:0},enter:{opacity:1},leave:{opacity:0}})((n,e)=>{let{opacity:t}=n;return e&&(0,a.jsxs)(eq,{style:{opacity:t},className:"drop-down",children:[(0,a.jsx)(r.Layout.RowMiddle,{className:"filter-box",children:(0,a.jsx)(r.Input,{before:(0,a.jsx)(r.Icon,{name:"search"}),value:f,onChange:b,placeholder:"Search"})}),0===j.length&&h&&h(),(0,a.jsx)(r.FlatList,{className:"flat-box",data:j,renderItem:y,getItemSize:()=>(0,s.uk)(48)})]})});return(0,a.jsxs)(eL,{ref:w,className:"select-token ".concat(m),children:[(0,a.jsx)(r.Button,{className:"select-btn",disabled:t,onClick:()=>{g(n=>!n)},children:(0,a.jsxs)("div",{className:"button-inner",children:[!e&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.Layout.RowMiddle,{className:"coin-box",children:(0,a.jsx)("span",{className:"placeholder",children:x})}),(0,a.jsx)(r.Icon,{name:"arrow",className:"arrow-icon"})]}),e&&(d?d(e):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r.Layout.RowMiddle,{className:"coin-box",children:[(0,a.jsx)("img",{className:"token-img",src:e.icon,alt:null==e?void 0:e.symbol,height:24,width:24}),(0,a.jsx)("span",{className:"symbol",children:(null==e?void 0:e.symbol)||"--"})]}),(0,a.jsx)(r.Icon,{name:"arrow",className:"arrow-icon"})]}))]})}),O]})});function e_(n){let{data:e,onClick:t,renderItem:i}=n;return(0,a.jsx)(eM,{onClick:()=>t&&t(e),children:i?i(e):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("img",{className:"logo-icon",src:e.icon,alt:e.symbol,height:24,width:24}),(0,a.jsxs)(r.Layout.Col,{className:"info-box",children:[(0,a.jsx)("b",{children:e.symbol}),e.name&&(0,a.jsx)("span",{children:e.name})]})]})})}let eL=s.zo.div(eN(),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(14),(0,s.hO)(20),(0,s.hO)(8),n=>n.theme.Semi,(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(8)),eq=(0,s.zo)(ev.q.div)(ez(),(0,s.hO)(40),(0,s.hO)(8),(0,s.hO)(200),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(4),(0,s.hO)(12),(0,s.hO)(8),(0,s.hO)(32),(0,s.hO)(8),(0,s.hO)(16),(0,s.hO)(16),(0,s.hO)(12),(0,s.hO)(8),(0,s.hO)(192),s.Uh.mobile),eM=s.zo.div(ek(),(0,s.hO)(16),(0,s.hO)(48),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(8),(0,s.hO)(12),(0,s.hO)(16),n=>n.theme.Semi,(0,s.hO)(10),(0,s.hO)(16)),eB={Advantages:()=>{let{t:n}=(0,l.$G)("buysell-crypto"),e=[{amount:"50+",desc:n("buysell.advantages.text1"),icon:x.q5.advantagesMethod.src},{amount:"100+",desc:n("buysell.advantages.text2"),icon:x.q5.advantagesFiat.src},{amount:"500+",desc:n("buysell.advantages.text3"),icon:x.q5.advantagesOptions.src}];return(0,a.jsx)(n8,{children:(0,a.jsx)(n9,{children:(0,a.jsx)(r.Layout.RowMiddle,{className:"content-box",children:e.map((n,e)=>(0,a.jsxs)(c.Fragment,{children:[(0,a.jsxs)(r.Layout.ColMiddle,{className:"item-box",children:[(0,a.jsx)("b",{children:n.amount}),(0,a.jsx)("span",{children:n.desc}),(0,a.jsx)("img",{src:n.icon,alt:n.desc})]}),(0,a.jsx)("i",{})]},e))})})})},Support:()=>{let{t:n}=(0,l.$G)("buysell-crypto");return(0,a.jsx)(ee,{$bgColor:"#0D141D",children:(0,a.jsxs)(et,{children:[(0,a.jsxs)(r.Layout.ColMiddle,{className:"content-box",children:[(0,a.jsx)("h3",{children:n("buysell.support.title")}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"support-info",children:[(0,a.jsx)(r.Icon,{name:"location"}),(0,a.jsx)("span",{children:n("buysell.support.desc",["150+"])})]})]}),(0,a.jsx)("img",{src:x.q5.supportMap.src,alt:""})]})})},Convenient:()=>{let{t:n}=(0,l.$G)("buysell-crypto"),e=[{img:x.q5.convenientLogo1.src,title:"OVO",content:"1 U ~ 16906 IDR"},{img:x.q5.convenientLogo2.src,title:"QRIS",content:"1 USDT ~ 16840 IDR"},{img:x.q5.convenientLogo3.src,title:"DANA",content:"1 USDT ~ 16899 IDR"},{img:x.q5.convenientLogo4.src,title:"Indonesian Bank Transfer",content:"1 USDT ~ 15481 IDR"}];return(0,a.jsx)(nt.e,{$bgColor:"linear-gradient(180deg, #FFF 28.57%, #EEF5FB 100%)",children:(0,a.jsx)(ea,{children:(0,a.jsxs)(r.Layout.RowMiddle,{className:"content-box",children:[(0,a.jsxs)(r.Layout.ColBetween,{className:"info-box",children:[(0,a.jsxs)(r.Layout.Col,{className:"text-box",children:[(0,a.jsx)("h3",{children:n("buysell.convenient.title")}),(0,a.jsx)("p",{children:n("buysell.convenient.desc")})]}),(0,a.jsxs)(r.Layout.Col,{className:"handle-box",children:[(0,a.jsxs)(r.Layout.RowMiddle,{className:"intro",children:[(0,a.jsx)("span",{children:n("buysell.support.best.price")}),(0,a.jsx)(r.Icon,{name:"arrowRightDown"})]}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"btn-content",children:[(0,a.jsx)("img",{src:x.q5.convenientLogo1.src,alt:""}),(0,a.jsxs)(r.Layout.Col,{className:"info-box",children:[(0,a.jsx)("b",{children:"OVO"}),(0,a.jsx)("span",{children:"1 USDT ~ 16906 IDR"})]})]})]})]}),(0,a.jsx)("div",{className:"card-box",children:e.map((e,t)=>(0,a.jsxs)(r.Layout.Col,{className:"card-item",children:[(0,a.jsxs)(r.Layout.RowMiddle,{className:"card-item-intro",children:[(0,a.jsx)("span",{children:n("buysell.support.best.price")}),(0,a.jsx)(r.Icon,{name:"arrowRightDown"})]}),(0,a.jsx)("img",{src:e.img,alt:e.title}),(0,a.jsx)("b",{children:e.title}),(0,a.jsx)("span",{children:e.content})]},t))})]})})})},About:()=>{let{t:n}=(0,l.$G)("buysell-crypto"),[e]=(0,nA.Z)({loop:!0},[(0,nP.Z)({playOnInit:!0,speed:1})]),t=[{nickname:"Ethan Carter",date:"​​2:36 PM, Mar 12, 2025",content:"The Buy & Sell feature is super intuitive! I can breeze through transactions in just a few taps, making my trading experience a total joy. It’s so user-friendly that anyone can dive right in without confusion!",avatar:x.q5.about1.src,level:5},{nickname:"Nathaniel",date:"​​8:15 AM, Jul 5, 2024",content:"I’m genuinely impressed by how quickly I can buy or sell crypto on this platform. Time is money, and Cwallet respects that—I never have to wait around. It’s perfect for my fast-paced lifestyle!",avatar:x.q5.about2.src,level:5},{nickname:"​​Sebastian Cole​​​​",date:"​​​4:49 PM, Oct 18, 2023",content:"The rates here are absolutely fantastic! I always feel like I’m getting the best bang for my buck when I use the Buy & Sell feature. It's a huge advantage that boosts my trading profits!",avatar:x.q5.about3.src,level:5},{nickname:"Oliver Grayson​​",date:"​​11:23 AM, Jan 30, 2022​​",content:"Security is my top priority when trading, and I feel totally safe using this feature. The robust security measures in place give me peace of mind during every transaction I make—excellent reassurance!",avatar:x.q5.about4.src,level:5},{nickname:"​Lucas",date:"​​6:07 PM, May 22, 2022​​",content:"The variety of payment options available is truly a game-changer! Buying and selling crypto is so much easier with all these choices. It adds a level of convenience that I really appreciate!",avatar:x.q5.about5.src,level:5},{nickname:"Amelia",date:"​9:52 AM, Aug 14, 2023",content:"I really enjoy the vibrant community around the Buy & Sell feature. Sharing tips and learning from others makes it even more fun! It’s great to connect with fellow traders who share insights.",avatar:x.q5.about6.src,level:5},{nickname:"Charlotte Hayes​​",date:"​​3:41 PM, Nov 7, 2022​​",content:"I love seeing regular updates come through! The team clearly listens to feedback and is committed to continually improving the platform. It’s exciting to watch it grow and evolve!",avatar:x.q5.about7.src,level:5},{nickname:"Sophia Reynolds​​",date:"​7:18 AM, Feb 28, 2023​​",content:"Having tried multiple platforms, I can confidently say this one stands out. The Buy & Sell feature truly enhances my trading experience in ways I didn’t expect. Highly recommend it to others!",avatar:x.q5.about8.src,level:5},{nickname:"Isabella Dawson​​",date:"​​12:55 PM, Jun 10, 2024",content:"Whenever I have a question, the support team is impressively quick to respond. Their assistance makes my experience even better, ensuring I never feel lost or unsupported during my trades.",avatar:x.q5.about9.src,level:5},{nickname:"​Olivia Sinclair​",date:"​​5:30 PM, Sep 25, 2023",content:"I love how many cryptocurrencies are available on this platform! It’s so easy to find exactly what I’m looking for without any hassle. This variety makes my trading experience enjoyable and fulfilling!",avatar:x.q5.about10.src,level:5}];return(0,a.jsx)(ed,{$bgColor:"linear-gradient(180deg, #ffffff 28.57%, #eef5fb 100%)",children:(0,a.jsxs)(eh,{children:[(0,a.jsx)("h3",{children:n("buysell.about.title")}),(0,a.jsx)(r.Layout.RowMiddle,{className:"swipe-box",children:(0,a.jsx)("div",{className:"swipe-viewport",ref:e,children:(0,a.jsx)(r.Layout.RowMiddle,{className:"swipe-container",children:t.map((n,e)=>(0,a.jsx)(el,{data:n},e))})})})]})})},Coming:()=>{let{t:n}=(0,l.$G)("buysell-crypto");return(0,a.jsx)(ex,{className:"buy-coming-screen",children:(0,a.jsx)(eu,{children:(0,a.jsxs)(r.Layout.ColMiddle,{className:"content-box",children:[(0,a.jsx)("h3",{children:n("buysell.coming.title")}),(0,a.jsx)("p",{children:n("buysell.coming.desc")})]})})})},Features:ey,SelectToken:eC,FAQ:()=>{let{t:n}=(0,l.$G)("buysell-crypto"),e=[{title:n("buysell.faq.item1.question"),content:n("buysell.faq.item1.answer")},{title:n("buysell.faq.item2.question"),content:n("buysell.faq.item2.answer")},{title:n("buysell.faq.item3.question"),content:n("buysell.faq.item3.answer")},{title:n("buysell.faq.item4.question"),content:n("buysell.faq.item4.answer")},{title:n("buysell.faq.item5.question"),content:n("buysell.faq.item5.answer")},{title:n("buysell.faq.item6.question"),content:n("buysell.faq.item6.answer")}];return(0,a.jsx)(r.FAQ,{data:e,className:"faq",bgColor:"#fff"})}};var eR=t(39332);function eT(){let n=(0,i._)(["\n  height: 80vh;\n  min-height: 500px;\n  background-color: #fff;\n  padding: 54px 24px;\n\n  .main {\n    gap: 72px;\n\n    .error-img {\n      height: 256px;\n      width: 256px;\n    }\n\n    .main-box {\n      gap: 28px;\n      max-width: 512px;\n\n      .content-box {\n        gap: 20px;\n\n        .title {\n          color: #1c2024;\n        }\n        .desc {\n          color: #7e808a;\n        }\n        .error-text {\n          color: #7e808a;\n        }\n      }\n\n      .handler-box {\n        gap: 12px;\n\n        .button {\n          border: 1px solid #dddde3;\n          border-radius: 999px;\n          height: 46px;\n          padding: 0 24px;\n          width: auto;\n\n          .text {\n            color: #1c2024;\n          }\n\n          &.go-home-btn {\n            min-width: 140px;\n          }\n\n          &.refresh-btn {\n            min-width: 105px;\n          }\n        }\n      }\n    }\n  }\n\n  "," {\n    padding: "," "," ",";\n    min-height: 100vh;\n\n    .main {\n      gap: ",";\n      flex-direction: column;\n\n      .main-box {\n        gap: ",";\n\n        .content-box {\n          gap: ",";\n\n          .error-text {\n            margin-top: ",";\n          }\n        }\n\n        .handler-box {\n          gap: ",";\n\n          .button {\n            flex: 1;\n            height: ",";\n          }\n        }\n      }\n    }\n  }\n"]);return eT=function(){return n},n}var eI=n=>{let{status:e}=n,t=(0,eR.useRouter)(),i=(0,c.useMemo)(()=>"404"===e?{title:"Page Not Found",desc:"The page you are trying to access does not exist. This may be due to an incorrect URL, a broken link, or the page having been permanently removed.",errorMsg:"Error code: 404"}:{title:"Something went wrong",desc:"We encountered a temporary issue loading the page. Rest assured, your funds are perfectly safe. Please refresh the page or try again later.",errorMsg:""},[e]);return(0,a.jsx)(eS,{children:(0,a.jsxs)(r.Layout.RowMiddle,{className:"main",children:[(0,a.jsx)(r.CoverImage,{src:x.Xx.errorImg,alt:"",fill:!0,className:"error-img"}),(0,a.jsxs)(r.Layout.Col,{className:"main-box",children:[(0,a.jsxs)(r.Layout.Col,{className:"content-box",children:[(0,a.jsx)(r.Typography.SemiboldM,{className:"title",children:i.title}),(0,a.jsx)(r.Typography.RegularL,{className:"desc",children:i.desc}),(0,a.jsx)(r.Typography.RegularL,{className:"error-text",children:i.errorMsg})]}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"handler-box",children:[(0,a.jsx)(_.xk,{className:"go-home-btn",onClick:()=>{t.replace("/")},children:(0,a.jsx)(r.Typography.BoldS,{className:"text",children:"Go to home"})}),"500"===e&&(0,a.jsx)(_.xk,{className:"refresh-btn",onClick:t.refresh,children:(0,a.jsx)(r.Typography.BoldS,{className:"text",children:"Refresh"})})]})]})]})})};let eS=(0,s.zo)(r.Layout.Center)(eT(),s.Uh.mobile,(0,s.hO)(40),(0,s.hO)(16),(0,s.hO)(64),(0,s.hO)(32),(0,s.hO)(28),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(46));var eU=t(25675),eF=t.n(eU),eD=t(68949);function eE(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{autoRedirect:e=!1}=n;return c.useEffect(()=>{if(!e)return;let n=!1;f.account.isInited&&f.account.isLogin&&!n&&(n=!0,window.location.href="https://".concat(s.OB.appDomain,"/referral"));let t=(0,eD.U5)(()=>[f.account.isInited,f.account.isLogin],e=>{let[t,i]=e;!n&&t&&i&&(n=!0,window.location.href="https://".concat(s.OB.appDomain,"/referral"))});return()=>{t()}},[e]),{goLogin:c.useCallback(()=>{if(f.account.isLogin){window.location.href="https://".concat(s.OB.appDomain,"/referral");return}let n=new URLSearchParams(window.location.search),e=null;for(let[t,i]of n)if("utm"===t.toLowerCase()){e=i;break}let t="https://".concat(s.OB.appDomain,"/referral"),i=e?"".concat(t,"?UTM=").concat(encodeURIComponent(e)):t;g().push("/login"+"?backurl=".concat(encodeURIComponent(i)))},[])}}function eA(){let n=(0,i._)(["\n  width: min(100%, ",");\n  overflow: hidden;\n  position: relative;\n\n  .bg {\n    position: absolute;\n    height: 580px;\n    width: 1440px;\n    z-index: 0;\n    background-position: center;\n    left: 50%;\n    bottom: 0;\n    transform: translateX(-50%);\n  }\n\n  .main {\n    min-height: 580px;\n    justify-content: center;\n    gap: ",";\n    padding: "," ",";\n    position: relative;\n    z-index: 1;\n\n    .content {\n      gap: ",";\n      max-width: 498px;\n      width: 100%;\n\n      h1 {\n        font-family: ",";\n        font-weight: 800;\n        font-size: ",";\n        line-height: ",";\n        color: ",";\n\n        .high {\n          color: ",";\n        }\n      }\n\n      .desc {\n        color: ",";\n      }\n    }\n\n    .refer-box {\n      max-width: 602px;\n      width: 100%;\n      padding: ",";\n      background-color: #161719;\n      border: 1px solid ",";\n      border-radius: ",";\n      gap: ",";\n\n      .refer-content {\n        gap: ",";\n\n        .refer-img {\n          height: 180px;\n          width: 180px;\n        }\n\n        .refer-intro {\n          color: ",";\n        }\n      }\n      .login-btn {\n        width: 100%;\n        background-color: #1f2917;\n        border-radius: ",";\n        height: ",";\n\n        .text {\n          color: ",";\n        }\n\n        &:hover {\n          background-color: ",";\n\n          .text {\n            color: ",";\n          }\n        }\n      }\n    }\n  }\n\n  "," {\n    .main {\n      flex-wrap: wrap;\n      .content {\n        h1,\n        .desc {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  "," {\n    .main {\n      .content {\n        h1,\n        h1 > .high {\n          font-size: ",";\n          line-height: ",";\n        }\n      }\n\n      .refer-box {\n        .refer-content {\n          justify-content: center;\n          flex-wrap: wrap;\n\n          .refer-intro {\n            font-size: ",";\n            line-height: ",";\n            text-align: center;\n          }\n        }\n      }\n    }\n  }\n"]);return eA=function(){return n},n}let eP=s.f0.style.fontFamily,eG=s.zo.div(eA(),n=>n.theme.MaxWidth,(0,s.hO)(60),(0,s.hO)(40),(0,s.hO)(16),(0,s.hO)(16),eP,(0,s.hO)(32),(0,s.hO)(36),n=>n.theme.Content.cont_inverted,n=>n.theme.Content.cont_glare,n=>n.theme.Content.cont_disabled,(0,s.hO)(24),n=>n.theme.Glass.lit_gleam,(0,s.hO)(12),(0,s.hO)(24),(0,s.hO)(24),n=>n.theme.Content.cont_inverted,(0,s.hO)(8),(0,s.hO)(46),n=>n.theme.Content.cont_glare,n=>n.theme.Content.cont_glare,n=>n.theme.Content.cont_main_p,s.Uh.laptop,s.Uh.mobile,(0,s.hO)(28),(0,s.hO)(32),(0,s.hO)(16),(0,s.hO)(20));function e$(){let n=(0,i._)(["\n  width: min(100%, ",");\n  overflow: hidden;\n  position: relative;\n\n  .item {\n    padding: 56px 140px;\n    gap: 12px;\n    width: 100%;\n\n    .content {\n      gap: ",";\n      width: 454px;\n\n      .title {\n        color: ",";\n      }\n      .desc {\n        color: ",";\n      }\n    }\n\n    .cover-img {\n      width: 640px;\n      height: 440px;\n      img {\n        object-fit: cover;\n      }\n    }\n  }\n\n  "," {\n    .item {\n      padding: 56px 40px;\n    }\n  }\n\n  "," {\n    .item {\n      padding: "," ",";\n      gap: ",";\n\n      &:nth-of-type(1) {\n        flex-direction: column;\n      }\n      &:nth-of-type(2) {\n        flex-direction: column-reverse;\n      }\n\n      .content {\n        width: 100%;\n        \n        .title,\n        .desc {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  "," {\n    .item {\n      .content {\n        .title {\n          font-size: ",";\n          line-height: ",";\n        }\n      }\n\n      .cover-img {\n        width: ",";\n        height: ",";\n      }\n    }\n  }\n"]);return e$=function(){return n},n}let eZ=s.zo.div(e$(),n=>n.theme.MaxWidth,(0,s.hO)(16),n=>n.theme.Content.cont_inverted,n=>n.theme.Content.cont_limbo,s.Uh.laptopL,s.Uh.laptop,(0,s.hO)(56),(0,s.hO)(16),(0,s.hO)(60),s.Uh.mobile,(0,s.hO)(24),(0,s.hO)(28),(0,s.hO)(396),(0,s.hO)(272));function eW(){let n=(0,i._)(["\n  gap: ",";\n  width: min(100%, ",");\n  overflow: hidden;\n  position: relative;\n  min-height: 540px;\n  justify-content: center;\n  h2 {\n    font-family: ",";\n    font-weight: 800;\n    font-size: ",";\n    line-height: ",";\n    color: ",";\n    text-align: center;\n  }\n\n  .content {\n    gap: ",";\n    width: 100%;\n    justify-content: center;\n    align-items: stretch;\n\n    .item {\n      text-align: center;\n      max-width: 373px;\n      width: 100%;\n      min-height: 284px;\n      padding: "," "," ",";\n      position: relative;\n      background-color: ",";\n      border-radius: ",";\n      border: 1px solid ",";\n      gap: ",";\n      position: relative;\n      /* cursor: pointer; */\n\n      &:hover {\n        background-color: ",";\n\n        .title {\n          color: ",";\n        }\n      }\n\n      .index {\n        position: absolute;\n        left: ",";\n        top: ",";\n        color: ",";\n      }\n\n      .step-img {\n        height: ",";\n        width: ",";\n      }\n\n      .title {\n        color: ",";\n      }\n      .desc {\n        color: ",";\n      }\n    }\n  }\n\n  "," {\n    padding: "," ",";\n    h2 {\n      font-size: ",";\n      line-height: ",";\n    }\n    .content {\n      flex-direction: column;\n      width: 100%;\n\n      .item {\n        flex: none;\n        background-color: unset;\n        border: none;\n\n        &:hover {\n          background-color: unset;\n\n          .title {\n            color: ",";\n          }\n        }\n      }\n    }\n  }\n\n  "," {\n    .content {\n      max-width: unset;\n      width: 100%;\n    }\n  }\n"]);return eW=function(){return n},n}let eX=s.f0.style.fontFamily,eQ=(0,s.zo)(r.Layout.ColMiddle)(eW(),(0,s.hO)(60),n=>n.theme.MaxWidth,eX,(0,s.hO)(32),(0,s.hO)(36),n=>n.theme.Content.cont_inverted,(0,s.hO)(20),(0,s.hO)(16),(0,s.hO)(28),(0,s.hO)(24),n=>n.theme.Glass.lit_spark,(0,s.hO)(12),n=>n.theme.Glass.lit_gleam,(0,s.hO)(10),n=>n.theme.Glass.lit_gleam,n=>n.theme.Content.cont_glare,(0,s.hO)(24),(0,s.hO)(24),n=>n.theme.Content.cont_glare,(0,s.hO)(180),(0,s.hO)(180),n=>n.theme.Content.cont_inverted,n=>n.theme.Content.cont_sub,s.Uh.laptop,(0,s.hO)(80),(0,s.hO)(16),(0,s.hO)(24),(0,s.hO)(28),n=>n.theme.Content.cont_inverted,s.Uh.mobile);var eJ=t(99260),eK=t(76662);function eV(){let n=(0,i._)([""]);return eV=function(){return n},n}function eY(){let n=(0,i._)(["\n  gap: ",";\n"]);return eY=function(){return n},n}function eH(){let n=(0,i._)(["\n  width: 100%;\n  max-width: ",";\n  padding: "," 0;\n  margin: 0 auto;\n  background: transparent;\n  .inner {\n    width: 100%;\n    gap: ",";\n  }\n  "," {\n    padding: ",";\n  }\n"]);return eH=function(){return n},n}function e0(){let n=(0,i._)(["\n  width: 100%;\n  border-radius: ",";\n  background: var(--glass-lit-spark-p, rgba(255, 255, 255, 0.04));\n  border: "," solid var(--glass-lit-gleam, rgba(255, 255, 255, 0.1));\n  overflow: hidden;\n  .header {\n    padding: "," ",";\n    cursor: pointer;\n    .question {\n      color: var(--Content-cont-inverted, #fcfcfd);\n      "," {\n        ","\n      }\n    }\n    .arrow {\n      width: ",";\n      height: ",";\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.08);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ease-in-out;\n      transform: rotate(-90deg);\n\n      &.open {\n        transform: rotate(0deg);\n      }\n      .icon {\n        width: ",";\n        height: ",";\n        fill: #787f85;\n      }\n      &:hover {\n        background: #000;\n        .icon {\n          fill: #edeef0;\n        }\n      }\n\n      "," {\n        background: transparent;\n        border: none;\n        border-radius: 0;\n        width: ",";\n        height: ",";\n        &:hover {\n          background: transparent;\n        }\n      }\n    }\n  }\n  .faq-content {\n    height: 0;\n    transition: height 0.25s ease-in-out;\n    padding: 0 ",";\n    .body {\n      color: #787f85;\n    }\n    a.body {\n      text-decoration: underline;\n      &:hover {\n        color: #9aa2aa;\n      }\n    }\n    .sub {\n      color: #9aa2aa;\n      font-size: ",";\n    }\n    .label600 {\n      font-weight: 600;\n      color: #9aa2aa;\n    }\n    ul {\n      margin-left: ",";\n      padding-left: ",";\n      display: grid;\n      grid-gap: ",";\n      list-style: disc;\n      color: #787f85;\n      li::marker {\n        color: #787f85;\n      }\n    }\n    > div {\n      padding: "," 0 ",";\n    }\n  }\n  "," {\n    .faq-content {\n      .body {\n        ","\n      }\n      .sub {\n        ","\n      }\n    }\n  }\n"]);return e0=function(){return n},n}let e1=s.zo.ul(eV()),e2=(0,s.zo)(r.Layout.Col)(eY(),(0,s.hO)(8)),e4=n=>[{question:n("user.referral.faq.q1.title"),answer:(0,a.jsxs)(e2,{children:[(0,a.jsx)(r.Typography.SemiboldM,{className:"sub",children:n("user.referral.faq.q1.sub1")}),(0,a.jsxs)(e2,{children:[(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q1.p1")}),(0,a.jsx)(e1,{children:(0,a.jsx)("li",{children:(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q1.b1")})})}),(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q1.p2")}),(0,a.jsxs)(r.Typography.RegularXL,{className:"body",children:[(0,a.jsx)("span",{className:"label600",children:n("user.referral.faq.q1.noteLabel")}),n("user.referral.faq.q1.noteText")]})]}),(0,a.jsx)(r.Typography.SemiboldM,{className:"sub",children:n("user.referral.faq.q1.sub2")}),(0,a.jsxs)(e2,{children:[(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q1.p3")}),(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q1.p4")}),(0,a.jsx)(r.Typography.RegularXL,{children:(0,a.jsx)("a",{href:"https://docs.cwallet.com/referral/what-percentage-will-the-inviter-get-from-referrals-trades",target:"_blank",rel:"noreferrer",className:"body",children:n("user.referral.faq.q1.link.trades")})})]}),(0,a.jsx)(r.Typography.SemiboldM,{className:"sub",children:n("user.referral.faq.q1.sub3")}),(0,a.jsxs)(e2,{children:[(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q1.p5")}),(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q1.p6")}),(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q1.p7")}),(0,a.jsx)(r.Typography.RegularXL,{children:(0,a.jsx)("a",{href:"https://docs.cwallet.com/referral/what-percentage-will-the-inviter-get-from-referrals-swaps-and-cozy-card-top-ups",target:"_blank",rel:"noreferrer",className:"body",children:n("user.referral.faq.q1.link.swap")})})]})]})},{question:n("user.referral.faq.q2.title"),answer:(0,a.jsxs)(e2,{children:[(0,a.jsx)(r.Typography.SemiboldM,{className:"sub",children:n("user.referral.faq.q2.sub1")}),(0,a.jsxs)(e1,{children:[(0,a.jsx)("li",{children:(0,a.jsxs)(r.Typography.RegularXL,{className:"body",children:[(0,a.jsx)("span",{className:"label600",children:n("user.referral.faq.q2.b1.label")}),n("user.referral.faq.q2.b1.desc")]})}),(0,a.jsx)("li",{children:(0,a.jsxs)(r.Typography.RegularXL,{className:"body",children:[(0,a.jsx)("span",{className:"label600",children:n("user.referral.faq.q2.b2.label")}),n("user.referral.faq.q2.b2.desc")]})})]}),(0,a.jsx)(r.Typography.SemiboldM,{className:"sub",children:n("user.referral.faq.q2.sub2")}),(0,a.jsx)(e1,{children:(0,a.jsx)("li",{children:(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q2.b3")})})}),(0,a.jsx)(r.Typography.SemiboldM,{className:"sub",children:n("user.referral.faq.q2.sub3")}),(0,a.jsx)(e1,{children:(0,a.jsx)("li",{children:(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q2.b4")})})}),(0,a.jsxs)(r.Typography.RegularXL,{className:"body",children:[(0,a.jsx)("span",{className:"label600",children:n("user.referral.faq.q2.noteLabel")}),n("user.referral.faq.q2.noteText")]})]})},{question:n("user.referral.faq.q3.title"),answer:(0,a.jsxs)(e2,{children:[(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:n("user.referral.faq.q3.p1")}),(0,a.jsxs)(e1,{children:[(0,a.jsx)("li",{children:(0,a.jsxs)(r.Typography.RegularXL,{className:"body",children:[(0,eJ.i18nInterpolation)(n("user.referral.faq.q3.p2"),[(0,a.jsx)("span",{className:"label600",children:n("user.referral.faq.q3.p2.voucher1")},"v1"),(0,a.jsx)("span",{className:"label600",children:n("user.referral.faq.q3.p2.voucher2")},"v2")]),(0,a.jsx)("span",{className:"label600",children:n("user.referral.faq.q3.p2.emphasis")}),n("user.referral.faq.q3.p2.tail")]})}),(0,a.jsx)("li",{children:(0,a.jsx)(r.Typography.RegularXL,{className:"body",children:(0,eJ.i18nInterpolation)(n("user.referral.faq.q3.p3"),[(0,a.jsx)("span",{className:"label600",children:n("user.referral.faq.q3.p3.realTokens")},"rt")])})})]})]})}],e6=n=>{var e,t;let{question:i,answer:o}=n,[s,l]=(0,c.useState)(!1),d=(0,c.useRef)(null),h=s&&null!==(t=null===(e=d.current)||void 0===e?void 0:e.scrollHeight)&&void 0!==t?t:0;return(0,a.jsxs)(e8,{children:[(0,a.jsxs)(r.Layout.RowBetween,{className:"header",onClick:()=>l(n=>!n),children:[(0,a.jsx)(r.Typography.SemiboldM,{className:"question",children:i}),(0,a.jsx)("div",{className:"arrow ".concat(s?"open":""),children:(0,a.jsx)(r.Icon,{name:"Arrow",className:"icon"})})]}),(0,a.jsx)("div",{ref:d,className:"faq-content",style:{height:h},children:(0,a.jsx)(e2,{children:o})})]})};var e3=n=>{let{className:e}=n,{t}=(0,l.$G)("referral"),i=e4(t);return(0,a.jsx)(e5,{className:e,children:(0,a.jsx)(r.Layout.Col,{className:"inner",children:i.map((n,e)=>(0,a.jsx)(e6,{...n},e))})})};let e5=(0,s.zo)(r.Layout.Col)(eH(),(0,s.hO)(900),(0,s.hO)(80),(0,s.hO)(16),eK.W.mobileMedia,(0,s.hO)(24)),e8=(0,s.zo)(r.Layout.Col)(e0(),(0,s.hO)(12),(0,s.hO)(1),(0,s.hO)(20),(0,s.hO)(24),eK.W.mobileMedia,r.typography.semibold.s,(0,s.hO)(32),(0,s.hO)(32),(0,s.hO)(16),(0,s.hO)(16),eK.W.mobileMedia,(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(24),(0,s.hO)(16),(0,s.hO)(16),(0,s.hO)(12),(0,s.hO)(8),(0,s.hO)(12),(0,s.hO)(20),eK.W.mobileMedia,r.typography.regular.m,r.typography.semibold.s);function e9(){let n=(0,i._)(["\n  width: min(100%, ",");\n  overflow: hidden;\n  position: relative;\n\n  .bg {\n    position: absolute;\n    height: 346px;\n    width: 1440px;\n    z-index: 0;\n    background-position: center;\n    left: 50%;\n    bottom: 0;\n    transform: translateX(-50%);\n  }\n\n  .main {\n    justify-content: center;\n    gap: ",";\n    min-height: 346px;\n    position: relative;\n    z-index: 1;\n    padding: 24px 32px;\n\n    .title {\n      color: ",";\n      text-align: center;\n    }\n    .start-btn {\n      background-color: ",";\n      padding: "," ",";\n      width: auto;\n      height: ",";\n      border-radius: 99px;\n      .button-inner {\n        gap: ",";\n        .text {\n          color: ",";\n        }\n\n        .www-icon {\n          height: ",";\n          width: ",";\n          transform: rotate(-90deg);\n        }\n      }\n    }\n  }\n\n  "," {\n    .main {\n      padding: ",";\n    }\n  }\n"]);return e9=function(){return n},n}let e7=s.zo.div(e9(),n=>n.theme.MaxWidth,(0,s.hO)(32),n=>n.theme.Content.cont_inverted,n=>n.theme.Content.cont_glare,(0,s.hO)(8),(0,s.hO)(14),(0,s.hO)(32),(0,s.hO)(8),n=>n.theme.Content.cont_main,(0,s.hO)(12),(0,s.hO)(12),s.Uh.mobile,(0,s.hO)(16)),tn={Hero:()=>{let{t:n}=(0,l.$G)("referral"),{goLogin:e}=eE({autoRedirect:!0});return(0,a.jsx)(nt.e,{$bgColor:"linear-gradient(180deg, #121212 0%, #1D1D1D 100%)",children:(0,a.jsxs)(eG,{children:[(0,a.jsx)(eF(),{className:"bg",width:1440,height:580,src:x.Jf.heroBg.src,alt:""}),(0,a.jsxs)(r.Layout.RowMiddle,{className:"main",children:[(0,a.jsxs)(r.Layout.Col,{className:"content",children:[(0,a.jsxs)("h1",{children:[n("hero.title1"),(0,a.jsx)(r.Typography.ExtraboldL,{className:"high",children:n("hero.title2")})]}),(0,a.jsx)(r.Typography.SemiboldS,{className:"desc",children:n("hero.desc")})]}),(0,a.jsxs)(r.Layout.Col,{className:"refer-box",children:[(0,a.jsxs)(r.Layout.RowMiddle,{className:"refer-content",children:[(0,a.jsx)(r.CoverImage,{className:"refer-img",src:x.Jf.heroRefer,alt:"",fill:!0}),(0,a.jsx)(r.Typography.ExtraboldS,{className:"refer-intro",children:n("hero.refer.friends")})]}),(0,a.jsx)(_.xk,{className:"login-btn",onClick:()=>{e()},children:(0,a.jsx)(r.Typography.SemiboldXS,{className:"text",children:n("hero.login")})})]})]})]})})},ReferralProgram:()=>{let{t:n}=(0,l.$G)("referral");return(0,a.jsx)(nt.e,{$bgColor:"#121212",children:(0,a.jsxs)(eZ,{children:[(0,a.jsxs)(r.Layout.RowBetween,{className:"item",children:[(0,a.jsxs)(r.Layout.Col,{className:"content",children:[(0,a.jsxs)(r.Layout.Col,{children:[(0,a.jsx)(r.Typography.ExtraboldM,{className:"title",children:n("program.first.title")}),(0,a.jsx)(r.Typography.ExtraboldM,{className:"title",children:n("program.first.subtitle")})]}),(0,a.jsx)(r.Typography.RegularM,{className:"desc",children:n("program.first.desc")})]}),(0,a.jsx)(r.CoverImage,{src:x.Jf.referralProgram1,alt:"",fill:!0})]}),(0,a.jsxs)(r.Layout.RowBetween,{className:"item",children:[(0,a.jsx)(r.CoverImage,{src:x.Jf.referralProgram2,alt:"",fill:!0}),(0,a.jsxs)(r.Layout.Col,{className:"content",children:[(0,a.jsxs)(r.Layout.Col,{children:[(0,a.jsx)(r.Typography.ExtraboldM,{className:"title",children:n("program.second.title")}),(0,a.jsx)(r.Typography.ExtraboldM,{className:"title",children:n("program.second.subtitle")})]}),(0,a.jsx)(r.Typography.RegularM,{className:"desc",children:n("program.second.desc")})]})]})]})})},ReferralSteps:()=>{let{t:n}=(0,l.$G)("referral"),e=[{img:x.Jf.referralStep1,title:n("steps.item1.title"),desc:n("steps.item1.desc")},{img:x.Jf.referralStep2,title:n("steps.item2.title"),desc:n("steps.item2.desc")},{img:x.Jf.referralStep3,title:n("steps.item3.title"),desc:n("steps.item3.desc")}];return(0,a.jsx)(nt.e,{$bgColor:"#121212",children:(0,a.jsxs)(eQ,{children:[(0,a.jsx)("h2",{children:n("steps.title")}),(0,a.jsx)(r.Layout.RowMiddle,{className:"content",children:e.map((n,e)=>(0,a.jsxs)(r.Layout.ColMiddle,{className:"item",children:[(0,a.jsx)(r.Typography.ExtraboldXL,{className:"index",children:"".concat(e+1,".")}),(0,a.jsx)(r.CoverImage,{className:"step-img",src:n.img,alt:n.title,fill:!0}),(0,a.jsx)(r.Typography.BoldM,{className:"title",children:n.title}),(0,a.jsx)(r.Typography.RegularM,{className:"desc",children:n.desc})]},e))})]})})},StartsEarning:()=>{let{t:n}=(0,l.$G)("referral"),{goLogin:e}=eE();return(0,a.jsxs)(nt.e,{$bgColor:"linear-gradient(180deg, #1D1D1D 0%, #121417 100%)",children:[(0,a.jsxs)(e7,{children:[(0,a.jsx)(eF(),{className:"bg",width:1440,height:346,src:x.Jf.startEarningBg,alt:"start earning"}),(0,a.jsxs)(r.Layout.ColMiddle,{className:"main",children:[(0,a.jsx)(r.Typography.ExtraboldM,{className:"title",children:n("starts.earning.title")}),(0,a.jsxs)(_.xk,{className:"start-btn",onClick:()=>{e()},children:[(0,a.jsx)(r.Typography.SemiboldXXS,{className:"text",children:n("start.earning")}),(0,a.jsx)(r.Icon,{name:"arrow"})]})]})]}),(0,a.jsx)(e3,{})]})}}},35274:function(n,e,t){var i=t(82729),a=t(85893),o=t(81763),r=t(4281),s=t(61232),l=t(67294);function c(){let n=(0,i._)(["\n  .upload-container {\n    grid-gap: ",";\n    border: 1px dashed #d9d9e0;\n    border-radius: ",";\n    padding: ",";\n    cursor: pointer;\n    &.error {\n      border-color: #e5484d;\n    }\n    > .upload-content-box {\n      grid-gap: ",";\n\n      b {\n        font-size: ",";\n        line-height: ",";\n        font-weight: ",";\n      }\n      span {\n        font-size: ",";\n        line-height: ",";\n        color: #8b8d98;\n      }\n\n      .upload-btn {\n        border: 1px solid #d9d9e0;\n        border-radius: ",";\n        padding: 0 ",";\n        height: ",";\n        font-size: ",";\n        line-height: ",";\n        font-weight: ",";\n      }\n    }\n\n    p {\n      color: #8b8d98;\n      font-size: ",";\n      line-height: ",";\n      text-align: center;\n    }\n  }\n\n  .file-input {\n    width: 0;\n    position: absolute;\n    height: 0;\n    opacity: 0;\n  }\n\n  .img-box {\n    grid-gap: ",";\n    flex-wrap: wrap;\n  }\n"]);return c=function(){return n},n}function d(){let n=(0,i._)(["\n  border: 1px dashed #d9d9e0;\n  justify-content: center;\n  grid-gap: ",";\n  min-height: ",";\n  width: ",";\n  border-radius: ",";\n  padding: ",";\n  font-size: ",";\n  line-height: 1.2;\n\n  &.add {\n    cursor: pointer;\n  }\n\n  img {\n    width: 100%;\n    height: 80px;\n    object-fit: cover;\n    border-radius: ",";\n    flex-shrink: 0;\n  }\n\n  .cover {\n    height: ",";\n    background-color: #f0f0f3;\n    border-radius: ",";\n    width: 100%;\n  }\n\n  span {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    flex-shrink: 0;\n    text-align: center;\n\n    &:nth-of-type(1) {\n      font-weight: ",";\n    }\n    &:nth-of-type(2) {\n      color: #8b8d98;\n      cursor: pointer;\n    }\n  }\n"]);return d=function(){return n},n}let h=[".jpg",".jpeg",".png",".doc",".docx",".pdf"];e.Z=n=>{let{onChange:e,value:t=[],isError:i,accept:c=h.toString(),maxLength:d=10}=n,x=(0,l.useRef)(null),{t:u}=(0,s.$G)("tools"),f=n=>{let e=n.name.toLowerCase(),t=e.substring(e.lastIndexOf("."));return h.includes(t)},b=n=>{e([...t].filter(e=>e.uuid!==n))},w=()=>{var n;null===(n=x.current)||void 0===n||n.click()};return(0,a.jsxs)(g,{children:[0===t.length&&(0,a.jsxs)(r.Layout.ColMiddle,{className:o.P6.classList("upload-container",i?"error":""),onClick:w,children:[(0,a.jsxs)(r.Layout.ColMiddle,{className:"upload-content-box",children:[(0,a.jsx)(r.Icon,{name:"articleLine",size:24,viewBoxSize:24}),(0,a.jsx)("b",{children:u("tools.ticket.document.title")}),(0,a.jsx)("span",{children:u("tools.ticket.document.desc")}),(0,a.jsx)(r.Layout.Center,{className:"upload-btn",children:u("tools.ticket.mp4.upload")})]}),(0,a.jsx)("p",{children:u("tools.ticket.document.tip")})]}),t.length>0&&(0,a.jsxs)(r.Layout.Row,{className:"img-box",children:[t.map((n,e)=>(0,a.jsx)(p,{file:n.file,onDelete:b,uuid:n.uuid},n.uuid)),t.length<10&&(0,a.jsx)(m,{onClick:w})]}),(0,a.jsx)("input",{ref:x,className:"file-input",size:5242880,type:"file",accept:c,multiple:!0,onChange:n=>{if(!n.target.files)return;let i=n.target.files;if(t.length+i.length>d){(0,r.Notify)(u("tools.upload.max.length.error"));return}let a=[],s=[];if([...i].forEach(n=>{f(n)?s.push(n):a.push(n.name)}),a.length>0){(0,r.Notify)(u("tools.upload.invalid.file.format.error")),x.current&&(x.current.value="");return}e([...t,...s.map(n=>({file:n,uuid:o.P6.getUuid()}))]),x.current&&(x.current.value="")}})]})};let p=(0,l.memo)(n=>{switch(n.file.type){case"image/jpeg":case"image/png":return(0,a.jsx)(x,{...n});default:return(0,a.jsx)(u,{...n})}}),m=n=>{let{onClick:e}=n;return(0,a.jsx)(f,{className:"add",onClick:e,children:(0,a.jsx)(r.Icon,{name:"addCircle",viewBoxSize:24,size:24})})},x=(0,l.memo)(n=>{let{file:e,onDelete:t,uuid:i}=n,o=(0,l.useRef)(null);return(0,l.useEffect)(()=>{let n=new FileReader;n.onload=function(n){var e;o.current&&(o.current.src=null===(e=n.target)||void 0===e?void 0:e.result)},n.readAsDataURL(e)},[]),(0,a.jsxs)(f,{className:"image",children:[(0,a.jsx)("img",{ref:o}),(0,a.jsx)("span",{children:e.name}),(0,a.jsx)("span",{onClick:()=>t&&t(i),children:"Delete"})]})}),u=(0,l.memo)(n=>{let{file:e,onDelete:t,uuid:i}=n;return(0,a.jsxs)(f,{className:"document",children:[(0,a.jsx)(r.Layout.Center,{className:"cover",children:(0,a.jsx)(r.Icon,{name:"fileLine",viewBoxSize:24,size:24})}),(0,a.jsx)("span",{children:e.name}),(0,a.jsx)("span",{onClick:()=>t&&t(i),children:"Delete"})]})}),g=o.zo.div(c(),(0,o.hO)(24),(0,o.hO)(12),(0,o.hO)(24),(0,o.hO)(8),(0,o.hO)(16),(0,o.hO)(24),n=>n.theme.Semi,(0,o.hO)(12),(0,o.hO)(16),(0,o.hO)(6),(0,o.hO)(12),(0,o.hO)(32),(0,o.hO)(12),(0,o.hO)(16),n=>n.theme.Medium,(0,o.hO)(10),(0,o.hO)(12),(0,o.hO)(8)),f=(0,o.zo)(r.Layout.ColMiddle)(d(),(0,o.hO)(8),(0,o.hO)(128),(0,o.hO)(106),(0,o.hO)(12),(0,o.hO)(4),(0,o.hO)(12),(0,o.hO)(8),(0,o.hO)(80),(0,o.hO)(8),n=>n.theme.Medium)},46864:function(n,e,t){t.r(e);var i=t(82729),a=t(85893),o=t(4281),r=t(73645),s=t(81763),l=t(61232),c=t(39332);function d(){let n=(0,i._)(["\n  border: 1px solid #dddde3;\n  background-color: #f2f2f5;\n  padding: "," ",";\n  border-radius: ",";\n\n  .referral-code {\n    width: 100%;\n    grid-gap: ",";\n\n    span {\n      font-size: ",";\n      line-height: ",";\n      font-weight: ",";\n    }\n\n    .www-icon {\n      height: ",";\n      width: ",";\n    }\n  }\n"]);return d=function(){return n},n}e.default=()=>{let{t:n}=(0,l.$G)("common"),e=(0,c.useParams)();return(null==e?void 0:e.code)?(0,a.jsx)(h,{onClick:()=>{try{if(!(null==e?void 0:e.code)||"string"!=typeof(null==e?void 0:e.code))return;s.P6.Copy(null==e?void 0:e.code),(0,o.Notify)(n("notify.copied"))}catch(e){(0,o.Notify)(n("notify.copy.failed"))}},children:(0,a.jsxs)(o.Layout.RowBetween,{className:"referral-code",children:[(0,a.jsx)("span",{children:null==e?void 0:e.code}),(0,a.jsx)(o.Icon,{name:"copy"})]})}):null};let h=(0,s.zo)(r.xk)(d(),(0,s.hO)(14),(0,s.hO)(16),(0,s.hO)(12),(0,s.hO)(12),(0,s.hO)(16),(0,s.hO)(20),n=>n.theme.Medium,(0,s.hO)(24),(0,s.hO)(24))},96143:function(n,e,t){t.d(e,{Z:function(){return a}});let i={direction:"forward",speed:2,startDelay:1e3,active:!0,breakpoints:{},playOnInit:!0,stopOnFocusIn:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,rootNode:null};function a(n={}){let e,t,o,r,s;let l=0,c=!1,d=!1;function h(){if(o||c)return;t.emit("autoScroll:play");let n=t.internalEngine(),{ownerWindow:i}=n;l=i.setTimeout(()=>{n.scrollBody=function(n){let{location:i,previousLocation:a,offsetLocation:o,target:r,scrollTarget:s,index:l,indexPrevious:c,limit:{reachedMin:d,reachedMax:h,constrain:m},options:{loop:x}}=n,u="forward"===e.direction?-1:1,g=()=>O,f=0,b=0,w=i.get(),y=0,j=!1,O={direction:()=>b,duration:()=>-1,velocity:()=>f,settled:()=>j,seek:function(){a.set(i),f=u*e.speed,w+=f,i.add(f),r.set(i),b=Math.sign(w-y),y=w;let n=s.byDistance(0,!1).index;l.get()!==n&&(c.set(l.get()),l.set(n),t.emit("select"));let g="forward"===e.direction?d(o.get()):h(o.get());if(!x&&g){j=!0;let n=m(i.get());i.set(n),r.set(i),p()}return O},useBaseFriction:g,useBaseDuration:g,useFriction:g,useDuration:g};return O}(n),n.animation.start()},r),c=!0}function p(){if(o||!c)return;t.emit("autoScroll:stop");let n=t.internalEngine(),{ownerWindow:e}=n;n.scrollBody=s,e.clearTimeout(l),l=0,c=!1}function m(){d||p()}function x(){d||b()}function u(){d=!0,p()}function g(){d=!1,h()}function f(){t.off("settle",f),h()}function b(){t.on("settle",f)}return{name:"autoScroll",options:n,init:function(l,c){t=l;let{mergeOptions:d,optionsAtMedia:f}=c,b=d(i,a.globalOptions);if(e=f(d(b,n)),t.scrollSnapList().length<=1)return;r=e.startDelay,o=!1,s=t.internalEngine().scrollBody;let{eventStore:w}=t.internalEngine(),y=!!t.internalEngine().options.watchDrag,j=function(n,e){let t=n.rootNode();return e&&e(t)||t}(t,e.rootNode);y&&t.on("pointerDown",m),y&&!e.stopOnInteraction&&t.on("pointerUp",x),e.stopOnMouseEnter&&w.add(j,"mouseenter",u),e.stopOnMouseEnter&&!e.stopOnInteraction&&w.add(j,"mouseleave",g),e.stopOnFocusIn&&t.on("slideFocusStart",p),e.stopOnFocusIn&&!e.stopOnInteraction&&w.add(t.containerNode(),"focusout",h),e.playOnInit&&h()},destroy:function(){t.off("pointerDown",m).off("pointerUp",x).off("slideFocusStart",p).off("settle",f),p(),o=!0,c=!1},play:function(n){void 0!==n&&(r=n),h()},stop:function(){c&&p()},reset:function(){c&&(p(),b())},isPlaying:function(){return c}}}a.globalOptions=void 0}}]);