.panel{width:432px;min-height:562px;padding:20px 24px 10px;border-radius:20px;box-shadow:0 8px 10px 0 rgba(0,0,0,.06);background-color:var(--panel-background);@media (max-width:768px){width:96%;padding-bottom:80px}}.tokenGroup{width:384px;min-height:124px;margin:13px 0 20px;padding:16px 14px 22px 16px;border-radius:16px;background-color:var(--background-color);@media (max-width:768px){width:100%}}.bigLine,.smallLine{display:flex;justify-content:space-between}.tokenGroup h2{font-family:Inter;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;text-align:left;color:#517aae}.tokenGroup h3{font-size:18px;line-height:1.56;color:var(--text-color);display:flex;align-items:center}.tokenGroup h3,.tokenGroup h4{flex-grow:0;font-family:Inter;font-weight:500;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.tokenGroup h4{font-size:12px;line-height:1.5;color:var(--secondary-text-color);margin-top:-2px}.tokenGroup .max{font-family:Inter;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;text-align:right;color:var(--light-blue);cursor:pointer}.tokenGroup .tokenButton{min-width:128px;height:58px;flex-grow:0;margin-top:8px;padding:8px 12px 6px 8px;border-radius:16px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16);background-color:var(--panel-background);cursor:pointer;display:flex;align-items:center;gap:4px;@media (max-width:768px){min-width:fit-content}}.tokenGroup .tokenButton .coin{width:42px;height:42px;border-radius:21px}.tokenGroup .tokenButton .chain{position:relative;margin:-20px 0 0 22px;width:20px;height:20px;flex-grow:0;padding:2px;border-radius:4px}.tokenGroup .tokenButton .titles{display:flex;flex-direction:column}.tokenGroup input{font-family:Inter;font-size:28px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;text-align:left;color:var(--text-color);background-color:var(--background-color);width:180px;text-align:right;margin-top:15px}.tokenGroup input:focus{outline:none}.tokenGroup input:read-only{color:var(--text-color)}.tokenGroup .values{display:flex;flex-direction:column;align-items:flex-end}.tokenGroup .values input{@media (max-width:768px){width:100%}}.titleBar{display:flex;justify-content:space-between;align-items:center}.title{font-family:Inter;font-size:24px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:var(--text-color)}.refreshIcon{transition:transform .5s ease-in-out}.rotate{transform:rotate(1turn)}.middleCircle{margin:-30px 0 -20px 172px;position:relative;width:40px;height:40px;border-radius:20px;background-color:var(--background-color);border:4px solid var(--panel-background);display:flex;justify-content:center;align-items:center;cursor:pointer;@media (max-width:768px){margin-left:45%;margin-bottom:-20px;margin-right:0;margin-top:-30px}}.panel .connectWallet2 button{background-color:var(--primary-blue);color:#fff;border-radius:16px;@media (max-width:768px){width:100%!important}}.panel .approve,.panel .connectWallet2 button{width:384px;height:48px;text-align:center;font-family:Inter;font-weight:500}.panel .approve{margin:16px 0;padding:12px 132px 12px 130px;border-radius:12px;background-color:var(--light-green);flex-grow:0;font-size:16px;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:var(--primary-green)}.panel .boxBorder{width:384px;min-height:32px;flex-grow:0;margin:16px 0;border-radius:16px;border:1px solid var(--background-color);cursor:pointer;@media (max-width:768px){width:100%}}.panel .boxBorder .slippage{margin-top:8px;margin-bottom:8px;height:36px;background-color:var(--background-color);border-radius:15px;display:flex;justify-content:space-between;padding:4px;font-size:14px}.panel .boxBorder .slippage div{width:82px;text-align:center;flex-grow:0;flex-shrink:0;background-color:transparent;border-radius:15px;display:flex;justify-content:center;align-items:center;@media (max-width:768px){width:70px}}.panel .boxBorder .slippage div:hover{background-color:#fffa}.panel .boxBorder .slippage .selected{width:82px;text-align:center;flex-grow:0;flex-shrink:0;background-color:var(--panel-background);border-radius:15px;display:flex;justify-content:center;align-items:center;@media (max-width:768px){width:70px}}.panel .boxBorder .line{width:100%;height:6px;border-bottom:1px solid var(--background-color)}.panel .boxBorder h5{font-family:Inter;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:2;letter-spacing:normal;text-align:left;color:#94adcf}.panel .boxBorder .fees{display:flex;flex-direction:column;gap:6px;padding:0 16px 7px}.panel .boxTitle{padding:5px 16px 0}.panel .box,.panel .boxTitle{display:flex;align-items:center;font-family:Inter;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:var(--text-color);cursor:pointer}.panel .box{width:384px;height:32px;flex-grow:0;margin:16px 0;padding:7px 16px;border-radius:16px;border:1px solid var(--background-color)}.panel .loading1{margin-top:16px;width:150px;height:30px;opacity:.7;border-radius:8px}.panel .loading2{margin-top:4px;width:60px;height:18px;opacity:.7;border-radius:4px}.gray-address{margin:20px 2px 0 4px;font-size:13px;text-align:left;color:#94adcf}.address-input,.gray-address{flex-grow:0;font-family:Inter;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal}.address-input{width:100%!important;height:48px;margin:12px 0 0;padding:14px 12px 14px 8px;border-radius:8px;border:1px solid var(--background-color-alt);background-color:var(--panel-background);font-size:14px!important;text-align:left!important;color:var(--secondary-text-color)!important;outline:none}.address-input::placeholder{color:var(--secondary-text-color);font-family:Inter;font-weight:500;line-height:1.43}.address-input.active{border:1px solid var(--primary-color);color:var(--text-color)!important}.address-input.error{border:1px solid #e01f39;margin-bottom:8px}.address-error{color:#e01f39;font-size:12px;margin-bottom:8px;font-family:Inter}.address-input-container{position:relative;width:100%}.address-dropdown{position:absolute;width:352px;max-height:340px;flex-grow:0;margin-top:4px;padding:16px;border-radius:12px;box-shadow:0 8px 10px 0 rgba(0,0,0,.06);background-color:var(--panel-background);z-index:10;overflow-y:auto}.dropdown-section-title{width:200px;height:18px;margin:0 224px 8px 0;font-size:12px;line-height:1.5;color:#94adcf}.address-item,.dropdown-section-title{flex-grow:0;font-family:Inter;font-weight:500;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.address-item{width:320px;height:36px;margin:0 0 8px;padding:8px 18px 8px 12px;border-radius:8px;background-color:var(--background-color);font-size:14px;line-height:1.43;color:var(--text-color);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address-item:hover{background-color:var(--background-color-alt)}.address-item:last-child{margin-bottom:0}.mask1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--mask-background);z-index:1030;display:flex;align-items:center;justify-content:center;@media (max-width:768px){position:absolute!important}}.dialog{width:448px;height:734px;flex-grow:0;padding:0;border-radius:16px;background-color:var(--background-color);@media (max-width:768px){width:100%}}.dialog .titleBar{display:flex;align-items:center;justify-content:space-between;padding:22px 16px 0 24px;height:64px}.dialog .titleBar h1{font-family:Inter;font-size:24px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:var(--text-color)}.dialog .titleBar .circleButton{width:32px;height:32px;padding:7px;cursor:pointer}.dialog .content,.dialog .titleBar .circleButton{flex-grow:0;background-color:var(--panel-background);border-radius:16px}.dialog .content{width:448px;height:664px;margin:12px 0 0;padding:16px 6px 12px 8px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;@media (max-width:768px){width:100%;padding-bottom:75px}}.dialog .content::-webkit-scrollbar{display:none}.dialog h2{flex-grow:0;margin:0 0 8px 16px;font-family:Inter;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:var(--text-color)}.dialog .chainGroup{margin-left:16px;margin-bottom:22px}.chain-list,.dialog .chainGroup{display:flex;justify-content:start;flex-wrap:wrap;gap:8px}.chain-item{position:relative;width:60px;height:60px;flex-grow:0;padding:10px;border-radius:8px;background-color:var(--third-background);display:flex;justify-content:center;align-items:center;font-family:Inter;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;text-align:center;color:var(--secondary-text-color);cursor:pointer}.chain-item:hover{background-color:#aed4f9}.chain-item-selected{position:relative;width:60px;height:60px;flex-grow:0;padding:10px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-family:Inter;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;text-align:center;color:var(--secondary-text-color);cursor:pointer;border:1px solid var(--light-blue);background-color:var(--third-background)}.chain-name{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:4px;white-space:nowrap}.dialog .search{width:400px;height:52px;flex-grow:0;margin:8px 2px 8px 16px;border-radius:12px;padding-left:22px;display:flex;align-items:center;gap:8px;@media (max-width:768px){width:90%}}.dialog .search,.dialog .search input{background-color:var(--third-background)}.dialog .search input{font-family:Inter;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;text-align:left;color:var(--secondary-text-color);width:300px}.dialog .search input:focus{outline:none}.dialog .tokenList{margin-left:16px}.dialog .tokenItem{width:398px;height:48px;flex-grow:0;margin:8px 0 4px 4px;padding:5px 12px 5px 6px;border-radius:8px;background-color:var(--panel-background);display:flex;align-items:center;justify-content:space-between;cursor:pointer;@media (max-width:768px){width:90%}}.dialog .tokenItem:hover{background-color:var(--background-color)}.dialog .tokenItem .left{display:flex;gap:8px;width:200px}.tokenItem h2{font-size:16px;color:var(--text-color);margin-left:0;margin-bottom:0}.tokenItem h2,.tokenItem h3{font-family:Inter;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left}.tokenItem h3{font-size:12px;color:var(--secondary-text-color);margin-top:-5px}.tokenItem .left .coins{width:32px;height:32px}.tokenItem .right{display:flex;flex-direction:column;justify-content:end}.tokenItem h4{font-size:16px;color:var(--text-color)}.tokenItem h4,.tokenItem h5{font-family:Inter;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:right}.tokenItem h5{font-size:12px;color:var(--secondary-text-color)}