.bridge-page{background:#030814;min-height:100svh;padding-bottom:120px;overflow-x:hidden}.bridge-navigation{z-index:10;bottom:max(18px, env(safe-area-inset-bottom));width:294px;max-width:calc(100% - 40px);position:fixed;left:50%;transform:translate(-50%)}.bridge-main{width:min(580px,100%);margin:62px auto 0;position:relative}.bridge-glow{z-index:0;pointer-events:none;filter:blur(120px);background:#3b82f612;border-radius:50%;width:720px;height:500px;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.bridge-back{z-index:2;color:#7890ad;align-items:center;gap:7px;font-size:11px;font-weight:650;transition:color .16s;display:inline-flex;position:relative}.bridge-back:hover{color:#d9e8fb}.bridge-back span{font-size:15px}.bridge-heading{z-index:1;text-align:center;margin-top:28px;position:relative}.bridge-heading h1{color:#0000;letter-spacing:-2.5px;background:linear-gradient(95deg,#fff,#d9e3f0 54%,#718198);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,5vw,49px);font-weight:750}.bridge-heading p{color:#7e91aa;margin:14px 0 0;font-size:13px}.bridge-card{z-index:1;background:#0f1929f2;border:1px solid #ffffff12;border-radius:30px;margin-top:34px;padding:15px;position:relative;box-shadow:0 28px 90px #00000047,inset 0 1px #ffffff05}.bridge-asset{background:#0b1524;border:1px solid #ffffff0f;border-radius:22px;padding:20px}.bridge-asset-label{color:#667b96;justify-content:space-between;align-items:center;min-height:18px;font-size:11px;display:flex}.bridge-asset-label button{color:#8297b1;background:0 0;align-items:center;gap:5px;padding:2px;font-size:10px;display:inline-flex}.bridge-asset-label button:hover{color:#92d9ed}.bridge-asset-label button svg{width:12px;height:12px}.bridge-asset-label button b{color:#71d9ed;background:#67e8f918;border-radius:6px;padding:3px 5px;font-size:8px}.bridge-asset-input{align-items:center;gap:12px;margin-top:13px;display:flex}.bridge-asset-input>input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:clamp(28px,7vw,40px);line-height:1.2}.bridge-asset-input>input::placeholder{color:#26364c}.bridge-asset-input>button{color:#e6eef9;background:#ffffff0f;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:47px;padding:7px 11px 7px 7px;display:flex}.bridge-asset-input>button:hover{background:#ffffff19}.bridge-asset-input>button>b{font-size:13px}.bridge-asset-input>button>svg{color:#71849e;width:14px;height:14px}.bridge-token-logo,.bridge-picker-logo{flex:none;width:32px;height:32px;display:block;position:relative}.bridge-token-logo img:first-child,.bridge-picker-logo img:first-child{object-fit:contain;border-radius:50%;width:100%;height:100%}.bridge-token-logo img:last-child,.bridge-picker-logo img:last-child{object-fit:contain;background:#172235;border:2px solid #172235;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-3px;right:-3px}.bridge-asset>p{color:#60728b;margin:10px 0 0;font-size:10px}.bridge-invert-wrap{z-index:2;justify-content:center;height:0;display:flex;position:relative}.bridge-invert{color:#70d4e8;background:#17243a;border:4px solid #0f1929;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;transform:translateY(-50%)}.bridge-invert:hover{background:#213451}.bridge-invert svg{width:17px;height:17px}.bridge-destination{margin:12px 4px 0}.bridge-destination>button{text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:8px 2px;display:flex}.bridge-destination button b,.bridge-destination button small{display:block}.bridge-destination button b{color:#b8c7da;font-size:11px;font-weight:500}.bridge-destination button small{color:#52667f;margin-top:3px;font-size:9px}.bridge-destination button i{background:#202d40;border-radius:999px;width:39px;height:22px;transition:background .18s;position:relative}.bridge-destination button i.is-on{background:#67d9ed}.bridge-destination button em{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0004}.bridge-destination button i.is-on em{transform:translate(17px)}.bridge-destination>input{color:#d9e5f4;background:#081220;border:1px solid #ffffff12;border-radius:14px;outline:none;width:100%;height:47px;margin-top:7px;padding:0 14px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.bridge-destination>input:focus{border-color:#67e8f94d;box-shadow:0 0 0 3px #67e8f90b}.bridge-route-state{color:#b7c7da;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin:14px 4px 0;padding:14px;font-size:10px}.bridge-route-state.is-error{color:#fda4af;background:#f43f5e12;border-color:#fb71851a}.bridge-loading{align-items:center;gap:8px;display:flex}.bridge-loading svg{color:#67d9ed;width:15px;height:15px}.bridge-best-route{color:#657993;justify-content:space-between;align-items:center;display:flex}.bridge-best-route b{color:#c8d6e7;align-items:center;gap:7px;font-size:10px;display:flex}.bridge-best-route img{border-radius:50%;width:19px;height:19px}.bridge-metrics{text-align:center;border-top:1px solid #ffffff0f;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;display:grid}.bridge-metrics span,.bridge-metrics b{display:block}.bridge-metrics span{color:#536780;font-size:8px}.bridge-metrics b{color:#c6d4e5;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;overflow:hidden}.bridge-route-state>p{color:#52667f;text-align:center;margin:10px 0 0;font-size:8px}.bridge-submit-wrap{margin-top:14px}.bridge-submit{color:#0a1b33;background:linear-gradient(90deg,#fff,#c7ddfb);border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:12px;font-weight:650;display:flex}.bridge-submit:hover{background:linear-gradient(90deg,#fff,#e0ecff)}.bridge-submit:disabled{color:#586b83;cursor:default;background:#17243a}.bridge-submit svg{width:15px;height:15px}.bridge-catalog-error{color:#d6b66b;text-align:center;margin:12px 0 0;font-size:9px}.bridge-provider{color:#4e627d;text-align:center;margin:17px 0 0;font-size:9px}.bridge-modal{z-index:150;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030814d9;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.bridge-modal>section{background:#101a2a;border:1px solid #ffffff14;border-radius:28px;width:min(480px,100%);overflow:hidden;box-shadow:0 30px 100px #000a}.bridge-modal>section>header{justify-content:space-between;align-items:center;padding:21px 21px 0;display:flex}.bridge-modal h2{color:#edf4fc;letter-spacing:-.5px;margin:0;font-size:18px}.bridge-modal header p{color:#60738d;margin:5px 0 0;font-size:10px}.bridge-modal header>button{color:#8093ab;background:#ffffff0d;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.bridge-modal header>button:hover{color:#fff;background:#ffffff17}.bridge-modal header svg{width:15px;height:15px}.bridge-chain-tabs{scrollbar-width:none;gap:7px;padding:18px 21px 12px;display:flex;overflow-x:auto}.bridge-chain-tabs button{color:#8496ad;background:#ffffff07;border:1px solid #ffffff0f;border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:600;display:flex}.bridge-chain-tabs button.is-selected{color:#b9eff8;background:#67e8f914;border-color:#67e8f94d}.bridge-chain-tabs img{object-fit:contain;border-radius:50%;width:19px;height:19px}.bridge-search{background:#ffffff0a;border-radius:13px;align-items:center;gap:8px;height:43px;margin:0 21px;padding:0 12px;display:flex}.bridge-search svg{color:#50637c;width:15px}.bridge-search input{color:#d8e5f3;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:11px}.bridge-token-list{scrollbar-width:thin;scrollbar-color:#2c405c transparent;max-height:360px;margin-top:11px;padding:0 12px 14px;overflow-y:auto}.bridge-token-list>button{text-align:left;background:0 0;border-radius:15px;align-items:center;gap:12px;width:100%;padding:11px;display:flex}.bridge-token-list>button:hover{background:#ffffff0a}.bridge-picker-logo{width:38px;height:38px}.bridge-picker-logo img:last-child{background:#101a2a;border-color:#101a2a}.bridge-token-list>button>span:nth-child(2){flex:1;min-width:0}.bridge-token-list b,.bridge-token-list small{display:block}.bridge-token-list b{color:#e1ebf7;font-size:12px}.bridge-token-list small{color:#627690;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;overflow:hidden}.bridge-token-list>button>svg{color:#73d9ed;width:15px}.bridge-token-list>p{color:#667a93;text-align:center;padding:32px 0;font-size:11px}.bridge-success-modal{z-index:160}.bridge-success-modal>section{text-align:center;max-width:440px;padding:27px;position:relative}.bridge-success-glow{pointer-events:none;background:radial-gradient(at top,#2563eb8f,#0e74902e 42%,#0000 72%);height:240px;position:absolute;inset:0 0 auto}.bridge-success-content{position:relative}.bridge-success-check{color:#06121f;background:#67d9ed;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto;display:grid}.bridge-success-check svg{stroke-width:3px;width:28px;height:28px}.bridge-success-content h2{margin-top:17px;font-size:27px}.bridge-success-content>p{color:#a8bad0;margin:8px 0 0;font-size:11px;line-height:1.6}.bridge-receipt{grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;margin-top:22px;display:grid}.bridge-receipt>svg{color:#9fe5f3;width:18px;margin:auto;transform:rotate(90deg)}.bridge-receipt>div{background:#ffffff0d;border:1px solid #ffffff19;border-radius:18px;min-width:0;padding:14px 10px}.bridge-receipt img{border-radius:50%;width:31px;height:31px}.bridge-receipt b,.bridge-receipt span{display:block}.bridge-receipt b{color:#e4eef9;text-overflow:ellipsis;margin-top:7px;font-size:12px;overflow:hidden}.bridge-receipt span{color:#8699b1;margin-top:3px;font-size:9px}.bridge-success-content .bridge-submit{margin-top:24px}.bridge-success-content>a{color:#c4d3e5;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:100%;height:47px;margin-top:10px;font-size:11px;font-weight:600;display:flex}.bridge-success-content>a svg{width:14px;height:14px}.bridge-spinner{animation:.8s linear infinite bridge-spin}@keyframes bridge-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.bridge-main{margin-top:50px}.bridge-heading h1{letter-spacing:-1.8px;font-size:35px}.bridge-heading p{max-width:290px;margin-inline:auto;line-height:1.6}.bridge-card{border-radius:25px;margin-top:27px;padding:11px}.bridge-asset{padding:17px 15px}.bridge-asset-input>input{font-size:29px}.bridge-asset-input>button{min-height:43px;padding-right:9px}.bridge-token-logo{width:28px;height:28px}.bridge-modal>section{border-radius:24px}}