@layer components{html body #root .nefi-unified .exchange-route-link{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}html body #root .nefi-unified .exchange-route-link small{color:var(--unified-muted)}html body #root .nefi-unified .exchange-route-page{color:var(--unified-ink);padding:0}html body #root .nefi-unified .exchange-directory-heading{padding-block:50px 20px;max-width:760px}html body #root .nefi-unified .exchange-route-page h1{font-family:var(--unified-display);font-size:clamp(28px,3.2vw,42px);line-height:1.25;margin:0 0 24px;text-wrap:balance;overflow-wrap:anywhere}html body #root .nefi-unified .exchange-route-page h2{font-family:var(--unified-display);font-size:clamp(22px,2vw,30px);line-height:1.3;margin:0 0 20px}html body #root .nefi-unified .exchange-route-page p{line-height:1.8;max-width:75ch;margin:0 0 20px}html body #root .nefi-unified .exchange-pair-hero{padding-block:40px 52px;border-bottom:1px solid var(--unified-line)}html body #root .nefi-unified .exchange-pair-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-areas:"copy widget" "details widget";gap:24px clamp(28px,5vw,80px);align-items:start}html body #root .nefi-unified .exchange-pair-copy,html body #root .nefi-unified .exchange-pair-widget-column{min-width:0}html body #root .nefi-unified .exchange-pair-copy .unified-breadcrumb{margin-bottom:24px}html body #root .nefi-unified .exchange-pair-copy{grid-area:copy}html body #root .nefi-unified .exchange-pair-widget-column{grid-area:widget}html body #root .nefi-unified .exchange-pair-details{grid-area:details;min-width:0}html body #root .nefi-unified .exchange-pair-details h2{font-size:20px}html body #root .nefi-unified .exchange-route-page dl{margin:0}html body #root .nefi-unified .exchange-route-page dl>div{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.6fr);gap:16px;padding-block:12px;border-bottom:1px solid var(--unified-line)}html body #root .nefi-unified .exchange-route-page dt{color:var(--unified-muted)}html body #root .nefi-unified .exchange-route-page dd{margin:0;min-width:0;overflow-wrap:anywhere;font-weight:550}html body #root .nefi-unified .exchange-pair-widget-heading{font-family:var(--unified-sans);font-size:18px;margin:0 0 16px}html body #root .nefi-unified .exchange-pair-placeholder{min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;gap:16px;border:1px solid var(--unified-line);border-radius:24px;background:var(--unified-raised)}html body #root .nefi-unified [data-route-mode=swap] .exchange-pair-placeholder{min-height:750px}html body #root .nefi-unified [data-route-mode=convert] .exchange-pair-placeholder{min-height:650px}html body #root .nefi-unified .exchange-pair-noscript{padding:20px;border:1px solid var(--unified-line);border-radius:16px}html body #root .nefi-unified .exchange-pair-placeholder a{text-decoration:underline;min-height:44px;display:flex;align-items:center}html body #root .nefi-unified .exchange-pair-body{max-width:1000px;padding-bottom:60px}html body #root .nefi-unified .exchange-route-section{padding-block:36px;border-bottom:1px solid var(--unified-line)}html body #root .nefi-unified .exchange-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}html body #root .nefi-unified .exchange-route-link{display:flex;align-items:center;min-height:80px;padding:20px;border:1px solid var(--unified-line);border-radius:16px;background:var(--unified-raised);font-size:15px;line-height:1.6;overflow-wrap:anywhere}html body #root .nefi-unified .exchange-route-link:hover{border-color:var(--unified-accent)}html body #root .nefi-unified .exchange-route-link>span{display:flex;flex-wrap:wrap;align-items:center;gap:10px}html body #root .nefi-unified .exchange-route-link svg{flex-shrink:0}html body #root .nefi-unified .exchange-pair-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;padding-inline-start:24px;line-height:1.8}html body #root .nefi-unified .exchange-pair-steps li{padding-inline-start:8px}html body #root .nefi-unified .exchange-pair-faq details{border-top:1px solid var(--unified-line)}html body #root .nefi-unified .exchange-pair-faq summary{cursor:pointer;min-height:60px;padding:18px 0;font-weight:600;line-height:1.6}html body #root .nefi-unified .exchange-pair-faq details p{margin:0;padding:0 0 20px}html body #root .nefi-unified .exchange-route-page a:focus-visible,html body #root .nefi-unified .exchange-pair-faq summary:focus-visible{outline:2px solid var(--unified-accent);outline-offset:4px}@media(max-width:900px){html body #root .nefi-unified .exchange-pair-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "widget" "details"}html body #root .nefi-unified .exchange-pair-widget-column{width:100%;max-width:440px;margin-inline:auto}}@media(max-width:600px){html body #root .nefi-unified .exchange-pair-hero{padding-block:24px 32px}html body #root .nefi-unified .exchange-route-grid,html body #root .nefi-unified .exchange-pair-steps{grid-template-columns:minmax(0,1fr)}html body #root .nefi-unified .exchange-route-page dl>div{grid-template-columns:minmax(0,1fr);gap:6px}html body #root .nefi-unified .exchange-directory-heading{padding-top:28px}html body #root .nefi-unified .exchange-route-section{padding-block:28px}}}.live-route-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--public-grid-gap)}.live-route-group{min-width:0;padding:var(--public-grid-gap);border:1px solid var(--public-border);border-radius:var(--radius-xl);background:var(--public-surface);color:var(--public-text);text-align:start}.live-route-group header,.live-route-chips,.live-route-chips button{display:flex;align-items:center;flex-wrap:wrap;gap:var(--public-inline-gap)}.live-route-group h3{font:600 var(--public-document-heading)/1.4 var(--public-font-body)}.live-route-group h3 small{font:400 var(--public-label-size)/1.4 var(--public-font-body);color:var(--public-text2)}.live-route-chips button{padding:var(--public-inline-gap);border:1px solid var(--public-border);border-radius:var(--radius-md);font-size:var(--public-label-size)}.live-convert-route{display:grid;gap:var(--public-inline-gap)}.live-convert-route>span{display:flex;gap:var(--public-inline-gap)}.live-routes-note{margin-block-start:var(--public-space-tight);color:var(--public-text2)}@media(max-width:767px){.live-route-groups{grid-template-columns:minmax(0,1fr)}}