.Toolbar{position:-webkit-sticky;position:sticky;top:0;left:0;height:80px;padding:10px;width:calc(100vw - 20px);background:var(--toolbarColor);box-shadow:var(--toolbarShadow);border-bottom:1px solid var(--mainColor7);justify-content:space-between;gap:1vw;z-index:10}.Toolbar,.ToolbarMenu{display:flex;flex-direction:row;align-items:center}.ToolbarMenu{justify-content:flex-end;margin-right:10px}.ToolbarMenuBackdrop{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.95)}.ToolbarMenuBox{position:fixed;height:100%;width:100%;background:#021338e1}.ToolbarMenuBox,.ToolbarMenuCloseButton{display:flex;flex-direction:column;justify-content:center;align-items:center}.ToolbarMenuCloseButton{position:absolute;top:30px;right:21px;width:25px;height:25px;border:none;color:var(--frontColor);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:30px;font-weight:500}.AppNameWrap{display:flex;align-items:center}.AppName{margin-left:10px;font-size:20px}.HeaderConnect{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:40px;padding:1.5px;background:var(--mainColor14);border-radius:30px;border:1px solid;border-color:var(--mainColor6)}.HeaderConnect,.HeaderDisconnect{width:-moz-fit-content;width:fit-content;margin-right:10px}.HeaderConnect span{font-size:14px;padding-left:10px;padding-right:10px}.HeaderConnectInner{display:flex;flex-direction:row;align-items:center}.HeaderBalanceDisplay{white-space:nowrap}.ChainSelect{width:38px;height:38px;border-radius:30px;border:1px solid;border-color:var(--mainColor6);background:var(--mainColor11)}.ChainSelect button{background:none;flex-direction:row;border:none;border-radius:30px;width:38px;height:38px;padding:0}.ChainSelect button,.ChainSelect button img{display:flex;align-items:center;justify-content:center}.ChainSelect button img{width:22px;height:22px}.ConnectButton{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;min-width:130px;width:150px;height:40px;font-size:15px;letter-spacing:.01em;font-weight:400;border-radius:30px;border:.5px solid transparent}.ConnectButton.Disconnected{background:var(--bgMainGrad);border:none}.ConnectButton.Disconnected:hover{background:var(--bgMainGradHover);box-shadow:none}.ConnectButton.Connected{background:var(--mainColor6);border:.5px solid;border-color:var(--mainColor1)}.ConnectButton.Connected:hover{background:var(--mainColor5);box-shadow:none}.Hamburger button{display:flex;justify-content:center;align-items:center;transform:scale(.9);overflow:hidden;transition:.5s ease-in-out;cursor:pointer;background:none;border:none}.Footer{width:100%;position:relative;left:0;bottom:0;z-index:0;background:var(--mainColor14)}.FooterContent{padding:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Footer svg{height:40px;width:40px;margin-left:10px;margin-right:10px;fill:#fff}.Footer p{font-size:16px}.PoweredBy{margin-top:20px}.PoweredByInner{font-size:14px;color:var(--lightColor7);justify-self:center}.PoweredByInner,.logos-wrap{display:flex;align-items:center}.logos-wrap{gap:5px;margin-left:3px}.tlf-image{width:auto;height:18px}@media (max-width:950px){.MenuButtonTxt{font-size:22px}.MenuButton{padding:50px}}@media (max-width:600px){.AppName{display:none}}@media (max-width:480px){.ToolbarMenu{margin-right:0}.HeaderConnect{border:none;background:none;flex-direction:row-reverse}.HeaderConnect span{display:none}.ChainSelect{border:1px solid;border-color:var(--mainColor4);background:var(--mainColor11);margin-left:10px}.ChainSelect button{background:none;display:flex;align-items:center;justify-content:center;flex-direction:row;border:none;border-radius:30px;width:38px;height:38px;padding:0}.MenuButton{padding:40px}.MenuButtonTxt{font-size:20px}.ConnectButton{min-width:130px;width:140px}.Toolbar{height:60px;background:var(--toolbarColor);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1vw;z-index:10}}.slideContainer{padding:20px 0}.slider{-webkit-appearance:none;width:100%;height:8px;outline:none;opacity:.9;border-radius:50px;transition:opacity .2s;background:var(--bgMainGrad)}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:linear-gradient(145deg,#04a3f8,#0455d1);border:0 solid;border-radius:50%;cursor:pointer;box-shadow:var(--boxShadow)}html input[type=range]:active::-webkit-slider-thumb{height:25px;width:25px;box-shadow:0 0 2px 0 #555}.slider::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.slider::-moz-range-thumb{width:22px;height:22px;background:linear-gradient(145deg,#04a3f8,#0455d1);border:0 solid;border-radius:50%;cursor:pointer;-moz-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;box-shadow:var(--boxShadow)}html input[type=range]:active::-moz-range-thumb{height:25px;width:25px}html input[type=range]::-moz-range-progress{background:var(--bgMainGrad);height:8px;border-radius:30px}html input[type=range]::-moz-range-track{background-color:#041137;height:8px;box-shadow:var(--neoBox);border-radius:30px}html input[type=range]::-ms-fill-lower{background:var(--bgMainGrad);height:8px;border-radius:30px}html input[type=range]::-ms-fill-upper{background-color:#041137;height:8px;box-shadow:var(--neoBox);border-radius:30px}#h4-container{max-width:100%;padding:0 10px 0 15px;box-sizing:border-box}#h4-container,#h4-container #h4-subcontainer{width:100%;position:relative}#h4-container #h4-subcontainer h4{display:flex;align-items:center;justify-content:center;position:absolute;top:0;width:40px;height:40px;color:#fff!important;font-size:12px;transform-origin:center -10px;transform:translateX(-50%);transition:margin-top .15s ease-in-out,opacity .15s ease-in-out}#h4-container #h4-subcontainer h4 span{position:absolute;width:100%;height:100%;top:100;left:100;background-color:#1597ff;border-radius:0 50% 50% 50%;transform:rotate(45deg);z-index:-1}input:not(:active)+#h4-container h4{opacity:0;margin-top:-40px;pointer-events:none}.BoxContainer{display:flex;flex-direction:column;width:100%;max-width:500px;padding:32px;background:var(--mainColor6);border:1px solid var(--mainColor5);box-shadow:var(--boxShadow2);border-radius:26px}.Headline{font-size:24px;font-weight:500;letter-spacing:.04em;color:var(--fontColor1)}.SwitchWrap{display:flex;justify-content:space-between;align-items:center}.SwitchInfo{font-weight:300;color:var(--fontColor2)}.Switch{display:flex;padding:3px;margin-right:-3px;width:-moz-fit-content;width:fit-content;border-radius:30px;background:var(--mainColor9);border:1px solid var(--mainColor5);font-weight:100}.Switch button{display:flex;align-items:center;border:none;color:#fff;font-size:14px;letter-spacing:.4px;border-radius:20px;cursor:pointer}.LiquefySwitch.Active,.SolidifySwitch.Active{padding:6px 20px;background:var(--bgMainGrad)}.LiquefySwitch.Inactive,.SolidifySwitch.Inactive{background:none;color:rgb(255,255,255)}.LiquefySwitch.Inactive{padding:6px 15px 6px 20px}.SolidifySwitch.Inactive{padding:6px 20px 6px 15px}.BalanceDisplayContainer{width:100%;display:flex;flex-direction:column;align-content:center;margin:5px 0 30px}.InputWrap{display:flex;align-items:center;gap:12px}.Input{height:30px;border-radius:8px;border:1px solid transparent;background:#031b47;color:var(--fontColor1);font-size:15px;padding:5px 15px;box-shadow:-1px -1px 2px #001641,1px 1px 2px #002e8b}.AmountWrap{margin:10px 0;display:flex;justify-content:flex-end}.AmountWrap span{font-weight:300;color:var(--fontColor1)}.SliderWrap{margin-top:10px}.PercentageBtnGroup{width:100%!important;display:flex;flex-direction:row}.PercentageBtnGroup button{width:100%;height:50px;padding:10px;border:0;text-transform:uppercase;font-size:15px;font-weight:400;color:var(--fontColor2);letter-spacing:.08em;border-radius:10px;background:var(--mainColor6);box-shadow:1px 1px 3px #030f37,-1px -1px 2px #1033a5}.PercentageBtnGroup button:hover{color:var(--buttonTxt)}.PercentageBtnGroup button:active{background:var(--mainColor9);transition:all .05s ease;box-shadow:-1px -1px 2px #001641,1px 1px 2px #002e8b}.PercentageBtn{margin-right:2%;width:100%;border-radius:10px;padding:2px}.PercentageBtn:last-child{margin-right:0}.ActionButtonGroup{width:100%;display:flex;flex-direction:column;margin-top:25px;margin-bottom:10px;height:52px}.ActionButton{border:0 solid;background:var(--bgMainGrad);border-radius:20px;font-family:inherit;font-size:16px;letter-spacing:.02rem;height:50px;width:48%}.ActionButton:hover{background:var(--bgMainGradHover)}.ActionButton:first-child{margin-right:4%}.ActionButton button:hover[disabled],body .ActionButton[disabled]{height:52px;background:var(--mainColor9);color:var(--fontColor1);border-radius:20px;cursor:not-allowed}.SummaryBox,.WarningBox{font-weight:200;font-size:14.5px;letter-spacing:.4px;line-height:1.5em}.WarningBox{padding:10px 15px;background:#0095ff74;border-radius:10px;border:1px solid #0095ff74;width:100%}.SummaryBox{padding:10px 15px;background:var(--mainColor8);border-radius:10px;border:1px solid var(--mainColor4);margin-top:20px}.SummaryItem{font-weight:500}.InfoBox{display:flex;justify-content:center;margin-top:20px;width:500px;max-width:500px;padding:20px 32px;background:var(--mainColor6);border:1px solid var(--mainColor5);box-shadow:var(--boxShadow2);border-radius:20px}.InfoWrap{display:flex;align-items:center;text-align:justify;line-height:1.3rem;letter-spacing:.05rem;font-size:14px;gap:20px}.InfoImg{width:38px;height:auto}.InfoTxt{text-align:justify;font-size:14px}.ContractsWrap{flex-direction:row;justify-content:space-between}.ContractsWrap,.TokenWrap{display:flex;align-items:center;gap:10px;width:100%}.TokenWrap img{width:26px;height:auto}.TokenTxt{min-width:42px}.Wallet{justify-content:center;border:1px solid var(--mainColor1);padding:6px 10px;border-radius:30px;color:#fff;width:100%}.Wallet,.WalletLink{display:flex;align-items:center}.WalletLink{gap:6px;font-family:monospace;font-size:14px}.Wallet img{width:12px;height:auto}.Wallet svg path{fill:#fff}.Wallet:hover{filter:brightness(110%);color:#fff;background-color:var(--mainColor5)}.Wallet a:hover,.Wallet:hover{text-decoration:none}.ToastBoxWrap{position:absolute;top:5%;right:5%;z-index:10}.ToastBox{justify-content:space-between;background:linear-gradient(45deg,var(--mainColor7),var(--mainColor3));border-radius:20px;margin:10px;border:1px solid;border-color:var(--mainColor4);box-shadow:var(--boxShadow3);width:100%}.ToastBox,.ToastIcon{display:flex;align-items:center}.ToastIcon{justify-content:center;background:linear-gradient(to left,var(--mainColor8),var(--mainColor6));border-top-left-radius:20px;border-bottom-left-radius:20px;border-top-right-radius:0;border-bottom-right-radius:0}.ToastIcon img{height:30px;width:30px;border-radius:10px;padding:20px}.ToastInfo{width:100%;padding:0 20px;line-height:1.5rem;font-weight:400}.ToastInfo span{font-size:14.5px;line-height:1.5rem;font-weight:200;color:var(--fontColor6)}.ToastExit{padding:20px}.ToastExit button{border:none;background:none;font-size:20px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}@media (max-width:600px){.BoxContainer,.InfoBox{width:80vw}}@media (max-width:480px){.BoxContainer,.InfoBox{padding:20px}.PercentageBtnGroup button{width:100%;height:40px;border-radius:8px}.Headline,.SwitchInfo{display:none}.SwitchWrap{display:flex;justify-content:center;align-items:center}.AmountWrap{font-size:.95rem}.BalanceDisplayContainer{width:100%;display:flex;flex-direction:column;align-content:center;margin:5px 0 15px}.PercentageBtnGroup button{font-size:14px}.ActionButtonGroup{width:100%;display:flex;flex-direction:column;margin-top:20px;margin-bottom:5px}.ActionButton{font-size:14.5px;letter-spacing:.04rem}}.root{--backColor:var(--mainColor11);--frontColor:#fff;--fontColor1:var(--lightColor1);--fontColor2:var(--lightColor2);--fontColor3:var(--lightColor3);--fontColor4:var(--lightColor4);--fontColor5:var(--lightColor5);--fontColor6:var(--lightColor6);--fontColor7:var(--lightColor7);--toolbarColor:var(--mainColor12);--toolbarShadow:var(--boxShadow4);--buttonBg1:var(--bgMainGrad);--buttonBg1Hover:var(--bgMainGradHover);--buttonBg2:var(--mainColor6);--buttonBg2Hover:var(--mainColor5);--buttonTxt:var(--lightColor1);--buttonTxtHover:#fff;--buttonFg:var(--mainColor5);--buttonFgHover:var(--mainColor4);--buttonShadow:1px 1px 6 px 1px #00000051;--mainColor1:hsl(220,100%,32%);--mainColor2:hsl(220,100%,29%);--mainColor3:hsl(220,100%,27%);--mainColor4:hsl(220,100%,25%);--mainColor5:hsl(220,100%,23%);--mainColor6:hsl(220,100%,20%);--mainColor7:hsl(220,100%,19%);--mainColor8:hsl(220,100%,17%);--mainColor9:hsl(220,100%,16%);--mainColor10:hsl(220,100%,15%);--mainColor11:hsl(220,100%,13%);--mainColor12:hsl(220,100%,11%);--mainColor13:hsl(220,100%,10%);--mainColor14:hsl(220,100%,7%);--mainColor15:hsl(220,100%,5%);--lightColor1:hsl(212,35%,90%);--lightColor2:hsl(212,100%,85%);--lightColor3:hsl(212,100%,80%);--lightColor4:hsl(212,100%,75%);--lightColor5:hsl(212,100%,70%);--lightColor6:hsl(212,100%,65%);--lightColor7:hsl(212,100%,50%);--brandColor1:hsl(201,100%,50%);--brandColor2:hsl(208,100%,44%);--brandColor3:hsl(215,99%,37%);--brandColor4:hsl(225,100%,16%);--brandColor1H:hsl(201,100%,55%);--brandColor2H:hsl(208,100%,50%);--brandColor3H:hsl(215,99%,42%);--bgMainGrad:linear-gradient(to right,var(--brandColor1),var(--brandColor2),var(--brandColor3));--bgMainGradHover:linear-gradient(to right,var(--brandColor1H),var(--brandColor2H),var(--brandColor3H));--bgMainGrad2:linear-gradient(200deg,var(--brandColor1),var(--brandColor3));--bgSoftBlueGrad:linear-gradient(to right,var(--mainColor2),var(--mainColor5));--bgSoftBlueGradHover:linear-gradient(to right,var(--mainColor1),var(--mainColor4));--bgBlueGrad:linear-gradient(to right,var(--mainColor9),var(--mainColor5));--bgBlueGradVert:linear-gradient(90deg,var(--mainColor4),var(--mainColor9));--bgMidBlueGrad:linear-gradient(to right,var(--mainColor13),var(--mainColor11));--hoverColdLight:0px 0px 5px 0px hsla(229,100%,33%,0.4);--neoBox:-1px -1px 1px #001641,1px 1px 1px hsl(220,100%,27%);--boxShadow:1px 3px 3px 2px hsla(220,75%,30%,0.1);--boxShadow1:0px 2px 5px 1px hsla(220,75%,15%,0.5);--boxShadow2:5px 5px 25px 0px hsla(220,75%,0%,0.2);--boxShadow3:5px 5px 25px 0px hsla(220,75%,8%,0.6);--boxShadow4:0px 2px 20px 4px hsla(228,75%,10%,0.4)}body,html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#000c24;color:hsl(198,33%,90%);padding:0;margin:0;font-size:16px;letter-spacing:.02em;font-weight:300;outline:none}.App{width:100vw;height:100vh;justify-content:space-between;background:var(--mainColor10);scrollbar-width:auto;scrollbar-color:var(--scrollbar1) var(--scrollbar2);overflow-y:auto;overflow-x:hidden}.App,.AppWrap{display:flex;flex-direction:column}.AppWrap{width:100%;height:calc(90vh - 20px);align-items:center;margin-top:5%}@media (max-width:480px){.AppWrap{width:100%;height:calc(100vh - 20px);display:flex;flex-direction:column;align-items:center;margin-top:5%}}a{text-decoration:none;color:#fff}a,a:active,a:focus{outline:none}a:link,a:visited{text-decoration:none;outline:none}a:hover{text-decoration:underline;outline:none}h1{font-size:45px;letter-spacing:.04em}.Highlight{color:var(--fontColor7)}button{color:var(--buttonTxt);cursor:pointer;letter-spacing:.04px;border:1px solid;border-radius:15px;background-color:var(--backColor);outline:none}button:hover{color:var(--buttonTxtHover)}.WarmButton{background:var(--bgMainGrad);border-color:#004a9f}.WarmButton:hover{background:var(--bgMainGradHover);border-color:#004a9f}.ColdButton{background:var(--bgSoftBlueGrad);border-color:var(--mainColor3)}.ColdButton:hover{background:var(--bgSoftBlueGradHover);border-color:var(--mainColor2)}.Wide{width:100%}.Waves:hover{background:var(--bgMainGradHover);background-position:100%;background-size:200% auto;animation:pulse512 1.5s infinite}@keyframes pulse512{0%{box-shadow:0 0 0 0 #00aaff5d}60%{box-shadow:0 0 0 10px rgb(218 103 68/0)}90%{box-shadow:0 0 0 0 rgb(218 103 68/0)}}input{outline:none}.LogoIcon{align-items:center;margin-left:5px}.LogoIcon,.PopupBackdrop{display:flex;justify-content:center}.PopupBackdrop{position:fixed;top:0;left:0;z-index:99;height:100vh;width:100vw;scroll-behavior:auto;background:rgba(0,9,29,.786);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.PopupBox{position:relative;flex-direction:column;z-index:99;max-width:380px;height:-moz-fit-content!important;height:fit-content!important;min-height:300px;max-height:80vh;margin-top:20vh;margin-left:20px;margin-right:20px;padding:0;background:var(--mainColor10);box-shadow:var(--softShadow);border:1px solid;border-color:var(--mainColor6);border-radius:20px;overflow:hidden}.PopupBox,.PopupHeader{display:flex;align-items:center;width:100%}.PopupHeader{justify-content:space-between;min-height:40px;padding:18px 0;border-top-right-radius:20px;border-top-left-radius:20px;background:var(--bgMidBlueGrad)}.PopupHeader h2{text-transform:uppercase;font-size:18px;font-weight:400;letter-spacing:.08em;line-height:0;margin-left:30px;color:var(--lightColor2)}.PopupCloseButton{cursor:pointer;margin-right:25px;border:1px solid transparent;border-radius:10px;padding:5px 10px}.PopupCloseButton:hover{border:1px solid;border-color:var(--mainColor9);cursor:pointer;border-radius:10px;background:var(--mainColor7)}.PopupContent{padding:40px}.SelectWallet button{width:210px;letter-spacing:.08em;border-radius:15px;background:var(--buttonBg2);border:1px soild var(--buttonFg);box-shadow:none}.SelectWallet button:hover{border-color:var(--buttonFgHover);background:var(--buttonBg2Hover);transition:background .3s ease-in-out}.SelectWallet button{display:flex;align-items:center;min-width:100%;width:220px;height:50px;padding:10px;margin-bottom:15px;border:1px solid;border-color:var(--mainColor4)}.SelectWallet button:last-child{margin-top:15px;margin-bottom:0}.SelectWallet button:hover{border-color:var(--mainColor4);color:var(--buttonTxtHover);background:var(--mainColor5)}.SelectWallet button img{width:30px;height:30px;margin-left:5px;margin-right:18px}.WalletInfoPopup{width:80%;padding:30px;font-size:15px}.BalanceData,.Connection,.NetworkInfo{display:flex;flex-direction:column;margin-bottom:10px}.BalanceData>div,.NetworkInfo>div{display:flex;justify-content:space-between}.WalletAddressWrap{margin:5px 0 15px}.WalletAddressBox{display:flex;flex-direction:row}.WalletAddress{display:flex;justify-content:center;align-content:center;background:var(--mainColor13);border-radius:15px;height:45px;text-overflow:ellipsis;width:85%;box-shadow:var(--neoBox);border-top-left-radius:15px;border-bottom-left-radius:15px;border-top-right-radius:0;border-bottom-right-radius:0}.AddressInput{background:none;outline:none;height:44px;border:none;color:#fff;padding:0 15px;width:100%;font-size:14.5px;font-weight:300;letter-spacing:.04rem}.SideIcon{display:flex;align-items:center;justify-content:center;background:linear-gradient(to left,var(--mainColor5),var(--mainColor2));border:1px solid #002266;border-left:none;padding:12px 10px 8px;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:15px;border-bottom-right-radius:15px}.SideIcon button{background:none;border:none}.SideIcon svg{height:20px;width:20px;fill:var(--frontColor)}.CopiedBubble{display:flex;justify-content:center;align-items:center;position:absolute;top:165px;left:270px;padding:8px 20px;color:var(--fontWhite);font-size:14px;font-weight:200;background:var(--mainColor5);box-shadow:var(--boxShadow4);border:1px solid;border-color:var(--brandColor3);border-radius:90px;opacity:0;pointer-events:none;transition:all .3s ease-in-out}.CopiedBubble:after{content:"Copied";pointer-events:none}.CopiedBubble.CopiedBubble-active{opacity:1}.CopiedBubble:before{content:"";position:absolute;width:10px;height:10px;bottom:28px;left:40px;border-top:1px solid;border-left:1px solid;border-color:var(--brandColor3);background:var(--mainColor5);transform:rotate(45deg)}.NetworkInfo{padding:7px 0}.NetworkInfo span{padding:5px 0}.Connection button{padding:15px;border-radius:15px;margin:10px 0 5px}@media (max-width:400px){.PopupHeader h2{font-size:16px;letter-spacing:.1em;margin-left:25px}.PopupCloseButton{font-size:22px;margin-right:20px}}