"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1581],{69742:function(e,t,n){n.d(t,{AkO:function(){return l.u},BnG:function(){return l.b},Dq5:function(){return r.c},Hcv:function(){return N},J_R:function(){return l.e},RZ8:function(){return l.C},SFn:function(){return a.SFn},Wbj:function(){return c.l},aFJ:function(){return r.a},k9e:function(){return r.m},pX8:function(){return a.pX8},wyl:function(){return l.T}});var l=n(50465),r=n(52151),a=n(89096),s=(n(27907),n(56763));n(15033);var o=n(82333),i=n(61146),c=n(76449),d=n(65771),u=n(88251),g=n(65559);n(1197),n(53917),n(45189),n(14712),n(62451),n(99315);var p=n(34055);function j(e,t){let[n,l]=(0,s.useState)("loading"),r=(0,a.xUo)(),[o,i]=(0,s.useState)(null);return(0,s.useEffect)(()=>{let n=r(e);i(n),t&&n.getSavedData().then(e=>{l(e)})},[r,e,t]),{setLocalWallet:i,localWallet:o,walletData:n,meta:e.meta,persist:t}}n(41284),n(19012),n(87156),n(75491),n(19598).Buffer;let x=e=>{let[t,n]=(0,s.useState)(!1),[l,a]=(0,s.useState)(),[o,d]=(0,s.useState)(!1),u=t=>{t.type!==e.accept?n(!0):(a(t),e.onUpload(t))},p=(0,r.i)()?"Click to Upload":"Drop your file here or click to upload";return(0,g.jsx)("div",{onDragEnter:e=>{n(!1),a(void 0),d(!0),e.preventDefault(),e.stopPropagation()},onDragLeave:e=>{d(!1),e.preventDefault(),e.stopPropagation()},onDragOver:e=>{d(!0),e.preventDefault(),e.stopPropagation()},onClick:()=>{n(!1)},onDrop:e=>{if(d(!1),e.preventDefault(),e.stopPropagation(),e.dataTransfer.files&&e.dataTransfer.files.length>0){let t=e.dataTransfer.files[0];t&&(u(t),e.dataTransfer.clearData())}},style:{cursor:"pointer"},children:(0,g.jsxs)("label",{htmlFor:"file-upload",children:[(0,g.jsx)("input",{id:"file-upload",type:"file",accept:e.accept,multiple:!1,style:{display:"none"},onChange:e=>{e.target.files&&e.target.files[0]&&u(e.target.files[0])}}),(0,g.jsx)(C,{"data-error":t,"data-is-dragging":o,children:l?(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(i.T,{weight:600,color:"primaryText",center:!0,multiline:!0,children:[l.name," ",e.locale.uploadedSuccessfully]}),(0,g.jsx)(i.S,{y:"md"}),(0,g.jsx)(c.C,{color:"success",children:(0,g.jsx)(f,{size:c.i.xl})})]}):(0,g.jsxs)(g.Fragment,{children:[" ",(0,g.jsx)(m,{width:c.i.lg,height:c.i.lg}),(0,g.jsx)(i.S,{y:"md"}),(0,g.jsxs)(i.T,{color:"primaryText",weight:600,center:!0,multiline:!0,children:[" ",p]}),(0,g.jsx)(i.S,{y:"lg"}),t?(0,g.jsx)(i.T,{color:"danger",size:"sm",children:e.locale.wrongFileError}):(0,g.jsxs)(i.T,{size:"sm",children:[" ",e.extension," "]})]})})]})})},m=(0,u.Z)(d.rG2)(()=>({color:(0,c.u)().colors.secondaryIconColor,transition:"transform 200ms ease, color 200ms ease"})),C=(0,c.S)(()=>{let e=(0,c.u)();return{border:`2px solid ${e.colors.borderColor}`,borderRadius:c.r.md,padding:`${c.s.xl} ${c.s.md}`,display:"flex",alignItems:"center",flexDirection:"column",cursor:"pointer",transition:"border-color 200ms ease","&:hover, &[data-is-dragging='true']":{borderColor:e.colors.accentText,svg:{color:e.colors.accentText}},"&[data-error='true']":{borderColor:e.colors.danger}}}),f=e=>(0,g.jsxs)("svg",{width:e.size,height:e.size,viewBox:"0 0 38 38",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{d:"M35.6666 17.4671V19.0004C35.6645 22.5945 34.5008 26.0916 32.3488 28.9701C30.1969 31.8487 27.1721 33.9546 23.7255 34.9736C20.279 35.9926 16.5954 35.8703 13.224 34.6247C9.85272 33.3792 6.97434 31.0773 5.01819 28.0622C3.06203 25.0472 2.1329 21.4805 2.36938 17.8943C2.60586 14.308 3.99526 10.8943 6.33039 8.16221C8.66551 5.43012 11.8212 3.52606 15.3269 2.734C18.8326 1.94194 22.5004 2.30432 25.7833 3.76709",stroke:"currentColor",strokeWidth:"3.33333",strokeLinecap:"round",strokeLinejoin:"round"}),(0,g.jsx)("path",{d:"M35.6667 5.66699L19 22.3503L14 17.3503",stroke:"currentColor",strokeWidth:"3.33333",strokeLinecap:"round",strokeLinejoin:"round"})]}),M=e=>{let t=(0,i.u)().wallets.localWallet,[n,l]=(0,s.useState)(),{setLocalWallet:o}=j(e.localWalletConf,e.persist),u=(0,a.xUo)(),[p,m]=(0,s.useState)(""),[C,f]=(0,s.useState)(!1),[M,h]=(0,s.useState)(!1),[y,S]=(0,s.useState)(),{setConnectedWallet:I,setConnectionStatus:w}=e,N=async()=>{let t=u(e.localWalletConf);if(!t||!n)throw Error("Invalid state");try{await t.import({encryptedJson:n,password:p})}catch(e){console.error(e),f(!0);return}w("connecting"),await t.connect(),await t.save({strategy:"encryptedJson",password:p}),I(t),o(t),e.onConnect()};return(0,g.jsxs)(c.C,{animate:"fadein",children:[(0,g.jsx)(c.C,{p:"lg",children:(0,g.jsx)(c.M,{onBack:e.goBack,title:t.importScreen.title})}),(0,g.jsx)(c.L,{}),(0,g.jsxs)(c.C,{p:"lg",children:[(0,g.jsx)(c.a,{children:t.importScreen.description1}),(0,g.jsx)(i.S,{y:"xs"}),(0,g.jsx)(c.a,{children:t.importScreen.description2}),(0,g.jsx)(i.S,{y:"lg"}),(0,g.jsx)(x,{locale:{uploadedSuccessfully:t.importScreen.uploadedSuccessfully,wrongFileError:t.importScreen.uploadJSON},extension:"JSON",accept:"application/json",onUpload:e=>{let t=new FileReader;t.onload=e=>{l(e.target?.result),S(JSON.parse(e.target?.result).address)},t.readAsText(e,"utf-8")}}),(0,g.jsx)(i.S,{y:"lg"}),(0,g.jsxs)("form",{onSubmit:e=>{e.preventDefault(),N()},children:[n&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("input",{type:"text",name:"username",autoComplete:"off",value:y||"",disabled:!0,style:{display:"none"}}),(0,g.jsx)(r.F,{required:!0,noSave:!0,name:"password",autocomplete:"off",id:"password",onChange:e=>{m(e),f(!1)},right:{onClick:()=>h(!M),icon:M?(0,g.jsx)(d.LAO,{}):(0,g.jsx)(d.hsE,{})},label:t.passwordLabel,type:M?"text":"password",value:p,error:C?"Wrong Password":""}),(0,g.jsx)(i.S,{y:"xl"})]}),(0,g.jsx)(c.C,{flex:"row",style:{justifyContent:"flex-end"},children:(0,g.jsx)(c.B,{variant:"accent",type:"submit",disabled:!n,style:{minWidth:"110px",opacity:n?1:.5},children:t.importScreen.import})})]})]})]})},h=e=>{let t=(0,i.u)().wallets.localWallet,[n,l]=(0,s.useState)(""),[a,o]=(0,s.useState)(""),[u,p]=(0,s.useState)(!1),x=a&&n!==a,[m,C]=(0,s.useState)(!1),{localWallet:f}=j(e.localWalletConf,e.persist),{setConnectedWallet:h,setConnectionStatus:y}=e,[S,I]=(0,s.useState)(!1),[w,N]=(0,s.useState)(null);if((0,s.useEffect)(()=>{!f||S||f.ethersWallet||f.generate().then(e=>{N(e)})},[f,S]),S)return(0,g.jsx)(M,{localWalletConf:e.localWalletConf,onConnect:e.onConnect,goBack:()=>{I(!1)},persist:e.persist,setConnectedWallet:e.setConnectedWallet,setConnectionStatus:e.setConnectionStatus});let D=async()=>{if(x||!f)throw Error("Invalid state");C(!0),y("connecting"),await f.connect(),await f.save({strategy:"encryptedJson",password:n}),h(f),C(!1),e.onConnect()};return(0,g.jsxs)(c.C,{fullHeight:!0,flex:"column",animate:"fadein",children:[(0,g.jsx)(c.C,{p:"lg",children:(0,g.jsx)(c.M,{onBack:e.renderBackButton?e.goBack:void 0,title:e.localWalletConf.meta.name})}),(0,g.jsx)(c.L,{}),(0,g.jsxs)(c.C,{expand:!0,p:"lg",children:[(0,g.jsx)(c.a,{children:t.createScreen.instruction}),(0,g.jsx)(i.S,{y:"lg"}),(0,g.jsxs)("form",{onSubmit:e=>{e.preventDefault(),D()},children:[(0,g.jsx)("input",{type:"text",name:"username",autoComplete:"off",value:w||"",disabled:!0,style:{display:"none"}}),(0,g.jsx)(r.F,{name:"password",required:!0,autocomplete:"new-password",id:"new-password",onChange:e=>l(e),right:{icon:u?(0,g.jsx)(d.LAO,{}):(0,g.jsx)(d.hsE,{}),onClick:()=>p(!u)},label:t.passwordLabel,type:u?"text":"password",value:n,dataTest:"new-password"}),(0,g.jsx)(i.S,{y:"lg"}),(0,g.jsx)(r.F,{name:"confirm-password",required:!0,autocomplete:"new-password",id:"confirm-password",onChange:e=>o(e),right:{icon:u?(0,g.jsx)(d.LAO,{}):(0,g.jsx)(d.hsE,{}),onClick:()=>p(!u)},label:t.confirmPasswordLabel,type:u?"text":"password",value:a,error:x?"Passwords don't match":"",dataTest:"confirm-password",noErrorShift:!0}),(0,g.jsx)(i.S,{y:"md"}),(0,g.jsxs)(c.B,{variant:"accent",type:"submit",disabled:m,fullWidth:!0,style:{gap:c.s.xs,display:"flex",justifyContent:"center",alignItems:"center"},"data-test":"create-new-wallet-button",children:[m?t.createScreen.connecting:t.createScreen.createNewWallet,m&&(0,g.jsx)(i.a,{size:"sm",color:"accentButtonText"})]})]})]}),(0,g.jsx)(i.S,{y:"sm"}),(0,g.jsx)(c.L,{}),(0,g.jsx)(c.C,{p:"lg",children:(0,g.jsx)(c.B,{fullWidth:!0,variant:"link",onClick:()=>{I(!0)},style:{display:"flex",gap:c.s.sm,alignItems:"center"},children:t.createScreen.importWallet})})]})},y=e=>{let{localWallet:t}=j(e.localWallet,e.persist),{setConnectedWallet:n,setConnectionStatus:l}=e,{onConnect:a}=e,o=(0,s.useCallback)(async()=>{if(!t)throw Error("Invalid state");await t.generate(),l("connecting"),await (0,r.w)(1e3),await t.connect(),n(t),a()},[t,n,a,l]),d=(0,s.useRef)(!1);return(0,s.useEffect)(()=>{!d.current&&t&&(d.current=!0,o())},[o,t]),(0,g.jsx)(c.C,{flex:"row",center:"both",fullHeight:!0,style:{minHeight:"300px"},children:(0,g.jsx)(i.a,{size:"xl",color:"accentText"})})},S=e=>{let t=(0,i.u)().wallets.localWallet.warningScreen,n="compact"===e.modalSize;return(0,g.jsxs)(c.C,{fullHeight:!0,flex:"column",animate:"fadein",children:[(0,g.jsx)(c.C,{p:"lg",children:(0,g.jsx)(c.M,{onBack:e.onBack,title:t.title})}),(0,g.jsxs)(c.C,{p:n?"lg":"xxl",expand:!0,center:"y",flex:"column",children:[(0,g.jsx)(c.C,{flex:"row",center:"x",color:"danger",children:(0,g.jsx)(d.LPM,{width:c.i.xl,height:c.i.xl})}),(0,g.jsx)(i.S,{y:"xl"}),(0,g.jsx)(i.T,{multiline:!0,center:!0,balance:!0,children:t.warning}),(0,g.jsx)(i.S,{y:"lg"}),(0,g.jsx)(c.C,{flex:"row",style:{justifyContent:"flex-end"},children:(0,g.jsx)(c.B,{variant:"accent",fullWidth:!0,onClick:e.onBackup,children:t.backupWallet})})]})]})},I=e=>{let t=(0,i.u)().wallets.localWallet,[n,o]=(0,s.useState)(""),[u,p]=(0,s.useState)(!1),[x,m]=(0,s.useState)(!1),{setConnectedWallet:C,setConnectionStatus:f}=e,[M,y]=(0,s.useState)(!1),[I,w]=(0,s.useState)(!1),[N,D]=(0,s.useState)(!1),[b,z]=(0,s.useState)(!1),{localWallet:W,meta:k,walletData:v}=j(e.localWallet,e.persist),T=v?"loading"===v?"":v.address:"";if(b){if(!W)throw Error("Invalid state");return(0,g.jsx)(l.E,{modalSize:e.modalSize,localWalletConfig:e.localWallet,onBack:()=>{z(!1)},onExport:()=>{z(!1),D(!1),w(!0)},walletInstance:e.walletInstance,walletAddress:e.connectedWalletAddress})}if(N)return(0,g.jsx)(S,{meta:k,onBackup:()=>{z(!0)},onBack:()=>{D(!1)},modalSize:e.modalSize});if(I)return(0,g.jsx)(h,{renderBackButton:e.supportedWallets.length>1,localWalletConf:e.localWallet,goBack:()=>{w(!1)},onConnect:e.onConnect,persist:e.persist,setConnectedWallet:e.setConnectedWallet,setConnectionStatus:e.setConnectionStatus});let L=async()=>{if(!W)throw Error("Invalid state");y(!0);try{await W.load({strategy:"encryptedJson",password:n}),f("connecting"),await W.connect(),C(W),e.onConnect()}catch(e){m(!0)}y(!1)};return(0,g.jsxs)(c.C,{animate:"fadein",flex:"column",fullHeight:!0,children:[(0,g.jsx)(c.C,{p:"lg",children:(0,g.jsx)(c.M,{onBack:e.renderBackButton?e.goBack:void 0,title:k.name})}),(0,g.jsx)(c.L,{}),(0,g.jsxs)(c.C,{p:"lg",expand:!0,children:[(0,g.jsx)(i.T,{multiline:!0,size:"lg",color:"primaryText",children:t.reconnectScreen.title}),(0,g.jsx)(i.S,{y:"xl"}),(0,g.jsx)(i.L,{children:t.reconnectScreen.savedWallet}),(0,g.jsx)(i.S,{y:"sm"}),(0,g.jsx)(i.T,{children:""===T?"Loading...":(0,a.XnK)(T)}),(0,g.jsx)(i.S,{y:"xl"}),(0,g.jsxs)("form",{onSubmit:e=>{e.preventDefault(),L()},children:[(0,g.jsx)("input",{type:"text",name:"username",autoComplete:"off",value:T,disabled:!0,style:{display:"none"}}),(0,g.jsx)(r.F,{required:!0,name:"current-password",autocomplete:"current-password",id:"current-password",onChange:e=>{o(e),m(!1)},right:{onClick:()=>p(!u),icon:u?(0,g.jsx)(d.LAO,{}):(0,g.jsx)(d.hsE,{})},label:t.passwordLabel,type:u?"text":"password",value:n,error:x?"Wrong Password":"",dataTest:"current-password",placeholder:t.enterYourPassword}),(0,g.jsx)(i.S,{y:"md"}),(0,g.jsxs)(c.B,{variant:"accent",type:"submit",fullWidth:!0,style:{display:"flex",gap:c.s.sm},children:[t.reconnectScreen.continue,M&&(0,g.jsx)(i.a,{size:"sm",color:"accentButtonText"})]})]})]}),(0,g.jsx)(i.S,{y:"sm"}),(0,g.jsx)(c.L,{}),(0,g.jsx)(c.C,{p:"lg",children:(0,g.jsx)(c.B,{variant:"link",fullWidth:!0,style:{textAlign:"center"},onClick:()=>{D(!0)},children:t.reconnectScreen.createNewWallet})})]})},w=e=>{let{walletData:t}=j(e.walletConfig,e.persist);return e.persist?"loading"===t?(0,g.jsx)(c.C,{flex:"row",center:"both",style:{height:"300px"},children:(0,g.jsx)(i.a,{size:"xl",color:"accentText"})}):t?(0,g.jsx)(I,{modalSize:e.modalSize,renderBackButton:e.supportedWallets.length>1,supportedWallets:e.supportedWallets,onConnect:e.connected,goBack:e.goBack,localWallet:e.walletConfig,persist:e.persist,walletInstance:e.connectedWallet,connectedWalletAddress:e.connectedWalletAddress,setConnectedWallet:e.setConnectedWallet,setConnectionStatus:e.setConnectionStatus}):(0,g.jsx)(h,{goBack:e.goBack,localWalletConf:e.walletConfig,onConnect:e.connected,renderBackButton:e.supportedWallets.length>1,persist:e.persist,setConnectedWallet:e.setConnectedWallet,setConnectionStatus:e.setConnectionStatus}):(0,g.jsx)(y,{persist:e.persist,localWallet:e.walletConfig,goBack:e.goBack,onConnect:e.connected,setConnectedWallet:e.setConnectedWallet,setConnectionStatus:e.setConnectionStatus})},N=e=>({id:o.S.id,isHeadless:!0,meta:{...o.S.meta,name:"Guest Wallet",iconURL:(0,r.i)()?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iMTIiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl80NF8yKSIvPgo8cGF0aCBkPSJNNDguNjE1NCAxNkgzMS4zODQ2QzI4LjQxMjMgMTYgMjYgMTguMzkyNyAyNiAyMS4zNDA5VjU3LjY1OTFDMjYgNjAuNjA3MyAyOC40MTIzIDYzIDMxLjM4NDYgNjNINDguNjE1NEM1MS41ODc3IDYzIDU0IDYwLjYwNzMgNTQgNTcuNjU5MVYyMS4zNDA5QzU0IDE4LjM5MjcgNTEuNTg3NyAxNiA0OC42MTU0IDE2Wk00MCA2MC44NjM2QzM4LjIxMjMgNjAuODYzNiAzNi43NjkyIDU5LjQzMjMgMzYuNzY5MiA1Ny42NTkxQzM2Ljc2OTIgNTUuODg1OSAzOC4yMTIzIDU0LjQ1NDUgNDAgNTQuNDU0NUM0MS43ODc3IDU0LjQ1NDUgNDMuMjMwOCA1NS44ODU5IDQzLjIzMDggNTcuNjU5MUM0My4yMzA4IDU5LjQzMjMgNDEuNzg3NyA2MC44NjM2IDQwIDYwLjg2MzZaTTQ5LjY5MjMgNTIuMzE4MkgzMC4zMDc3VjIyLjQwOTFINDkuNjkyM1Y1Mi4zMTgyWiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80NF8yIiB4MT0iNDAiIHkxPSIwIiB4Mj0iNDAiIHkyPSI4MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQ0UxMUFCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzkwMEJCNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iMTIiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xXzY0KSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMV82NCkiPgo8cGF0aCBkPSJNNTguNzUgMTkuMTY2N0gyMS4yNUMxOC45NTgzIDE5LjE2NjcgMTcuMDgzMyAyMS4wNDE3IDE3LjA4MzMgMjMuMzMzNFY0OC4zMzM0QzE3LjA4MzMgNTAuNjI1IDE4Ljk1ODMgNTIuNSAyMS4yNSA1Mi41SDM1LjgzMzNMMzEuNjY2NyA1OC43NVY2MC44MzM0SDQ4LjMzMzNWNTguNzVMNDQuMTY2NyA1Mi41SDU4Ljc1QzYxLjA0MTcgNTIuNSA2Mi45MTY3IDUwLjYyNSA2Mi45MTY3IDQ4LjMzMzRWMjMuMzMzNEM2Mi45MTY3IDIxLjA0MTcgNjEuMDQxNyAxOS4xNjY3IDU4Ljc1IDE5LjE2NjdaTTU4Ljc1IDQ0LjE2NjdIMjEuMjVWMjMuMzMzNEg1OC43NVY0NC4xNjY3WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzFfNjQiIHgxPSI0MCIgeTE9IjAiIHgyPSI0MCIgeTI9IjgwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDRTExQUIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTAwQkI1Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMV82NCI+CjxyZWN0IHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1IDE1KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="},create:e=>new o.S(e),connectUI:t=>(0,g.jsx)(w,{...t,persist:!e||void 0===e.persist||e.persist})});(0,p.iv)`
  opacity: 0;
`,(0,p.iv)`
  opacity: 1;
`,(0,p.iv)`
  position: relative;
  width: 100%;
  height: 100%;
`,(0,p.iv)`
  display: grid;
  position: relative;
  width: 100%;
`,(0,p.iv)`
  transition-delay: 150ms;
  transition-property: opacity;
  transition-duration: 75ms;
`,(0,p.iv)`
  transition-property: opacity;
  transition-duration: 150ms;
`,(0,p.iv)`
  background-color: transparent;
  grid-column-start: 1;
  grid-row-start: 1;
`;let D=(0,p.F4)`
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
`;(0,p.iv)`
  border: 0.15rem solid #f3f3f300;
  border-top: 0.15rem solid #000000;
  border-left: 0.15rem solid #000000;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  animation: ${D} 1s linear infinite;
`,(0,p.iv)`
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
`,(0,p.iv)`
  color: #000000;
  width: 2rem;
  height: 2rem;
`,(0,p.iv)`
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background-color: #1f2937;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
`}}]);