.flow-steps__grid{display:grid;grid-template-columns:1fr;align-items:stretch;gap:1rem;text-align:center}@media(min-width:768px){.flow-steps__grid{grid-template-columns:1fr auto 1fr auto 1fr;gap:1.5rem;align-items:stretch}.flow-steps[data-mode=active] .flow-steps__grid{grid-template-columns:minmax(0,260px) auto minmax(0,320px) auto minmax(0,260px);gap:1rem;align-items:center}}.flow-steps__step{border-radius:.75rem;padding:1.5rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}@media(min-width:768px){.flow-steps__step--send,.flow-steps__step--receive{justify-content:center}}.flow-steps__step-label{display:block;font-size:.75rem;font-weight:500;letter-spacing:.02em;color:#64748b;margin:0}.flow-steps__step-label--vault{color:#0048d7}.flow-steps__step-content{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.flow-steps__step-content .token-logo--flow{--token-logo-flow-size: 48px;width:var(--token-logo-flow-size)!important;height:var(--token-logo-flow-size)!important;min-width:var(--token-logo-flow-size)!important;min-height:var(--token-logo-flow-size)!important}.flow-steps__symbol{font-size:1.25rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.flow-steps__label{font-size:.8125rem;color:#64748b;font-weight:500}.flow-steps__hint{display:block;font-size:.6875rem;color:#94a3b8;margin-top:.25rem}.flow-steps__vault-card{width:100%;max-width:320px;min-height:248px;padding:1.5rem 1.25rem;border-radius:.5rem;border:2px solid #cbd5e1;background:linear-gradient(180deg,#f8fafc,#e2e8f0);box-shadow:inset 0 1px #ffffffe6,0 4px 14px #0f172a12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;box-sizing:border-box}.flow-steps__vault-lock{display:flex;align-items:center;justify-content:center;color:#0048d7;width:2.5rem;height:2.5rem}.flow-steps__vault-lock svg{width:100%;height:100%}.flow-steps__vault-card-copy{display:flex;flex-direction:column;align-items:center;gap:.25rem}.flow-steps__vault-title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;line-height:1.2}.flow-steps__vault-icon{width:40px;height:40px;margin-bottom:8px;border-radius:12px;background:#0048d733;display:flex;align-items:center;justify-content:center}.flow-steps__vault-icon:after{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230048d7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.flow-steps__vault-desc{display:block;font-size:.8125rem;color:#475569;margin-top:2px}.flow-steps__vault-copy{margin:.25rem 0 0;font-size:.8125rem;line-height:1.55;color:#64748b;max-width:28ch}.flow-steps__arrow{flex-shrink:0;align-self:center;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") no-repeat center;background-size:20px;display:none}@media(min-width:768px){.flow-steps__arrow{display:block;align-self:center}}@media(max-width:767px){.flow-steps__grid{flex-direction:column;align-items:center}.flow-steps__arrow{display:block;transform:rotate(90deg)}}.flow-steps[data-mode=static] .flow-steps__vault-icon{display:none}.flow-steps[data-mode=static] .flow-steps__step--send,.flow-steps[data-mode=static] .flow-steps__step--receive{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0d}.flow-steps[data-mode=static] .flow-steps__step--vault{background:transparent;border:none;box-shadow:none;padding:0;gap:.75rem}.flow-steps[data-mode=static] .flow-steps__vault-copy{margin-top:0}.flow-steps[data-mode=static] .flow-steps__arrow{opacity:.8}.flow-steps[data-mode=active] .flow-steps__step{width:100%;max-width:260px;padding:24px 18px;border-radius:20px;box-sizing:border-box}@media(min-width:768px){.flow-steps[data-mode=active] .flow-steps__step--send,.flow-steps[data-mode=active] .flow-steps__step--receive,.flow-steps[data-mode=active] .flow-steps__step--vault{justify-self:center}}.flow-steps[data-mode=active] .flow-steps__step--send,.flow-steps[data-mode=active] .flow-steps__step--receive{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0d;transition:box-shadow .2s ease,border-color .2s ease}.flow-steps[data-mode=active] .flow-steps__step--send:hover,.flow-steps[data-mode=active] .flow-steps__step--receive:hover{border-color:#94a3b859;box-shadow:0 4px 12px #0f172a14}.flow-steps[data-mode=active] .flow-steps__step--vault{max-width:320px;padding:0;background:transparent;border:none;box-shadow:none;gap:0}.flow-steps[data-mode=active] .flow-steps__step--vault:hover{border:none;box-shadow:none}.flow-steps[data-mode=active] .flow-steps__vault-card{min-height:248px}.flow-steps[data-mode=active] .flow-steps__arrow{opacity:1}@media(max-width:720px){.flow-steps[data-mode=active] .flow-steps__grid{gap:16px}.flow-steps[data-mode=active] .flow-steps__step{max-width:100%;width:100%;padding:18px}.flow-steps[data-mode=active] .flow-steps__step--vault{max-width:100%}.flow-steps[data-mode=active] .flow-steps__arrow{transform:rotate(90deg)}}.exchange-flow-lite{margin:48px 0 24px;padding-top:48px;display:flex;justify-content:center}.exchange-flow-lite__wrap{max-width:72rem;width:100%;margin:0 auto;padding:24px clamp(1rem,3vw,2rem);text-align:center}.exchange-flow-lite__title{font-size:1.5rem;font-weight:600;line-height:1.25;color:#0f172a;margin:0 0 .5rem}@media(min-width:640px){.exchange-flow-lite__title{font-size:1.875rem}}.exchange-flow-lite__sub{font-size:1rem;line-height:1.6;color:#475569;max-width:60ch;margin:0 auto 32px}.exchange-flow-lite__flow-wrap{margin:0 auto 28px;max-width:72rem}.exchange-flow-lite__steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem .75rem;margin:0 auto;padding:0 0 1.25rem;list-style:none;border-bottom:1px solid #e2e8f0}.exchange-flow-lite__steps--no-rule{border-bottom:none;padding-bottom:0}.exchange-flow-lite__step{font-size:.875rem;font-weight:500;color:#475569}.exchange-flow-lite__step[aria-hidden=true]{font-weight:400;color:#94a3b8;-webkit-user-select:none;-moz-user-select:none;user-select:none}.exchange-flow-lite__value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem;margin-top:40px;max-width:56rem;margin-left:auto;margin-right:auto;text-align:center;justify-items:center}.exchange-flow-lite__value-card{max-width:20rem;text-align:center;margin:0}.exchange-flow-lite__value-card-title{margin:0 0 .375rem;font-size:1rem;font-weight:600;color:#0f172a}.exchange-flow-lite__value-card-text{margin:0;font-size:.9375rem;line-height:1.5;color:#475569}.exchange-flow-lite--compact{margin:0;padding-top:0}.exchange-flow-lite--compact .exchange-flow-lite__wrap{max-width:64rem;padding:0}.exchange-flow-lite--compact .exchange-flow-lite__title{font-size:1.35rem;margin-bottom:.75rem}.exchange-flow-lite--compact .exchange-flow-lite__sub{max-width:62ch;margin-bottom:1.75rem}.exchange-flow-lite--compact .exchange-flow-lite__flow-wrap{margin-bottom:1.5rem}.exchange-flow-lite--compact .exchange-flow-lite__steps{padding-bottom:1rem;border-bottom:1px solid #e2e8f0;max-width:24rem}.exchange-flow-lite--compact .exchange-flow-lite__value-cards{margin-top:1.75rem;gap:1.5rem 1.75rem;max-width:52rem}.exchange-flow-lite--compact .exchange-flow-lite__value-card{max-width:16rem}.exchange-flow-lite--compact .exchange-flow-lite__value-card-title{margin-bottom:.5rem}@media(max-width:768px){.exchange-flow-lite__value-cards{grid-template-columns:1fr}}html{scrollbar-gutter:stable}body.how-to-swap-body{background:radial-gradient(circle at 18% -4%,rgba(0,72,215,.14),transparent 34%),radial-gradient(circle at 82% 10%,rgba(14,165,233,.11),transparent 30%),linear-gradient(180deg,#f8fbff,#eef4fb 56%,#edf3fb);background-attachment:fixed}body.how-to-swap-body .page,body.how-to-swap-body .ab-header__strip{background:transparent}body.how-to-swap-body .page{padding-bottom:0;display:flex;flex-direction:column}body.how-to-swap-body .ab-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:1px solid transparent;transition:background .22s ease,border-color .22s ease,backdrop-filter .22s ease}body.how-to-swap-body .ab-header__top{background:transparent}.how-to-swap-page{--howto-hero-handoff-start: clamp(420px, calc(52svh + 24px) , 760px);--howto-hero-handoff-est: 14px;--howto-hero-handoff-fees: 48px;--howto-hero-handoff-solid: 88px;--howto-handoff-top: 60vh;--howto-handoff-height: 40vh;--howto-hero-height: calc(100svh - var(--header-height, 72px));min-height:var(--howto-hero-height);padding:0;margin:0;max-width:none;background:transparent;position:relative;overflow:visible;flex:1 0 auto;display:flex;flex-direction:column;width:100%}.how-to-swap-page .exchange-page__inner,.how-to-swap-page__inner{display:flex;flex-direction:column;align-items:center;flex:1 0 auto;width:min(1200px,100%);max-width:100%;margin:0 auto;gap:0;padding:0 clamp(16px,3vw,32px);box-sizing:border-box;grid-template-columns:unset}.how-to-swap-page:before{content:"";position:absolute;left:50%;width:100vw;transform:translate(-50%);top:var(--howto-handoff-top);height:var(--howto-handoff-height);background:linear-gradient(180deg,rgba(248,251,255,0) 0%,rgba(248,251,255,.06) var(--howto-hero-handoff-est),rgba(255,255,255,.16) calc((var(--howto-hero-handoff-est) + var(--howto-hero-handoff-fees)) * .5),rgba(255,255,255,.36) var(--howto-hero-handoff-fees),rgba(255,255,255,.62) calc(var(--howto-hero-handoff-fees) + (var(--howto-hero-handoff-solid) - var(--howto-hero-handoff-fees)) * .55),rgba(255,255,255,.88) calc(var(--howto-hero-handoff-solid) - 6px),#ffffff var(--howto-hero-handoff-solid),#ffffff 100%);pointer-events:none;z-index:4}.how-to-swap-page__hero{display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center;align-content:stretch;gap:12px;width:100%;height:var(--howto-hero-height);min-height:var(--howto-hero-height);max-height:var(--howto-hero-height);overflow:visible;padding-top:clamp(20px,3.5vh,40px);padding-bottom:0;position:relative;isolation:isolate;box-sizing:border-box}@media(min-width:1024px)and (max-height:900px){body:not(.record-frame-body) .how-to-swap-page{--widget-shell-max: clamp( 520px, calc(730px - ((900px - 100dvh)*1.35)) , 730px )}.how-to-swap-page__hero{gap:8px;padding-top:clamp(12px,2vh,24px)}.how-to-swap-page__header{gap:.55rem}.how-to-swap-page__title{font-size:clamp(24px,2.9vw,40px)}.how-to-swap-page__lead{font-size:clamp(14px,1.25vw,16px);line-height:1.5}.how-to-swap-page__start{padding:10px 18px;font-size:14px}}@media(min-width:1024px)and (max-height:820px){body:not(.record-frame-body) .how-to-swap-page{--widget-shell-max: clamp( 500px, calc(730px - ((900px - 100dvh)*1.55)) , 680px )}.how-to-swap-page__hero{gap:6px;padding-top:clamp(8px,1.5vh,16px)}.how-to-swap-page__header{gap:.4rem}.how-to-swap-page__title{font-size:clamp(22px,2.6vw,36px);line-height:1.12}.how-to-swap-page__lead{font-size:clamp(13px,1.15vw,15px);line-height:1.45}.how-to-swap-page__start{padding:9px 16px}}.how-to-swap-page__hero:before{content:none;display:none}@media(min-width:768px){.how-to-swap-page__hero{height:var(--howto-hero-height);min-height:var(--howto-hero-height);max-height:var(--howto-hero-height);padding-bottom:0}}.how-to-swap-page__hero-copy{width:min(760px,100%)}.how-to-swap-page__widget-stage{width:min(calc(var(--widget-shell-max, 730px) + 30px),100%)}@media(max-width:767px)and (max-height:860px){.how-to-swap-page__hero{height:var(--howto-hero-height);min-height:var(--howto-hero-height);max-height:var(--howto-hero-height);padding-top:18px;padding-bottom:0}}@media(max-width:767px){.how-to-swap-page{min-height:auto}.how-to-swap-page__hero{height:var(--howto-hero-height);min-height:var(--howto-hero-height);max-height:var(--howto-hero-height);padding-top:18px;padding-bottom:0}.how-to-swap-page__hero-copy,body.walkthrough-active .how-to-swap-page{min-height:auto}body.walkthrough-active .how-to-swap-page__hero{height:auto;min-height:auto;max-height:none;overflow:visible}body.walkthrough-active .how-to-swap-page__inner{min-height:auto}}.how-to-swap-page__hero-copy{display:grid;place-items:start center;position:relative;z-index:3;transition:opacity .76s cubic-bezier(.22,1,.36,1),filter .98s cubic-bezier(.22,1,.36,1),transform .98s cubic-bezier(.16,1,.3,1);transform:translateZ(0);will-change:opacity,filter,transform}.how-to-swap-page__widget-stage{position:relative;z-index:1;width:min(calc(var(--widget-shell-max, 730px) + 30px),100%);max-width:100%;min-width:0;min-height:0;max-height:100%;height:auto;align-self:end;justify-self:center;display:flex;flex-direction:column;justify-content:flex-end;container-type:inline-size;container-name:howto-shell}.how-to-swap-page__header{width:min(600px,100%);text-align:center;margin:0 auto;display:grid;gap:.9rem}.how-to-swap-page__header.is-walkthrough-hidden{opacity:0;filter:blur(3px);transform:translateY(-8px);pointer-events:none}.how-to-swap-page__hero.is-starting .how-to-swap-page__hero-copy,.how-to-swap-page__hero.is-walkthrough-live .how-to-swap-page__hero-copy{opacity:0;filter:blur(6px);transform:translate3d(0,-10px,0);pointer-events:none}.how-to-swap-page__eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:none;color:#0048d7db;transform-origin:center top}.how-to-swap-page__header,.how-to-swap-page__card{transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .74s cubic-bezier(.16,1,.3,1),filter .62s cubic-bezier(.22,1,.36,1)}.how-to-swap-page__title{margin:0;font-size:clamp(28px,3.3vw,46px);line-height:1.1;letter-spacing:-.03em;color:#0f172a;white-space:normal;text-wrap:balance}.how-to-swap-page__lead{margin:0;color:#516173;font-size:clamp(16px,1.35vw,18px);line-height:1.6;max-width:56ch}.how-to-swap-page__start{border:0;border-radius:999px;padding:12px 22px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background:#0048d7;color:#fff;box-shadow:0 10px 24px #0048d73d;justify-self:center;width:auto}.how-to-swap-page__card,.how-to-swap-page .exchange-card:has(.exchange-state--form.is-active .hsw--exchange){background:transparent;border:none;box-shadow:none;padding:0;width:100%;min-width:0;justify-self:center}.how-to-swap-page__card{position:relative;transform:translate3d(0,var(--walkthrough-start-offset, 0px),0);transform-origin:top center;will-change:transform,opacity,filter;backface-visibility:hidden}.how-to-swap-page__card,.how-to-swap-page .exchange-card:has(.exchange-state--form.is-active .hsw--exchange),.how-to-swap-page__card.exchange-card:has(.ab-confirm-v2.is-active),.how-to-swap-page .exchange-card:has(.ab-confirm-v2.is-active){max-width:min(var(--widget-shell-max, 730px),100%)}.how-to-swap-page__card .exchange-state--form{transition:opacity .52s cubic-bezier(.22,1,.36,1),filter .74s cubic-bezier(.16,1,.3,1),transform .74s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.22,1,.36,1)}.how-to-swap-page__card .exchange-state--form .exchange-terms{transition:opacity .52s cubic-bezier(.22,1,.36,1)}.how-to-swap-page__card.is-preview-activating .exchange-swap{filter:none;opacity:1;pointer-events:none}.how-to-swap-page__card.is-preview-activating .exchange-state--form{filter:blur(0px) saturate(1) contrast(1);opacity:1;transform:translateY(0) scale(1)}.how-to-swap-page__card.is-preview-activating .exchange-state--form .exchange-terms{opacity:1}.how-to-swap-page .exchange-card .home-hero__swap.hsw.hsw--exchange,.how-to-swap-page .exchange-card .exchange-swap{max-width:100%;min-width:0;box-sizing:border-box;--hsw-shell: min(var(--widget-shell-max, 730px), 100cqw);--hsw-pill-w: calc(var(--hsw-shell) * 179 / 531);--hsw-pill-width: var(--hsw-pill-w);--hsw-pill-safe-width: var(--hsw-pill-width);--hsw-pill-h: calc(var(--hsw-shell) * 60 / 531);--hsw-pill-icon-size: calc(var(--hsw-shell) * 36 / 531);--hsw-pill-badge-size: calc(var(--hsw-shell) * 16 / 531);--hsw-pill-gap: calc(var(--hsw-shell) * 10 / 531);--hsw-pill-pad-x-start: calc(var(--hsw-shell) * 10 / 531);--hsw-pill-pad-x-end: calc(var(--hsw-shell) * 12 / 531);--hsw-card-pad: calc(var(--hsw-shell) * 26 / 531);--hsw-card-gap: calc(var(--hsw-shell) * 24 / 531);--hsw-tab-h: calc(var(--hsw-shell) * 40 / 531);--hsw-tab-fs: calc(var(--hsw-shell) * 14 / 531);--hsw-tab-pad-x: calc(var(--hsw-shell) * 16 / 531);--hsw-field-pad: calc(var(--hsw-shell) * 16 / 531);--hsw-field-inline-padding: calc(var(--hsw-shell) * 16 / 531);--hsw-field-gap: calc(var(--hsw-shell) * 16 / 531);--hsw-field-radius: calc(var(--hsw-shell) * 16 / 531);--hsw-field-head-gap: calc(var(--hsw-shell) * 12 / 531);--hsw-label-fs: calc(var(--hsw-shell) * 12 / 531);--hsw-label-lh: calc(var(--hsw-shell) * 16 / 531);--hsw-amount-fs: calc(var(--hsw-shell) * 28 / 531);--hsw-sub-fs: calc(var(--hsw-shell) * 14 / 531);--hsw-row-gap: calc(var(--hsw-shell) * 16 / 531);--hsw-boost-w: calc(var(--hsw-shell) * 65 / 531);--hsw-boost-h: calc(var(--hsw-shell) * 20 / 531);--hsw-boost-gap: calc(var(--hsw-shell) * 4 / 531);--hsw-boost-pad-x: calc(var(--hsw-shell) * 8 / 531);--hsw-boost-icon-w: calc(var(--hsw-shell) * 10 / 531);--hsw-boost-icon-h: calc(var(--hsw-shell) * 12 / 531);--hsw-boost-label-fs: var(--hsw-label-fs);--hsw-boost-label-lh: var(--hsw-label-lh);--hsw-flip-w: calc(var(--hsw-shell) * 47 / 531);--hsw-flip-h: calc(var(--hsw-shell) * 28 / 531);--hsw-asset-name-fs: calc(var(--hsw-shell) * 14 / 531);--hsw-asset-name-lh: calc(var(--hsw-shell) * 20 / 531);--hsw-asset-tag-fs: calc(var(--hsw-shell) * 12 / 531);--hsw-asset-tag-lh: calc(var(--hsw-shell) * 12 / 531);--hsw-mode-badge-min-w: calc(var(--hsw-shell) * 70 / 531);--hsw-mode-badge-h: calc(var(--hsw-shell) * 20 / 531);--hsw-mode-badge-gap: calc(var(--hsw-shell) * 4 / 531);--hsw-mode-badge-pad-x: calc(var(--hsw-shell) * 8 / 531);--hsw-mode-badge-radius: calc(var(--hsw-shell) * 4 / 531);--hsw-mode-badge-fs: var(--hsw-label-fs);--hsw-mode-badge-lh: var(--hsw-label-lh);--hsw-mode-badge-icon-size: calc(var(--hsw-shell) * 14 / 531);--hsw-estimate-h: calc(var(--hsw-shell) * 60 / 531);--hsw-estimate-min-h: var(--hsw-estimate-h);--hsw-estimate-gap: calc(var(--hsw-shell) * 8 / 531);--hsw-estimate-fs: calc(var(--hsw-shell) * 14 / 531);--hsw-estimate-pad-y: calc(var(--hsw-shell) * 8 / 531);--hsw-estimate-pad-x: calc(var(--hsw-shell) * 12 / 531);--hsw-cta-h: calc(var(--hsw-shell) * 60 / 531);--hsw-cta-fs: calc(var(--hsw-shell) * 14 / 531);--hsw-cta-gap: calc(var(--hsw-shell) * 8 / 531);--hsw-cta-pad-x: calc(var(--hsw-shell) * 32 / 531);--hsw-cta-icon-w: calc(var(--hsw-shell) * 13 / 531);--hsw-cta-icon-h: calc(var(--hsw-shell) * 12 / 531);--hsw-pill-radius: calc(var(--hsw-shell) * 6 / 531);--hsw-estimate-radius: calc(var(--hsw-shell) * 12 / 531);--hsw-cta-radius: calc(var(--hsw-shell) * 6 / 531);--hsw-tab-radius: calc(var(--hsw-shell) * 4 / 531);width:min(100%,var(--widget-shell-max, 730px))}@container howto-shell (max-width: 400px){.how-to-swap-page .hsw--exchange .hsw__tab{gap:0;padding-inline:calc(var(--hsw-shell) * 12 / 531)}.how-to-swap-page .hsw--exchange .hsw__tab-icon,.how-to-swap-page .hsw--exchange .hsw__estimate-label-text--full{display:none}.how-to-swap-page .hsw--exchange .hsw__estimate-label-text--short{display:inline}}.how-to-swap-page .exchange-card .hsw--exchange .asset-pill .token-logo--pill,.how-to-swap-page .exchange-card .hsw--exchange .hsw__pill .token-logo--pill{max-width:64px!important;max-height:64px!important;box-sizing:border-box;overflow:visible!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex:0 0 auto!important;width:var(--hsw-pill-icon-size, 36px)!important;height:var(--hsw-pill-icon-size, 36px)!important;min-width:var(--hsw-pill-icon-size, 36px)!important;min-height:var(--hsw-pill-icon-size, 36px)!important}.how-to-swap-page .exchange-card .hsw--exchange .asset-pill .token-logo--pill .token-logo__img,.how-to-swap-page .exchange-card .hsw--exchange .asset-pill .token-logo--pill .token-img,.how-to-swap-page .exchange-card .hsw--exchange .hsw__pill .token-logo--pill .token-logo__img,.how-to-swap-page .exchange-card .hsw--exchange .hsw__pill .token-logo--pill .token-img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;-o-object-fit:cover!important;object-fit:cover!important}.how-to-swap-page .hsw--exchange .hsw__pill,.how-to-swap-page .hsw--exchange .asset-pill.asset-pill-toggle{transform:none}.how-to-swap-page .hsw--exchange .hsw__pill .asset-pill__text{min-width:0;flex:1;overflow:hidden}.how-to-swap-page .hsw--exchange .hsw__pill .asset-name,.how-to-swap-page .hsw--exchange .hsw__pill .asset-tag{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.how-to-swap-page .hsw--exchange .hsw__pill .asset-chevron{width:calc(var(--hsw-shell, 531px) * 14 / 531);height:calc(var(--hsw-shell, 531px) * 14 / 531);opacity:.45;flex-shrink:0}.how-to-swap-page__terms{margin-top:14px;font-size:13px;text-align:center;color:#64748b}.how-to-guide-content{display:grid;gap:clamp(2rem,3.5vw,3rem);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0;margin-bottom:0;background:#fff;padding:clamp(1.25rem,2.5vw,2rem) clamp(16px,3vw,32px) clamp(2.5rem,4vw,3.5rem);box-sizing:border-box;position:relative;isolation:isolate;z-index:2;flex:1 0 auto}.how-to-guide-content:before{display:none}.how-to-guide-content>*{position:relative;z-index:1;max-width:min(1100px,calc(100vw - (2*clamp(16px,3vw,32px))));width:100%;margin-left:auto;margin-right:auto}.how-to-guide-mobile-blend-spacer{display:none;width:100%;height:0;margin-bottom:0;background:transparent;border-radius:0}.how-to-prep-section{margin-top:0}.how-to-guide-faq{max-width:min(1100px,calc(100vw - (2*clamp(16px,3vw,32px))))}.how-to-guide-section{display:grid;gap:.75rem;position:relative}.how-to-guide-section--tinted{padding-top:0;border-top:none;background:none;margin-top:0}.how-to-guide-section__eyebrow{display:none}.how-to-guide-section__title{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.85rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#0f172a}.how-to-prep-section{padding:0;display:grid;gap:1rem;margin-top:0;margin-bottom:-.5rem}@media(min-width:768px){.how-to-prep-section{gap:1.25rem;margin-top:0;margin-bottom:-.75rem}}.how-to-prep-header{display:grid;gap:.4rem;max-width:60ch}.how-to-prep-title{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.85rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#0f172a}.how-to-prep-subtitle{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:#64748b;max-width:58ch}.how-to-prep-grid{display:grid;gap:0;margin-top:.5rem;background:#fff;border:1px solid #e0e4ef;border-radius:14px;box-shadow:0 10px 30px #0f172a0a;overflow:hidden}@media(min-width:640px){.how-to-prep-grid{grid-template-columns:repeat(2,1fr)}}.how-to-prep-card{background:transparent;border:none;border-radius:0;padding:26px 34px;display:grid;gap:16px;align-content:start;align-self:stretch;box-shadow:none}.how-to-prep-card+.how-to-prep-card{border-top:1px solid #e0e4ef}@media(min-width:640px){.how-to-prep-card+.how-to-prep-card{border-top:none;border-left:1px solid #e0e4ef}}.how-to-prep-card__header{display:flex;align-items:center;gap:14px}.how-to-prep-card__icon{display:block;border-radius:50%;width:32px;height:32px;flex-shrink:0}.how-to-prep-card__title{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.125rem;font-weight:600;color:#0f172a;line-height:1.35}.how-to-prep-card__list{list-style:none;margin:0;padding:0;display:grid;gap:22px;align-content:start}.how-to-prep-card__list li{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;color:#4b5563;display:flex;align-items:flex-start;gap:8px;margin:0}.checkmark{color:#0048d7;margin-top:2px;flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.how-to-prep-card__item-text{display:grid;gap:.35rem;align-content:start;min-width:0}.how-to-prep-card__item-text strong{color:#0f172a;font-weight:600;font-size:1.125rem;line-height:1.3;margin:0}.how-to-prep-card__item-text span{font-size:1rem;line-height:1.6;color:#64748b;margin:0}.how-to-guide-flow{gap:0;padding:clamp(1.5rem,3vw,2.5rem) 0;background:transparent;border:none;border-radius:0;box-shadow:none;position:relative;z-index:5;margin:1.5rem auto;width:100%}.how-to-guide-flow .exchange-flow-lite__title{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.85rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#0f172a}.how-to-guide-faq{padding-top:.5rem}.how-to-guide-faq__items{margin-top:1.25rem}.how-to-guide-faq__item p{white-space:pre-wrap}.related-guides-grid{display:grid;gap:12px;margin-top:1.25rem;grid-template-columns:1fr}@media(min-width:640px){.related-guides-grid{grid-template-columns:repeat(2,1fr)}}.related-guide-item{display:flex;align-items:center;gap:16px;padding:24px;box-sizing:border-box;background:transparent;border:1px solid transparent;border-radius:12px;text-decoration:none;color:inherit;transition:background .2s ease,border-color .2s ease}.related-guide-item:hover{background:#f7f8fb;border-color:#e0e4ef}.related-guide-item__icon{width:32px;height:32px;border:none;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;color:#0048d7;flex-shrink:0}.related-guide-item__icon img,.related-guide-item__icon svg{width:32px;height:32px}.related-guide-item__icon img{border-radius:50%}.related-guide-item__text{display:grid;gap:8px;min-width:0}.related-guide-item__title{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.15rem;font-weight:600;line-height:1.3;color:#0f172a}.related-guide-item__desc{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;color:#4b5563;line-height:1.6}.how-to-swap-helper{border:1px solid rgba(0,0,0,.06);border-radius:16px;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 2px 12px #0f172a0d;color:#1e293b;display:none;margin-top:1.25rem;padding:0}.how-to-swap-helper__summary-trigger{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:0 14px;height:38px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .14s ease}.how-to-swap-helper__summary-trigger:after{content:"";display:inline-block;width:16px;height:16px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .2s ease}.how-to-swap-helper[open] .how-to-swap-helper__summary-trigger{border-bottom:1px solid rgba(0,0,0,.06)}.how-to-swap-helper__title{font-weight:500;color:#475569;display:flex;align-items:baseline;gap:5px;font-size:.875rem}.how-to-swap-helper__header{display:grid;gap:.25rem}.how-to-swap-helper__count{font-weight:400;opacity:.45;font-size:.875em}.how-to-swap-helper__summary-trigger{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:0 14px;height:38px;box-sizing:border-box;font-size:.875rem;font-weight:500;color:#475569;border-radius:16px;transition:background .14s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.how-to-swap-helper__summary-trigger:hover{background:#00000004}.how-to-swap-helper__summary-trigger:focus-visible{outline:2px solid #0048d7;outline-offset:-2px;border-radius:14px}.how-to-swap-helper[open] .how-to-swap-helper__summary-trigger{border-radius:16px 16px 0 0;border-bottom:1px solid rgba(0,0,0,.06)}.how-to-swap-helper__summary-trigger::-webkit-details-marker,.how-to-swap-helper__summary-trigger::marker{display:none}.how-to-swap-helper__summary-trigger:after{content:"";display:inline-block;width:16px;height:16px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .2s ease}.how-to-swap-helper[open] .how-to-swap-helper__summary-trigger:after{transform:rotate(180deg)}.how-to-swap-helper__title{display:flex;align-items:baseline;gap:5px;font-weight:500;color:#475569}.how-to-swap-helper__body{display:grid;gap:.6rem;padding:.75rem .8rem .9rem}.how-to-swap-helper__lead{margin:0;font-size:.8rem;line-height:1.55;color:#94a3b8}.how-to-swap-helper__list{display:grid;gap:2px;margin-top:.35rem}.how-to-swap-helper__item{border:1px solid transparent;border-radius:10px;background:transparent;overflow:hidden;transition:border-color .14s ease,background .14s ease}.how-to-swap-helper__item:hover{background:#00000006}.how-to-swap-helper__item[open]{border-color:#00000012;background:#fff}.how-to-swap-helper__summary{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;cursor:pointer;list-style:none;padding:.45rem .6rem;transition:none}.how-to-swap-helper__summary:focus-visible{outline:2px solid #0048d7;outline-offset:-1px;border-radius:8px}.how-to-swap-helper__summary::-webkit-details-marker,.how-to-swap-helper__summary::marker{display:none}.how-to-swap-helper__summary:after{content:"";display:inline-block;width:14px;height:14px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%23cbd5e1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .18s ease}.how-to-swap-helper__item[open] .how-to-swap-helper__summary:after{transform:rotate(180deg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%230048d7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.how-to-swap-helper__step-num{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:.72rem;font-weight:600;flex-shrink:0;transition:background .14s ease,color .14s ease}.how-to-swap-helper__item[open] .how-to-swap-helper__step-num{background:#0048d714;color:#0048d7}.how-to-swap-helper__step-title{font-size:.84rem;font-weight:500;line-height:1.3;color:#475569;transition:color .14s ease}.how-to-swap-helper__item[open] .how-to-swap-helper__step-title{color:#1e293b;font-weight:600}.how-to-swap-helper__description{margin:0;padding:.4rem .6rem .6rem 2.55rem;font-size:.82rem;line-height:1.55;color:#64748b}.how-to-swap-helper-rail{position:fixed;right:16px;bottom:16px;display:flex;align-items:flex-end;gap:12px;z-index:60;opacity:0;transform:translate3d(0,16px,0);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);visibility:visible}.how-to-swap-helper-rail.is-ready{opacity:1;transform:translateZ(0)}.how-to-swap-helper-rail.is-hidden-by-scroll,.how-to-swap-helper-rail.is-hidden-complete{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}.how-to-swap-helper{width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 100px);overflow:auto;padding:0}.how-to-swap-page .field-value.is-typing,.how-to-swap-page #receive-amount.field-value.is-typing{font-size:var(--hsw-amount-fs, 28px)}.how-to-swap-page__card.is-preview{position:relative;flex:0 1 auto;width:100%;height:auto;min-height:0;max-height:100%;overflow:hidden;border-radius:24px 24px 0 0;background:#fff;filter:none;opacity:1;transform:none}.how-to-swap-page__card.is-preview .hsw__address-field{border-color:transparent!important;box-shadow:none!important;background:transparent!important}.how-to-swap-page__card.is-preview .hsw__address-label{background:transparent!important}.how-to-swap-page__card.is-preview .hsw__address-chip,.how-to-swap-page__card.is-preview .hsw__address-input{opacity:0!important}.how-to-swap-page__card.is-preview.is-preview-pending .exchange-state--form{opacity:1;visibility:visible}.how-to-swap-page__card.is-preview:before{display:none}.how-to-swap-page__card.is-preview:after{content:none;display:none}body.walkthrough-active .how-to-swap-page:before,body.walkthrough-active .how-to-swap-page__hero:before,body.walkthrough-active .how-to-swap-page__card.is-preview:after{opacity:0!important;visibility:hidden!important;background:none!important;box-shadow:none!important;content:none!important}.how-to-swap-page__card.is-preview .exchange-state,.how-to-swap-page__card.is-preview [data-state=confirm]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.how-to-swap-page__card.is-preview .exchange-state--form{filter:none;opacity:1;transform:none}.how-to-swap-page__card.is-preview .exchange-state--form .exchange-terms{opacity:.84}.how-to-swap-page__card.is-preview .hsw__tab{pointer-events:none}.how-to-swap-page__card.is-preview .hsw__tab.active,.how-to-swap-page__card.is-preview .hsw__tab[aria-selected=true]{background:#f4f4f5;color:#111827;box-shadow:none}.how-to-swap-page__card.is-preview .hsw__tab.active .hsw__tab-icon,.how-to-swap-page__card.is-preview .hsw__tab[aria-selected=true] .hsw__tab-icon{color:#52525b}.how-to-swap-page__card.is-preview #receive-mode-badge{visibility:hidden}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page__card.is-preview:after,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page__card.is-preview:after{pointer-events:none}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page__card.is-preview .exchange-state,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page__card.is-preview .exchange-state,body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page__card.is-preview [data-state=confirm],body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page__card.is-preview [data-state=confirm]{pointer-events:auto!important;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page__card.is-preview .hsw__tab,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page__card.is-preview .hsw__tab,body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page__card.is-preview .asset-pill.asset-pill-toggle,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page__card.is-preview .asset-pill.asset-pill-toggle{pointer-events:auto!important}body.walkthrough-active .how-to-swap-page__card{max-height:none;overflow:visible;border-radius:0;filter:none;opacity:1;transition:opacity .68s cubic-bezier(.22,1,.36,1),filter .98s cubic-bezier(.22,1,.36,1);transform:translate3d(0,calc(var(--walkthrough-start-offset, 0px) + var(--walkthrough-hero-offset, 0px)),0)}body.walkthrough-active .how-to-swap-page__card:before,body.walkthrough-active .how-to-swap-page__card:after{display:none}body.walkthrough-active .how-to-swap-page__card .exchange-state--form{filter:none;opacity:1;transform:none}body.walkthrough-active .how-to-swap-page__hero-copy{position:absolute;left:0;right:0;top:0;height:0;margin:0;overflow:hidden;opacity:0;filter:blur(6px);transform:translate3d(0,-10px,0);pointer-events:none}@media(max-width:900px),(max-width:1200px)and (orientation:portrait){body.walkthrough-active .how-to-swap-page{min-height:auto}body.walkthrough-active .how-to-swap-page__hero{height:auto;min-height:auto;max-height:none}body.walkthrough-active .how-to-swap-page__inner{min-height:auto}}body.walkthrough-no-intro .how-to-swap-page__hero-copy,body.walkthrough-no-intro .how-to-swap-page__header,body.walkthrough-no-intro .how-to-swap-page__card,body.walkthrough-no-intro .how-to-swap-page__card .exchange-state--form,body.walkthrough-no-intro .how-to-swap-page__card .exchange-state--form .exchange-terms,body.walkthrough-active[data-walkthrough-step=deposit] .how-to-swap-page__card,body.walkthrough-active[data-walkthrough-step=deposit-review] .how-to-swap-page__card,body.walkthrough-active[data-walkthrough-step=deposit-send] .how-to-swap-page__card,body.walkthrough-active[data-walkthrough-step=deposit-wait] .how-to-swap-page__card,body.walkthrough-active[data-walkthrough-step=deposit-received] .how-to-swap-page__card,body.walkthrough-active[data-walkthrough-step=simulation] .how-to-swap-page__card,body.walkthrough-active[data-walkthrough-step=complete] .how-to-swap-page__card{transition:none!important}body.walkthrough-active[data-walkthrough-step=deposit-received] .ab-v2-card--status .ab-stepper__meta--progress,body.walkthrough-active[data-walkthrough-step=deposit-received] .ab-v2-card--status .ab-stepper__meta--stacked.ab-stepper__meta--progress{border-color:#e5e7eb!important;background:#f3f4f6!important}body.walkthrough-active .ab-header,body.walkthrough-active .ab-header *{pointer-events:none!important}body.walkthrough-active .ab-header{opacity:0!important;visibility:hidden!important}body.walkthrough-active .how-to-swap-helper-rail,body.walkthrough-active .how-to-swap-helper,body.walkthrough-active #howToSwapHelperRail,body.walkthrough-active #howToSwapGuideOutline{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.walkthrough-active .ab-header a,body.walkthrough-active .ab-header button,body.walkthrough-active .ab-header [tabindex]{outline:none!important;box-shadow:none!important}body.walkthrough-active .ab-header a:focus,body.walkthrough-active .ab-header a:focus-visible,body.walkthrough-active .ab-header button:focus,body.walkthrough-active .ab-header button:focus-visible,body.walkthrough-active .ab-header [tabindex]:focus,body.walkthrough-active .ab-header [tabindex]:focus-visible{outline:none!important;box-shadow:none!important}body.walkthrough-active .ab-header .ab-navitem.is-open>.ab-navlink,body.walkthrough-active .ab-header .ab-navitem.is-open>.ab-settingsBtn,body.walkthrough-active .ab-header .ab-navitem.is-open>.ab-ordersBtn{background:transparent!important;box-shadow:none!important}body.walkthrough-active .how-to-swap-page{min-height:calc(100vh - 72px);padding-bottom:24px}body.walkthrough-active .how-to-guide-content{display:none!important}@media(min-width:901px){body.walkthrough-active,body.walkthrough-active .how-to-swap-page,body.walkthrough-active .how-to-swap-page__inner,body.walkthrough-active .how-to-swap-page__hero,body.walkthrough-active .how-to-swap-page__widget-stage,body.walkthrough-active .how-to-swap-page__card{overflow-anchor:none}}body.walkthrough-active .site-footer{display:none!important}body.walkthrough-active .how-to-swap-page__inner{min-height:100%}body.walkthrough-active .how-to-swap-page__hero{height:auto;max-height:none;overflow:visible}@media(min-width:901px){body.walkthrough-active .how-to-swap-page__hero{min-height:calc(100vh - var(--header-height) - 28px)}}.how-to-swap-page #send-amount,.how-to-swap-page #receive-amount{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-weight:700!important;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.03em;-webkit-text-fill-color:#111827}body.walkthrough-active:not([data-walkthrough-step=select-from]):not([data-walkthrough-step=select-to]) .how-to-swap-page .asset-picker{pointer-events:none}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .asset-picker,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .asset-picker,body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .asset-picker *,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .asset-picker *,body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__tab,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__tab,body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .asset-pill.asset-pill-toggle,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .asset-pill.asset-pill-toggle{pointer-events:auto!important}.how-to-swap-page__card.is-preview .hsw__address-field.is-error,.how-to-swap-page__card.is-preview .hsw__field.is-error,.how-to-swap-page__card.is-preview .hsw__address-field.is-error:focus-within{border-color:#e5e7eb;box-shadow:none}.how-to-swap-page__card.is-preview .hsw__field-error{display:none!important}body.walkthrough-active .how-to-swap-page .hsw__address{opacity:1;max-height:none;margin:initial;overflow:visible;pointer-events:auto}body.walkthrough-active .walkthrough-ring{pointer-events:none!important}body.walkthrough-active .token-picker-backdrop.is-visible{z-index:930!important;pointer-events:auto!important}body.walkthrough-active .coin-menu.token-picker-panel.is-open,body.walkthrough-active .asset-picker .coin-menu.is-open{z-index:931!important;pointer-events:auto!important}body.walkthrough-active .ab-progress-meta__link{pointer-events:none;cursor:default;text-decoration:none}@media(max-width:768px){.how-to-swap-helper{display:block;width:min(240px,calc(100vw - 24px));max-height:calc(100vh - 120px);overflow:auto}.how-to-swap-helper-rail{display:flex!important;flex-direction:column;align-items:flex-end;gap:10px;right:12px;bottom:12px;max-width:calc(100vw - 24px)}.how-to-swap-helper-rail.is-hidden-by-scroll,.how-to-swap-helper-rail.is-hidden-complete{display:none!important}.how-to-swap-helper[open]{width:min(320px,calc(100vw - 24px))}.how-to-swap-helper__summary-trigger{width:100%}.how-to-swap-helper__title{font-size:.95rem}.how-to-swap-helper__body{padding-inline:0;padding-bottom:0}.how-to-swap-helper__description{font-size:.82rem}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__tab,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__tab{gap:0;padding-inline:12px}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__tab-icon,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__tab-icon{display:none}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__tab.active,body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__tab[aria-selected=true],body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__tab.active,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__tab[aria-selected=true]{background:#f4f4f5;color:#111827;box-shadow:none}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__tab.active .hsw__tab-icon,body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__tab[aria-selected=true] .hsw__tab-icon,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__tab.active .hsw__tab-icon,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__tab[aria-selected=true] .hsw__tab-icon{color:#52525b}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page #receive-mode-badge,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page #receive-mode-badge{visibility:hidden}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__estimate-label-text--full,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__estimate-label-text--full{display:none}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__estimate-label-text--short,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__estimate-label-text--short{display:inline}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__estimate-label,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__estimate-label{gap:6px}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page .hsw__estimate-value,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page .hsw__estimate-value{gap:4px}body.walkthrough-active .how-to-swap-page__card,body.walkthrough-active .how-to-swap-page__card .exchange-state--form,body.walkthrough-active .how-to-swap-page__card .exchange-state--form .exchange-terms,body.walkthrough-active .how-to-swap-page__hero-copy{transition:none!important}.how-to-swap-page{padding-top:12px}.how-to-swap-page__hero{gap:22px}body.walkthrough-active .how-to-swap-page,body.walkthrough-active .how-to-swap-page__inner{min-height:auto}body.walkthrough-active .how-to-swap-page__hero{height:auto;min-height:auto;max-height:none;overflow:visible}.how-to-swap-page__hero-copy,.how-to-swap-page__widget-stage{width:100%}.how-to-swap-page__header{width:min(600px,100%);text-align:center}.how-to-swap-page__title{font-size:clamp(28px,8vw,40px);line-height:1.14;white-space:normal}.how-to-swap-page__lead{max-width:none;font-size:16px}.how-to-swap-page__card.is-preview{flex:0 1 auto;height:auto;min-height:0;max-height:100%;overflow:hidden}.how-to-swap-page__card,.how-to-swap-page .exchange-card:has(.exchange-state--form.is-active .hsw--exchange){justify-self:center}body.walkthrough-active .how-to-swap-page__inner{gap:10px}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page{padding-bottom:80px}body.walkthrough-active[data-walkthrough-step=select-from] .how-to-swap-page__inner,body.walkthrough-active[data-walkthrough-step=select-to] .how-to-swap-page__inner{gap:18px}}