@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600,700,800,900&display=swap");:root{--font-xxs:0.8em;--font-xs:0.85em;--font-sm:0.95em;--font-base:1em;--font-md:1.1em;--font-lg:1.2em;--font-xl:1.35em;--font-xxl:1.6em;--font-xxxl:2em;--font-hero:3em;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--radius-xsmall:6px;--radius-small:6px;--radius-medium:8px;--radius-large:12px;--radius-pill:50px;--radius-circle:50%;--widget-padding:35px}*{margin:0;padding:0;text-decoration:none;list-style:none;outline:0;border-style:none;color:#333;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-base);font-weight:var(--fw-normal);box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;word-break:normal;background-color:transparent;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.07) transparent;transition:opacity .15s linear}body{float:left;width:100%}strong{font-weight:var(--fw-semibold)}.left{float:left}.right{float:right}.container{width:100%;padding:0 20px;max-width:1260px;margin:auto}.spinner{position:relative;width:20px;height:20px}.mspinner:before,.spinner:before{content:"";box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-circle);border:2px solid white;border-top-color:#ccc;opacity:.7;animation:spinner .75s linear infinite}@keyframes spinner{to{transform:rotate(1turn)}}.main-cta{padding:20px 40px;background-color:#7667ec;color:white;border-radius:var(--radius-pill);font-size:var(--font-lg);font-weight:var(--fw-semibold);cursor:pointer}.main-cta:hover,.text-cta:hover{opacity:.9}.main-cta span{font-size:inherit;color:inherit;font-weight:inherit}.text-cta{font-size:var(--font-lg);color:#7667ec;cursor:pointer;font-weight:var(--fw-semibold)}.text-cta:hover{text-decoration:underline}.select-menu{position:absolute;width:260px;background-color:white;border-radius:var(--radius-medium);box-shadow:0 1px 14px rgba(0,0,0,.05);border:1px solid #eee;z-index:2;padding:8px 0}.select-menu li{float:left;width:100%;padding:12px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.select-menu li:last-child{border-bottom:0}.select-menu li:hover{background-color:#f5f5f5}.select-menu li .item-icon{width:24px;height:24px;margin-right:10px}.select-menu li .selected-icon{width:16px;height:16px;margin-right:10px;opacity:.7}.select-menu li span{flex:1 1}.main{position:relative;float:left;width:100%}.main .backgrounds{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:hidden;min-height:100vh}.main .backgrounds .radial-right{width:763px;height:1074px;background-image:url(/imgs/radial-bg-r.png);background-size:cover;position:absolute;top:0;right:0}.main .backgrounds .radial-left{width:594px;height:1061px;background-image:url(/imgs/radial-bg-l.png);background-size:cover;position:absolute;top:10%;left:0}.main .backgrounds .grid{width:1490px;height:1001px;background-image:url(/imgs/grid-bg.png);background-size:cover;position:absolute;top:10%;right:calc(50% - 1490px / 2)}.main .backgrounds .topographic{width:1074px;height:877px;background-image:url(/imgs/topographic-bg.svg);background-size:cover;position:absolute;bottom:5%;left:5%;opacity:.4}.main .backgrounds .waves{width:1490px;height:369px;background-image:url(/imgs/waves-bg.svg);background-size:cover;position:absolute;bottom:40%;left:calc(50% - 1490px / 2);opacity:.6}.main .container{position:relative;z-index:1}.bridge-app .container{max-width:1300px}.top-nav{float:left;width:100%;margin:50px 0 70px}h1.logo{float:left;background-image:url(/imgs/logo.png);background-repeat:no-repeat;background-size:175px auto;border:0;font:0/0 a;text-shadow:none;color:transparent;background-color:transparent;width:175px;height:35px;cursor:pointer}.top-nav .hamburger-menu{float:right;padding:10px;cursor:pointer;display:none}.top-nav .hamburger-menu img{width:20px;height:20px}.top-nav .nav{float:left;margin-top:8px}.top-nav .nav li{float:left;display:inline;margin-right:40px;padding:0 6px 10px}.top-nav .nav li:hover{opacity:.8}.top-nav .nav li:last-child{margin-right:0}.top-nav .nav li a{text-transform:uppercase;font-weight:var(--fw-medium);color:#777}.top-nav .nav li.active{border-bottom:3px solid #8f8ae2;border-image:linear-gradient(90deg,#c272e6,#8f8ae2) 1}.top-nav .nav li.active a{color:#111;font-weight:var(--fw-semibold)}.hero{padding:120px 0 150px}.hero,.hero h1{float:left;width:100%}.hero h1{margin-bottom:30px}.hero h1,.hero h1 *{font-size:68px;letter-spacing:-1px;font-weight:var(--fw-black);text-transform:uppercase}.hero h2{float:left;width:100%;font-size:25px;font-weight:var(--fw-medium);color:#444;margin-bottom:50px}.hero .left{width:calc(100% - 528px)}.transfer-widget-placeholder-container{width:500px;margin-top:-50px;margin-right:-80px}.hero .widget-placeholder{float:left;width:100%;position:relative;border-radius:16px}.hero .widget-placeholder>img{float:left;width:100%;box-shadow:0 1px 14px rgba(0,0,0,.05);border-radius:inherit;transition:all .15s ease;opacity:.9}.hero .widget-placeholder:hover>img{transform:translateY(-20px) scale(1.01);opacity:1}.hero .widget-placeholder .placeholder-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;z-index:1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 30%,rgba(255,255,255,.55) 60%,rgba(255,255,255,1))}.hero .widget-placeholder:hover .placeholder-overlay{opacity:0}.offerings,.offerings ul{float:left;width:100%}.offerings ul{display:flex;gap:100px}.offerings li{float:left;width:calc(100% / 3)}.offerings li .icon{float:left;clear:both;width:64px;margin-bottom:25px}.offerings li h3{float:left;width:100%;font-size:28px;font-weight:900;color:#222;margin-bottom:15px}.offerings li p{float:left;width:100%;font-size:22px;font-weight:var(--fw-medium);color:#444;line-height:32px}footer{float:left;width:100%;margin:150px 0;padding-top:50px;border-top:1px solid #eee}footer a{color:#777}footer .footer-socialmedia{float:right;clear:both}footer .footer-socialmedia li{float:left}footer .built-by-xlabs a{background-image:url(/imgs/xlabs-icon.svg);background-repeat:no-repeat;background-position:0;padding-left:20px}footer a:hover{text-decoration:underline}footer .social-media-btn{margin-top:-6px;background-color:#eee;height:30px;width:30px;border-radius:var(--radius-circle);cursor:pointer}footer .footer-logo{float:right;clear:both;width:175px;margin-bottom:40px;opacity:.8}footer .footer-logo:hover{opacity:1}footer .footer-links{float:left;max-width:300px;margin-right:50px}.footer-links li{float:left;clear:both;margin-bottom:14px;opacity:.85;font-size:var(--font-sm)}.content-box{background-color:white;border-radius:var(--radius-small);box-shadow:0 1px 14px rgba(0,0,0,.05)}.bridge-widget,.sidebar,.sidebar .tabs{float:left;width:100%}.sidebar .tabs{display:flex;justify-content:space-between;position:relative;margin:10px 0 20px;border-bottom:1px solid #eee}.sidebar .tabs li{font-size:var(--font-md);cursor:pointer;text-align:center;flex:1 1;padding:12px;opacity:.7}.sidebar .tabs li:hover{opacity:1}.sidebar .tabs li.active{color:#333;font-weight:var(--fw-medium);border-bottom:4px solid #8f8ae2;border-image:linear-gradient(90deg,#c272e6,#8f8ae2) 1;opacity:1}.sidebar .sidebar-content{float:left;width:100%;padding:20px}.bridge-widget{padding:30px 0}.bridge-widget .widget-title{float:left;width:100%;padding:0 var(--widget-padding);margin-bottom:25px}.bridge-widget .widget-title h2{float:left;font-size:var(--font-lg);color:#111;font-weight:var(--fw-semibold);text-transform:uppercase}.bridge-widget .widget-body{float:left;width:100%}.bridge-widget .select-section{float:left;width:100%;padding:0 var(--widget-padding)}.bridge-widget .select-section .network-settings{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.bridge-widget .select-section .network-settings .left{flex:0 0 auto}.bridge-widget .select-section .network-settings .right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.bridge-widget .select-section .wallet-chip{display:flex;align-items:center;background:#f5f5f5;padding:8px 10px;border-radius:var(--radius-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bridge-widget .select-section .wallet-chip:hover{background-color:#eee}.bridge-widget .select-section .wallet-chip:active{background-color:#ddd}.bridge-widget .select-section .wallet-chip .address{font-size:var(--font-xs);font-family:Arial,sans-serif;color:#777;margin:0 12px 0 7px}.bridge-widget .select-section .wallet-chip .wallet-icon{width:16px;height:16px}.bridge-widget .select-section .wallet-chip .edit-btn{background:none;font-size:var(--font-xs);border:none;color:#999}.bridge-widget .select-section .balance{text-align:right}.bridge-widget .select-section .balance span{color:#777}.bridge-widget .amount-section{float:left;width:100%;display:flex;align-items:center;gap:12px;margin-top:25px}.bridge-widget .amount-section .usdc-icon{width:32px;height:32px}.bridge-widget .amount-section input{font-size:var(--font-xxl);font-weight:var(--fw-medium);border:none;outline:none;width:100%;color:#111}.bridge-widget .amount-section input::placeholder{opacity:.4;font-weight:400}.bridge-widget .amount-section input::-webkit-inner-spin-button,.bridge-widget .amount-section input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.bridge-widget .amount-section input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bridge-widget .amount-section .max-button{background:none;border:none;color:#8f8ae2;font-weight:var(--fw-semibold);cursor:pointer;padding:4px 6px;margin-right:-6px;border-radius:var(--radius-xsmall);transition:background .1s linear}.bridge-widget .amount-section .max-button:hover{background-color:#f3f1ff}.bridge-widget .amount-section .max-button:active{background-color:#d8d5eb}.bridge-widget .network-select{float:left;position:relative}.bridge-widget .network-select .select-menu{top:70px;left:0}.bridge-widget .network-select .network-select-title{float:left;clear:both;color:#333;margin-bottom:8px}.bridge-widget .network-select-btn{float:left;clear:both;width:170px;display:flex;align-items:center;gap:8px;background:#f5f5f5;border:1px solid #eee;padding:10px 12px;border-radius:var(--radius-pill);cursor:pointer;transition:background .1s linear}.bridge-widget .network-select-btn:hover{background-color:#eee}.bridge-widget .network-select-btn:active{background-color:#ddd}.bridge-widget .network-select-btn .network-logo{float:left;width:24px;height:24px}.bridge-widget .network-select-btn span{float:left;color:#333}.bridge-widget .network-select-btn .arrow{float:right;color:#666;margin-left:auto;margin-right:6px}.bridge-widget .divider{float:left;display:flex;align-items:center;width:100%;margin:15px 0}.bridge-widget .divider:after,.bridge-widget .divider:before{content:"";flex:1 1;height:1px;background:#eee}.bridge-widget .divider .icon-circle{width:40px;height:40px;border:1px solid #eee;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;background:#fff}.bridge-widget .main-cta-container{padding:0 var(--widget-padding)}.bridge-widget .full-width-connect-wrapper,.bridge-widget .full-width-connect-wrapper>*,.bridge-widget .full-width-connect-wrapper>*>*{width:100%;display:block}.bridge-widget .main-cta{float:left;width:100%;margin-top:20px;background:linear-gradient(90deg,#c272e6,#8f8ae2);text-transform:uppercase;padding:20px;border-radius:var(--radius-pill);font-size:var(--font-md);font-weight:var(--fw-bold);display:flex;justify-content:center;gap:12px}.bridge-widget .main-cta:active{transform:scale(.99)}.bridge-widget .main-cta:disabled{filter:saturate(70%);opacity:.5}.bridge-widget .summary{float:left;width:100%;padding:0 var(--widget-padding)}.summary .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary .label{font-size:var(--font-sm);color:#777}.summary .value{font-size:var(--font-sm);color:#222;display:flex;align-items:center;gap:6px}.summary .total .label{font-weight:var(--fw-semibold);color:#666}.summary .total .value{font-weight:var(--fw-semibold);color:#222}.summary .value img{width:16px;height:16px}.bridge-widget .gas-settings{float:left;width:100%;margin-top:30px}.bridge-widget .gas-settings .label{float:left;color:#333}.bridge-widget .gas-settings .tooltip{float:left;color:#aaa;margin:2px 0 0 7px;cursor:pointer;position:relative}.bridge-widget .gas-settings .tooltip .tooltip-text{opacity:0;pointer-events:none;width:240px;background:#333;color:#fff;text-align:center;border-radius:6px;padding:8px 12px;position:absolute;z-index:10;bottom:125%;left:50%;transform:translateX(-50%);font-size:12px;transition:opacity .3s}.bridge-widget .gas-settings .tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#333}.bridge-widget .gas-settings .tooltip:hover .tooltip-text{opacity:1;pointer-events:auto}.bridge-widget .gas-settings .options{float:left;clear:both;margin-top:12px;display:flex;gap:8px}.bridge-widget .gas-settings .option{padding:12px;font-size:var(--font-sm);border-radius:var(--radius-medium);border:none;background:#f5f5f5;color:#555;cursor:pointer}.bridge-widget .gas-settings .option:hover{background-color:#eee}.bridge-widget .gas-settings .option:active{background-color:#ddd}.bridge-widget .gas-settings .option.active{border:1px solid #c272e6;color:#c272e6;background:#fff}.bridge-widget .gas-settings .gas-settings-fees{float:left;margin-top:30px}.bridge-widget .gas-settings .fee-row{float:left;clear:both;margin-bottom:7px;display:flex;justify-content:space-between;font-size:var(--font-sm)}.bridge-widget .gas-settings .fee-row .currency{margin-right:8px;color:#555}.bridge-widget .gas-settings .fee-row .value{color:#555}.route-summary{float:left;width:100%;padding:0 var(--widget-padding);display:flex;justify-content:space-between;align-items:center}.route-summary .left{display:flex;align-items:center;gap:8px}.route-summary .badge{background-color:#38a169;color:white;font-size:var(--font-xxs);padding:4px 6px;border-radius:6px;font-weight:var(--fw-medium);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:1px 0 0 4px}.route-summary .right{display:flex;align-items:center;gap:16px}.route-summary .meta{display:flex;align-items:center;gap:8px;font-size:var(--font-xm)}.route-summary .meta span{color:#555}.route-summary .meta .icon{width:16px;height:16px;margin-top:-1px;opacity:.75}.main-content .top{float:left;width:100%;margin-bottom:30px}.alert{float:left;width:100%;padding:20px;border-radius:var(--radius-medium)}.alert-success{background-color:#d4edda;border-color:#c3e6cb}.alert-success *{color:#155724}.alert h3{font-size:var(--font-xl);font-weight:var(--fw-semibold);margin-bottom:10px}.alert h3,.alert p{float:left;width:100%}.alert p a{text-decoration:underline}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:999}.overlay-modal-header{margin-bottom:40px}.overlay-modal-header h4{font-size:var(--font-lg);font-weight:var(--fw-medium);color:#555}.transaction-tracking-widget{width:100%;max-width:520px;padding:34px;border-radius:20px}.overlay-modal-header{float:left;width:100%}.transaction-tracking-widget .header-time-meta span{float:left;color:#777;margin:-1px 0 0 7px}.transaction-tracking-widget .steps{float:left;width:100%}.steps .step{display:flex;align-items:center;margin-bottom:24px;position:relative}.transaction-tracking-widget .transfer-summary .network-logo{width:54px}.transaction-tracking-widget .transfer-summary .token-logo{width:30px;position:absolute;right:-4px;bottom:-4px}.steps .step .icon{margin-right:20px;position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.steps .step .details{position:relative;flex:1 1}.steps .step-follow{margin:-16px 0 8px}.steps .step-follow .icon{background-color:#e5e5e5;width:3px;height:24px;margin:0 0 0 23px;border-radius:5px}.transaction-tracking-widget .step .completed-step{background-color:#90d5a2;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(0,0,0,.1)}.transaction-tracking-widget .step .failed-step{border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #e1a148}.transaction-tracking-widget .step .failed-step~.details .step-title{color:#e1a148}.transaction-tracking-widget .step .inprogress-step .spinner{width:90%;height:90%}.transaction-tracking-widget .step .inprogress-step .spinner:before{border:4px solid #8d73d9;border-top-color:#ddd5f7;animation-duration:1s}.transaction-tracking-widget .step .completed-step .check-icon{width:16px;opacity:.4}.steps .step-title{font-size:var(--font-lg);font-weight:var(--fw-medium);margin-bottom:2px;color:#555}.steps .step-desc{font-size:var(--font-xs);color:#777}.transaction-tracking-widget .transfer-summary .step-title{font-size:var(--font-xxxl)}.transaction-tracking-widget .destination-summary{align-items:start}.transaction-tracking-widget .transfer-summary .arrow{width:24px;padding:5px;cursor:pointer;position:absolute;opacity:.75;right:0;top:20px}.transaction-tracking-widget .destination-summary-details{display:none}.transaction-tracking-widget .destination-summary-expanded .arrow{transform:rotate(180deg)}.transaction-tracking-widget .destination-summary-expanded .destination-summary-details{display:block}.sdk-steps{float:left;width:100%;margin:180px 0 70px}.sdk-steps h2{float:left;width:100%;font-size:var(--font-hero);font-weight:var(--fw-bold);text-align:center;margin-bottom:55px}.sdk-steps .steps-container{margin:auto;width:100%;max-width:440px;text-align:center}.sdk-steps .steps{float:left;width:100%;text-align:left;margin-bottom:40px}.sdk-steps .step{align-items:flex-start}.sdk-steps .step .icon{border:2px solid #666;border-radius:50%;width:46px;height:46px;margin-right:30px}.sdk-steps .step .icon span{font-size:var(--font-lg)}.sdk-steps .step-follow{margin-bottom:20px}.sdk-steps .step-follow .icon{height:60px;border:0;border-radius:4px;width:3px;margin-top:-20px}.sdk-steps .step-title{font-size:var(--font-xl);font-weight:var(--fw-semibold);margin-bottom:12px}.sdk-steps .step-desc{font-size:var(--font-base);line-height:24px}.announcement{float:left;width:100%;background-color:#7969d4;text-align:center;padding:16px}.announcement *{color:white}.doc-page b{font-weight:600}.doc-page h1{font-size:var(--font-xxxl)}.doc-page h1,.doc-page h3{float:left;width:100%;margin-bottom:20px;font-weight:600}.doc-page h3{font-size:var(--font-xl);padding-top:35px}.doc-page p{float:left;width:100%;line-height:1.5em;margin-bottom:12px}.doc-page p span{opacity:.75}.doc-page ol,.doc-page ul{float:left;width:100%;padding-left:20px;margin-bottom:20px}.doc-page li{float:left;width:100%}.doc-page ol li{list-style:decimal}.doc-page ul li{list-style:disc}@media only screen and (max-width:1050px){.bridge-app .main-content>.left,.bridge-app .main-content>.right{width:100%!important;margin-bottom:30px}.hero .left{width:100%}.transfer-widget-placeholder-container{display:none}}@media only screen and (max-width:900px){.top-nav .nav{display:none}.top-nav .mobile-nav{width:100%;background-color:white;border-top:1px solid #eee;border-radius:var(--radius-medium);clear:both}.top-nav .mobile-nav li{border-bottom:1px solid #eee}.top-nav .mobile-nav li:last-child{border-bottom:none}.top-nav .mobile-nav li a{display:block;padding:16px 20px;color:#333;text-transform:none}.top-nav .mobile-nav li a:hover{background-color:#f5f5f5}.top-nav .mobile-nav li.active a{background-color:#8f8ae2;color:white;font-weight:var(--fw-semibold)}.top-nav .hamburger-menu{display:block}}@media only screen and (max-width:540px){.bridge-widget .select-section .network-settings{flex-direction:column;align-items:stretch}.bridge-widget .select-section .network-settings .right{margin-top:20px;align-items:flex-start}.bridge-widget .gas-settings .gas-settings-fees{margin-top:0}.route-summary{display:block}.route-summary .right{float:left;width:100%;margin-top:10px}footer .left,footer .right{float:left;width:100%;margin-bottom:40px}footer .footer-logo,footer .footer-socialmedia{float:left}}@media only screen and (max-width:460px){.top-nav .nav li{margin-right:12px}.top-nav .nav li a{text-transform:none}.hero{padding:80px 0}.hero h1,.hero h1 *{font-size:56px}.hero .bridge-link,.hero .docs-link{float:left;clear:both;margin-bottom:25px}}@media only screen and (max-width:850px){.offerings ul{display:block}.offerings li{width:100%;margin-bottom:70px}}