.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;--token-logo-flow-badge-size: 22px;--token-logo-flow-badge-right: -4px;--token-logo-flow-badge-bottom: -3px;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;box-shadow:none}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}.how-to-swap-page__hero:before{content:none;display:none}body.howto-fade-debug .how-to-swap-page:before{outline:2px dashed rgba(236,72,153,.85);outline-offset:-2px}body.howto-fade-debug-hide-handoff .how-to-swap-page:before{opacity:0!important;visibility:hidden!important}.howto-fade-debug-hud{position:fixed;top:72px;left:12px;z-index:2147483000;width:min(320px,calc(100vw - 24px));border-radius:14px;background:#0f172aeb;color:#f8fafc;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:0 12px 40px #0f172a59;pointer-events:auto}.howto-fade-debug-hud:not([open]){width:auto;min-width:0}.howto-fade-debug-hud__summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;height:38px;box-sizing:border-box;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:14px}.howto-fade-debug-hud__summary::-webkit-details-marker,.howto-fade-debug-hud__summary::marker{display:none}.howto-fade-debug-hud__summary:after{content:"";display:inline-block;width:16px;height:16px;flex-shrink:0;opacity:.85;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='%23cbd5e1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .2s ease}.howto-fade-debug-hud[open] .howto-fade-debug-hud__summary:after{transform:rotate(180deg)}.howto-fade-debug-hud[open] .howto-fade-debug-hud__summary{border-radius:14px 14px 0 0;border-bottom:1px solid rgba(255,255,255,.08)}.howto-fade-debug-hud__summary-mobile{display:none}.howto-fade-debug-hud__body{padding:0 12px 12px}.howto-fade-debug-hud__legend{display:grid;gap:6px;margin:10px 0;padding:8px;border-radius:10px;background:#ffffff0f;font-size:11px;line-height:1.35}.howto-fade-debug-hud__legend-item{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start}.howto-fade-debug-hud__swatch{width:14px;height:14px;margin-top:1px;border-radius:3px;box-sizing:border-box}.howto-fade-debug-hud__swatch--dotted{border:2px dashed #ec4899;background:#ec489926}.howto-fade-debug-hud__swatch--solid{background:#ec4899}.howto-fade-debug-hud__swatch--orange{background:#f59e0b}.howto-fade-debug-hud__swatch--green{background:#22c55e}.howto-fade-debug-hud__swatch--purple{background:#8b5cf6}.howto-fade-debug-hud__swatch--gray{background:#94a3b8}.howto-fade-debug-hud__layers{display:grid;gap:8px;margin-bottom:10px}.howto-fade-debug-hud__row{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;padding:8px;border-radius:10px;cursor:pointer}.howto-fade-debug-hud__row--handoff{background:#ec489938;outline:1px solid rgba(236,72,153,.55)}.howto-fade-debug-hud__row--widget{background:#06b6d41f;outline:1px solid rgba(6,182,212,.35)}.howto-fade-debug-hud__row--removed{opacity:.55;cursor:default}.howto-fade-debug-hud__row input{margin-top:2px}.howto-fade-debug-hud__row small{opacity:.78}.howto-fade-debug-hud__metrics{margin:0 0 8px;padding:8px;border-radius:8px;background:#ffffff0f;white-space:pre-wrap;font-size:11px}.howto-fade-debug-hud__hint{margin:0;opacity:.78;font-size:11px;line-height:1.4}body.howto-fade-debug-collapsed.howto-fade-debug .how-to-swap-page:before{outline:none!important}body.howto-fade-debug-collapsed .howto-fade-debug-guide,body.howto-fade-debug-collapsed .howto-fade-debug-region-badge{display:none!important}.howto-fade-debug-guide{position:fixed;left:0;right:0;height:0;border-top:3px solid currentColor;z-index:2147482990;pointer-events:none}.howto-fade-debug-guide--handoff{color:#ec4899}.howto-fade-debug-guide--estimate{color:#f59e0b;right:auto}.howto-fade-debug-guide--meta{color:#22c55e;right:auto}.howto-fade-debug-guide--address{color:#94a3b8;right:auto}.howto-fade-debug-guide--receive{color:#8b5cf6;right:auto}.howto-fade-debug-guide__label{position:absolute;top:6px;right:12px;left:auto;padding:4px 10px;border-radius:999px;background:#0f172a;color:#fff;border:2px solid currentColor;font:700 12px/1.3 system-ui,sans-serif;white-space:nowrap;box-shadow:0 4px 14px #0f172a59}.howto-fade-debug-region-badge{position:fixed;right:12px;z-index:2147482995;padding:6px 12px;border-radius:999px;background:#0f172a;color:#fff;border:2px dashed #ec4899;font:700 12px/1.3 system-ui,sans-serif;white-space:nowrap;box-shadow:0 4px 14px #0f172a59;pointer-events:none}@media(max-width:768px){.howto-fade-debug-hud:not([open]){width:auto}.howto-fade-debug-hud__summary-desktop{display:none}.howto-fade-debug-hud__summary-mobile{display:inline}}@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,.how-to-swap-page__widget-stage{width:min(760px,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(760px,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,.how-to-swap-page__finish{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__finish .how-to-swap-page__title{font-size:clamp(24px,3.5vw,32px)}.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,.how-to-swap-page__ghost{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}.how-to-swap-page__start{background:#0048d7;color:#fff;box-shadow:0 10px 24px #0048d73d;justify-self:center;width:auto}.how-to-swap-page__ghost{background:#e2e8f0;color:#0f172a}.how-to-swap-page__finish-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.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}body:not(.record-frame-body) .how-to-swap-page__card,body:not(.record-frame-body) .how-to-swap-page .exchange-card:has(.exchange-state--form.is-active .hsw--exchange),body:not(.record-frame-body) .how-to-swap-page__card.exchange-card:has(.ab-confirm-v2.is-active),body:not(.record-frame-body) .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)}body:not(.record-frame-body) .how-to-swap-page .exchange-card .home-hero__swap.hsw.hsw--exchange,body:not(.record-frame-body) .how-to-swap-page .exchange-card .exchange-swap{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(1220px,calc(100vw - (2*clamp(16px,3vw,32px))))}.how-to-guide-section{display:grid;gap:.75rem;position:relative}.how-to-guide-section--tinted{padding-top:1.5rem;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:12px;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-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:8px;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:15px;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:36px;height:36px;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;color:#0048d7;flex-shrink:0}.related-guide-item__icon img{border-radius:50%}.related-guide-item__text{display:grid;gap:4px}.related-guide-item__title{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.05rem;font-weight:600;color:#0f172a}.related-guide-item__desc{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.92rem;color:#4b5563;line-height:1.4}.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}.how-to-swap-helper--mobile{display:none;margin-top:1.25rem;padding:0}.how-to-swap-helper__mobile-summary{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__mobile-summary:hover{background:#00000004}.how-to-swap-helper__mobile-summary::-webkit-details-marker,.how-to-swap-helper__mobile-summary::marker{display:none}.how-to-swap-helper__mobile-summary:focus-visible{outline:2px solid #0048d7;outline-offset:-2px;border-radius:14px}.how-to-swap-helper__mobile-summary: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--mobile[open] .how-to-swap-helper__mobile-summary:after{transform:rotate(180deg)}.how-to-swap-helper--mobile[open] .how-to-swap-helper__mobile-summary{border-bottom:1px solid rgba(0,0,0,.06)}.how-to-swap-helper__mobile-title{font-weight:500;color:#475569;display:flex;align-items:baseline;gap:5px;font-size:.875rem}.how-to-swap-helper__mobile-body{display:grid;gap:.6rem;padding:.75rem .8rem .9rem}.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__rail-summary{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__rail-summary:hover{background:#00000004}.how-to-swap-helper__rail-summary:focus-visible{outline:2px solid #0048d7;outline-offset:-2px;border-radius:14px}.how-to-swap-helper[open] .how-to-swap-helper__rail-summary{border-radius:16px 16px 0 0;border-bottom:1px solid rgba(0,0,0,.06)}.how-to-swap-helper__rail-summary::-webkit-details-marker,.how-to-swap-helper__rail-summary::marker{display:none}.how-to-swap-helper__rail-summary: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__rail-summary:after{transform:rotate(180deg)}.how-to-swap-helper__rail-title{display:flex;align-items:baseline;gap:5px;font-weight:500;color:#475569}.how-to-swap-helper__rail-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--desktop{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-dev{position:relative;right:auto;bottom:auto;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 100px);overflow:auto;margin:0;padding:0;border:1px solid rgba(0,0,0,.07);border-radius:16px;background:#fffffff0;box-shadow:0 2px 8px #0f172a0f;z-index:60;pointer-events:auto}.how-to-swap-dev[hidden]{display:none!important}.how-to-swap-dev__summary-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;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-dev__summary-trigger:hover{background:#00000008}.how-to-swap-dev__summary-trigger::-webkit-details-marker,.how-to-swap-dev__summary-trigger::marker{display:none}.how-to-swap-dev__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-dev[open] .how-to-swap-dev__summary-trigger:after{transform:rotate(180deg)}.how-to-swap-dev[open] .how-to-swap-dev__summary-trigger{border-radius:16px 16px 0 0;border-bottom:1px solid rgba(0,0,0,.06)}.how-to-swap-dev__title{margin:0;font-weight:500;color:#475569;display:inline-flex;align-items:center}.how-to-swap-dev__title-mobile{display:none}.how-to-swap-dev:not([open]){width:auto;flex-shrink:0}.how-to-swap-dev__body{display:grid;gap:.6rem;padding:.75rem .8rem .9rem}.how-to-swap-dev__hint{margin:0;font-size:11px;color:#94a3b8;line-height:1.4}.how-to-swap-dev[data-collapsed=true] .how-to-swap-dev__toggle:after{content:" ▼"}.how-to-swap-dev[data-collapsed=false] .how-to-swap-dev__toggle:after{content:" ▲"}.how-to-swap-dev__body{display:grid;gap:10px;margin-top:8px}.how-to-swap-dev__hint{margin:0;font-size:11px;color:#64748b;line-height:1.4}.how-to-swap-dev__steps{display:grid;gap:10px}.how-to-swap-dev__group{display:grid;gap:6px}.how-to-swap-dev__group-title{margin:0;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.how-to-swap-dev__group-steps{display:flex;flex-wrap:wrap;gap:6px}.how-to-swap-dev__step{border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#334155;padding:6px 8px;font-size:11px;cursor:pointer}.how-to-swap-dev__step.is-active{background:#0048d7;color:#fff;border-color:#0048d7}.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:.92;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:blur(.38px) saturate(1.04) contrast(1.03);opacity:.93;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 #howToSwapMobileHelper,body.walkthrough-active #howToSwapFloatingHelper{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,.how-to-swap-page #abProgressMock,body.walkthrough-active.walkthrough-dev-host #abProgressMock{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}body.walkthrough-active .how-to-swap-dev{display:none!important}@media(max-width:768px){.how-to-swap-helper--mobile{display:block;width:min(240px,calc(100vw - 24px));max-height:calc(100vh - 120px);overflow:auto}.how-to-swap-helper--desktop{display:none!important}.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-dev{width:min(240px,calc(100vw - 24px));max-height:calc(100vh - 120px)}.how-to-swap-helper--mobile[open],.how-to-swap-dev[open]{width:min(320px,calc(100vw - 24px))}.how-to-swap-helper__mobile-summary,.how-to-swap-dev__summary-trigger{width:100%}.how-to-swap-dev__title-desktop{display:none}.how-to-swap-dev__title-mobile{display:inline}.how-to-swap-helper__title{font-size:.95rem}.how-to-swap-helper__rail-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}.how-to-swap-dev{width:min(320px,calc(100vw - 24px));max-height:min(60vh,480px);padding:12px 14px;border-radius:16px}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,.how-to-swap-page__finish{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}}@media(max-width:1080px){body.walkthrough-active.walkthrough-dev-host #abProgressMock{display:none!important}}body.record-frame-body{--header-height: 0px;--record-ui-design: 560px;--record-ui-scale: calc((100vw - 56px) / var(--record-ui-design));width:100%;margin:0}html:has(body.record-frame-body):not(.walkthrough-document-scroll):not(.walkthrough-needs-scroll){width:100%;height:100%;overflow:hidden;scrollbar-gutter:auto}body.record-frame-body:not(.walkthrough-document-scroll):not(.walkthrough-needs-scroll){height:100%;overflow:hidden!important}html:has(body.record-frame-body)::-webkit-scrollbar,body.record-frame-body::-webkit-scrollbar{width:0;height:0;display:none}body.record-frame-body.token-picker-open:not(.walkthrough-document-scroll){overflow:hidden!important}html:has(body.record-frame-body).walkthrough-document-scroll,html:has(body.record-frame-body).walkthrough-needs-scroll,html.walkthrough-document-scroll:has(body.record-frame-body),html.walkthrough-needs-scroll:has(body.record-frame-body){width:100%!important;height:auto!important;min-height:100%!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:none!important}body.record-frame-body.walkthrough-document-scroll,body.record-frame-body.walkthrough-needs-scroll,body.record-frame-body.walkthrough-active.walkthrough-document-scroll{height:auto!important;min-height:100%!important;max-height:none!important;overflow:visible!important}body.record-frame-body .page{padding:0;margin:0;width:100%;height:100%;min-height:100%;overflow:hidden}body.record-frame-body .how-to-swap-page{--howto-hero-height: 100%;--widget-shell-max: 100%;min-height:100%;height:100%;margin:0;overflow:hidden}body.record-frame-body .how-to-swap-page__inner{width:100%!important;max-width:none!important;min-height:100%;height:100%;margin:0!important;padding:0!important;align-items:stretch}body.record-frame-body.walkthrough-active .page,body.record-frame-body.walkthrough-active .how-to-swap-page,body.record-frame-body.walkthrough-active .how-to-swap-page__inner,body.record-frame-body.walkthrough-document-scroll .page,body.record-frame-body.walkthrough-document-scroll .how-to-swap-page,body.record-frame-body.walkthrough-document-scroll .how-to-swap-page__inner{height:auto!important;max-height:none!important;min-height:100%!important;overflow:visible!important}body.record-frame-body .how-to-swap-page__hero{height:var(--howto-hero-height);min-height:var(--howto-hero-height);max-height:var(--howto-hero-height);grid-template-rows:auto minmax(0,1fr);align-content:stretch;justify-items:stretch;gap:20px;padding:140px 28px 0;overflow:visible;width:100%}body.record-frame-body .how-to-swap-page__widget-stage{align-self:end!important;justify-self:stretch!important;justify-content:flex-end;width:100%!important;max-width:none!important;min-width:0;max-height:100%}body.record-frame-body .how-to-swap-page__hero-copy{width:100%!important;max-width:none!important;justify-self:stretch}body.record-frame-body .how-to-swap-page__header,body.record-frame-body .how-to-swap-page__finish{width:100%}body.record-frame-body .how-to-swap-page__eyebrow{margin-bottom:16px;font-size:20px;letter-spacing:.14em}body.record-frame-body .how-to-swap-page__title{font-size:clamp(52px,6vw,72px);margin-bottom:18px}body.record-frame-body .how-to-swap-page__lead{font-size:clamp(20px,2.1vw,26px);line-height:1.55;max-width:none;margin-bottom:24px}body.record-frame-body .how-to-swap-page__start,body.record-frame-body .how-to-swap-page__ghost{font-size:22px;padding:18px 36px}body.record-frame-body .how-to-swap-page .exchange-card:has(.exchange-state--form.is-active .hsw--exchange),body.record-frame-body .how-to-swap-page .exchange-card:has(.ab-confirm-v2.is-active),body.record-frame-body .how-to-swap-page__card.exchange-card:has(.ab-confirm-v2.is-active),body.record-frame-body .how-to-swap-page__card{width:100%!important;max-width:none!important;justify-self:stretch!important}body.record-frame-body .how-to-swap-page .ab-confirm-v2{width:calc(var(--record-ui-design) * var(--record-ui-scale))!important;max-width:none!important;margin-inline:auto!important;justify-self:center!important;zoom:unset!important;position:relative;overflow:visible;box-sizing:border-box}body.record-frame-body .how-to-swap-page .ab-confirm-v2>.ab-v2{width:var(--record-ui-design)!important;max-width:var(--record-ui-design)!important;margin-inline:auto;transform:scale(var(--record-ui-scale));transform-origin:top center}body.record-frame-body .how-to-swap-page .ab-confirm-v2 .ab-v2-card{width:100%!important;max-width:none!important}body.record-frame-body .how-to-swap-page .exchange-card .home-hero__swap.hsw.hsw--exchange,body.record-frame-body .how-to-swap-page .exchange-card .exchange-swap{width:100%!important;max-width:none!important;--hsw-shell: 100cqw !important;--hsw-card-pad: calc(var(--hsw-shell) * 32 / 531);--hsw-card-gap: calc(var(--hsw-shell) * 32 / 531);--hsw-pill-w: calc(var(--hsw-shell) * 210 / 531);--hsw-pill-width: var(--hsw-pill-w);--hsw-pill-safe-width: min(var(--hsw-pill-width), calc((100% - var(--hsw-field-gap, 16px)) * .5));--hsw-pill-h: calc(var(--hsw-shell) * 72 / 531);--hsw-pill-icon-size: calc(var(--hsw-shell) * 44 / 531);--hsw-pill-badge-size: calc(var(--hsw-shell) * 20 / 531);--hsw-amount-fs: calc(var(--hsw-shell) * 26 / 531);--hsw-asset-name-fs: calc(var(--hsw-shell) * 16 / 531);--hsw-asset-tag-fs: calc(var(--hsw-shell) * 13 / 531)}body.record-frame-body .hsw--exchange .hsw__pill :is(.token-logo--pill),body.record-frame-body .hsw--exchange .hsw__pill .token-logo--pill{max-width:88px!important;max-height:88px!important}body.record-frame-body.walkthrough-active .how-to-swap-page__hero{height:auto;min-height:auto;max-height:none;padding:24px 28px 32px;overflow:visible;align-content:start;grid-template-rows:auto}body.record-frame-body.walkthrough-active .how-to-swap-page__widget-stage{align-self:stretch!important;justify-content:flex-start;width:100%}body.record-frame-body.walkthrough-active .how-to-swap-page__card{width:100%!important;max-width:none!important}body.record-frame-body .walkthrough-bubble-wrap{width:min(720px,calc(100vw - 48px))!important;max-width:min(720px,calc(100vw - 48px))!important;box-sizing:border-box}body.record-frame-body .walkthrough-bubble{padding:calc(20px * var(--record-ui-scale)) calc(22px * var(--record-ui-scale));border-radius:calc(18px * var(--record-ui-scale));box-sizing:border-box;max-width:100%}body.record-frame-body .walkthrough-bubble__eyebrow{font-size:calc(12px * var(--record-ui-scale))!important}body.record-frame-body .walkthrough-bubble h2{font-size:calc(20px * var(--record-ui-scale))!important;line-height:1.2}body.record-frame-body .walkthrough-bubble__body p,body.record-frame-body .walkthrough-bullet-list{font-size:calc(15px * var(--record-ui-scale))!important;line-height:1.5}body.record-frame-body .walkthrough-bullet-list li:before{width:.35em;height:.35em;top:.55em;left:.2em}body.record-frame-body .walkthrough-bubble__exit{width:calc(28px * var(--record-ui-scale));height:calc(28px * var(--record-ui-scale));font-size:calc(22px * var(--record-ui-scale))}body.record-frame-body .walkthrough-bubble__button{font-size:calc(15px * var(--record-ui-scale))!important;padding:calc(12px * var(--record-ui-scale)) calc(18px * var(--record-ui-scale))}body.record-frame-body .coin-menu.token-picker-panel.is-open,body.record-frame-body .coin-menu.token-picker-panel.is-modal.is-open{--record-picker-scale: 1.75;inset:50% auto auto 50%!important;width:min(36rem,calc(100vw - 2rem))!important;max-width:min(36rem,calc(100vw - 2rem))!important;height:auto!important;max-height:min(28rem,72vh)!important;transform:translate(-50%,-50%) scale(var(--record-picker-scale))!important;transform-origin:center center!important;border-radius:18px!important;box-sizing:border-box!important}body.record-frame-body .token-picker-panel__layout{grid-template-columns:12rem minmax(0,1fr)!important;min-height:22rem!important;max-height:min(28rem,72vh)!important;height:auto!important}body.record-frame-body .how-to-swap-helper-rail,body.record-frame-body .how-to-swap-dev,body.record-frame-body .howto-fade-debug-hud,body.record-frame-body #abProgressMock,body.record-frame-body #howtoFadeDebugHud{display:none!important}body.record-frame-body astro-dev-toolbar,body.record-frame-body #dev-toolbar-root{display:none!important}