/* Secondary product headings follow the width of their working content. */
:root{--text-page-heading:32px;--weight-page-heading:600;--leading-page-heading:1.15}
.swap-page main.product-page{padding-top:32px}
.swap-page .page-heading.product-heading{width:100%;max-width:1000px;margin:0 auto 24px;text-align:left}
.swap-page .page-heading.product-heading h1,.type-product-heading{font-size:var(--text-page-heading);font-weight:var(--weight-page-heading);line-height:var(--leading-page-heading);letter-spacing:-.035em;margin:0;text-wrap:balance}
.swap-page .page-heading.product-heading p{font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-body);color:var(--swap-muted);margin:8px 0 0}
.swap-page .page-heading.product-heading.bridge-hero{max-width:470px}
.swap-page .product-heading.bridge-hero h1{justify-content:flex-start;align-items:center;gap:8px}
.swap-page .product-heading .bridge-hero-icon{width:1.1em;height:1.1em}
.swap-page .staking-main .page-heading.product-heading{max-width:none}
@media(max-width:600px){:root{--text-page-heading:28px}.swap-page main.product-page{padding-top:24px}}
.swap-page .product-heading h1.has-heading-icon{display:flex;align-items:center;justify-content:flex-start;gap:10px}
.product-heading .product-heading-icon{display:block;width:1em;height:1em;flex-shrink:0}
.icon-bridge{mask-image:url('../assets/icon-arch-bridge.svg')}
.icon-stake{mask-image:url('../assets/icon-stake.svg')}
.swap-page .product-heading h1 .product-heading-icon{color:inherit}