.chain-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Base icon style */
.chain-icon::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}

/* Individual chains */
.chain-ethereum::before {background-image: url("/static/images/chains/ethereum.svg");}
.chain-base::before {background-image: url("/static/images/chains/base.svg");}
.chain-arbitrum::before {background-image: url("/static/images/chains/arbitrum.svg");}
.chain-bsc::before {background-image: url("/static/images/chains/bsc.svg");}
.chain-polygon::before {background-image: url("/static/images/chains/polygon.svg");}
.chain-bitcoin::before {background-image: url("/static/images/chains/bitcoin.svg");}
.chain-solana::before {background-image: url("/static/images/chains/solana.svg");}
.chain-optimism::before {background-image: url("/static/images/chains/optimism.svg");}
.chain-avalanche::before {background-image: url("/static/images/chains/avalanche.svg");}
.chain-linea::before {background-image: url("/static/images/chains/linea.svg");}
.chain-monad::before {background-image: url("/static/images/chains/monad.svg");}
.chain-hyperevm::before {background-image: url("/static/images/chains/hyperevm.svg");}