diff --git a/packages/api/src/dataFeedsRouter.json b/packages/api/src/dataFeedsRouter.json
index 527bdc98..a40697a5 100644
--- a/packages/api/src/dataFeedsRouter.json
+++ b/packages/api/src/dataFeedsRouter.json
@@ -1,6 +1,37 @@
 {
   "abi": "./src/abi/WitnetPriceRouter.json",
   "chains": {
+    "avalanche": {
+      "networks": {
+        "avalanche.fuji": {
+          "address": "0x99Af0CF37d1C6b9Bdfe33cc0A89C00D97D3c42F4",
+          "blockExplorer": "https://testnet.snowtrace.io/address/{address}",
+          "color": "#E84142",
+          "name": "Avalanche Fuji",
+          "pollingPeriod": 15000,
+          "feeds": {
+            "Price-AVAX/USD-6": {
+              "label": "$",
+              "deviationPercentage": 1.0,
+              "maxSecsBetweenUpdates": 3600,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-BTC/USD-6": {
+              "label": "$",
+              "deviationPercentage": 1.0,
+              "maxSecsBetweenUpdates": 3600,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-ETH/USD-6": {
+              "label": "$",
+              "deviationPercentage": 1.0,
+              "maxSecsBetweenUpdates": 3600,
+              "minSecsBetweenUpdates": 900
+            }
+          }
+        }
+      }
+    },
     "boba": {
       "networks": {
         "boba.rinkeby": {
@@ -16,6 +47,12 @@
               "maxSecsBetweenUpdates": 86400,
               "minSecsBetweenUpdates": 900
             },
+            "Price-OLO/USDC-6": {
+              "label": "($)",
+              "deviationPercentage": 0.1,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
+            },
             "Price-BTC/USD-6": {
               "label": "$",
               "deviationPercentage": 1.0,
@@ -41,13 +78,13 @@
               "minSecsBetweenUpdates": 900
             },
             "Price-OMG/BTC-9": {
-              "label": "BTC",
+              "label": "₿",
               "deviationPercentage": 1.0,
               "maxSecsBetweenUpdates": 86400,
               "minSecsBetweenUpdates": 900
             },
             "Price-OMG/ETH-9": {
-              "label": "ETH",
+              "label": "Ξ",
               "deviationPercentage": 1.0,
               "maxSecsBetweenUpdates": 86400,
               "minSecsBetweenUpdates": 900
diff --git a/packages/api/src/repository/Feed.ts b/packages/api/src/repository/Feed.ts
index dcb60264..4a413763 100644
--- a/packages/api/src/repository/Feed.ts
+++ b/packages/api/src/repository/Feed.ts
@@ -34,8 +34,6 @@ export class FeedRepository {
 
   async getPaginatedFeeds (
     // starts in 1
-    page: number,
-    size: number,
     network: string
   ): Promise<PaginatedFeedsObject> {
     const filteredFeeds =
@@ -43,15 +41,16 @@ export class FeedRepository {
         ? this.sortedDataFeeds
         : this.dataFeedsByNetwork[network]
 
-    const paginatedFeeds = filteredFeeds.slice((page - 1) * size, page * size)
-
     return {
-      feeds: paginatedFeeds,
+      feeds: filteredFeeds,
       total: filteredFeeds.length
     }
   }
 
-  updateFeedAddress (feedFullName: string, address: string): FeedInfo {
+  updateFeedAddress (
+    feedFullName: string,
+    { address, contractId }: { address: string; contractId: string }
+  ): FeedInfo {
     const hasSameFeedFullName = (feed: FeedInfo) =>
       feed.feedFullName === feedFullName
 
@@ -61,14 +60,18 @@ export class FeedRepository {
     )
     const feed = this.sortedDataFeeds[sortedDataFeedIndex]
     feed.address = address
-
-    // Update address in dataFeedsByNetwork
+    feed.contractId = contractId
+    // Update address in dataFeedsByNetwork cache
     const dataFeedsByNetworkIndex = this.dataFeedsByNetwork[
       feed.network
     ].findIndex(hasSameFeedFullName)
     this.dataFeedsByNetwork[feed.network][
       dataFeedsByNetworkIndex
     ].address = address
+    // Update contractId in dataFeedsByNetwork cache
+    this.dataFeedsByNetwork[feed.network][
+      dataFeedsByNetworkIndex
+    ].contractId = contractId
 
     return feed
   }
diff --git a/packages/api/src/repository/ResultRequest.ts b/packages/api/src/repository/ResultRequest.ts
index 9ed824e2..21f68a9a 100644
--- a/packages/api/src/repository/ResultRequest.ts
+++ b/packages/api/src/repository/ResultRequest.ts
@@ -75,7 +75,6 @@ export class ResultRequestRepository {
         }
       }
     )
-
     return this.normalizeId(lastResultRequest)
   }
 
diff --git a/packages/api/src/resolvers.ts b/packages/api/src/resolvers.ts
index 2c3f8a92..e73adf9f 100644
--- a/packages/api/src/resolvers.ts
+++ b/packages/api/src/resolvers.ts
@@ -2,11 +2,7 @@ import { Context, Network } from './types'
 const resolvers = {
   Query: {
     feeds: async (_parent, args, { feedRepository }: Context) => {
-      return await feedRepository.getPaginatedFeeds(
-        args.page,
-        args.pageSize,
-        args.network
-      )
+      return await feedRepository.getPaginatedFeeds(args.network)
     },
 
     networks: async (_parent, _args) => {
@@ -33,15 +29,28 @@ const resolvers = {
       )
     },
     lastResult: async (parent, _args, { resultRequestRepository }: Context) => {
+      // FIXME: add dataloader library to avoid overfetching
       return (await resultRequestRepository.getLastResult(parent.feedFullName))
         ?.result
     },
+    lastResultTimestamp: async (
+      parent,
+      _args,
+      { resultRequestRepository }: Context
+    ) => {
+      // FIXME: add dataloader library to avoid overfetching
+      return (await resultRequestRepository.getLastResult(parent.feedFullName))
+        ?.timestamp
+    },
     color: async (parent, _args, { config }: Context) => {
       return config[parent.feedFullName]?.color || ''
     },
     blockExplorer: async (parent, _args, { config }: Context) => {
       return config[parent.feedFullName]?.blockExplorer || ''
     },
+    proxyAddress: async (parent, _args, { config }: Context) => {
+      return config[parent.feedFullName]?.routerAddress || ''
+    },
     deviation: async (parent, _args, { config }: Context) => {
       return config[parent.feedFullName]?.deviation || ''
     },
diff --git a/packages/api/src/typeDefs.ts b/packages/api/src/typeDefs.ts
index 42b77e80..4c67717e 100644
--- a/packages/api/src/typeDefs.ts
+++ b/packages/api/src/typeDefs.ts
@@ -4,6 +4,7 @@ const typeDefs = gql`
   type Feed {
     id: String!
     address: String!
+    contractId: String!
     blockExplorer: String!
     color: String!
     feedFullName: String!
@@ -11,7 +12,9 @@ const typeDefs = gql`
     name: String!
     network: String!
     lastResult: String
+    lastResultTimestamp: String
     deviation: String!
+    proxyAddress: String
     heartbeat: String!
     finality: String!
     requests(timestamp: Int!): [ResultRequest]!
@@ -49,7 +52,7 @@ const typeDefs = gql`
 
   type Query {
     feed(feedFullName: String!): Feed
-    feeds(page: Int!, pageSize: Int!, network: String): FeedsPage!
+    feeds(network: String): FeedsPage!
     requests(feedFullName: String!, page: Int!, size: Int!): [ResultRequest]!
     networks: [Network]!
   }
diff --git a/packages/api/src/types.ts b/packages/api/src/types.ts
index d476b4ae..2e1f4c69 100644
--- a/packages/api/src/types.ts
+++ b/packages/api/src/types.ts
@@ -25,17 +25,20 @@ export enum Network {
   EthereumMainnet = 'ethereum-mainnet',
   EthereumGoerli = 'ethereum-goerli',
   EthereumRinkeby = 'ethereum-rinkeby',
-  ConfluxTestnet = 'conflux-testnet',
+  AvalancheFuji = 'avalanche-fuji',
+  BobaMainnet = 'boba-mainnet',
+  BobaRinkeby = 'boba-rinkeby',
   ConfluxTethys = 'conflux-tethys',
-  CeloAlfajores = 'celo-alfajores',
+  ConfluxTestnet = 'conflux-testnet',
   CeloMainnet = 'celo-mainnet',
-  BobaRinkeby = 'boba-rinkeby',
-  BobaMainnet = 'boba-mainnet',
-  MetisRinkeby = 'metis-rinkeby',
+  CeloAlfajores = 'celo-alfajores',
   HarmonyTestnet = 'harmony-testnet',
-  KCCTestnet = 'kcc-testnet',
+  MetisMainnet = 'metis-mainnet',
+  MetisRinkeby = 'metis-rinkeby',
+  PolygonMainnet = 'polygon-mainnet',
+  PolygonGoerli = 'polygon-goerli',
   KCCMainnet = 'kcc-mainnet',
-  PolygonGoerli = 'polygon-goerli'
+  KCCTestnet = 'kcc-testnet'
 }
 
 export type FeedInfoGeneric<ABI> = {
@@ -49,6 +52,7 @@ export type FeedInfoGeneric<ABI> = {
   name: string
   pollingPeriod: number
   label: string
+  contractId: string
   color: string
   blockExplorer: string
   deviation: string
@@ -64,6 +68,11 @@ export type PaginatedFeedsObject = {
   total: number
 }
 
+export type ContractInfo = {
+  contractAddress: string
+  contractId: string
+}
+
 export type ResultRequestDbObjectNormalized = ResultRequestDbObject & {
   id: string
 }
diff --git a/packages/api/src/utils/index.ts b/packages/api/src/utils/index.ts
index 50b73857..a621da80 100644
--- a/packages/api/src/utils/index.ts
+++ b/packages/api/src/utils/index.ts
@@ -78,6 +78,7 @@ export function normalizeConfig (
           feedFullName: createFeedFullName(network, name, decimals),
           id: feed.key,
           address: '0x0000000000000000000000000000000000000000',
+          contractId: '0x0000000000000000000000000000000000000000',
           routerAddress: config.address,
           network,
           name,
@@ -99,6 +100,10 @@ export function normalizeConfig (
   return feeds
 }
 
+export function isZeroAddress (address: string) {
+  return address === '0x0000000000000000000000000000000000000000'
+}
+
 export function sleep (ms) {
   return new Promise(resolve => setTimeout(resolve, ms))
 }
diff --git a/packages/api/src/web3Middleware/index.ts b/packages/api/src/web3Middleware/index.ts
index 46c38846..96dff7bc 100644
--- a/packages/api/src/web3Middleware/index.ts
+++ b/packages/api/src/web3Middleware/index.ts
@@ -6,8 +6,10 @@ import {
   FeedInfo,
   Repositories,
   ResultRequestDbObject,
-  ObjectId
+  ObjectId,
+  ContractInfo
 } from '../types'
+import { isZeroAddress } from '../utils/index'
 import { getProvider } from './provider'
 
 export class Web3Middleware {
@@ -28,23 +30,29 @@ export class Web3Middleware {
   }
 
   public async initializeAddresses (): Promise<Array<FeedInfo>> {
-    const promises = this.dataFeeds.map(feed => this.updateAddress(feed))
+    const promises = this.dataFeeds.map(feed => this.updateFeed(feed))
 
     return await Promise.all(promises)
   }
 
-  async updateAddress (feedInfo: FeedInfo) {
-    const contractAddress = await this.getContractAddress(feedInfo)
+  async updateFeed (feedInfo: FeedInfo) {
+    const contractInfo = await this.getContractInfo(feedInfo)
     const feed = this.repositories.feedRepository.get(feedInfo.feedFullName)
 
-    if (feed && contractAddress && contractAddress !== feed.address) {
+    if (
+      contractInfo?.contractAddress &&
+      contractInfo?.contractAddress !== feed?.address
+    ) {
       return this.repositories.feedRepository.updateFeedAddress(
         feedInfo.feedFullName,
-        contractAddress
+        {
+          address: contractInfo.contractAddress,
+          contractId: contractInfo.contractId
+        }
       )
     }
 
-    return feedInfo 
+    return feedInfo
   }
 
   async listen () {
@@ -68,7 +76,7 @@ export class Web3Middleware {
     feeds.forEach(feed => {
       const feedInfo = feedDictionary[feed?.feedFullName]?.feedInfo
       if (feedInfo) {
-        this.updateAddress(feedInfo)
+        this.updateFeed(feedInfo)
       }
     })
 
@@ -89,7 +97,7 @@ export class Web3Middleware {
     this.intervals = []
   }
 
-  async getContractAddress (feedInfo: FeedInfo): Promise<string | null> {
+  async getContractInfo (feedInfo: FeedInfo): Promise<ContractInfo | null> {
     try {
       return await new Promise(async (resolve, reject) => {
         try {
@@ -113,7 +121,10 @@ export class Web3Middleware {
             .getPriceFeed(contractIdentifier)
             .call()
 
-          resolve(address)
+          resolve({
+            contractAddress: address,
+            contractId: contractIdentifier
+          })
         } catch (err) {
           reject(err)
         }
@@ -127,22 +138,23 @@ export class Web3Middleware {
   }
 
   async listenToDataFeed (feedInfo: FeedInfo) {
-    const contractAddress = await this.getContractAddress(feedInfo)
+    const contractInfo = await this.getContractInfo(feedInfo)
     const provider = getProvider(feedInfo.network)
     if (provider) {
       if (
-        contractAddress &&
-        contractAddress !== '0x0000000000000000000000000000000000000000'
+        contractInfo &&
+        contractInfo.contractAddress &&
+        !isZeroAddress(contractInfo.contractAddress)
       ) {
         try {
           const web3 = new this.Web3(provider)
           const feedContract = new web3.eth.Contract(
             feedInfo.abi,
-            contractAddress
+            contractInfo.contractAddress
           )
           const interval = setInterval(async () => {
             console.log(
-              `Reading ${feedInfo.feedFullName} contract state at address: ${contractAddress}`
+              `Reading ${feedInfo.feedFullName} contract state at address: ${contractInfo.contractAddress}`
             )
             await this.fetchAndSaveContractSnapshot(
               { feedContract },
diff --git a/packages/api/src/web3Middleware/provider.ts b/packages/api/src/web3Middleware/provider.ts
index 364d1363..43684eec 100644
--- a/packages/api/src/web3Middleware/provider.ts
+++ b/packages/api/src/web3Middleware/provider.ts
@@ -11,11 +11,14 @@ export function getProvider (network: Network) {
     [Network.BobaMainnet]: process.env.BOBA_MAINNET_PROVIDER,
     [Network.CeloAlfajores]: process.env.CELO_ALFAJORES_PROVIDER,
     [Network.CeloMainnet]: process.env.CELO_MAINNET_PROVIDER,
+    [Network.MetisMainnet]: process.env.METIS_MAINNET_PROVIDER,
     [Network.MetisRinkeby]: process.env.METIS_RINKEBY_PROVIDER,
     [Network.HarmonyTestnet]: process.env.HARMONY_TESTNET_PROVIDER,
     [Network.KCCTestnet]: process.env.KCC_TESTNET_PROVIDER,
     [Network.KCCMainnet]: process.env.KCC_MAINNET_PROVIDER,
-    [Network.PolygonGoerli]: process.env.POLYGON_GOERLI_PROVIDER
+    [Network.PolygonMainnet]: process.env.POLYGON_MAINNET_PROVIDER,
+    [Network.PolygonGoerli]: process.env.POLYGON_GOERLI_PROVIDER,
+    [Network.AvalancheFuji]: process.env.AVALANCHE_FUJI_PROVIDER
   }
   return providers[network]
 }
diff --git a/packages/api/test/validateFeedsConfig.spec.ts b/packages/api/test/validateFeedsConfig.spec.ts
index 151126d4..31699424 100644
--- a/packages/api/test/validateFeedsConfig.spec.ts
+++ b/packages/api/test/validateFeedsConfig.spec.ts
@@ -5,20 +5,69 @@ import { normalizeConfig } from '../src/utils/index'
 describe('validateDataFeedsConfig', () => {
   it('check if the structure is correct', async () => {
     const dataFeedsRouterConfig = JSON.parse(
-      fs.readFileSync(path.resolve('./src/dataFeedsRouter.json'), 'utf-8')
+      fs.readFileSync(path.resolve('./test/web3Middleware/dataFeedsRouter.json'), 'utf-8')
     )
 
     const feeds = normalizeConfig(dataFeedsRouterConfig)
     const expected = [
       {
         address: '0x0000000000000000000000000000000000000000',
+        blockExplorer: 'https://testnet.snowtrace.io/address/{address}',
+        color: '#E84142',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '1',
+        feedFullName: 'avalanche-fuji_avax-usd_6',
+        finality: '900000',
+        heartbeat: '3600000',
+        id: 'Price-AVAX/USD-6',
+        label: '$',
+        name: 'avax/usd',
+        network: 'avalanche-fuji',
+        pollingPeriod: 15000,
+        routerAddress: '0x99Af0CF37d1C6b9Bdfe33cc0A89C00D97D3c42F4'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        blockExplorer: 'https://testnet.snowtrace.io/address/{address}',
+        color: '#E84142',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '1',
+        feedFullName: 'avalanche-fuji_btc-usd_6',
+        finality: '900000',
+        heartbeat: '3600000',
+        id: 'Price-BTC/USD-6',
+        label: '$',
+        name: 'btc/usd',
+        network: 'avalanche-fuji',
+        pollingPeriod: 15000,
+        routerAddress: '0x99Af0CF37d1C6b9Bdfe33cc0A89C00D97D3c42F4'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        blockExplorer: 'https://testnet.snowtrace.io/address/{address}',
+        color: '#E84142',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '1',
+        feedFullName: 'avalanche-fuji_eth-usd_6',
+        finality: '900000',
+        heartbeat: '3600000',
+        id: 'Price-ETH/USD-6',
+        label: '$',
+        name: 'eth/usd',
+        network: 'avalanche-fuji',
+        pollingPeriod: 15000,
+        routerAddress: '0x99Af0CF37d1C6b9Bdfe33cc0A89C00D97D3c42F4'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://blockexplorer.rinkeby.boba.network/address/{address}',
         color: '#1cd83d',
         deviation: '1',
         feedFullName: 'boba-rinkeby_boba-usdt_6',
         finality: '900000',
-        heartbeat: '3600000',
+        heartbeat: '86400000',
         id: 'Price-BOBA/USDT-6',
         label: '₮',
         name: 'boba/usdt',
@@ -28,13 +77,14 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://blockexplorer.rinkeby.boba.network/address/{address}',
         color: '#1cd83d',
         deviation: '1',
         feedFullName: 'boba-rinkeby_btc-usd_6',
         finality: '900000',
-        heartbeat: '3600000',
+        heartbeat: '86400000',
         id: 'Price-BTC/USD-6',
         label: '$',
         name: 'btc/usd',
@@ -44,13 +94,14 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://blockexplorer.rinkeby.boba.network/address/{address}',
         color: '#1cd83d',
         deviation: '1',
         feedFullName: 'boba-rinkeby_eth-usd_6',
         finality: '900000',
-        heartbeat: '3600000',
+        heartbeat: '86400000',
         id: 'Price-ETH/USD-6',
         label: '$',
         name: 'eth/usd',
@@ -63,10 +114,28 @@ describe('validateDataFeedsConfig', () => {
         blockExplorer:
           'https://blockexplorer.rinkeby.boba.network/address/{address}',
         color: '#1cd83d',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '0.1',
+        feedFullName: 'boba-rinkeby_frax-usdt_6',
+        finality: '900000',
+        heartbeat: '86400000',
+        id: 'Price-FRAX/USDT-6',
+        label: '₮',
+        name: 'frax/usdt',
+        network: 'boba-rinkeby',
+        pollingPeriod: 15000,
+        routerAddress: '0x36928Aeedaaf7D85bcA39aDfB2A39ec529ce221a'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
+        blockExplorer:
+          'https://blockexplorer.rinkeby.boba.network/address/{address}',
+        color: '#1cd83d',
         deviation: '1',
         feedFullName: 'boba-rinkeby_fxs-usdt_6',
         finality: '900000',
-        heartbeat: '3600000',
+        heartbeat: '86400000',
         id: 'Price-FXS/USDT-6',
         label: '₮',
         name: 'fxs/usdt',
@@ -76,15 +145,16 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://blockexplorer.rinkeby.boba.network/address/{address}',
         color: '#1cd83d',
         deviation: '1',
         feedFullName: 'boba-rinkeby_omg-btc_9',
         finality: '900000',
-        heartbeat: '3600000',
+        heartbeat: '86400000',
         id: 'Price-OMG/BTC-9',
-        label: 'BTC',
+        label: '₿',
         name: 'omg/btc',
         network: 'boba-rinkeby',
         pollingPeriod: 15000,
@@ -92,15 +162,16 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://blockexplorer.rinkeby.boba.network/address/{address}',
         color: '#1cd83d',
         deviation: '1',
         feedFullName: 'boba-rinkeby_omg-eth_9',
         finality: '900000',
-        heartbeat: '3600000',
+        heartbeat: '86400000',
         id: 'Price-OMG/ETH-9',
-        label: 'ETH',
+        label: 'Ξ',
         name: 'omg/eth',
         network: 'boba-rinkeby',
         pollingPeriod: 15000,
@@ -108,13 +179,14 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://blockexplorer.rinkeby.boba.network/address/{address}',
         color: '#1cd83d',
         deviation: '1',
         feedFullName: 'boba-rinkeby_omg-usdt_6',
         finality: '900000',
-        heartbeat: '3600000',
+        heartbeat: '86400000',
         id: 'Price-OMG/USDT-6',
         label: '₮',
         name: 'omg/usdt',
@@ -122,10 +194,45 @@ describe('validateDataFeedsConfig', () => {
         pollingPeriod: 15000,
         routerAddress: '0x36928Aeedaaf7D85bcA39aDfB2A39ec529ce221a'
       },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        blockExplorer:
+          'https://blockexplorer.rinkeby.boba.network/address/{address}',
+        color: '#1cd83d',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '0.1',
+        feedFullName: 'boba-rinkeby_usdc-usd_6',
+        finality: '900000',
+        heartbeat: '86400000',
+        id: 'Price-USDC/USD-6',
+        label: '$',
+        name: 'usdc/usd',
+        network: 'boba-rinkeby',
+        pollingPeriod: 15000,
+        routerAddress: '0x36928Aeedaaf7D85bcA39aDfB2A39ec529ce221a'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        blockExplorer:
+          'https://blockexplorer.rinkeby.boba.network/address/{address}',
+        color: '#1cd83d',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '0.1',
+        feedFullName: 'boba-rinkeby_usdt-usd_6',
+        finality: '900000',
+        heartbeat: '86400000',
+        id: 'Price-USDT/USD-6',
+        label: '$',
+        name: 'usdt/usd',
+        network: 'boba-rinkeby',
+        pollingPeriod: 15000,
+        routerAddress: '0x36928Aeedaaf7D85bcA39aDfB2A39ec529ce221a'
+      },
       {
         address: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://blockexplorer.boba.network/address/{address}',
         color: '#007dff',
+        contractId: '0x0000000000000000000000000000000000000000',
         deviation: '1',
         feedFullName: 'boba-mainnet_boba-usdt_6',
         finality: '900000',
@@ -141,6 +248,7 @@ describe('validateDataFeedsConfig', () => {
         address: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://blockexplorer.boba.network/address/{address}',
         color: '#007dff',
+        contractId: '0x0000000000000000000000000000000000000000',
         deviation: '1',
         feedFullName: 'boba-mainnet_btc-usd_6',
         finality: '900000',
@@ -156,6 +264,7 @@ describe('validateDataFeedsConfig', () => {
         address: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://blockexplorer.boba.network/address/{address}',
         color: '#007dff',
+        contractId: '0x0000000000000000000000000000000000000000',
         deviation: '1',
         feedFullName: 'boba-mainnet_eth-usd_6',
         finality: '900000',
@@ -169,6 +278,55 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        blockExplorer: 'https://blockexplorer.boba.network/address/{address}',
+        color: '#007dff',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '0.25',
+        feedFullName: 'boba-mainnet_frax-usdt_6',
+        finality: '900000',
+        heartbeat: '86400000',
+        id: 'Price-FRAX/USDT-6',
+        label: '₮',
+        name: 'frax/usdt',
+        network: 'boba-mainnet',
+        pollingPeriod: 15000,
+        routerAddress: '0x93f61D0D5F623144e7C390415B70102A9Cc90bA5'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        blockExplorer: 'https://blockexplorer.boba.network/address/{address}',
+        color: '#007dff',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '0.25',
+        feedFullName: 'boba-mainnet_usdc-usd_6',
+        finality: '900000',
+        heartbeat: '86400000',
+        id: 'Price-USDC/USD-6',
+        label: '$',
+        name: 'usdc/usd',
+        network: 'boba-mainnet',
+        pollingPeriod: 15000,
+        routerAddress: '0x93f61D0D5F623144e7C390415B70102A9Cc90bA5'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        blockExplorer: 'https://blockexplorer.boba.network/address/{address}',
+        color: '#007dff',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '0.25',
+        feedFullName: 'boba-mainnet_usdt-usd_6',
+        finality: '900000',
+        heartbeat: '86400000',
+        id: 'Price-USDT/USD-6',
+        label: '$',
+        name: 'usdt/usd',
+        network: 'boba-mainnet',
+        pollingPeriod: 15000,
+        routerAddress: '0x93f61D0D5F623144e7C390415B70102A9Cc90bA5'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://alfajores-blockscout.celo-testnet.org/address/{address}',
         color: '#1cd8d2',
@@ -185,6 +343,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://alfajores-blockscout.celo-testnet.org/address/{address}',
         color: '#1cd8d2',
@@ -201,6 +360,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://alfajores-blockscout.celo-testnet.org/address/{address}',
         color: '#1cd8d2',
@@ -217,6 +377,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer:
           'https://alfajores-blockscout.celo-testnet.org/address/{address}',
         color: '#1cd8d2',
@@ -233,6 +394,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://explorer.celo.org/address/{address}',
         color: '#ff8100',
         deviation: '1',
@@ -248,6 +410,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://explorer.celo.org/address/{address}',
         color: '#ff8100',
         deviation: '1',
@@ -263,6 +426,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://explorer.celo.org/address/{address}',
         color: '#ff8100',
         deviation: '3.5',
@@ -278,6 +442,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://explorer.celo.org/address/{address}',
         color: '#ff8100',
         deviation: '3.5',
@@ -293,6 +458,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://testnet.confluxscan.io/address/{address}',
         color: '#6600ff',
         deviation: '1',
@@ -308,6 +474,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://testnet.confluxscan.io/address/{address}',
         color: '#6600ff',
         deviation: '1',
@@ -323,6 +490,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://testnet.confluxscan.io/address/{address}',
         color: '#6600ff',
         deviation: '1',
@@ -338,6 +506,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://confluxscan.io/address/{address}',
         color: '#ff0000',
         deviation: '1',
@@ -353,6 +522,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://confluxscan.io/address/{address}',
         color: '#ff0000',
         deviation: '3.5',
@@ -368,6 +538,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://confluxscan.io/address/{address}',
         color: '#ff0000',
         deviation: '3.5',
@@ -383,6 +554,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://goerli.etherscan.io/address/{address}',
         color: '#ff5599',
         deviation: '1',
@@ -398,6 +570,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://goerli.etherscan.io/address/{address}',
         color: '#ff5599',
         deviation: '1',
@@ -413,6 +586,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://rinkeby.etherscan.io/address/{address}',
         color: '#ff5599',
         deviation: '1',
@@ -428,6 +602,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://rinkeby.etherscan.io/address/{address}',
         color: '#ff5599',
         deviation: '1',
@@ -443,6 +618,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://etherscan.io/address/{address}',
         color: '#ff5599',
         deviation: '3.5',
@@ -458,6 +634,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://etherscan.io/address/{address}',
         color: '#ff5599',
         deviation: '3.5',
@@ -473,6 +650,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://explorer.pops.one/address/{address}',
         color: '#f6006f',
         deviation: '1',
@@ -488,6 +666,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://explorer.pops.one/address/{address}',
         color: '#f6006f',
         deviation: '1',
@@ -503,6 +682,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://scan-testnet.kcc.network/address/{address}',
         color: '#ff0066',
         deviation: '0.5',
@@ -518,6 +698,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://scan-testnet.kcc.network/address/{address}',
         color: '#ff0066',
         deviation: '0.5',
@@ -533,6 +714,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://scan-testnet.kcc.network/address/{address}',
         color: '#ff0066',
         deviation: '0.5',
@@ -548,6 +730,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://scan.kcc.io/address/{address}',
         color: '#ff0066',
         deviation: '0.5',
@@ -563,6 +746,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://scan.kcc.io/address/{address}',
         color: '#ff0066',
         deviation: '0.5',
@@ -578,6 +762,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://scan.kcc.io/address/{address}',
         color: '#ff0066',
         deviation: '0.5',
@@ -593,6 +778,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://stardust-explorer.metis.io/address/{address}',
         color: '#ff6600',
         deviation: '1',
@@ -608,6 +794,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://stardust-explorer.metis.io/address/{address}',
         color: '#ff6600',
         deviation: '1',
@@ -623,6 +810,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://stardust-explorer.metis.io/address/{address}',
         color: '#ff6600',
         deviation: '1',
@@ -638,6 +826,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://andromeda-explorer.metis.io/address/{address}',
         color: '#ff6600',
         deviation: '2',
@@ -653,6 +842,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://mumbai.polygonscan.com/address/{address}',
         color: '#66ff00',
         deviation: '3.5',
@@ -668,6 +858,7 @@ describe('validateDataFeedsConfig', () => {
       },
       {
         address: '0x0000000000000000000000000000000000000000',
+        contractId: '0x0000000000000000000000000000000000000000',
         blockExplorer: 'https://mumbai.polygonscan.com/address/{address}',
         color: '#66ff00',
         deviation: '3.5',
@@ -680,6 +871,38 @@ describe('validateDataFeedsConfig', () => {
         network: 'polygon-goerli',
         pollingPeriod: 15000,
         routerAddress: '0x6d5544ca5b35bf2e7a78ace4E7B8d191fe5C9FAb'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        blockExplorer: 'https://polygonscan.com/address/{address}',
+        color: '#66ff00',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '1',
+        feedFullName: 'polygon-mainnet_btc-usd_6',
+        finality: '900000',
+        heartbeat: '86400000',
+        id: 'Price-BTC/USD-6',
+        label: '$',
+        name: 'btc/usd',
+        network: 'polygon-mainnet',
+        pollingPeriod: 15000,
+        routerAddress: '0x3806311c7138ddF2bAF2C2093ff3633E5A73AbD4'
+      },
+      {
+        address: '0x0000000000000000000000000000000000000000',
+        blockExplorer: 'https://polygonscan.com/address/{address}',
+        color: '#66ff00',
+        contractId: '0x0000000000000000000000000000000000000000',
+        deviation: '1',
+        feedFullName: 'polygon-mainnet_eth-usd_6',
+        finality: '900000',
+        heartbeat: '86400000',
+        id: 'Price-ETH/USD-6',
+        label: '$',
+        name: 'eth/usd',
+        network: 'polygon-mainnet',
+        pollingPeriod: 15000,
+        routerAddress: '0x3806311c7138ddF2bAF2C2093ff3633E5A73AbD4'
       }
     ]
 
diff --git a/packages/api/test/web3Middleware/dataFeedsRouter.json b/packages/api/test/web3Middleware/dataFeedsRouter.json
index 2c924f00..b1125b47 100644
--- a/packages/api/test/web3Middleware/dataFeedsRouter.json
+++ b/packages/api/test/web3Middleware/dataFeedsRouter.json
@@ -1,6 +1,37 @@
 {
   "abi": "./src/abi/WitnetPriceRouter.json",
   "chains": {
+    "avalanche": {
+      "networks": {
+        "avalanche.fuji": {
+          "address": "0x99Af0CF37d1C6b9Bdfe33cc0A89C00D97D3c42F4",
+          "blockExplorer": "https://testnet.snowtrace.io/address/{address}",
+          "color": "#E84142",
+          "name": "Avalanche Fuji",
+          "pollingPeriod": 15000,
+          "feeds": {
+            "Price-AVAX/USD-6": {
+              "label": "$",
+              "deviationPercentage": 1.0,
+              "maxSecsBetweenUpdates": 3600,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-BTC/USD-6": {
+              "label": "$",
+              "deviationPercentage": 1.0,
+              "maxSecsBetweenUpdates": 3600,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-ETH/USD-6": {
+              "label": "$",
+              "deviationPercentage": 1.0,
+              "maxSecsBetweenUpdates": 3600,
+              "minSecsBetweenUpdates": 900
+            }
+          }
+        }
+      }
+    },
     "boba": {
       "networks": {
         "boba.rinkeby": {
@@ -13,44 +44,62 @@
             "Price-BOBA/USDT-6": {
               "label": "₮",
               "deviationPercentage": 1.0,
-              "maxSecsBetweenUpdates": 3600,
-              "minSecsBetweenUpdates": 300
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
             },
             "Price-BTC/USD-6": {
               "label": "$",
               "deviationPercentage": 1.0,
-              "maxSecsBetweenUpdates": 3600,
-              "minSecsBetweenUpdates": 300
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
             },
             "Price-ETH/USD-6": {
               "label": "$",
               "deviationPercentage": 1.0,
-              "maxSecsBetweenUpdates": 3600,
-              "minSecsBetweenUpdates": 300
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-FRAX/USDT-6": {
+              "label": "₮",
+              "deviationPercentage": 0.1,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
             },
             "Price-FXS/USDT-6": {
               "label": "₮",
               "deviationPercentage": 1.0,
-              "maxSecsBetweenUpdates": 3600,
-              "minSecsBetweenUpdates": 300
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
             },
             "Price-OMG/BTC-9": {
-              "label": "BTC",
+              "label": "₿",
               "deviationPercentage": 1.0,
-              "maxSecsBetweenUpdates": 3600,
-              "minSecsBetweenUpdates": 300
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
             },
             "Price-OMG/ETH-9": {
-              "label": "ETH",
+              "label": "Ξ",
               "deviationPercentage": 1.0,
-              "maxSecsBetweenUpdates": 3600,
-              "minSecsBetweenUpdates": 300
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
             },
             "Price-OMG/USDT-6": {
               "label": "₮",
               "deviationPercentage": 1.0,
-              "maxSecsBetweenUpdates": 3600,
-              "minSecsBetweenUpdates": 300
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-USDC/USD-6": {
+              "label": "$",
+              "deviationPercentage": 0.1,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-USDT/USD-6": {
+              "label": "$",
+              "deviationPercentage": 0.1,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
             }
           }
         },
@@ -65,7 +114,7 @@
               "label": "₮",
               "deviationPercentage": 1.0,
               "maxSecsBetweenUpdates": 86400,
-              "minSecsBetweenUpdates": 3600
+              "minSecsBetweenUpdates": 900
             },
             "Price-BTC/USD-6": {
               "label": "$",
@@ -78,6 +127,24 @@
               "deviationPercentage": 1.0,
               "maxSecsBetweenUpdates": 86400,
               "minSecsBetweenUpdates": 3600
+            },
+            "Price-FRAX/USDT-6": {
+              "label": "₮",
+              "deviationPercentage": 0.25,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-USDC/USD-6": {
+              "label": "$",
+              "deviationPercentage": 0.25,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-USDT/USD-6": {
+              "label": "$",
+              "deviationPercentage": 0.25,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
             }
           }
         }
@@ -224,7 +291,7 @@
               "label": "$",
               "deviationPercentage": 1.0,
               "maxSecsBetweenUpdates": 28800,
-              "minSecsBetweenUpdates": 900 
+              "minSecsBetweenUpdates": 900
             },
             "Price-ETH/USD-6": {
               "label": "$",
@@ -389,6 +456,21 @@
               "minSecsBetweenUpdates": 900
             }
           }
+        },
+        "metis.mainnet": {
+          "address": "0xD39D4d972C7E166856c4eb29E54D3548B4597F53",
+          "blockExplorer": "https://andromeda-explorer.metis.io/address/{address}",
+          "color": "#ff6600",
+          "name": "Metis Mainnet",
+          "pollingPeriod": 15000,
+          "feeds": {
+            "Price-METIS/USDT-6": {
+              "label": "₮",
+              "deviationPercentage": 2.0,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
+            }
+          }
         }
       }
     },
@@ -414,8 +496,29 @@
               "minSecsBetweenUpdates": 3600
             }
           }
+        },
+        "polygon.mainnet": {
+          "address": "0x3806311c7138ddF2bAF2C2093ff3633E5A73AbD4",
+          "blockExplorer": "https://polygonscan.com/address/{address}",
+          "color": "#66ff00",
+          "name": "Polygon Mainnet",
+          "pollingPeriod": 15000,
+          "feeds": {
+            "Price-BTC/USD-6": {
+              "label": "$",
+              "deviationPercentage": 1.0,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
+            },
+            "Price-ETH/USD-6": {
+              "label": "$",
+              "deviationPercentage": 1.0,
+              "maxSecsBetweenUpdates": 86400,
+              "minSecsBetweenUpdates": 900
+            }
+          }
         }
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/ui/apollo/queries/feed.gql b/packages/ui/apollo/queries/feed.gql
index 2e376f7d..d47a1f8f 100644
--- a/packages/ui/apollo/queries/feed.gql
+++ b/packages/ui/apollo/queries/feed.gql
@@ -3,10 +3,12 @@ query feed($feedFullName: String!, $timestamp: Int!) {
     feedFullName 
     name
     address
+    contractId
     lastResult
     network
     label
     deviation
+    proxyAddress
     heartbeat
     finality
     requests(timestamp: $timestamp) {
diff --git a/packages/ui/apollo/queries/feeds.gql b/packages/ui/apollo/queries/feeds.gql
index 70c52590..a7eb0974 100644
--- a/packages/ui/apollo/queries/feeds.gql
+++ b/packages/ui/apollo/queries/feeds.gql
@@ -1,14 +1,17 @@
-query feeds ($page: Int!, $pageSize: Int!, $network: String!) {
-  feeds (page: $page, pageSize: $pageSize, network: $network) {
+query feeds ($network: String!) {
+  feeds (network: $network) {
     feeds {
       feedFullName
       name
       address
       lastResult
+      lastResultTimestamp
       network
       label
       blockExplorer
       color
+      heartbeat
+      finality
     }
     total
   }
diff --git a/packages/ui/assets/content.scss b/packages/ui/assets/content.scss
index 219c1548..dafe39a3 100644
--- a/packages/ui/assets/content.scss
+++ b/packages/ui/assets/content.scss
@@ -1,21 +1,14 @@
 .nuxt-content {
   h1 {
-    font-size: 4rem;
     font-weight: bold;
   }
   h2 {
-    font-size: 2rem;
     font-weight: bold;
   }
   h3 {
-    font-size: 1.8rem;
     font-weight: bold;
   }
   h4 {
-    font-size: 1.4rem;
     font-weight: bold;
   }
-  p {
-    font-size: 1rem;
-  }
 }
diff --git a/packages/ui/assets/fonts/5616356/8a2ab6e1-4ba1-439f-a73b-29918942af3b.woff b/packages/ui/assets/fonts/5616356/8a2ab6e1-4ba1-439f-a73b-29918942af3b.woff
new file mode 100644
index 00000000..74bc200e
Binary files /dev/null and b/packages/ui/assets/fonts/5616356/8a2ab6e1-4ba1-439f-a73b-29918942af3b.woff differ
diff --git a/packages/ui/assets/fonts/5616356/cf7047b5-ced0-4cb1-b66e-688e29567e96.woff2 b/packages/ui/assets/fonts/5616356/cf7047b5-ced0-4cb1-b66e-688e29567e96.woff2
new file mode 100644
index 00000000..ee46b163
Binary files /dev/null and b/packages/ui/assets/fonts/5616356/cf7047b5-ced0-4cb1-b66e-688e29567e96.woff2 differ
diff --git a/packages/ui/assets/fonts/5835004/20522a37-c9e1-4059-b349-66eee8da006b.woff b/packages/ui/assets/fonts/5835004/20522a37-c9e1-4059-b349-66eee8da006b.woff
new file mode 100644
index 00000000..b9716af4
Binary files /dev/null and b/packages/ui/assets/fonts/5835004/20522a37-c9e1-4059-b349-66eee8da006b.woff differ
diff --git a/packages/ui/assets/fonts/5835004/42801c92-f679-41d6-ab36-6c7ca7c7fa6c.woff2 b/packages/ui/assets/fonts/5835004/42801c92-f679-41d6-ab36-6c7ca7c7fa6c.woff2
new file mode 100644
index 00000000..583e1c63
Binary files /dev/null and b/packages/ui/assets/fonts/5835004/42801c92-f679-41d6-ab36-6c7ca7c7fa6c.woff2 differ
diff --git a/packages/ui/assets/fonts/style.css b/packages/ui/assets/fonts/style.css
new file mode 100644
index 00000000..d3973bd9
--- /dev/null
+++ b/packages/ui/assets/fonts/style.css
@@ -0,0 +1,9 @@
+@font-face{
+  font-family:"Avenir Next Variable W05 Itali";
+  src: url("5616356/cf7047b5-ced0-4cb1-b66e-688e29567e96.woff2") format("woff2"), url("5616356/8a2ab6e1-4ba1-439f-a73b-29918942af3b.woff") format("woff");
+}
+
+@font-face{
+  font-family:"Avenir Next Variable W05835004";
+  src: url("5835004/42801c92-f679-41d6-ab36-6c7ca7c7fa6c.woff2") format("woff2"), url("5835004/20522a37-c9e1-4059-b349-66eee8da006b.woff") format("woff");
+}
\ No newline at end of file
diff --git a/packages/ui/assets/styles/colors.scss b/packages/ui/assets/styles/colors.scss
deleted file mode 100644
index 623c26a2..00000000
--- a/packages/ui/assets/styles/colors.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-$white: white;
-$black: black;
-// GREENS
-$green-1: #5fbfae;
-$green-2: #468d80;
-//BLUES
-$blue-1: #758ea9;
-$blue-2: #526488;
-$blue-3: #35495e;
-$blue-4: #214060;
-$dark-blue: #2D2C39;
-$dark-blur: #2d2c39d3;
-$red: #E54343;
-//GREYS
-$grey-1: #e4e4e4;
-$grey-2: #999;
-$grey-3: #5f5f5f;
-$grey-4: #4d4d4d;
\ No newline at end of file
diff --git a/packages/ui/assets/styles/main.scss b/packages/ui/assets/styles/main.scss
index cd79c3c8..f8050aad 100644
--- a/packages/ui/assets/styles/main.scss
+++ b/packages/ui/assets/styles/main.scss
@@ -1,4 +1,8 @@
 :root {
+  --text-size-title: 24px;
+  --text-size: 16px;
+  --text-size-small: 12px;
+  --text-size-medium: 14px;
   --bg: #2D2C39;
   --responsive-menu: #fdfdfd;
   --text: #fdfdfd;
@@ -14,6 +18,11 @@
   --app-background-color: #2D2C39;
   --pagination-button: grey;
 
+  //Tooltip
+
+  --tooltip-background: #FFFFFF10;
+  --tooltip-bg: #2D2C39;
+
 
   // Select
 
@@ -23,14 +32,16 @@
   --selected-icon: #62B1B058;
   --selected-options-background: #37414c;
   --selected-options-text: #e7e7e7;
-  --selected-options-border: 2px solid #62B1B015;;
+  --selected-options-border: 2px solid #62B1B015;
   --selected-options-shadow: 1px 1px 10 2px #62B1B029;
   --selected-options-highlight: #62B1B015;
 
   // FeedCard
 
-  --card-border: 2px solid #62B1B015;
+  --card-border: 2px solid #00D4AA16;
   --card-background: #62B1B015;
+  --delay-status-border: 2px solid #DFC44B23;
+  --error-status-border: 2px solid #DF4B4B23;
 
   //Fieledset
 
@@ -53,7 +64,7 @@
 
   // links
 
-  --transaction-blur-background: #FFFFFF10;
+  --transaction-blur-background: #ffffff09;
 
   //ThemeSwitch
 
@@ -72,15 +83,23 @@
 
   --switcher-item-background: #41BEA5;
   --switcher-item-color: white;
+
+  //footer
+  --footer-bg: #4AB6A1;
+
+  //breadcrumbs
+  --selected-option: #41BEA5;
 }
 
 .dark-mode {
   --bg: #2D2C39;
   --responsive-menu: #fdfdfd;
   --text: #fdfdfd;
+  --light-text: #bebebe;
   --link: #E54343;
   --text-background: #2d2c39d3;
   --default-border: 1px solid #fdfdfd;
+  --white-text: #fdfdfd;
 
   //Pagination
 
@@ -94,6 +113,7 @@
   //Tooltip
 
   --tooltip-background: #FFFFFF10;
+  --tooltip-bg: #2D2C39;
 
   // Select
 
@@ -109,8 +129,10 @@
 
   // FeedCard
 
-  --card-border: 2px solid #62b1b048;
-  --card-background: #62B1B015;
+  --card-border: 2px solid #00D4AA16;
+  --card-background: #00D4AA08;
+  --delay-status-border: 2px solid #DFC44B23;
+  --error-status-border: 2px solid #DF4B4B23;
   
   //Fieledset
 
@@ -125,6 +147,7 @@
   //NavBar
 
   --nav-bar-background: #2d2c39;
+  --nav-bar-slash-color: #5fbfae;
 
   // links
 
@@ -148,19 +171,40 @@
 
   --contract-address: #41BEA5;
 
-    //switcher
+  //Switcher
 
-    --switcher-item-background: #41BEA5;
-    --switcher-item-color: white;
+  --switcher-item-background: #41BEA5;
+  --switcher-item-color: white;
+
+  //Button
+
+  --btn-primary-color: #EDEDED;
+  --btn-primary-background-color: #00D4AA16;
+  --btn-primary-border-color: #00D4AA16;
+  --btn-secondary-color: #4AB6A1;
+  --btn-secondary-background-color: #4AB6A1;
+  --btn-secondary-border-color: #4AB6A1;
+
+  //footer
+  --footer-bg: #4ab6a02c;
+
+  //sidebar
+  --tab-gradient: linear-gradient(90deg, #2d2c39d3 95%, #4ab6a02c);
+  --tab-gradient-selected: linear-gradient(90deg, #2d2c39d3 0%, rgba(74, 182, 160, 0.05) 20%, rgba(74, 182, 160, 0.10) 24%, rgba(74, 182, 160, 0.15) 30%, rgba(74, 182, 160, 0.173) 35%);
+
+  //breadcrumbs
+  --selected-option: #4AB6A1;
 }
 
 .light-mode {
   --bg: #fdfdfd;
   --responsive-menu: #2D2C39;
   --text: #2D2C39;
+  --light-text: #767575;
   --link: #E54343;
   --text-background: #ffffffd3;
   --default-border: 1px solid #2D2C39;
+  --white-text: #fdfdfd;
 
   //Pagination
 
@@ -173,6 +217,7 @@
   //Tooltip
 
   --tooltip-background: #2d2c3910;
+  --tooltip-bg: #f6f6f7;
 
   // Select
 
@@ -188,15 +233,18 @@
 
   // FeedCard
 
-  --card-border: 2px solid hsl(168, 49%, 50%);
-  --card-background: #fdfdfd;
-  --name-color: #1F1F24;
-  --value-color: #1F1F24;
-  --card-box-shadow: #1f1f2421 0 4px 16px;
+  --card-border: 1px solid #4ab6a0;
+  --delay-status-border: 1px solid #DFC44B;
+  --error-status-border: 1px solid #df4b4b;
+  --card-background: transparent;
+  --name-color: #2D2C39;
+  --value-color: #2D2C39;
+  --card-box-shadow: #98979716 0 4px 4px;
+
   //Fieledset
 
   --fieldset-title: #2D2C39;
-  --fieldset-background: #2d2c3910;
+  --fieldset-background: #2d2c3908;
 
   //Logo
   --logo-dot: #41BEA5;
@@ -205,6 +253,7 @@
   //NavBar
 
   --nav-bar-background: #fdfdfd;
+  --nav-bar-slash-color: #5fbfae;
 
   // links
 
@@ -213,7 +262,7 @@
 
   // links
 
-  --transaction-blur-background: #2d2c3907;
+  --transaction-blur-background: #2d2c3905;
 
   //ThemeSwitch
 
@@ -232,30 +281,57 @@
 
   --switcher-item-background: #41BEA5;
   --switcher-item-color: #2D2C39;
+
+  //Button
+
+  --btn-primary-color: #FDFDFD;
+  --btn-primary-background-color: #4AB6A1;
+  --btn-primary-border-color: #4AB6A1;
+  --btn-secondary-color: #4AB6A1;
+  --btn-secondary-background-color: #4AB6A1;
+  --btn-secondary-border-color: hsl(168, 43%, 50%);
+
+  //footer
+  --footer-bg: #4AB6A1;
+
+  //sidebar
+  --tab-gradient: linear-gradient(90deg, #fdfdfd 95%, #cbf5ed);
+  --tab-background: #fdfdfd;
+  --tab-gradient-selected: linear-gradient(90deg, #fdfdfd 0%, rgba(74, 182, 160, 0.80) 20%, rgba(74, 182, 160, 0.90) 24%, rgba(74, 182, 160, 0.97) 30%, rgba(74,182,161,1) 35%);
+
+  //breadcrumbs
+  --selected-option: #41BEA5;
 }
 
 h1 {
-  font-size: 4rem;
   font-weight: bold;
-  font-family: 'Almarai', sans-serif;
+  font-family: 'Avenir Next Variable W05835004', Arial, Helvetica, sans-serif;
 }
 p {
-  font-size: 1.4rem;
   font-family: 'Almarai', sans-serif;
-
-  &.subtitle {
-    font-size: 0.87rem;
-  }
+  line-height: 1.5;
   &.title {
-    font-size: 1.12rem;
-  }
-  &.small-description {
-    font-size: 0.75rem;
-  }
-  &.copyright {
-    font-size: 0.625rem;
+    font-family: 'Avenir Next Variable W05835004', Arial, Helvetica, sans-serif;
   }
 }
+.btn {
+  font-family: 'Almarai', sans-serif;
+}
+.logo-subtitle {
+  font-family: 'Avenir Next Variable W05835004', Arial, Helvetica, sans-serif;
+}
+.title {
+  font-family: 'Avenir Next Variable W05835004', Arial, Helvetica, sans-serif;
+}
+.bold {
+  font-weight: bold;
+}
+.light-text {
+  color: var(--light-text);
+}
+.text {
+  color: var(--text);
+}
 
 a {
   text-decoration: none;
diff --git a/packages/ui/assets/svg/.DS_Store b/packages/ui/assets/svg/.DS_Store
new file mode 100644
index 00000000..73c7b7a0
Binary files /dev/null and b/packages/ui/assets/svg/.DS_Store differ
diff --git a/packages/ui/assets/svg/avalanche.svg b/packages/ui/assets/svg/avalanche.svg
new file mode 100644
index 00000000..a8f9fa48
--- /dev/null
+++ b/packages/ui/assets/svg/avalanche.svg
@@ -0,0 +1,4 @@
+<svg class="icon-size" width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.2934 6.004H6.6833V25.645H28.2934V6.004Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.9884 17.5C34.9884 27.1522 27.1587 34.9767 17.5 34.9767C7.84144 34.9767 0.0116425 27.1522 0.0116425 17.5C0.0116425 7.84788 7.84144 0.0232849 17.5 0.0232849C27.1587 0.0232849 34.9884 7.84788 34.9884 17.5ZM12.5443 24.4549H9.1503C8.43712 24.4549 8.08484 24.4549 7.87004 24.3176C7.63803 24.1672 7.49627 23.9182 7.47908 23.6434C7.46618 23.3902 7.64234 23.081 7.99463 22.4627L16.3748 7.70129C16.7314 7.07446 16.9118 6.76104 17.1395 6.64513C17.3844 6.52063 17.6766 6.52063 17.9215 6.64513C18.1492 6.76104 18.3296 7.07446 18.6862 7.70129L20.409 10.7066L20.4178 10.722C20.8029 11.3944 20.9982 11.7355 21.0835 12.0934C21.178 12.4841 21.178 12.8962 21.0835 13.2869C20.9976 13.6476 20.8042 13.9911 20.4133 14.6737L16.0114 22.4499L16 22.4698C15.6123 23.1478 15.4158 23.4914 15.1435 23.7507C14.8471 24.0341 14.4905 24.2401 14.0995 24.3562C13.7429 24.4549 13.3434 24.4549 12.5443 24.4549ZM21.1153 24.4549H25.9785C26.6959 24.4549 27.0569 24.4549 27.2718 24.3134C27.5038 24.163 27.6498 23.9096 27.6628 23.635C27.6752 23.39 27.5028 23.0928 27.1652 22.5105C27.1535 22.4907 27.1419 22.4705 27.13 22.45L24.694 18.2854L24.6663 18.2385C24.324 17.6601 24.1512 17.3679 23.9292 17.255C23.6845 17.1305 23.3964 17.1305 23.1517 17.255C22.9283 17.3709 22.7478 17.6758 22.3912 18.2897L19.9639 22.4543L19.9556 22.4686C19.6002 23.0816 19.4227 23.3879 19.4355 23.6392C19.4526 23.914 19.5944 24.1672 19.8264 24.3176C20.0369 24.4549 20.3978 24.4549 21.1153 24.4549Z" fill="#E84142"/>
+</svg>
diff --git a/packages/ui/assets/svg/avax.svg b/packages/ui/assets/svg/avax.svg
new file mode 100644
index 00000000..a8f9fa48
--- /dev/null
+++ b/packages/ui/assets/svg/avax.svg
@@ -0,0 +1,4 @@
+<svg class="icon-size" width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.2934 6.004H6.6833V25.645H28.2934V6.004Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.9884 17.5C34.9884 27.1522 27.1587 34.9767 17.5 34.9767C7.84144 34.9767 0.0116425 27.1522 0.0116425 17.5C0.0116425 7.84788 7.84144 0.0232849 17.5 0.0232849C27.1587 0.0232849 34.9884 7.84788 34.9884 17.5ZM12.5443 24.4549H9.1503C8.43712 24.4549 8.08484 24.4549 7.87004 24.3176C7.63803 24.1672 7.49627 23.9182 7.47908 23.6434C7.46618 23.3902 7.64234 23.081 7.99463 22.4627L16.3748 7.70129C16.7314 7.07446 16.9118 6.76104 17.1395 6.64513C17.3844 6.52063 17.6766 6.52063 17.9215 6.64513C18.1492 6.76104 18.3296 7.07446 18.6862 7.70129L20.409 10.7066L20.4178 10.722C20.8029 11.3944 20.9982 11.7355 21.0835 12.0934C21.178 12.4841 21.178 12.8962 21.0835 13.2869C20.9976 13.6476 20.8042 13.9911 20.4133 14.6737L16.0114 22.4499L16 22.4698C15.6123 23.1478 15.4158 23.4914 15.1435 23.7507C14.8471 24.0341 14.4905 24.2401 14.0995 24.3562C13.7429 24.4549 13.3434 24.4549 12.5443 24.4549ZM21.1153 24.4549H25.9785C26.6959 24.4549 27.0569 24.4549 27.2718 24.3134C27.5038 24.163 27.6498 23.9096 27.6628 23.635C27.6752 23.39 27.5028 23.0928 27.1652 22.5105C27.1535 22.4907 27.1419 22.4705 27.13 22.45L24.694 18.2854L24.6663 18.2385C24.324 17.6601 24.1512 17.3679 23.9292 17.255C23.6845 17.1305 23.3964 17.1305 23.1517 17.255C22.9283 17.3709 22.7478 17.6758 22.3912 18.2897L19.9639 22.4543L19.9556 22.4686C19.6002 23.0816 19.4227 23.3879 19.4355 23.6392C19.4526 23.914 19.5944 24.1672 19.8264 24.3176C20.0369 24.4549 20.3978 24.4549 21.1153 24.4549Z" fill="#E84142"/>
+</svg>
diff --git a/packages/ui/assets/svg/boba.svg b/packages/ui/assets/svg/boba.svg
index 6daf19f7..9582b917 100644
--- a/packages/ui/assets/svg/boba.svg
+++ b/packages/ui/assets/svg/boba.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="39" viewBox="0 0 24 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" viewBox="0 0 24 39" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.54579 27C4.84112 27 4.22739 26.475 4.11373 25.7674L0.0221482 1.71004C-0.0460449 1.32202 0.0448792 0.933995 0.272189 0.614445C0.499499 0.294897 0.840465 0.0894724 1.22689 0.0209981C2.02248 -0.115951 2.7726 0.431846 2.90899 1.23072L6.97785 25.2881C7.04605 25.6761 6.9551 26.0642 6.72778 26.3837C6.50051 26.7032 6.1595 26.9087 5.7731 26.9772C5.7049 27 5.61398 27 5.54579 27Z" fill="#CCFF00"/>
 <path d="M12.5228 16C10.2 16 8.01384 16.7059 6.19206 17.8901L6.69306 20.805C8.26437 19.4386 10.2911 18.6188 12.5228 18.6188C17.4188 18.6188 21.404 22.6039 21.404 27.5C21.404 32.396 17.4188 36.3812 12.5228 36.3812C7.62674 36.3812 3.64159 32.396 3.64159 27.5C3.64159 26.8396 3.7099 26.202 3.84654 25.5872L3.04951 20.9644C1.77426 22.8317 1 25.0634 1 27.5C1 33.8534 6.16933 39 12.5 39C18.8307 39 24 33.8307 24 27.5C24 21.1693 18.8762 16 12.5228 16Z" fill="#CCFF00"/>
 <path d="M11.5 34C12.3284 34 13 33.3284 13 32.5C13 31.6716 12.3284 31 11.5 31C10.6716 31 10 31.6716 10 32.5C10 33.3284 10.6716 34 11.5 34Z" fill="#1CD8D2"/>
diff --git a/packages/ui/assets/svg/btc.svg b/packages/ui/assets/svg/btc.svg
index 62f7e133..de6c1166 100644
--- a/packages/ui/assets/svg/btc.svg
+++ b/packages/ui/assets/svg/btc.svg
@@ -1,3 +1,3 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.87775 15.387C2.67075 15.387 2.50275 15.2318 2.50275 15.0255V15C2.50275 13.6897 2.7045 12.399 3.10275 11.1637C3.1665 10.9665 3.378 10.86 3.5745 10.9215C3.77175 10.9853 3.87975 11.1967 3.81675 11.3932C3.4425 12.5542 3.25275 13.7677 3.25275 15C3.25275 15.2063 3.0855 15.387 2.87775 15.387ZM18.6405 26.172C17.472 26.5515 16.2517 26.7457 15.0135 26.7472C14.8065 26.7472 14.6385 26.9167 14.6385 27.1222C14.6385 27.3277 14.8065 27.4972 15.0135 27.4972C16.3305 27.4957 17.6302 27.2902 18.873 26.886C19.0702 26.823 19.1768 26.6107 19.1122 26.4135C19.0485 26.217 18.8363 26.1082 18.6405 26.172ZM3.831 18.651C3.76725 18.4538 3.558 18.3465 3.3585 18.411C3.162 18.4748 3.054 18.687 3.1185 18.8835C3.525 20.1285 4.12425 21.2992 4.9005 22.3627C4.974 22.464 5.088 22.5165 5.2035 22.5165C5.28 22.5165 5.358 22.494 5.424 22.4437C5.59125 22.3215 5.628 22.0868 5.50575 21.9202C4.7775 20.9212 4.2135 19.821 3.831 18.651ZM18.5955 3.813C19.7677 4.1895 20.8702 4.7475 21.873 5.472C21.9397 5.52 22.0162 5.54325 22.092 5.54325C22.2083 5.54325 22.323 5.48925 22.3958 5.388C22.5173 5.22 22.479 4.98525 22.3125 4.8645C21.246 4.0935 20.073 3.4995 18.825 3.099C18.6278 3.03675 18.4178 3.14475 18.3533 3.34125C18.2903 3.5385 18.3983 3.75 18.5955 3.813ZM5.175 8.2725C5.29125 8.2725 5.406 8.2185 5.47875 8.11725C6.2025 7.1175 7.074 6.2415 8.07075 5.5125C8.238 5.39025 8.274 5.1555 8.15175 4.98825C8.03025 4.821 7.7955 4.785 7.6275 4.90725C6.56775 5.682 5.64075 6.61425 4.87125 7.677C4.74975 7.845 4.78725 8.079 4.95525 8.2005C5.022 8.25 5.09925 8.2725 5.175 8.2725ZM11.2215 3.8535C11.2598 3.8535 11.2995 3.8475 11.3385 3.83475C12.5055 3.45225 13.7257 3.2565 14.9647 3.2535C15.171 3.25275 15.3397 3.08475 15.339 2.87775C15.3383 2.6715 15.1695 2.5035 14.964 2.5035H14.9633C13.6455 2.50725 12.3472 2.71575 11.1053 3.12225C10.9088 3.18675 10.8015 3.39825 10.866 3.5955C10.917 3.753 11.0632 3.8535 11.2215 3.8535ZM11.382 26.1795C10.2105 25.8 9.10875 25.2405 8.1075 24.5138C7.94025 24.3908 7.70475 24.4297 7.584 24.5955C7.4625 24.765 7.5 24.999 7.66725 25.1205C8.73225 25.8923 9.9045 26.4885 11.151 26.8913C11.1892 26.9047 11.2283 26.9085 11.2665 26.9085C11.4248 26.9085 11.5717 26.8073 11.6235 26.649C11.6873 26.4548 11.5792 26.2432 11.382 26.1795ZM24.507 21.9015C23.781 22.899 22.9072 23.7735 21.9097 24.5002C21.7425 24.6225 21.7065 24.8573 21.828 25.0245C21.9023 25.125 22.0155 25.179 22.131 25.179C22.2075 25.179 22.2847 25.1558 22.3515 25.107C23.4128 24.3338 24.3413 23.4037 25.1138 22.341C25.2367 22.1723 25.1985 21.939 25.0327 21.8175C24.8625 21.696 24.6285 21.7342 24.507 21.9015ZM27.1222 14.601C26.9152 14.601 26.7472 14.7922 26.7472 15C26.7472 16.239 26.5553 17.4608 26.175 18.6292C26.112 18.8265 26.22 19.0373 26.4165 19.1017C26.4548 19.1152 26.4937 19.1198 26.5305 19.1198C26.6888 19.1198 26.8358 19.0193 26.8883 18.8595C27.2925 17.6175 27.4972 16.317 27.4972 15V14.952C27.4972 14.745 27.3292 14.601 27.1222 14.601ZM26.1615 11.3272C26.2132 11.4847 26.3603 11.5852 26.5185 11.5852C26.5583 11.5852 26.5965 11.5793 26.6355 11.5665C26.832 11.502 26.9385 11.2898 26.874 11.0933C26.4645 9.84825 25.8615 8.679 25.0837 7.6185C24.9608 7.45125 24.7253 7.41525 24.5603 7.53825C24.3938 7.66125 24.357 7.89525 24.4807 8.0625C25.2112 9.0585 25.7768 10.1572 26.1615 11.3272ZM30 15C30 23.2703 23.2703 30 15 30C6.729 30 0 23.2703 0 15C0 6.729 6.729 0 15 0C23.2703 0 30 6.729 30 15ZM28.5 15C28.5 7.55625 22.4438 1.5 15 1.5C7.55625 1.5 1.5 7.55625 1.5 15C1.5 22.4438 7.55625 28.5 15 28.5C22.4438 28.5 28.5 22.4438 28.5 15ZM16.2645 15.6135C16.014 15.5183 15.6315 15.4703 15.1185 15.4703H13.9462V17.4307C13.9507 17.7083 13.9613 17.8702 13.9785 17.9175C14.0003 17.9767 14.0355 18.0203 14.0858 18.0435C14.1353 18.066 14.2702 18.0802 14.49 18.0802H15.15C15.534 18.0802 15.8527 18.0435 16.104 17.9708C16.3575 17.9002 16.5728 17.7518 16.7482 17.526C16.9237 17.3002 17.0138 17.031 17.0138 16.7145C17.0138 16.4467 16.9508 16.2195 16.8263 16.032C16.7025 15.8497 16.515 15.7088 16.2645 15.6135ZM25.827 15C25.827 20.9797 20.9797 25.827 15 25.827C9.021 25.827 4.17375 20.9797 4.17375 15C4.17375 9.021 9.021 4.17375 15 4.17375C20.9797 4.17375 25.827 9.021 25.827 15ZM19.3665 16.9567C19.3665 16.5547 19.2712 16.191 19.0807 15.864C18.8902 15.5355 18.6308 15.2828 18.309 15.099C18.0833 14.9685 17.76 14.8492 17.3348 14.742C17.73 14.6077 18.048 14.4382 18.288 14.232C18.5288 14.0265 18.7132 13.7895 18.8415 13.5217C18.969 13.2532 19.0328 12.9698 19.0328 12.6713C19.0328 12.2603 18.912 11.8822 18.672 11.538C18.429 11.1945 18.0833 10.9298 17.6332 10.7467C17.4578 10.6755 17.2493 10.6215 17.025 10.578V8.97975H15.4913V10.47H14.5057V8.97975H12.972V10.47H10.6327V11.7225H10.9905C11.2283 11.7225 11.3895 11.745 11.4742 11.7878C11.559 11.8305 11.6182 11.8897 11.6528 11.9625C11.688 12.036 11.7052 12.2078 11.7052 12.4755V17.526C11.7052 17.7915 11.6887 17.9603 11.6528 18.036C11.6182 18.1125 11.559 18.171 11.4742 18.2108C11.3895 18.252 11.229 18.273 10.9905 18.273H10.6327V19.5255H12.972V21.015H14.5057V19.5255H15.378C15.4185 19.5255 15.4552 19.5247 15.492 19.5247V21.015H17.0257V19.3965C17.283 19.347 17.5103 19.2847 17.7015 19.206C18.2302 18.9953 18.639 18.6877 18.9307 18.2828C19.221 17.8808 19.3665 17.4375 19.3665 16.9567ZM16.0905 14.0093C16.3403 13.923 16.5262 13.7918 16.6522 13.6185C16.7775 13.4438 16.8397 13.2405 16.8397 13.011C16.8397 12.7732 16.7805 12.57 16.662 12.4012C16.5427 12.2325 16.3695 12.1125 16.146 12.0413C15.9202 11.9693 15.5175 11.9333 14.9393 11.9333H13.9462V14.1405H14.9393C15.4583 14.1398 15.8415 14.0963 16.0905 14.0093Z" fill="#FFB800"/>
 </svg>
diff --git a/packages/ui/assets/svg/celo.svg b/packages/ui/assets/svg/celo.svg
index 8525f7cb..c37a53ce 100644
--- a/packages/ui/assets/svg/celo.svg
+++ b/packages/ui/assets/svg/celo.svg
@@ -1,4 +1,4 @@
-<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M32 14C32 20.0933 27.0569 25 21 25C14.9431 25 10 20.0933 10 14C10 7.90678 14.9431 3 21 3C27.0569 3 32 7.90678 32 14Z" stroke="#35D07F" stroke-width="3.5"/>
 <path d="M25 21C25 27.0933 20.0569 32 14 32C7.9431 32 3 27.0933 3 21C3 14.9068 7.9431 10 14 10C20.0569 10 25 14.9068 25 21Z" stroke="#FBCC5C" stroke-width="3.5"/>
 <path d="M32 14C32 20.0933 27.0569 25 21 25C14.9431 25 10 20.0933 10 14C10 7.90678 14.9431 3 21 3C27.0569 3 32 7.90678 32 14Z" stroke="#35D07F" stroke-opacity="0.51" stroke-width="3.5"/>
diff --git a/packages/ui/assets/svg/cfx.svg b/packages/ui/assets/svg/cfx.svg
index b1ac1120..dea02f18 100644
--- a/packages/ui/assets/svg/cfx.svg
+++ b/packages/ui/assets/svg/cfx.svg
@@ -1,4 +1,4 @@
-<svg width="27" height="34" viewBox="0 0 27 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" viewBox="0 0 27 34" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path class="fill" d="M20.5073 19.814L13.4124 26.9088L9.46382 22.9602L16.5587 15.8653L13.4034 12.71L3.11865 22.9943L13.375 33.2504L23.6594 22.966L20.5073 19.814Z" fill="#1A1A1A"/>
 <path d="M26.8383 13.4006L13.4381 0L0 13.4381L0.0428453 19.7191L13.3811 6.38127L26.8159 19.8167L26.8383 13.4006Z" fill="#38A1DB"/>
 </svg>
diff --git a/packages/ui/assets/svg/conflux.svg b/packages/ui/assets/svg/conflux.svg
new file mode 100644
index 00000000..dea02f18
--- /dev/null
+++ b/packages/ui/assets/svg/conflux.svg
@@ -0,0 +1,4 @@
+<svg class="icon-size" viewBox="0 0 27 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path class="fill" d="M20.5073 19.814L13.4124 26.9088L9.46382 22.9602L16.5587 15.8653L13.4034 12.71L3.11865 22.9943L13.375 33.2504L23.6594 22.966L20.5073 19.814Z" fill="#1A1A1A"/>
+<path d="M26.8383 13.4006L13.4381 0L0 13.4381L0.0428453 19.7191L13.3811 6.38127L26.8159 19.8167L26.8383 13.4006Z" fill="#38A1DB"/>
+</svg>
diff --git a/packages/ui/assets/svg/eth.svg b/packages/ui/assets/svg/eth.svg
index 5fdb5b80..fa915ae9 100644
--- a/packages/ui/assets/svg/eth.svg
+++ b/packages/ui/assets/svg/eth.svg
@@ -1,4 +1,4 @@
-<svg width="22" height="36" viewBox="0 0 22 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" viewBox="0 0 22 36" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g opacity="0.8">
 <path opacity="0.8" d="M10.998 26.8288V35.825L22.0002 20.3313L10.998 26.8288Z" fill="#4576F3"/>
 </g>
diff --git a/packages/ui/assets/svg/ethereum.svg b/packages/ui/assets/svg/ethereum.svg
new file mode 100644
index 00000000..0f75a807
--- /dev/null
+++ b/packages/ui/assets/svg/ethereum.svg
@@ -0,0 +1,24 @@
+<svg class="icon-size" viewBox="0 0 22 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_26_79)">
+<g opacity="0.8">
+<path opacity="0.8" d="M10.998 26.8288V35.825L22.0002 20.3313L10.998 26.8288Z" fill="#4576F3"/>
+</g>
+<g opacity="0.6">
+<path opacity="0.6" d="M10.9978 13.2456L0 18.2473L10.9978 24.7449L21.9912 18.2473L10.9978 13.2456Z" fill="#4576F3"/>
+</g>
+<g opacity="0.45">
+<path opacity="0.45" d="M0 18.2475L10.9978 24.745V0L0 18.2475Z" fill="#4576F3"/>
+</g>
+<g opacity="0.8">
+<path opacity="0.8" d="M10.998 0V24.745L21.9915 18.2475L10.998 0Z" fill="#4576F3"/>
+</g>
+<g opacity="0.45">
+<path opacity="0.45" d="M0 20.3313L10.9978 35.825V26.8288L0 20.3313Z" fill="#4576F3"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_26_79">
+<rect width="22" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/ui/assets/svg/frax.svg b/packages/ui/assets/svg/frax.svg
new file mode 100644
index 00000000..bc977e77
--- /dev/null
+++ b/packages/ui/assets/svg/frax.svg
@@ -0,0 +1,4 @@
+<svg class="icon-size" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4831 0.999998C23.4819 0.999998 29.9662 7.48432 29.9662 15.4831C29.9662 23.4819 23.4819 29.9662 15.4831 29.9662C7.48432 29.9662 1 23.4819 1 15.4831C1 7.48432 7.48432 0.999998 15.4831 0.999998Z" fill="black" stroke="black" stroke-width="1.2373" stroke-miterlimit="11.3386"/>
+<path d="M7.49348 23.5389C6.88281 22.8977 6.37901 22.3583 6.37392 22.3481C6.36883 22.3328 6.91843 21.7934 7.59526 21.1522C8.27209 20.5059 8.86241 19.941 8.90312 19.9054L8.97945 19.8342L8.84205 19.6052C7.63597 17.6103 7.38662 15.2083 8.14487 12.9997C8.28736 12.5824 8.53163 12.0481 8.74027 11.6969C8.84205 11.5239 8.88785 11.412 8.87767 11.3916C8.8675 11.3713 8.25173 10.7199 7.50875 9.94126C6.76576 9.16774 6.16018 8.52145 6.15 8.51127C6.14491 8.496 8.22629 6.48587 8.42476 6.32303L8.50109 6.25687L9.67664 7.48331C10.3229 8.16014 10.9285 8.79625 11.0201 8.89294L11.1931 9.06597L11.356 8.96419C12.1855 8.43494 13.1575 8.06853 14.2312 7.87515C14.7707 7.77846 15.7986 7.75302 16.3737 7.82426C17.4831 7.95149 18.5823 8.32298 19.483 8.8675L19.7171 9.00999L19.9665 8.76572C20.511 8.23647 22.5466 6.30267 22.5669 6.29249C22.5873 6.28232 24.8213 8.61814 24.8162 8.64867C24.8111 8.66394 23.2794 10.1346 22.343 11.015L22.0326 11.3102L22.1751 11.5443C23.371 13.5341 23.6203 15.9462 22.8468 18.1701C22.7349 18.4958 22.3939 19.2286 22.1954 19.5644L22.0987 19.7324L23.4066 21.1013C24.1241 21.8494 24.7094 22.4753 24.7043 22.4906C24.6839 22.5415 22.3939 24.7043 22.3634 24.7043C22.343 24.7043 21.768 24.119 21.081 23.3964C20.3939 22.6789 19.824 22.0886 19.8087 22.0835C19.7985 22.0784 19.7324 22.1089 19.6713 22.1547C19.4983 22.2718 19.0606 22.5109 18.8164 22.6229C18.0734 22.9639 17.3813 23.1725 16.5772 23.2896C16.1599 23.3506 14.9081 23.3608 14.5213 23.3048C13.5951 23.1725 12.8369 22.9435 12.0634 22.5567C11.8394 22.4499 11.5799 22.3074 11.4781 22.2463L11.2949 22.1344L11.0863 22.3379C10.9743 22.4499 10.4654 22.9282 9.96162 23.4117C9.45781 23.89 8.94383 24.3786 8.8217 24.5007L8.59778 24.7195L7.49348 23.5389ZM16.0378 20.2209C16.847 20.1242 17.5696 19.8494 18.2362 19.3812C18.5772 19.1421 19.0861 18.6332 19.3253 18.2922C20.684 16.3686 20.4245 13.7529 18.7146 12.1499C17.2541 10.786 15.1422 10.4807 13.3661 11.3865C12.0837 12.043 11.1779 13.244 10.8878 14.6842C10.7962 15.1422 10.7962 15.9971 10.8878 16.45C10.9743 16.8978 11.0914 17.2184 11.3102 17.6663C12.1855 19.427 14.0837 20.455 16.0378 20.2209Z" fill="white"/>
+</svg>
diff --git a/packages/ui/assets/svg/fxs.svg b/packages/ui/assets/svg/fxs.svg
index ee453fab..edfecd31 100644
--- a/packages/ui/assets/svg/fxs.svg
+++ b/packages/ui/assets/svg/fxs.svg
@@ -1,4 +1,4 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path class="fill" d="M15.4653 29.9306C23.4543 29.9306 29.9306 23.4543 29.9306 15.4653C29.9306 7.47633 23.4543 1 15.4653 1C7.47633 1 1 7.47633 1 15.4653C1 23.4543 7.47633 29.9306 15.4653 29.9306Z" fill="black" stroke="black" stroke-width="0.436504"/>
 <path class="reverse-fill" d="M9.05432 7.22185L8.08451 8.19167L9.31151 9.41868L10.5412 10.6457L10.4394 10.9457C10.3081 11.3396 10.2545 11.6691 10.2545 12.1058C10.2545 13.5283 10.9993 14.7393 12.3174 15.4599C12.8479 15.7493 13.7587 16.0761 14.7687 16.336C16.7405 16.8423 17.0433 16.9307 17.4317 17.1129C17.9622 17.3647 18.2247 17.638 18.3346 18.0506C18.3828 18.2301 18.3801 18.6319 18.3319 18.8248C18.2086 19.2937 17.8095 19.7652 17.3138 20.0224C16.6441 20.3733 15.4787 20.4698 14.6 20.2447C14.2731 20.1644 13.8096 19.9366 13.5766 19.7464C13.1024 19.3553 12.7327 18.6802 12.5692 17.9006C12.5424 17.7773 12.521 17.6728 12.5183 17.6675C12.5103 17.6568 9.76695 17.9247 9.75355 17.9407C9.74283 17.9488 9.75087 18.0613 9.76963 18.1899C9.85536 18.8088 10.0724 19.5455 10.3215 20.0572L10.4662 20.3546L9.274 21.5467L8.0845 22.7389L9.057 23.7114L10.0268 24.6812L11.2565 23.4516L12.4835 22.2245L12.6952 22.313C13.815 22.7845 15.4948 22.9318 17.1236 22.6961C17.5148 22.6398 18.08 22.5058 18.3774 22.396L18.5542 22.3317L19.7303 23.5078L20.9038 24.6812L21.8736 23.7114L22.8461 22.7389L21.7557 21.6486L20.668 20.5609L20.8046 20.2822C21.0886 19.7116 21.2065 19.2267 21.2306 18.5596C21.2735 17.2871 20.944 16.328 20.1938 15.5376C19.4115 14.7152 18.5301 14.324 16.0413 13.6971C14.2865 13.2578 13.531 12.955 13.231 12.5746C12.9336 12.1995 12.9068 11.6744 13.1667 11.2913C13.3167 11.069 13.6864 10.8305 14.0883 10.6966C14.541 10.5439 15.3019 10.4742 15.8672 10.5332C17.0593 10.6591 17.6594 11.1681 17.922 12.2826C17.9541 12.4192 17.9836 12.5344 17.9863 12.5398C17.9916 12.5478 19.9313 12.4782 20.5126 12.4487L20.8448 12.4326L20.8261 12.1995C20.7886 11.7253 20.6948 11.3021 20.5233 10.86L20.4296 10.6109L21.6378 9.39992L22.8461 8.19167L21.8763 7.21918L20.9038 6.24936L19.6821 7.47101L18.4578 8.69533L18.1604 8.58281C17.429 8.30955 16.7218 8.18899 15.6796 8.15952C14.541 8.13005 13.5417 8.2774 12.7755 8.58817L12.4915 8.70337L11.2592 7.47636L10.0268 6.24936L9.05432 7.22185Z" fill="white"/>
 </svg>
diff --git a/packages/ui/assets/svg/github.svg b/packages/ui/assets/svg/github.svg
index 5d236280..3910a188 100644
--- a/packages/ui/assets/svg/github.svg
+++ b/packages/ui/assets/svg/github.svg
@@ -1,3 +1,3 @@
-<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0049 0.00146484C7.16488 0.00146484 0.00488281 7.16146 0.00488281 16.0015C0.00488281 23.0815 4.58488 29.0615 10.9449 31.1815C11.7449 31.3215 12.0449 30.8415 12.0449 30.4215C12.0449 30.0415 12.0249 28.7815 12.0249 27.4415C8.00488 28.1815 6.96488 26.4615 6.64488 25.5615C6.46488 25.1015 5.68488 23.6815 5.00488 23.3015C4.44488 23.0015 3.64488 22.2615 4.98488 22.2415C6.24488 22.2215 7.14488 23.4015 7.44488 23.8815C8.88488 26.3015 11.1849 25.6215 12.1049 25.2015C12.2449 24.1615 12.6649 23.4615 13.1249 23.0615C9.56488 22.6615 5.84488 21.2815 5.84488 15.1615C5.84488 13.4215 6.46488 11.9815 7.48488 10.8615C7.32488 10.4615 6.76488 8.82146 7.64488 6.62146C7.64488 6.62146 8.98488 6.20147 12.0449 8.26147C13.3249 7.90146 14.6849 7.72146 16.0449 7.72146C17.4049 7.72146 18.7649 7.90146 20.0449 8.26147C23.1049 6.18147 24.4449 6.62146 24.4449 6.62146C25.3249 8.82146 24.7649 10.4615 24.6049 10.8615C25.6249 11.9815 26.2449 13.4015 26.2449 15.1615C26.2449 21.3015 22.5049 22.6615 18.9449 23.0615C19.5249 23.5615 20.0249 24.5215 20.0249 26.0215C20.0249 28.1615 20.0049 29.8815 20.0049 30.4215C20.0049 30.8415 20.3049 31.3415 21.1049 31.1815C27.4249 29.0615 32.0049 23.0615 32.0049 16.0015C32.0049 7.16146 24.8449 0.00146484 16.0049 0.00146484Z" fill="#41BEA5"/>
 </svg>
diff --git a/packages/ui/assets/svg/harmony.svg b/packages/ui/assets/svg/harmony.svg
new file mode 100644
index 00000000..d67330e9
--- /dev/null
+++ b/packages/ui/assets/svg/harmony.svg
@@ -0,0 +1,14 @@
+<svg class="icon-size" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_26_107)">
+<path d="M6.68739 2.02249e-06C8.458 -0.00137628 10.1568 0.701769 11.4109 1.95509C12.665 3.20841 13.3719 4.90949 13.3765 6.68492V14.0969C14.0654 14.1435 14.7698 14.1729 15.5 14.1729C16.2302 14.1729 16.9312 14.2022 17.6235 14.2437V6.68492C17.6517 4.92488 18.3687 3.24649 19.6199 2.01182C20.8712 0.777149 22.5563 0.0851736 24.3117 0.0851736C26.0672 0.0851736 27.7523 0.777149 29.0036 2.01182C30.2548 3.24649 30.9718 4.92488 31 6.68492V24.3997C30.9718 26.1597 30.2548 27.8381 29.0036 29.0728C27.7523 30.3075 26.0672 30.9995 24.3117 30.9995C22.5563 30.9995 20.8712 30.3075 19.6199 29.0728C18.3687 27.8381 17.6517 26.1597 17.6235 24.3997V16.9878C16.9346 16.9411 16.2302 16.9118 15.5 16.9118C14.7698 16.9118 14.0688 16.8824 13.3765 16.841V24.3997C13.3483 26.1597 12.6313 27.8381 11.3801 29.0728C10.1288 30.3075 8.44372 30.9995 6.68825 30.9995C4.93278 30.9995 3.24766 30.3075 1.99643 29.0728C0.745206 27.8381 0.0281662 26.1597 -8.34465e-07 24.3997V6.68492C0.0045604 4.90979 0.711246 3.20897 1.96498 1.9557C3.21871 0.702428 4.91708 -0.000918656 6.68739 2.02249e-06V2.02249e-06ZM24.3126 2.7389C23.2677 2.73844 22.2652 3.15365 21.5252 3.89343C20.7852 4.6332 20.368 5.63712 20.3653 6.68492V14.5338C22.3221 14.8181 24.233 15.3599 26.0486 16.145C26.8353 16.4912 27.5758 16.9344 28.2531 17.4644V6.68492C28.2503 5.63832 27.8341 4.63544 27.0956 3.89586C26.3571 3.15628 25.3564 2.74027 24.3126 2.7389V2.7389ZM20.3653 24.3997C20.3653 25.4495 20.7812 26.4562 21.5214 27.1985C22.2617 27.9408 23.2657 28.3578 24.3126 28.3578C25.3595 28.3578 26.3635 27.9408 27.1038 27.1985C27.8441 26.4562 28.2599 25.4495 28.2599 24.3997V22.6227C28.2599 21.0529 27.0199 19.566 24.9412 18.6404C23.4765 18.0068 21.9397 17.5561 20.3653 17.2986V24.3997V24.3997ZM6.68739 28.3457C7.73234 28.3462 8.7348 27.931 9.47482 27.1912C10.2148 26.4514 10.632 25.4475 10.6347 24.3997V16.5508C8.6779 16.2665 6.767 15.7248 4.95139 14.9396C4.16474 14.5934 3.42421 14.1502 2.74694 13.6202V24.3997C2.74968 25.4463 3.16587 26.4492 3.9044 27.1888C4.64294 27.9283 5.64363 28.3444 6.68739 28.3457V28.3457ZM6.05878 12.4339C7.52348 13.0675 9.06033 13.5181 10.6347 13.7757V6.68492C10.6347 5.63517 10.2188 4.62841 9.47857 3.88612C8.7383 3.14383 7.73429 2.72681 6.68739 2.72681C5.64049 2.72681 4.63647 3.14383 3.8962 3.88612C3.15593 4.62841 2.74006 5.63517 2.74006 6.68492V8.46193C2.74006 10.0248 3.98005 11.5117 6.05878 12.4339Z" fill="url(#paint0_linear_26_107)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_26_107" x1="29.0367" y1="28.6899" x2="2.06666" y2="1.7199" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00AEE9"/>
+<stop offset="1" stop-color="#69FABD"/>
+</linearGradient>
+<clipPath id="clip0_26_107">
+<rect width="31" height="31" fill="white" transform="matrix(-1 0 0 1 31 0)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/ui/assets/svg/kcc.svg b/packages/ui/assets/svg/kcc.svg
new file mode 100644
index 00000000..c6e686ce
--- /dev/null
+++ b/packages/ui/assets/svg/kcc.svg
@@ -0,0 +1,11 @@
+<svg class="icon-size" viewBox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.8471 13.6492L32.8875 12.042L27.6342 3.21437H27.6102L27.4423 2.90253H25.5232L18.063 16.024L25.6432 29.0734H27.5622L27.6102 29.0015L33.8711 18.2788H30.009L26.6747 24.2039L21.925 16L26.5787 7.79608L29.961 13.6252L33.8471 13.6492Z" fill="#41E6AF"/>
+<path d="M4.65367 11.5142L8.15592 5.54123L6.98051 3.64618L6.16492 2.30285L0.167916 12.8816L0 13.1694L0.95952 14.8486H16.048L23.6522 1.82309L22.5967 0L12.042 0.0239879H11.8741L10.1949 0L11.0825 1.67916L11.97 3.35832L18.8786 3.33433L14.1289 11.5142H4.65367Z" fill="#41E6AF"/>
+<path d="M12.114 4.60571C11.8501 4.60571 11.5622 4.65369 11.2744 4.74964C10.9625 4.84559 10.6507 4.98952 10.3628 5.15744C9.54725 5.66118 8.97154 6.38083 8.87558 7.05249C8.82761 7.36433 8.89957 7.6282 9.06749 7.82011C9.09148 7.86808 9.13945 7.89207 9.16344 7.94005C9.18743 7.96403 9.21142 7.96403 9.2354 7.98802C9.25939 8.01201 9.25939 8.01201 9.28338 8.036C9.33136 8.05999 9.35534 8.08397 9.40332 8.10796C9.90707 8.34784 10.6987 8.29987 11.4663 7.94005L11.4903 7.91606C11.5622 7.89207 11.6342 7.84409 11.7062 7.82011C11.7781 7.79612 11.8261 7.74814 11.8981 7.70017C11.97 7.65219 12.042 7.60421 12.114 7.55624C12.1859 7.50826 12.2339 7.46029 12.3059 7.41231L12.3538 7.38832C12.4018 7.34035 12.4498 7.31636 12.4978 7.26838C12.5218 7.24439 12.5218 7.24439 12.5457 7.22041C12.5937 7.19642 12.6177 7.14844 12.6417 7.12445C12.6657 7.10047 12.6897 7.07648 12.7137 7.0285C12.7377 6.98053 12.7856 6.95654 12.8096 6.90856C12.8336 6.88457 12.8336 6.88457 12.8576 6.86059C12.8816 6.81261 12.9296 6.78862 12.9535 6.74065L13.0015 6.69267C13.0255 6.64469 13.0495 6.62071 13.0735 6.57273C13.0735 6.57273 13.0735 6.57273 13.0735 6.54874L13.0975 6.50077C13.1454 6.45279 13.1694 6.38083 13.1934 6.33285C13.2174 6.28487 13.2414 6.21291 13.2654 6.16493L13.2894 6.14095C13.2894 6.11696 13.3134 6.09297 13.3134 6.09297C13.3134 6.06898 13.3134 6.06898 13.3374 6.04499C13.3374 5.99702 13.3613 5.97303 13.3613 5.92505C13.3613 5.87708 13.3853 5.87708 13.3853 5.85309C13.3853 5.8291 13.3853 5.80511 13.3853 5.80511C13.3853 5.75714 13.3853 5.73315 13.3853 5.70916V5.66119C13.3853 5.61321 13.3853 5.58922 13.3853 5.54125C13.3853 5.51726 13.3853 5.51726 13.3853 5.49327C13.3853 5.46928 13.3853 5.44529 13.3853 5.44529C13.3853 5.42131 13.3853 5.4213 13.3853 5.39732V5.37333C13.3853 5.32535 13.3613 5.30137 13.3374 5.25339C13.3134 5.20541 13.2894 5.18143 13.2654 5.13345C13.0975 4.77363 12.6417 4.60571 12.114 4.60571Z" fill="#41E6AF"/>
+<path d="M13.8651 6.35682C13.8651 6.4048 13.8411 6.42879 13.8171 6.47676C13.8171 6.50075 13.8171 6.50075 13.7931 6.52474C13.7691 6.5967 13.7451 6.64468 13.6972 6.71664C13.4333 7.22039 13.0015 7.70015 12.4738 8.08396C12.4018 8.13194 12.3298 8.17991 12.2579 8.22789C12.1859 8.27586 12.114 8.32384 12.042 8.34783H12.018C11.994 8.37182 11.97 8.37182 11.946 8.3958C11.8981 8.41979 11.8741 8.44378 11.8261 8.46777H11.8021C11.7781 8.46777 11.7541 8.49176 11.7301 8.49176C11.6822 8.51575 11.6342 8.53973 11.5862 8.53973L11.5382 8.56372C11.5382 8.56372 11.5382 8.56372 11.5143 8.56372C11.4903 8.56372 11.4663 8.58771 11.4423 8.58771C11.3943 8.6117 11.3463 8.6117 11.2984 8.63568L11.2504 8.65967H11.2264C11.1784 8.68366 11.1304 8.68366 11.0825 8.70765C11.0585 8.70765 11.0345 8.73164 10.9865 8.73164H10.9625C10.9146 8.73164 10.8666 8.75562 10.8426 8.75562C10.8186 8.75562 10.7706 8.75563 10.7466 8.77961H10.7227C10.6987 8.77961 10.6747 8.77961 10.6507 8.8036C10.6267 8.8036 10.6027 8.8036 10.5787 8.8036C10.5068 8.8036 10.4108 8.82759 10.3388 8.82759H10.3149C10.2429 8.82759 10.1709 8.82759 10.099 8.82759C10.075 8.82759 10.051 8.82759 10.051 8.82759H10.027C9.97902 8.82759 9.93105 8.82759 9.88307 8.8036C9.85908 8.8036 9.8351 8.8036 9.81111 8.77961C9.76313 8.77961 9.71515 8.75562 9.66718 8.75562C9.64319 8.75562 9.6192 8.73164 9.59521 8.73164L10.9146 10.8666L13.7451 10.8426L15.2084 8.25188L13.8891 6.09296C13.8891 6.11694 13.8891 6.14093 13.8651 6.16492C13.8651 6.18891 13.8651 6.18891 13.8651 6.2129C13.8651 6.23688 13.8411 6.26087 13.8411 6.30885C13.8651 6.33284 13.8651 6.35682 13.8651 6.35682Z" fill="#41E6AF"/>
+<path d="M28.9055 14.1529C29.0494 14.3688 29.1454 14.6327 29.2174 14.9445C29.2893 15.2564 29.3373 15.5922 29.3373 15.928C29.3373 16.8875 29.0255 17.7511 28.4977 18.1829C28.2578 18.3748 27.994 18.4708 27.7301 18.4228C27.6821 18.4228 27.6342 18.3988 27.5862 18.3988C27.5622 18.3988 27.5382 18.3748 27.5142 18.3748C27.4902 18.3748 27.4662 18.3508 27.4423 18.3508C27.3943 18.3268 27.3463 18.3028 27.3223 18.2789C26.8426 17.967 26.4827 17.2714 26.3868 16.4318V16.4078C26.3868 16.3358 26.3628 16.2639 26.3628 16.1679C26.3628 16.0959 26.3628 16.024 26.3628 15.952C26.3628 15.8561 26.3628 15.7841 26.3628 15.6881C26.3628 15.6162 26.3628 15.5442 26.3868 15.4723V15.4243C26.3868 15.3763 26.4108 15.3043 26.4108 15.2564C26.4108 15.2324 26.4108 15.2084 26.4108 15.1844C26.4108 15.1364 26.4348 15.0884 26.4348 15.0405C26.4348 14.9925 26.4587 14.9685 26.4587 14.9205C26.4827 14.8726 26.4827 14.8246 26.5067 14.7766C26.5067 14.7526 26.5307 14.7286 26.5307 14.7046C26.5547 14.6567 26.5547 14.6087 26.5787 14.5607L26.6027 14.4887C26.6267 14.4408 26.6506 14.4168 26.6506 14.3688C26.6506 14.3688 26.6506 14.3688 26.6506 14.3448L26.6746 14.2968C26.6986 14.2249 26.7466 14.1769 26.7706 14.1289C26.7946 14.081 26.8426 14.033 26.8665 13.985L26.8905 13.961C26.9145 13.937 26.9145 13.937 26.9385 13.913C26.9625 13.889 26.9625 13.889 26.9625 13.8651C26.9865 13.8411 27.0105 13.8171 27.0345 13.7931C27.0584 13.7691 27.0824 13.7451 27.0824 13.7451C27.1064 13.7211 27.1064 13.7211 27.1304 13.6971C27.1544 13.6732 27.1784 13.6492 27.2024 13.6252L27.2503 13.6012C27.2743 13.5772 27.3223 13.5532 27.3463 13.5292C27.3703 13.5292 27.3703 13.5292 27.3943 13.5052C27.4183 13.5052 27.4423 13.4813 27.4423 13.4813C27.4423 13.4813 27.4662 13.4813 27.4662 13.4573H27.4902C27.5382 13.4573 27.5622 13.4333 27.6102 13.4333C27.6581 13.4333 27.7061 13.4333 27.7541 13.4333C28.2578 13.4093 28.6177 13.6971 28.9055 14.1529Z" fill="#41E6AF"/>
+<path d="M26.4828 13.5772C26.4588 13.6012 26.4348 13.6492 26.4108 13.6732C26.4108 13.6972 26.3868 13.6972 26.3868 13.7211C26.3388 13.7691 26.3148 13.8411 26.2669 13.8891C25.955 14.3688 25.7871 14.9925 25.7391 15.6402C25.7391 15.7361 25.7391 15.8081 25.7391 15.9041C25.7391 15.976 25.7391 16.072 25.7391 16.1439V16.1679C25.7391 16.1919 25.7391 16.2399 25.7391 16.2639C25.7391 16.3119 25.7391 16.3598 25.7631 16.4078V16.4318C25.7631 16.4558 25.7631 16.4798 25.7631 16.5038C25.7631 16.5517 25.7871 16.5997 25.7871 16.6477V16.6957C25.7871 16.6957 25.7871 16.6957 25.7871 16.7196C25.7871 16.7436 25.7871 16.7676 25.8111 16.7916C25.8111 16.8396 25.8351 16.8876 25.8351 16.9355L25.8591 16.9835V17.0075C25.8591 17.0555 25.8831 17.1035 25.9071 17.1514C25.9071 17.1754 25.931 17.1994 25.931 17.2234V17.2474C25.955 17.2954 25.955 17.3193 25.979 17.3673C25.979 17.3913 26.003 17.4153 26.027 17.4633V17.4873C26.027 17.5113 26.051 17.5352 26.051 17.5592C26.075 17.5832 26.075 17.6072 26.075 17.6072C26.099 17.6792 26.1469 17.7511 26.1949 17.8231L26.2189 17.8471C26.2669 17.919 26.2909 17.967 26.3388 18.015C26.3388 18.039 26.3628 18.039 26.3628 18.063L26.3868 18.087C26.4108 18.1349 26.4588 18.1589 26.4828 18.2069C26.5068 18.2309 26.5068 18.2549 26.5307 18.2549C26.5787 18.3029 26.6027 18.3268 26.6267 18.3748C26.6507 18.3988 26.6747 18.3988 26.6747 18.4228H24.1559L22.6927 16L24.1319 13.4093H26.6507C26.6267 13.4333 26.6267 13.4333 26.6027 13.4573L26.5787 13.4813C26.5547 13.5053 26.5307 13.5292 26.4828 13.5772C26.4828 13.5772 26.5068 13.5772 26.4828 13.5772Z" fill="#41E6AF"/>
+<path d="M12.114 27.3703C11.8501 27.3703 11.5622 27.3223 11.2744 27.2264C10.9625 27.1304 10.6507 26.9865 10.3628 26.8186C9.54725 26.3148 8.97154 25.5952 8.87558 24.9235C8.82761 24.6117 8.89957 24.3478 9.06749 24.1559C9.09148 24.1079 9.13945 24.0839 9.16344 24.036C9.18743 24.012 9.21142 24.012 9.2354 23.988C9.25939 23.964 9.25939 23.964 9.28338 23.94C9.33136 23.916 9.35534 23.892 9.40332 23.8681C9.90707 23.6282 10.6987 23.6761 11.4663 24.036L11.4903 24.06C11.5622 24.0839 11.6342 24.1319 11.7062 24.1559C11.7781 24.1799 11.8261 24.2279 11.8981 24.2758C11.97 24.3238 12.042 24.3718 12.114 24.4198C12.1859 24.4678 12.2339 24.5157 12.3059 24.5637L12.3538 24.5877C12.4018 24.6357 12.4498 24.6597 12.4978 24.7076C12.5218 24.7316 12.5218 24.7316 12.5457 24.7556C12.5937 24.7796 12.6177 24.8276 12.6417 24.8516C12.6657 24.8755 12.6897 24.8995 12.7137 24.9475C12.7377 24.9955 12.7856 25.0195 12.8096 25.0675C12.8336 25.0914 12.8336 25.0914 12.8576 25.1154C12.8816 25.1634 12.9296 25.1874 12.9535 25.2354L13.0015 25.2833C13.0255 25.3313 13.0495 25.3553 13.0735 25.4033V25.4273L13.0975 25.4752C13.1454 25.5232 13.1694 25.5952 13.1934 25.6432C13.2174 25.6911 13.2414 25.7631 13.2654 25.8111L13.2894 25.8351C13.2894 25.8591 13.3134 25.883 13.3134 25.883C13.3134 25.907 13.3134 25.907 13.3374 25.931C13.3374 25.979 13.3613 26.003 13.3613 26.051C13.3613 26.0989 13.3853 26.0989 13.3853 26.1229C13.3853 26.1469 13.3853 26.1709 13.3853 26.1709C13.3853 26.2189 13.3853 26.2429 13.3853 26.2669V26.3148C13.3853 26.3628 13.3853 26.3868 13.3853 26.4348C13.3853 26.4588 13.3853 26.4588 13.3853 26.4827C13.3853 26.5067 13.3853 26.5307 13.3853 26.5307C13.3853 26.5547 13.3853 26.5547 13.3853 26.5787V26.6027C13.3853 26.6507 13.3613 26.6746 13.3374 26.7226C13.3134 26.7706 13.2894 26.7946 13.2654 26.8426C13.0975 27.2024 12.6417 27.3943 12.114 27.3703Z" fill="#41E6AF"/>
+<path d="M13.8651 25.6192C13.8651 25.5712 13.8411 25.5472 13.8171 25.4992C13.8171 25.4753 13.8171 25.4753 13.7931 25.4513C13.7691 25.3793 13.7451 25.3313 13.6972 25.2594C13.4333 24.7556 13.0015 24.2759 12.4738 23.892C12.4018 23.8441 12.3298 23.7961 12.2579 23.7481C12.1859 23.7001 12.114 23.6522 12.042 23.6282H12.018C11.994 23.6042 11.97 23.6042 11.946 23.5802C11.8981 23.5562 11.8741 23.5322 11.8261 23.5082H11.8021C11.7781 23.5082 11.7541 23.4842 11.7301 23.4842C11.6822 23.4603 11.6342 23.4363 11.5862 23.4363L11.5382 23.4123C11.5382 23.4123 11.5382 23.4123 11.5143 23.4123C11.4903 23.4123 11.4663 23.3883 11.4423 23.3883C11.3943 23.3643 11.3463 23.3643 11.2984 23.3403L11.2504 23.3163H11.2264C11.1784 23.2923 11.1304 23.2923 11.0825 23.2684C11.0585 23.2684 11.0345 23.2444 10.9865 23.2444H10.9625C10.9146 23.2444 10.8666 23.2204 10.8426 23.2204C10.8186 23.2204 10.7706 23.2204 10.7466 23.1964H10.7227C10.6987 23.1964 10.6747 23.1964 10.6507 23.1724C10.6267 23.1724 10.6027 23.1724 10.5787 23.1724C10.5068 23.1724 10.4108 23.1484 10.3388 23.1484H10.3149C10.2429 23.1484 10.1709 23.1484 10.099 23.1484C10.075 23.1484 10.051 23.1484 10.051 23.1484H10.027C9.97902 23.1484 9.93105 23.1484 9.88307 23.1724C9.85908 23.1724 9.8351 23.1724 9.81111 23.1964C9.76313 23.1964 9.71515 23.2204 9.66718 23.2204C9.64319 23.2204 9.6192 23.2444 9.59521 23.2444L10.9146 21.1094L13.7451 21.1334L15.2084 23.7241L13.8891 25.883C13.8891 25.8591 13.8891 25.8351 13.8651 25.8111C13.8651 25.7871 13.8651 25.7871 13.8651 25.7631C13.8651 25.7391 13.8411 25.7151 13.8411 25.6672C13.8651 25.6432 13.8651 25.6192 13.8651 25.6192Z" fill="#41E6AF"/>
+<path d="M18.8786 28.6417L11.97 28.6177L10.9145 30.6087L10.1949 31.976L12.042 31.952V31.976L22.5967 32L23.6522 30.1769L16.048 17.1514L0.95952 17.1274L0 18.8066L0.191904 19.1184H0.167916L6.16492 29.6732L8.15592 26.4348L4.65367 20.4858H14.1289L18.8786 28.6417Z" fill="#41E6AF"/>
+</svg>
diff --git a/packages/ui/assets/svg/kcs.svg b/packages/ui/assets/svg/kcs.svg
index cc1e3da6..7d6ec624 100644
--- a/packages/ui/assets/svg/kcs.svg
+++ b/packages/ui/assets/svg/kcs.svg
@@ -1,4 +1,4 @@
-<svg width="34" height="32" viewBox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" viewBox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M33.8471 13.6492L32.8876 12.042L27.6342 3.21437H27.6102L27.4423 2.90253H25.5233L18.063 16.024L25.6432 29.0734H27.5622L27.6102 29.0015L33.8711 18.2788H30.009L26.6747 24.2039L21.9251 16L26.5787 7.79608L29.961 13.6252L33.8471 13.6492Z" fill="#41E6AF"/>
 <path d="M4.65367 11.5142L8.15592 5.54123L6.98051 3.64618L6.16492 2.30285L0.167916 12.8816L0 13.1694L0.95952 14.8486H16.048L23.6522 1.82309L22.5967 0L12.042 0.0239879H11.8741L10.1949 0L11.0825 1.67916L11.97 3.35832L18.8786 3.33433L14.1289 11.5142H4.65367Z" fill="#41E6AF"/>
 <path d="M12.114 4.60571C11.8501 4.60571 11.5623 4.65369 11.2744 4.74964C10.9626 4.84559 10.6507 4.98952 10.3629 5.15744C9.54728 5.66118 8.97157 6.38083 8.87561 7.05249C8.82764 7.36433 8.8996 7.6282 9.06752 7.82011C9.09151 7.86808 9.13948 7.89207 9.16347 7.94005C9.18746 7.96403 9.21145 7.96403 9.23543 7.98802C9.25942 8.01201 9.25942 8.01201 9.28341 8.036C9.33139 8.05999 9.35537 8.08397 9.40335 8.10796C9.9071 8.34784 10.6987 8.29987 11.4663 7.94005L11.4903 7.91606C11.5623 7.89207 11.6342 7.84409 11.7062 7.82011C11.7782 7.79612 11.8261 7.74814 11.8981 7.70017C11.9701 7.65219 12.042 7.60421 12.114 7.55624C12.186 7.50826 12.2339 7.46029 12.3059 7.41231L12.3539 7.38832C12.4019 7.34035 12.4498 7.31636 12.4978 7.26838C12.5218 7.24439 12.5218 7.24439 12.5458 7.22041C12.5938 7.19642 12.6177 7.14844 12.6417 7.12445C12.6657 7.10047 12.6897 7.07648 12.7137 7.0285C12.7377 6.98053 12.7857 6.95654 12.8096 6.90856C12.8336 6.88457 12.8336 6.88457 12.8576 6.86059C12.8816 6.81261 12.9296 6.78862 12.9536 6.74065L13.0016 6.69267C13.0255 6.64469 13.0495 6.62071 13.0735 6.57273C13.0735 6.57273 13.0735 6.57273 13.0735 6.54874L13.0975 6.50077C13.1455 6.45279 13.1695 6.38083 13.1935 6.33285C13.2174 6.28487 13.2414 6.21291 13.2654 6.16493L13.2894 6.14095C13.2894 6.11696 13.3134 6.09297 13.3134 6.09297C13.3134 6.06898 13.3134 6.06898 13.3374 6.04499C13.3374 5.99702 13.3614 5.97303 13.3614 5.92505C13.3614 5.87708 13.3854 5.87708 13.3854 5.85309C13.3854 5.8291 13.3854 5.80511 13.3854 5.80511C13.3854 5.75714 13.3854 5.73315 13.3854 5.70916V5.66119C13.3854 5.61321 13.3854 5.58922 13.3854 5.54125C13.3854 5.51726 13.3854 5.51726 13.3854 5.49327C13.3854 5.46928 13.3854 5.44529 13.3854 5.44529C13.3854 5.42131 13.3854 5.4213 13.3854 5.39732V5.37333C13.3854 5.32535 13.3614 5.30137 13.3374 5.25339C13.3134 5.20541 13.2894 5.18143 13.2654 5.13345C13.0975 4.77363 12.6417 4.60571 12.114 4.60571Z" fill="#41E6AF"/>
diff --git a/packages/ui/assets/svg/matic.svg b/packages/ui/assets/svg/matic.svg
new file mode 100644
index 00000000..164e11ff
--- /dev/null
+++ b/packages/ui/assets/svg/matic.svg
@@ -0,0 +1,3 @@
+<svg width="35" height="31" viewBox="0 0 35 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.1575 9.29044C25.5262 8.92964 24.7144 8.92964 23.9928 9.29044L18.9417 12.267L15.5141 14.1612L10.5532 17.1377C9.92183 17.4985 9.11004 17.4985 8.38845 17.1377L4.50992 14.7925C3.87853 14.4317 3.42754 13.7102 3.42754 12.8984V8.38845C3.42754 7.66687 3.78833 6.94528 4.50992 6.49429L8.38845 4.23933C9.01984 3.87853 9.83163 3.87853 10.5532 4.23933L14.4317 6.58448C15.0631 6.94528 15.5141 7.66687 15.5141 8.47865V11.4552L18.9417 9.47083V6.40409C18.9417 5.6825 18.5809 4.96091 17.8593 4.50992L10.6434 0.270595C10.012 -0.0901984 9.20024 -0.0901984 8.47865 0.270595L1.08238 4.60012C0.360794 4.96091 0 5.6825 0 6.40409V14.8827C0 15.6043 0.360794 16.3259 1.08238 16.7769L8.38845 21.0162C9.01984 21.377 9.83163 21.377 10.5532 21.0162L15.5141 18.1299L18.9417 16.1455L23.9026 13.2592C24.534 12.8984 25.3458 12.8984 26.0673 13.2592L29.9459 15.5141C30.5773 15.8749 31.0283 16.5965 31.0283 17.4083V21.9182C31.0283 22.6398 30.6675 23.3614 29.9459 23.8124L26.1575 26.0673C25.5262 26.4281 24.7144 26.4281 23.9928 26.0673L20.1142 23.8124C19.4829 23.4516 19.0319 22.73 19.0319 21.9182V19.0319L15.6043 21.0162V23.9928C15.6043 24.7144 15.9651 25.436 16.6867 25.8869L23.9928 30.1263C24.6242 30.4871 25.436 30.4871 26.1575 30.1263L33.4636 25.8869C34.095 25.5262 34.546 24.8046 34.546 23.9928V15.4239C34.546 14.7023 34.1852 13.9808 33.4636 13.5298L26.1575 9.29044Z" fill="#8247E5"/>
+</svg>
diff --git a/packages/ui/assets/svg/metis.svg b/packages/ui/assets/svg/metis.svg
index 2d309508..9103d2db 100644
--- a/packages/ui/assets/svg/metis.svg
+++ b/packages/ui/assets/svg/metis.svg
@@ -1,3 +1,3 @@
-<svg width="35" height="34" viewBox="0 0 35 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" width="35" height="34" viewBox="0 0 35 34" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.7367 33.9752C29.8435 31.7642 35 25.172 35 17.3835C35 7.78284 27.165 0 17.5 0C7.83502 0 0 7.78284 0 17.3835C0 24.7385 4.59837 31.0266 11.0951 33.5658C11.8698 31.7314 14.4259 25.6374 14.4259 25.0952C14.4259 24.83 15.2269 24.6687 16.1367 24.4856C17.4191 24.2274 18.9178 23.9258 18.6952 23.2279C18.4349 22.4115 16.6103 23.2515 15.4303 23.7946C14.8862 24.0452 14.4793 24.2325 14.4259 24.1652C14.2568 23.9522 15.1751 22.0702 15.5133 21.6441C15.6409 21.4833 16.2778 21.4753 17.0343 21.4658C18.282 21.4501 19.8551 21.4303 20.0056 20.7142C20.1609 19.9757 18.323 20.3959 16.9868 20.7014C16.2412 20.8719 15.6518 21.0066 15.6518 20.8846C15.6518 20.5438 16.9505 18.7043 17.5 18.406C17.6765 18.3102 18.2597 18.2335 18.9645 18.1408C20.4543 17.9449 22.4876 17.6776 22.3728 17.0074C22.2675 16.3928 20.6392 16.9231 19.4246 17.3184C18.6879 17.5583 18.1035 17.7486 18.1035 17.6039C18.1035 17.2204 19.8671 15.5514 20.3744 15.4236C20.5064 15.3903 20.865 15.3893 21.3242 15.3879C22.6306 15.3842 24.751 15.378 24.7822 14.6214C24.8106 13.9333 23.0343 14.303 21.8308 14.5535C21.2459 14.6753 20.7963 14.769 20.7548 14.6992C20.7153 14.633 21.2763 14.3492 22.0507 13.9575C23.7637 13.0909 26.5214 11.6959 26.1349 10.9572C25.7532 10.2279 23.2659 12.1421 21.6467 13.3882C20.8849 13.9745 20.3152 14.4129 20.2476 14.3584C20.1797 14.3037 20.4444 13.9465 20.8071 13.457C21.5735 12.4226 22.7776 10.7977 22.2037 10.1904C21.3583 9.29563 19.4444 15.0401 19.4444 15.0401C19.4444 15.0401 18.0612 17.0074 17.8076 17.0074C17.7179 17.0074 17.7975 16.5005 17.9004 15.8454C18.0883 14.6495 18.3538 12.9597 17.8076 12.9597C17.1875 12.9597 17.1296 15.2253 17.0929 16.6681C17.0794 17.1923 17.0688 17.608 17.035 17.7669C16.9082 18.3634 15.7246 20.1602 15.5133 20.2028C15.4483 20.2159 15.4604 19.8742 15.4775 19.3897C15.5161 18.2994 15.5803 16.4863 14.8486 16.3683C14.0245 16.2354 14.5116 19.363 14.7458 20.8677C14.8119 21.2924 14.8579 21.5879 14.8486 21.6441C14.8064 21.8998 14.4565 22.8371 14.2874 22.8371C14.2387 22.8371 14.1105 22.6011 13.9333 22.2753C13.495 21.4691 12.7575 20.1125 12.1856 20.4159C11.5634 20.746 12.6342 21.869 13.384 22.6553C13.602 22.8839 13.7928 23.084 13.907 23.2279C14.4143 23.867 13.2846 26.9868 12.9887 27.0199C12.6928 27.053 10.8752 25.9973 10.8752 25.9973C10.8752 25.9973 9.8607 25.5286 9.43799 25.1878C9.17803 24.9782 8.95002 24.2205 8.75397 23.5692C8.6313 23.1615 8.52115 22.7954 8.42352 22.6314C8.3163 22.4513 8.10329 22.4082 7.88354 22.3638C7.5835 22.3031 7.27087 22.24 7.19767 21.8219C7.13777 21.4797 7.18164 21.1565 7.22231 20.8569C7.26773 20.5223 7.30917 20.217 7.19767 19.9473C7.11827 19.7551 6.7823 19.6292 6.39376 19.4835C5.74812 19.2415 4.95734 18.9452 4.95734 18.2004L4.6193 16.9222C4.6193 16.9222 4.36555 15.7717 4.95734 15.6439C5.25522 15.5796 5.15679 15.2562 5.03409 14.853C4.91303 14.4552 4.76834 13.9797 4.95734 13.5988C5.3379 12.8319 7.36688 10.1904 8.42352 10.0199C9.16459 9.90039 9.23078 9.71795 9.2985 9.5315C9.32733 9.45209 9.35641 9.3719 9.43799 9.29563C9.44594 9.28814 9.45761 9.27714 9.47291 9.26283C9.98227 8.78385 14.4614 4.57245 15.6518 4.7793C15.7092 4.78927 15.7703 4.79995 15.8347 4.81121C17.1478 5.0407 19.8674 5.516 21.3583 5.29058C22.9225 5.05409 24.9938 5.54621 25.8814 6.48355C26.534 7.17276 26.8211 8.06929 27.0281 8.71584C27.1027 8.94856 27.1668 9.14898 27.2339 9.29563C27.323 9.49026 27.5427 9.72178 27.7939 9.98646C28.2573 10.4748 28.8277 11.076 28.8824 11.7667C28.925 12.3028 28.8147 12.8261 28.7216 13.2681C28.6297 13.7045 28.5545 14.0615 28.6594 14.2732C28.7465 14.4489 29.2433 14.8491 29.8 15.2976C30.5936 15.937 31.509 16.6745 31.5338 17C31.5576 17.3115 31.1037 17.5422 30.7019 17.7464C30.3893 17.9052 30.1083 18.048 30.1083 18.2004C30.1083 18.3958 30.2281 18.7341 30.3332 19.0311C30.4155 19.2633 30.4887 19.4702 30.4887 19.5638C30.4887 19.6612 30.4356 19.714 30.366 19.7835C30.2832 19.8659 30.177 19.9716 30.1083 20.2028C30.0364 20.4446 30.1686 20.5355 30.2964 20.6233C30.3939 20.6903 30.4887 20.7555 30.4887 20.8846C30.4887 21.1435 30.3614 21.3703 30.1894 21.6766C30.1633 21.723 30.1362 21.7713 30.1083 21.8219C30.0289 21.966 29.9972 22.2963 29.9618 22.6662C29.9028 23.2812 29.8334 24.0056 29.5167 24.1652C29.3179 24.2653 28.6719 24.3001 27.9086 24.3412C26.723 24.405 25.2544 24.4841 24.7401 24.8469C23.8947 25.4434 21.3466 31.0602 21.5157 31.9123C21.5901 32.287 21.8457 32.5711 22.1046 32.8589C22.3953 33.182 22.6901 33.5096 22.7367 33.9752Z" fill="#00DACC"/>
 </svg>
diff --git a/packages/ui/assets/svg/olo.svg b/packages/ui/assets/svg/olo.svg
new file mode 100644
index 00000000..965d52ec
--- /dev/null
+++ b/packages/ui/assets/svg/olo.svg
@@ -0,0 +1,9 @@
+<svg width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="30" height="21.0811" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_119_2" transform="translate(-0.117647 -0.297872) scale(0.00628064 0.00908688)"/>
+</pattern>
+<image id="image0_119_2" width="192" height="192" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/packages/ui/assets/svg/omg.svg b/packages/ui/assets/svg/omg.svg
index d6307241..77aaba7f 100644
--- a/packages/ui/assets/svg/omg.svg
+++ b/packages/ui/assets/svg/omg.svg
@@ -1,4 +1,4 @@
-<svg height="34" width="34" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 249.4 249.1" style="enable-background:new 0 0 249.4 249.1;" xml:space="preserve">
+<svg class="icon-size" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 249.4 249.1" style="enable-background:new 0 0 249.4 249.1;" xml:space="preserve">
 <g transform="translate(0.000000,250.000000) scale(0.100000,-0.100000)">
 	<path class="fill" d="M1092.3,2493.4c-538-73-971-478-1070-1001c-62-330,6-661,195-944c66-98,231-264,326-327c145-95,293-157,464-194   c118-25,362-25,480,0c244,52,441,154,615,318c184,175,306,387,360,626c94,414-21,835-312,1144c-171,180-419,317-665,364   C1382.3,2499.4,1185.3,2506.4,1092.3,2493.4z M1372.3,2394.4c297-34,578-186,761-412c118-147,186-283,231-468c22-88,26-128,27-250   c0-174-18-281-75-425c-301-773-1296-982-1879-395c-329,330-426,810-251,1243c89,223,275,438,481,555   C892.3,2371.4,1126.3,2421.4,1372.3,2394.4z"/>
 	<path class="fill" d="M440.3,1548.4c-130-47-213-208-183-358c15-75,32-110,79-159c62-67,102-82,211-82c87,0,100,3,148,29c89,50,138,129,149,241   c14,154-75,298-206,335C587.3,1568.4,489.3,1565.4,440.3,1548.4z M659.3,1423.4c59-43,89-142,68-229c-40-168-261-201-337-50   c-46,90-22,231,48,280C496.3,1466.4,599.3,1465.4,659.3,1423.4z"/>
diff --git a/packages/ui/assets/svg/one.svg b/packages/ui/assets/svg/one.svg
new file mode 100644
index 00000000..d67330e9
--- /dev/null
+++ b/packages/ui/assets/svg/one.svg
@@ -0,0 +1,14 @@
+<svg class="icon-size" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_26_107)">
+<path d="M6.68739 2.02249e-06C8.458 -0.00137628 10.1568 0.701769 11.4109 1.95509C12.665 3.20841 13.3719 4.90949 13.3765 6.68492V14.0969C14.0654 14.1435 14.7698 14.1729 15.5 14.1729C16.2302 14.1729 16.9312 14.2022 17.6235 14.2437V6.68492C17.6517 4.92488 18.3687 3.24649 19.6199 2.01182C20.8712 0.777149 22.5563 0.0851736 24.3117 0.0851736C26.0672 0.0851736 27.7523 0.777149 29.0036 2.01182C30.2548 3.24649 30.9718 4.92488 31 6.68492V24.3997C30.9718 26.1597 30.2548 27.8381 29.0036 29.0728C27.7523 30.3075 26.0672 30.9995 24.3117 30.9995C22.5563 30.9995 20.8712 30.3075 19.6199 29.0728C18.3687 27.8381 17.6517 26.1597 17.6235 24.3997V16.9878C16.9346 16.9411 16.2302 16.9118 15.5 16.9118C14.7698 16.9118 14.0688 16.8824 13.3765 16.841V24.3997C13.3483 26.1597 12.6313 27.8381 11.3801 29.0728C10.1288 30.3075 8.44372 30.9995 6.68825 30.9995C4.93278 30.9995 3.24766 30.3075 1.99643 29.0728C0.745206 27.8381 0.0281662 26.1597 -8.34465e-07 24.3997V6.68492C0.0045604 4.90979 0.711246 3.20897 1.96498 1.9557C3.21871 0.702428 4.91708 -0.000918656 6.68739 2.02249e-06V2.02249e-06ZM24.3126 2.7389C23.2677 2.73844 22.2652 3.15365 21.5252 3.89343C20.7852 4.6332 20.368 5.63712 20.3653 6.68492V14.5338C22.3221 14.8181 24.233 15.3599 26.0486 16.145C26.8353 16.4912 27.5758 16.9344 28.2531 17.4644V6.68492C28.2503 5.63832 27.8341 4.63544 27.0956 3.89586C26.3571 3.15628 25.3564 2.74027 24.3126 2.7389V2.7389ZM20.3653 24.3997C20.3653 25.4495 20.7812 26.4562 21.5214 27.1985C22.2617 27.9408 23.2657 28.3578 24.3126 28.3578C25.3595 28.3578 26.3635 27.9408 27.1038 27.1985C27.8441 26.4562 28.2599 25.4495 28.2599 24.3997V22.6227C28.2599 21.0529 27.0199 19.566 24.9412 18.6404C23.4765 18.0068 21.9397 17.5561 20.3653 17.2986V24.3997V24.3997ZM6.68739 28.3457C7.73234 28.3462 8.7348 27.931 9.47482 27.1912C10.2148 26.4514 10.632 25.4475 10.6347 24.3997V16.5508C8.6779 16.2665 6.767 15.7248 4.95139 14.9396C4.16474 14.5934 3.42421 14.1502 2.74694 13.6202V24.3997C2.74968 25.4463 3.16587 26.4492 3.9044 27.1888C4.64294 27.9283 5.64363 28.3444 6.68739 28.3457V28.3457ZM6.05878 12.4339C7.52348 13.0675 9.06033 13.5181 10.6347 13.7757V6.68492C10.6347 5.63517 10.2188 4.62841 9.47857 3.88612C8.7383 3.14383 7.73429 2.72681 6.68739 2.72681C5.64049 2.72681 4.63647 3.14383 3.8962 3.88612C3.15593 4.62841 2.74006 5.63517 2.74006 6.68492V8.46193C2.74006 10.0248 3.98005 11.5117 6.05878 12.4339Z" fill="url(#paint0_linear_26_107)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_26_107" x1="29.0367" y1="28.6899" x2="2.06666" y2="1.7199" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00AEE9"/>
+<stop offset="1" stop-color="#69FABD"/>
+</linearGradient>
+<clipPath id="clip0_26_107">
+<rect width="31" height="31" fill="white" transform="matrix(-1 0 0 1 31 0)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/ui/assets/svg/polygon.svg b/packages/ui/assets/svg/polygon.svg
new file mode 100644
index 00000000..80e506ad
--- /dev/null
+++ b/packages/ui/assets/svg/polygon.svg
@@ -0,0 +1,3 @@
+<svg class="icon-size" viewBox="0 0 35 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.1575 9.29044C25.5262 8.92964 24.7144 8.92964 23.9928 9.29044L18.9417 12.267L15.5141 14.1612L10.5532 17.1377C9.92183 17.4985 9.11004 17.4985 8.38845 17.1377L4.50992 14.7925C3.87853 14.4317 3.42754 13.7102 3.42754 12.8984V8.38845C3.42754 7.66687 3.78833 6.94528 4.50992 6.49429L8.38845 4.23933C9.01984 3.87853 9.83163 3.87853 10.5532 4.23933L14.4317 6.58448C15.0631 6.94528 15.5141 7.66687 15.5141 8.47865V11.4552L18.9417 9.47083V6.40409C18.9417 5.6825 18.5809 4.96091 17.8593 4.50992L10.6434 0.270595C10.012 -0.0901984 9.20024 -0.0901984 8.47865 0.270595L1.08238 4.60012C0.360794 4.96091 0 5.6825 0 6.40409V14.8827C0 15.6043 0.360794 16.3259 1.08238 16.7769L8.38845 21.0162C9.01984 21.377 9.83163 21.377 10.5532 21.0162L15.5141 18.1299L18.9417 16.1455L23.9026 13.2592C24.534 12.8984 25.3458 12.8984 26.0673 13.2592L29.9459 15.5141C30.5773 15.8749 31.0283 16.5965 31.0283 17.4083V21.9182C31.0283 22.6398 30.6675 23.3614 29.9459 23.8124L26.1575 26.0673C25.5262 26.4281 24.7144 26.4281 23.9928 26.0673L20.1142 23.8124C19.4829 23.4516 19.0319 22.73 19.0319 21.9182V19.0319L15.6043 21.0162V23.9928C15.6043 24.7144 15.9651 25.436 16.6867 25.8869L23.9928 30.1263C24.6242 30.4871 25.436 30.4871 26.1575 30.1263L33.4636 25.8869C34.095 25.5262 34.546 24.8046 34.546 23.9928V15.4239C34.546 14.7023 34.1852 13.9808 33.4636 13.5298L26.1575 9.29044Z" fill="#8247E5"/>
+</svg>
diff --git a/packages/ui/assets/svg/usdc.svg b/packages/ui/assets/svg/usdc.svg
new file mode 100644
index 00000000..8c1a0773
--- /dev/null
+++ b/packages/ui/assets/svg/usdc.svg
@@ -0,0 +1,5 @@
+<svg class="icon-size" data-name="86977684-12db-4850-8f30-233a7c267d11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
+  <path d="M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z" fill="#2775ca"></path>
+  <path d="M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z" fill="#fff"></path>
+  <path d="M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zM1229.17 295.83c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z" fill="#fff"></path>
+</svg>
\ No newline at end of file
diff --git a/packages/ui/assets/svg/usdt.svg b/packages/ui/assets/svg/usdt.svg
new file mode 100644
index 00000000..0b372bdd
--- /dev/null
+++ b/packages/ui/assets/svg/usdt.svg
@@ -0,0 +1,4 @@
+<svg class="icon-size" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 339.43 295.27">
+  <path d="m62.15 1.45-61.89 130a2.52 2.52 0 0 0 .54 2.94l167.15 160.17a2.55 2.55 0 0 0 3.53 0L338.63 134.4a2.52 2.52 0 0 0 .54-2.94l-61.89-130A2.5 2.5 0 0 0 275 0H64.45a2.5 2.5 0 0 0-2.3 1.45Z" style="fill:#50af95;fill-rule:evenodd"></path>
+  <path d="M191.19 144.8c-1.2.09-7.4.46-21.23.46-11 0-18.81-.33-21.55-.46-42.51-1.87-74.24-9.27-74.24-18.13s31.73-16.25 74.24-18.15v28.91c2.78.2 10.74.67 21.74.67 13.2 0 19.81-.55 21-.66v-28.9c42.42 1.89 74.08 9.29 74.08 18.13s-31.65 16.24-74.08 18.12Zm0-39.25V79.68h59.2V40.23H89.21v39.45h59.19v25.86c-48.11 2.21-84.29 11.74-84.29 23.16s36.18 20.94 84.29 23.16v82.9h42.78v-82.93c48-2.21 84.12-11.73 84.12-23.14s-36.09-20.93-84.12-23.15Zm0 0Z" style="fill:#fff;fill-rule:evenodd"></path>
+</svg>
\ No newline at end of file
diff --git a/packages/ui/assets/svg/xau.svg b/packages/ui/assets/svg/xau.svg
index 65d59ee1..95a79ed1 100644
--- a/packages/ui/assets/svg/xau.svg
+++ b/packages/ui/assets/svg/xau.svg
@@ -1,4 +1,4 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="icon-size" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M20.0467 25.5934H10.8987L11.8747 19.8972H19.0638L20.0467 25.5934ZM9.74138 25.5934H0.593175L1.57129 19.8972H8.7604L9.74138 25.5934Z" fill="#FFB800" stroke="#FFB800"/>
 <path d="M10.9248 11.0967L11.9027 5.40625H19.0974L20.0754 11.0967H10.9248Z" fill="#FFB800" stroke="#FFB800"/>
 <path d="M16.1103 18.3451L17.0883 12.6492H24.2772L25.2553 18.3451H16.1103Z" fill="#FFB800" stroke="#FFB800"/>
diff --git a/packages/ui/components/Button.vue b/packages/ui/components/Button.vue
new file mode 100644
index 00000000..b7a09f8d
--- /dev/null
+++ b/packages/ui/components/Button.vue
@@ -0,0 +1,44 @@
+<template>
+  <button class="btn" :class="[type]">
+    <slot class="btn-content"> </slot>
+  </button>
+</template>
+
+<script>
+export default {
+  props: {
+    type: {
+      type: String,
+      default: 'primary',
+      validator(value) {
+        return ['primary', 'secondary', 'disable'].includes(value)
+      },
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.btn {
+  width: 100%;
+  padding: 8px 16px;
+  border-radius: 4px;
+  font-weight: bold;
+  font-size: var(--text-size-medium);
+  cursor: pointer;
+  &.primary {
+    color: var(--btn-primary-color);
+    background: var(--btn-primary-background-color);
+    border: 1px solid var(--btn-primary-border-color);
+  }
+  &.secondary {
+    color: var(--btn-secondary-color);
+    background: transparent;
+    border: 1px solid var(--btn-secondary-border-color);
+  }
+  &.disable {
+    opacity: 0.6;
+    cursor: no-drop;
+  }
+}
+</style>
diff --git a/packages/ui/components/CopyTooltip.vue b/packages/ui/components/CopyTooltip.vue
index 1b2cbac3..07818e62 100644
--- a/packages/ui/components/CopyTooltip.vue
+++ b/packages/ui/components/CopyTooltip.vue
@@ -103,7 +103,7 @@ export default {
 .copy-tooltip {
   position: absolute;
   display: inline-block;
-  font-size: 16px;
+  font-size: var(--text-size);
   padding: 8px;
   border-radius: 4px;
   background-color: var(--bg);
@@ -115,7 +115,7 @@ export default {
 .copy {
   padding: 16px;
   margin: -16px;
-  font-size: 12px;
+  font-size: var(--text-size-small);
   cursor: pointer;
 }
 </style>
diff --git a/packages/ui/components/DataFeedDescription.vue b/packages/ui/components/DataFeedDescription.vue
new file mode 100644
index 00000000..118c2e63
--- /dev/null
+++ b/packages/ui/components/DataFeedDescription.vue
@@ -0,0 +1,65 @@
+<template>
+  <i18n
+    path="data_feed_details.feed_description"
+    tag="p"
+    class="feed-description"
+  >
+    <template #name>
+      <span class="bold">{{ feedName }}</span>
+    </template>
+    <template #network>
+      <span class="bold">{{ network }}</span>
+    </template>
+    <template #value>
+      <span class="bold">{{ lastResultValue }}</span>
+    </template>
+    <template #date>
+      <span class="bold">{{ lastResultDate }}</span>
+    </template>
+    <template #heartbeat>
+      <span class="bold">{{ feedTimeToUpdate }}</span>
+    </template>
+    <template #deviation>
+      <span class="bold">{{ deviation }}%</span>
+    </template>
+  </i18n>
+</template>
+
+<script>
+export default {
+  props: {
+    deviation: {
+      type: String,
+      required: true,
+    },
+    feedTimeToUpdate: {
+      type: String,
+      required: true,
+    },
+    lastResultDate: {
+      type: String,
+      required: true,
+    },
+    lastResultValue: {
+      type: String,
+      required: true,
+    },
+    network: {
+      type: String,
+      required: true,
+    },
+    feedName: {
+      type: String,
+      required: true,
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.feed-description {
+  font-size: var(--text-size);
+  padding: 16px;
+  margin-top: 16px;
+}
+</style>
diff --git a/packages/ui/components/DataFeedDetails.vue b/packages/ui/components/DataFeedDetails.vue
index 4731ba66..c55aaf61 100644
--- a/packages/ui/components/DataFeedDetails.vue
+++ b/packages/ui/components/DataFeedDetails.vue
@@ -1,42 +1,41 @@
 <template>
-  <div class="content">
-    <div class="section-header">
-      <nuxt-link class="back-to-list" :to="localePath('/')">
-        <font-awesome-icon class="icon" icon="arrow-alt-circle-left" />
-      </nuxt-link>
-      <div class="title">
-        <SvgIcon v-if="svgIcon" :name="svgIcon" />
-        <p v-if="feed && feed.name" class="feed-name">
-          {{ feed.name.toUpperCase() }}
-        </p>
-      </div>
-      <Networks
-        v-if="feed && feed.network"
-        class="network-details"
-        :network="feed.network"
-        :color="feed.color"
-      />
-    </div>
+  <div v-if="normalizedFeed" class="content">
     <Chart
       v-if="feed"
       class="chart"
       :data="chartData"
       :last-result-timestamp="transactions ? transactions[0].timestamp : ''"
+      :last-result-value="lastResultValue"
       :data-label="feed.label"
-      :name="feedName"
-      :deviation="deviation"
-      :heartbeat="maxTimeToResolve"
-      :decimals="feedDecimals"
+      :name="normalizedFeed.name"
+      :time-to-update="maxTimeToResolve"
+      :decimals="normalizedFeed.decimals"
       @change-range="updateQuery"
     />
-    <Fieldset
-      :title="$t('data_feed_details.contract_address')"
-      class="contract-container"
-    >
-      <a :href="url" target="_blank" class="contract-address">
-        {{ feedAddress }}
-        <font-awesome-icon class="icon" icon="external-link-alt" />
-      </a>
+    <DataFeedDescription
+      :feed-name="normalizedFeed.name"
+      :network="normalizedFeed.network"
+      :last-result-value="lastResultValue"
+      :last-result-date="lastResultDate"
+      :feed-time-to-update="feedTimeToUpdate"
+      :deviation="normalizedFeed.deviation"
+    />
+    <Fieldset :title="$t('data_feed_details.trigger_parameters')">
+      <DataFeedTriggerParams
+        :deviation="normalizedFeed.deviation"
+        :max-time-to-resolve="maxTimeToResolve"
+        :last-result-timestamp="transactions ? transactions[0].timestamp : ''"
+      />
+    </Fieldset>
+    <Fieldset :title="$t('data_feed_details.contract_address')">
+      <IntegrationDetails
+        :network="normalizedFeed.network"
+        :proxy-address="normalizedFeed.proxyAddress"
+        :feed-address="normalizedFeed.address"
+        :contract-id="normalizedFeed.contractId"
+        :url-underlying-contract="normalizedFeed.urlUnderlyingContract"
+        :url-proxy-contract="normalizedFeed.urlProxyContract"
+      />
     </Fieldset>
     <TransactionsList
       v-if="transactions"
@@ -61,8 +60,11 @@ import feed from '@/apollo/queries/feed.gql'
 import requests from '@/apollo/queries/requests.gql'
 import { getWitnetBlockExplorerLink } from '@/utils/getWitnetBlockExplorerLink'
 import { CHART_RANGE } from '@/constants'
+import { formatTimestamp } from '@/utils/formatTimestamp'
+import { formatNumber } from '@/utils/formatNumber'
+import { formatMilliseconds } from '@/utils/formatMilliseconds'
 import { getTimestampByRange } from '@/utils/getTimestampByRange.js'
-import { formatSvgName } from '@/utils/formatSvgName'
+import { capitalizeFirstLetter } from '../utils/capitalizeFirstLetter'
 
 export default {
   apollo: {
@@ -104,43 +106,74 @@ export default {
     small() {
       return this.numberOfPages > 10
     },
-    svgIcon() {
-      return this.feed ? formatSvgName(this.feed.name) : ''
+    normalizedFeed() {
+      if (this.feed) {
+        return {
+          name: this.feed.name.toUpperCase(),
+          address: this.feed.address,
+          proxyAddress: this.feed.proxyAddress,
+          contractId: this.feed.contractId,
+          finality: Number(this.feed.finality),
+          deviation: this.feed.deviation,
+          heartbeat: Number(this.feed.heartbeat),
+          decimals: this.feed.feedFullName.split('_').pop() || 3,
+          network: this.feed.network
+            .split('-')
+            .map(capitalizeFirstLetter)
+            .join(' '),
+          urlUnderlyingContract: this.feed.blockExplorer.replace(
+            `{address}`,
+            this.feed.address
+          ),
+          urlProxyContract: this.feed.blockExplorer.replace(
+            `{address}`,
+            this.feed.proxyAddress
+          ),
+        }
+      } else {
+        return null
+      }
+    },
+    lastResultDate() {
+      if (this.transactions) {
+        return formatTimestamp(this.transactions[0].timestamp)
+      } else {
+        return ''
+      }
     },
-    url() {
-      return this.feed
-        ? this.feed.blockExplorer.replace(`{address}`, this.feedAddress)
-        : ''
+    feedTimeToUpdate() {
+      return formatMilliseconds(
+        this.normalizedFeed.heartbeat + this.normalizedFeed.finality,
+        ` ${this.$t('and')} `,
+        this.$i18n.locale
+      )
     },
-    deviation() {
-      return this.feed ? this.feed.deviation : ''
+    lastResultValue() {
+      if (this.transactions) {
+        return `${this.transactions[0].data.label} ${formatNumber(
+          parseFloat(this.transactions[0].data.value) /
+            10 ** this.transactions[0].data.decimals
+        )} `
+      } else {
+        return null
+      }
     },
     maxTimeToResolve() {
-      return this.feed
-        ? (Number(this.feed.heartbeat) + Number(this.feed.finality)).toString()
-        : ''
+      return this.normalizedFeed.heartbeat + this.normalizedFeed.finality
     },
     numberOfPages() {
       return this.feed
         ? Math.ceil(this.feed.requests.length / this.itemsPerPage)
         : 0
     },
-    feedName() {
-      return this.feed ? this.feed.name.toUpperCase() : ''
-    },
-    feedAddress() {
-      return this.feed ? this.feed.address : ''
-    },
-    feedDecimals() {
-      return this.feed ? this.feed.feedFullName.split('_').pop() || 3 : 3
-    },
     chartData() {
       if (this.feed && this.feed.requests.length > 0) {
         return this.feed.requests
           .map((request) => {
             return {
               time: Number(request.timestamp),
-              value: parseFloat(request.result) / 10 ** this.feedDecimals,
+              value:
+                parseFloat(request.result) / 10 ** this.normalizedFeed.decimals,
             }
           })
           .sort((t1, t2) => t1.time - t2.time)
@@ -156,7 +189,7 @@ export default {
           data: {
             label: this.feed.label,
             value: request.result,
-            decimals: this.feedDecimals,
+            decimals: this.normalizedFeed.decimals,
           },
           timestamp: request.timestamp,
         }))
@@ -179,80 +212,16 @@ export default {
 <style lang="scss" scoped>
 .content {
   display: grid;
-  grid-template: max-content max-content max-content 1fr / 1fr;
-  row-gap: 16px;
-  .contract-container {
-    margin-top: 150px;
-    .contract-address {
-      display: flex;
-      align-items: center;
-      line-break: loose;
-      word-break: break-all;
-      font-size: 24px;
-      padding: 24px;
-      cursor: pointer;
-      color: var(--contract-address);
-      .icon {
-        margin-left: 16px;
-      }
-    }
-  }
+  grid-template: max-content max-content max-content max-content 1fr / 1fr;
   .pagination {
-    padding-bottom: 72px;
+    padding-bottom: 16px;
     justify-self: center;
   }
-  .chart {
-    margin-top: 24px;
-    height: 400px;
-  }
-  .section-header {
-    display: grid;
-    grid-template: 1fr / repeat(3, 1fr);
-    justify-items: center;
-    align-items: flex-end;
-    margin-top: 16px;
-    width: 100%;
-    .network-details {
-      justify-self: flex-end;
-    }
-    .title {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      .feed-name {
-        font-weight: 600;
-        margin-top: 8px;
-      }
-    }
-    .back-to-list {
-      justify-self: flex-start;
-      .icon {
-        font-size: 24px;
-        color: var(--text);
-      }
-      &:hover {
-        .icon {
-          color: var(--text-hover);
-        }
-      }
-    }
-  }
 }
-@media (max-width: 1200px) {
+@media (max-width: 850px) {
   .content {
-    .section-header {
-      grid-template: 1fr 1fr / max-content 1fr;
-      justify-items: flex-end;
-      .back-to-list {
-        margin-left: 16px;
-      }
-      .title {
-        margin-right: 16px;
-      }
-      .networks {
-        grid-column: 1 / span 2;
-        margin-right: 16px;
-      }
+    .chart {
+      margin-top: 0;
     }
   }
 }
diff --git a/packages/ui/components/DataFeedStatus.vue b/packages/ui/components/DataFeedStatus.vue
new file mode 100644
index 00000000..464cd1e7
--- /dev/null
+++ b/packages/ui/components/DataFeedStatus.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="status-container">
+    <StatusDotSvg :color="dataFeedStatus.color" />
+    <p class="status">{{ $t(`chart.${dataFeedStatus.key}`) }}</p>
+  </div>
+</template>
+
+<script>
+import { getDataFeedStatus } from '@/utils/getDataFeedStatus'
+export default {
+  props: {
+    timeToUpdate: {
+      type: Number,
+      required: true,
+    },
+    lastResultTimestamp: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    dataFeedStatus() {
+      return getDataFeedStatus(this.timeToUpdate, this.lastResultTimestamp)
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.status-container {
+  display: flex;
+  align-items: center;
+  .status {
+    margin-left: 8px;
+    font-size: var(--text-size-medium);
+  }
+}
+</style>
diff --git a/packages/ui/components/DataFeedTriggerParams.vue b/packages/ui/components/DataFeedTriggerParams.vue
new file mode 100644
index 00000000..bea02433
--- /dev/null
+++ b/packages/ui/components/DataFeedTriggerParams.vue
@@ -0,0 +1,71 @@
+<template>
+  <div class="info-container">
+    <div class="item">
+      <InfoTooltip :value="$t('chart.deviation_text')">
+        <p>{{ $t('chart.deviation') }}</p>
+      </InfoTooltip>
+      <div class="value">{{ deviation }}%</div>
+    </div>
+    <div class="item">
+      <InfoTooltip :value="$t('chart.heartbeat_text')">
+        <p>{{ $t('chart.heartbeat') }}</p>
+      </InfoTooltip>
+      <Heartbeat
+        class="value"
+        :milliseconds="maxTimeToResolve"
+        :last-result-timestamp="lastResultTimestamp"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    lastResultTimestamp: {
+      type: String,
+      required: true,
+    },
+    maxTimeToResolve: {
+      type: Number,
+      required: true,
+    },
+    deviation: {
+      type: String,
+      required: true,
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.info-container {
+  padding: 16px;
+  display: grid;
+  grid-template-rows: max-content;
+  row-gap: 16px;
+  .item {
+    display: flex;
+    flex-wrap: wrap;
+    grid-gap: 8px;
+    font-weight: bold;
+    column-gap: 8px;
+    .value {
+      display: flex;
+      align-items: center;
+    }
+  }
+  .contract-address {
+    display: flex;
+    align-items: center;
+    line-break: loose;
+    word-break: break-all;
+    font-size: var(--text-size-title);
+    cursor: pointer;
+    color: var(--contract-address);
+    .icon {
+      margin-left: 16px;
+    }
+  }
+}
+</style>
diff --git a/packages/ui/components/DataFeeds.vue b/packages/ui/components/DataFeeds.vue
index 165475c5..bfe5003e 100644
--- a/packages/ui/components/DataFeeds.vue
+++ b/packages/ui/components/DataFeeds.vue
@@ -1,13 +1,15 @@
 <template>
   <div class="feeds-container">
     <FeedCard
-      v-for="feed in feeds"
+      v-for="feed in allFeeds"
       :key="feed.name + feed.network + feed.value + feed.color"
       :details-path="feed.detailsPath"
       :name="feed.name"
       :decimals="feed.decimals"
+      :time-to-update="feed.timeToUpdate"
       :img="feed.img"
       :value="feed.value"
+      :last-result-timestamp="feed.lastResultTimestamp"
       :label="feed.label"
       :network="feed.network"
       :color="feed.color"
@@ -16,13 +18,81 @@
 </template>
 
 <script>
+import feeds from '@/apollo/queries/feeds.gql'
+import { formatSvgName } from '../utils/formatSvgName'
+
 export default {
+  apollo: {
+    feeds: {
+      prefetch: true,
+      query: feeds,
+      variables() {
+        return {
+          page: this.currentPage,
+          pageSize: this.itemsPerPage,
+          network: this.network.label,
+        }
+      },
+      pollInterval: 60000,
+    },
+  },
   name: 'DataFeeds',
   props: {
-    feeds: {
-      type: Array,
+    network: {
+      type: Object,
       required: true,
     },
+    networkIndex: {
+      type: Number,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      currentPage: 1,
+      itemsPerPage: 28,
+    }
+  },
+  computed: {
+    allFeeds() {
+      if (this.feeds) {
+        const feeds = this.feeds.feeds
+          .filter((feed) => {
+            return !!feed.lastResult
+          })
+          .map((feed) => {
+            return {
+              detailsPath: {
+                name: 'feeds-id',
+                params: { id: feed.feedFullName },
+              },
+              decimals: parseInt(feed.feedFullName.split('_').pop()) || 3,
+              name: feed.name,
+              value: feed.lastResult,
+              lastResultTimestamp: feed.lastResultTimestamp || '0',
+              label: feed.label,
+              timeToUpdate: Number(feed.heartbeat) + Number(feed.finality),
+              img: {
+                name: formatSvgName(feed.name),
+                alt: feed.name,
+              },
+              network: feed.network,
+              color: feed.color,
+              blockExplorer: feed.blockExplorer,
+            }
+          })
+        return feeds
+      } else {
+        return []
+      }
+    },
+  },
+  watch: {
+    allFeeds() {
+      if (this.allFeeds.length < 1) {
+        this.$emit('empty', this.networkIndex)
+      }
+    },
   },
 }
 </script>
@@ -30,25 +100,38 @@ export default {
 <style lang="scss" scoped>
 .feeds-container {
   display: grid;
-  grid-gap: 24px;
+  grid-gap: 16px;
   width: 100%;
-  grid-template: repeat(auto-fill, minmax(150px, 1fr)) / repeat(
-      auto-fill,
-      250px
-    );
-  justify-content: center;
+  grid-template-rows: repeat(auto-fill, 80px);
+  grid-template-columns: repeat(3, minmax(300px, 1fr));
+  justify-content: flex-start;
   align-items: center;
 }
 
+@media screen and (max-width: 1100px) {
+  .feeds-container {
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  }
+}
+@media screen and (max-width: 900px) {
+  .feeds-container {
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    padding: 0;
+  }
+}
 @media screen and (max-width: 600px) {
   .feeds-container {
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     padding: 0;
+    justify-content: center;
   }
 }
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 300px) {
   .feeds-container {
     padding: 0;
     justify-content: center;
+    grid-template-rows: repeat(auto-fill, 120px);
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   }
 }
 </style>
diff --git a/packages/ui/components/FeedCard.vue b/packages/ui/components/FeedCard.vue
index ae007c12..f1146551 100644
--- a/packages/ui/components/FeedCard.vue
+++ b/packages/ui/components/FeedCard.vue
@@ -1,18 +1,31 @@
 <template>
-  <nuxt-link v-if="value" :to="localeRoute(detailsPath)">
-    <div class="card-container">
+  <nuxt-link v-if="detailsPath.params.id" :to="localeRoute(detailsPath)">
+    <div class="card-container" :class="dataFeedStatus.key">
       <div class="title">
         <SvgIcon class="img" :name="img.name" />
-        <p class="name">{{ name.toUpperCase() }}</p>
+        <p class="name title">{{ name.toUpperCase() }}</p>
+        <InfoTooltip
+          :show-icon="false"
+          :value="$t(`chart.${dataFeedStatus.key}`)"
+        >
+          <WarningStatus
+            v-if="dataFeedStatus.key !== 'operational'"
+            :color="dataFeedStatus.color"
+          />
+        </InfoTooltip>
       </div>
-      <p class="value">{{ formatedValue }}</p>
-      <Networks :network="network" :color="color" />
+      <p class="value">{{ label }} {{ formatedValue }}</p>
+      <p class="timestamp">
+        {{ formattedTimestamp }}
+      </p>
     </div>
   </nuxt-link>
 </template>
 
 <script>
 import { formatNumber } from '@/utils/formatNumber'
+import { calculateTimeAgo } from '@/utils/calculateTimeAgo'
+import { getDataFeedStatus } from '@/utils/getDataFeedStatus'
 
 export default {
   name: 'FeedCard',
@@ -41,6 +54,14 @@ export default {
       type: String,
       required: true,
     },
+    lastResultTimestamp: {
+      type: String,
+      required: true,
+    },
+    timeToUpdate: {
+      type: Number,
+      required: true,
+    },
     network: {
       type: String,
       required: true,
@@ -54,6 +75,12 @@ export default {
     formatedValue() {
       return formatNumber(parseFloat(this.value) / 10 ** this.decimals)
     },
+    dataFeedStatus() {
+      return getDataFeedStatus(this.timeToUpdate, this.lastResultTimestamp)
+    },
+    formattedTimestamp() {
+      return calculateTimeAgo(this.lastResultTimestamp, this.$i18n.locale)
+    },
   },
 }
 </script>
@@ -69,37 +96,67 @@ a {
   color: var(--value-color);
 }
 .card-container {
-  width: 250px;
+  width: 100%;
   height: max-content;
-  border: var(--card-border);
   background: var(--card-background);
   box-shadow: var(--card-box-shadow);
   font-weight: bold;
   display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: max-content max-content max-content;
-  row-gap: 16px;
+  grid-template-columns: 1fr max-content;
+  grid-template-rows: max-content max-content;
+  row-gap: 8px;
   align-content: center;
+  justify-items: flex-start;
   border-radius: 4px;
-  column-gap: 24px;
-  padding: 18px 24px;
+  column-gap: 8px;
+  padding: 8px 16px;
   cursor: pointer;
+
+  &.operational {
+    border: var(--card-border);
+  }
+  &.delay {
+    border: var(--delay-status-border);
+  }
+  &.error {
+    border: var(--error-status-border);
+  }
   .title {
-    display: flex;
+    grid-row: 1 / span 2;
+    justify-content: center;
     align-items: center;
+    display: flex;
+    .img {
+      display: flex;
+      justify-content: center;
+      align-self: center;
+      margin-right: 8px;
+    }
   }
-  .img {
-    align-self: center;
-    margin-right: 8px;
+  .timestamp {
+    color: var(--value-color);
+    font-size: var(--text-size-small);
+    font-style: italic;
+    justify-self: flex-end;
+    font-weight: normal;
   }
   .name {
-    margin: 8px 0 4px 0;
     color: var(--name-color);
-    font-size: 24px;
+    font-size: 18px;
+    margin-right: 8px;
+    display: flex;
+    align-items: center;
   }
   .value {
     color: var(--value-color);
     font-size: 18px;
+    justify-self: flex-end;
+  }
+}
+@media (max-width: 300px) {
+  .card-container {
+    width: 250px;
+    grid-template-columns: 1fr;
   }
 }
 </style>
diff --git a/packages/ui/components/Fieldset.vue b/packages/ui/components/Fieldset.vue
index aafd03b6..954cd279 100644
--- a/packages/ui/components/Fieldset.vue
+++ b/packages/ui/components/Fieldset.vue
@@ -28,7 +28,7 @@ export default {
   .title {
     color: var(--fieldset-title);
     font-weight: bold;
-    font-size: 16px;
+    font-size: var(--text-size);
     padding: 16px 0 16px 0;
   }
   .content {
diff --git a/packages/ui/components/Footer.vue b/packages/ui/components/Footer.vue
new file mode 100644
index 00000000..c4cb2dff
--- /dev/null
+++ b/packages/ui/components/Footer.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="footer">
+    <WitnetLogo class="witnet-logo white" />
+    <ul class="links-container">
+      <a class="link" :href="documentationUrl" target="_blank">
+        {{ $t('footer.documentation') }}
+      </a>
+      <a class="link" :href="requestDataFeedUrl" target="_blank">
+        {{ $t('footer.request_data_feed') }}
+      </a>
+      <a class="link" :href="witnetUrl" target="_blank">
+        {{ $t('footer.about_witnet') }}
+      </a>
+    </ul>
+    <p class="copyright">{{ $t('footer.copyright') }}</p>
+  </div>
+</template>
+
+<script>
+import { documentationUrl, requestDataFeedUrl, witnetUrl } from '../constants'
+export default {
+  props: {
+    type: {
+      type: String,
+      default: 'primary',
+      validator(value) {
+        return ['primary', 'secondary', 'disable'].includes(value)
+      },
+    },
+  },
+  data() {
+    return {
+      documentationUrl,
+      requestDataFeedUrl,
+      witnetUrl,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.footer {
+  display: grid;
+  grid-template-rows: repeat(3, 1fr);
+  justify-items: center;
+  min-height: 20vh;
+  align-items: center;
+  padding: 16px;
+  background: var(--footer-bg);
+  color: var(--white-text);
+  .links-container {
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    grid-gap: 16px;
+    grid-template-rows: auto;
+    .link {
+      color: var(--white-text);
+      cursor: pointer;
+      padding: 0;
+      font-size: var(--text-size-medium);
+    }
+  }
+  .copyright {
+    font-size: var(--text-size-small);
+  }
+  .witnet-logo {
+    width: 60px;
+  }
+}
+@media (max-width: 600px) {
+  .links-container {
+    margin: 16px 0;
+  }
+}
+</style>
diff --git a/packages/ui/components/InfoTooltip.vue b/packages/ui/components/InfoTooltip.vue
index aa6119d1..45092590 100644
--- a/packages/ui/components/InfoTooltip.vue
+++ b/packages/ui/components/InfoTooltip.vue
@@ -1,7 +1,16 @@
 <template>
   <div class="container">
-    <div :ref="label" class="value truncate">
-      {{ label }}
+    <div v-if="showIcon" :ref="value" class="value truncate">
+      <slot></slot>
+    </div>
+    <div
+      v-else
+      :ref="value"
+      class="value truncate show-info"
+      @mousemove="showTooltip = true"
+      @mouseleave="showTooltip = false"
+    >
+      <slot></slot>
     </div>
     <div
       ref="info"
@@ -12,11 +21,12 @@
       <div
         v-if="showTooltip"
         class="info-tooltip"
+        :class="{ hidden: showInResponsive }"
         :style="{ top: textTopPosition, left: textLeftPosition }"
       >
         {{ value }}
       </div>
-      <font-awesome-icon class="icon" icon="info-circle" />
+      <font-awesome-icon v-if="showIcon" class="icon" icon="info-circle" />
     </div>
   </div>
 </template>
@@ -28,9 +38,13 @@ export default {
       type: String,
       required: true,
     },
-    label: {
-      type: String,
-      required: true,
+    showIcon: {
+      type: Boolean,
+      default: true,
+    },
+    showInResponsive: {
+      type: Boolean,
+      default: false,
     },
   },
   data() {
@@ -40,10 +54,10 @@ export default {
   },
   computed: {
     textTopPosition() {
-      return `${this.$refs.info.offsetTop - 30}px`
+      return `${this.$refs.info.offsetTop - 40}px`
     },
     textLeftPosition() {
-      return `${this.$refs.info.offsetLeft + 10}px`
+      return `${this.$refs.info.offsetLeft - 70}px`
     },
   },
 }
@@ -54,30 +68,40 @@ export default {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-right: 0;
+  font-size: var(--text-size);
   margin-right: 8px;
-  font-size: 16px;
-  color: var(--text-hover);
+  &.show-info {
+    margin-right: 0;
+  }
 }
 .tooltip,
 .info-tooltip {
   position: absolute;
   display: inline-block;
   max-width: 400px;
-  padding: 8px;
   border-radius: 4px;
-  font-size: 12px;
+  font-size: var(--text-size-small);
+  padding: 8px;
   background-color: var(--bg);
   color: var(--text-medium-emphasis);
+  &.hidden {
+    display: none;
+  }
 }
 .container {
   display: flex;
 }
 .info {
-  padding: 10px;
-  color: var(--text-hover);
-  margin: -10px;
+  display: flex;
+  align-items: center;
   font-size: 10px;
   cursor: pointer;
 }
+@media (max-width: 300px) {
+  .info-tooltip {
+    &.hidden {
+      display: block;
+    }
+  }
+}
 </style>
diff --git a/packages/ui/components/InnerLink.vue b/packages/ui/components/InnerLink.vue
new file mode 100644
index 00000000..3135d56f
--- /dev/null
+++ b/packages/ui/components/InnerLink.vue
@@ -0,0 +1,28 @@
+<template>
+  <nuxt-link :to="{ hash: `#${hash}` }" @click.native="handleClick(hash)">
+    <slot />
+  </nuxt-link>
+</template>
+
+<script>
+export default {
+  props: {
+    hash: {
+      type: String,
+      required: true,
+    },
+  },
+  methods: {
+    handleClick(anchorId) {
+      if (this.$route.hash) {
+        const anchor = document.querySelector(`#${anchorId}`)
+        if (anchor) {
+          window.scrollTo({
+            top: anchor.getBoundingClientRect().top + window.pageYOffset,
+          })
+        }
+      }
+    },
+  },
+}
+</script>
diff --git a/packages/ui/components/IntegrationDetails.vue b/packages/ui/components/IntegrationDetails.vue
new file mode 100644
index 00000000..34c8d382
--- /dev/null
+++ b/packages/ui/components/IntegrationDetails.vue
@@ -0,0 +1,168 @@
+<template>
+  <div id="integrate" class="integration-details">
+    <div class="left">
+      <p class="title-details">
+        {{ $t('data_feed_details.integration_details_description', [network]) }}
+      </p>
+      <div class="bottom">
+        <a :href="integrateThroughProxyBaseUrl" target="_blank">
+          <Button class="btn">
+            {{ $t('data_feed_details.integrate_proxy') }}</Button
+          >
+        </a>
+        <a :href="integrateDirectlyBaseUrl" target="_blank">
+          <Button class="btn">
+            {{ $t('data_feed_details.integrate_directly') }}</Button
+          >
+        </a>
+        <p class="subtitle testing">
+          {{ $t('data_feed_details.recommended_for_testing') }}
+        </p>
+        <p class="subtitle optimized">
+          {{ $t('data_feed_details.optimized_for_gas_cost') }}
+        </p>
+      </div>
+    </div>
+    <div class="right">
+      <p class="title-address">
+        {{ $t('data_feed_details.proxy_address').toUpperCase() }}
+      </p>
+      <a :href="urlProxyContract" target="_blank" class="contract-info">
+        {{ proxyAddress }}
+        <font-awesome-icon class="icon" icon="external-link-alt" />
+      </a>
+      <p class="title-address">
+        {{ $t('data_feed_details.underlying_feed_contract').toUpperCase() }}
+      </p>
+      <a :href="urlUnderlyingContract" target="_blank" class="contract-info">
+        {{ feedAddress }}
+        <font-awesome-icon class="icon" icon="external-link-alt" />
+      </a>
+      <p class="title-address">
+        {{ $t('data_feed_details.erc2362_asset_id').toUpperCase() }}
+      </p>
+      <p target="_blank" class="contract-id">
+        {{ contractId }}
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  integrateDirectlyBaseUrl,
+  integrateThroughProxyBaseUrl,
+} from '../constants'
+export default {
+  props: {
+    network: {
+      type: String,
+      required: true,
+    },
+    proxyAddress: {
+      type: String,
+      required: true,
+    },
+    feedAddress: {
+      type: String,
+      required: true,
+    },
+    contractId: {
+      type: String,
+      required: true,
+    },
+    urlUnderlyingContract: {
+      type: String,
+      required: true,
+    },
+    urlProxyContract: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      integrateDirectlyBaseUrl,
+      integrateThroughProxyBaseUrl,
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.integration-details {
+  padding: 16px;
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr 1fr;
+  column-gap: 16px;
+  .left {
+    text-align: center;
+    border-right: 1px solid var(--bg);
+    padding-right: 16px;
+    .title-details {
+      font-size: var(--text-size);
+      font-weight: normal;
+      margin-bottom: 16px;
+    }
+    .bottom {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-gap: 8px;
+      grid-template-rows: max-content max-content;
+      .btn {
+        height: max-content;
+      }
+    }
+  }
+  .right {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-gap: 8px;
+    .title-address {
+      font-size: var(--text-size-medium);
+      font-weight: bold;
+      margin-top: 8px;
+    }
+    .contract-id {
+      font-size: var(--text-size);
+      margin-bottom: 8px;
+      font-family: Roboto Mono, monospace;
+      word-break: break-all;
+      max-width: 400px;
+    }
+    .contract-info {
+      font-family: Roboto Mono, monospace;
+      color: var(--text-hover);
+      font-size: var(--text-size);
+      word-break: break-all;
+      margin-bottom: 8px;
+      cursor: pointer;
+    }
+    .icon {
+      font-size: 10px;
+    }
+  }
+}
+@media (max-width: 850px) {
+  .integration-details {
+    grid-template-columns: 1fr;
+    grid-gap: 16px;
+    .right {
+      border-right: none;
+    }
+    .left {
+      border-right: none;
+      padding-bottom: 24px;
+      border-bottom: 1px solid var(--bg);
+      .testing {
+        grid-row: 2;
+      }
+      .bottom {
+        display: grid;
+        grid-template-columns: 1fr;
+      }
+    }
+  }
+}
+</style>
diff --git a/packages/ui/components/Main.vue b/packages/ui/components/Main.vue
index 888d9ac7..731912b5 100644
--- a/packages/ui/components/Main.vue
+++ b/packages/ui/components/Main.vue
@@ -1,33 +1,45 @@
 <template>
-  <div>
-    <div class="section-header">
-      <p class="section-title">{{ $t('main.data_feeds') }}</p>
-      <Select
-        v-if="options.length > 1"
-        :options="options"
-        :default-option="selected"
-        @update-selected="updateSelected"
-      />
-    </div>
-    <div v-if="allFeeds.length > 0" class="list-container">
-      <DataFeeds :feeds="allFeeds" />
-      <el-pagination
-        v-if="numberOfPages > 1"
-        class="pagination"
-        layout="prev, pager, next"
-        :page-count="numberOfPages"
-        :current-page="currentPage"
-        @current-change="handleCurrentChange"
-      />
+  <div class="main">
+    <SideBar
+      v-if="networks && networks.length > 1"
+      :default-option="selected"
+      :options="options"
+      @update-selected="updateSelected"
+    />
+    <div v-if="selected && selected.length" class="feeds-container">
+      <div class="title-container">
+        <p class="title bold">
+          <SvgIcon class="logo" :name="selected[0].network.toLowerCase()" />{{
+            selected[0].network
+          }}
+        </p>
+        <p class="subtitle light-text bold">
+          {{ $t('main.network_subtitle') }}
+          <span class="bold text">{{ selected[0].network }}</span>
+          <span class="bold text">{{ selectedNetworks }}</span
+          >.
+        </p>
+      </div>
+      <div
+        v-for="(option, index) in selected"
+        :key="option.label"
+        class="list-container"
+      >
+        <div class="title light-text bold">{{ option.key }}</div>
+        <DataFeeds
+          :network="option"
+          :network-index="index"
+          @empty="updateOptions"
+        />
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-import feeds from '@/apollo/queries/feeds.gql'
 import networks from '@/apollo/queries/networks.gql'
-import { formatSvgName } from '../utils/formatSvgName'
 import { generateSelectOptions } from '../utils/generateSelectOptions'
+import { capitalizeFirstLetter } from '../utils/capitalizeFirstLetter'
 
 export default {
   apollo: {
@@ -35,81 +47,54 @@ export default {
       prefetch: true,
       query: networks,
     },
-    feeds: {
-      prefetch: true,
-      query: feeds,
-      variables() {
-        return {
-          page: this.currentPage,
-          pageSize: this.itemsPerPage,
-          network: this.selected.label,
-        }
-      },
-      pollInterval: 60000,
-    },
   },
   data() {
     return {
+      feedExist: true,
       currentPage: 1,
       itemsPerPage: 28,
-      selected: { label: 'all', key: 'All' },
     }
   },
   computed: {
-    numberOfPages() {
-      return Math.ceil(this.feeds.total / this.itemsPerPage)
-    },
-    allFeeds() {
-      if (this.feeds) {
-        return this.feeds.feeds.map((feed) => {
-          return {
-            detailsPath: {
-              name: 'feeds-id',
-              params: { id: feed.feedFullName },
-            },
-            decimals: parseInt(feed.feedFullName.split('_').pop()) || 3,
-            name: feed.name,
-            value: feed.lastResult,
-            label: feed.label,
-            img: {
-              name: formatSvgName(feed.name),
-              alt: feed.name,
-            },
-            network: feed.network,
-            color: feed.color,
-            blockExplorer: feed.blockExplorer,
-          }
-        })
-      } else {
-        return []
-      }
+    selected() {
+      return this.$store.state.selectedNetwork
     },
     options() {
       if (this.networks) {
-        const result = [
-          { label: 'all', key: 'All' },
-          ...generateSelectOptions(this.networks),
-        ]
-        return result
+        return generateSelectOptions(this.networks)
       } else {
-        return [{ label: 'all', key: 'All' }]
+        return null
       }
     },
+    selectedNetworks() {
+      const result = this.selected.map((option) => {
+        return capitalizeFirstLetter(option.label.split('-')[1])
+      })
+      return result.join(', ').replace(/, ([^,]*)$/, ' and $1')
+    },
   },
   methods: {
+    updateOptions(index) {
+      this.$store.commit('deleteEmptyNetwork', { index })
+    },
     handleCurrentChange(val) {
       this.currentPage = val
     },
     updateSelected(selectedOption) {
-      this.selected = selectedOption
+      this.$store.commit('updateSelectedNetwork', { network: selectedOption })
     },
   },
 }
 </script>
 
 <style lang="scss" scoped>
+.main {
+  display: grid;
+  grid-template-columns: 150px 1fr;
+  grid-gap: 32px;
+  grid-template-rows: 1fr;
+}
 .section-header {
-  padding: 0 16px 24px 16px;
   display: flex;
   justify-content: space-between;
   width: 100%;
@@ -119,6 +104,26 @@ export default {
     font-weight: 600;
   }
 }
+.feeds-container {
+  height: max-content;
+  margin-bottom: 24px;
+}
+.title-container {
+  margin-bottom: 32px;
+  .title {
+    font-size: var(--text-size-title);
+    margin-bottom: 4px;
+    display: flex;
+    align-items: center;
+    .logo {
+      margin-right: 8px;
+      display: flex;
+    }
+  }
+  .subtitle {
+    font-size: var(--text-size);
+  }
+}
 
 .list-container {
   display: grid;
@@ -126,26 +131,47 @@ export default {
   grid-template: 1fr max-content/ 1fr;
   justify-items: flex-start;
   align-items: flex-start;
-  row-gap: 24px;
+  row-gap: 16px;
   .pagination {
     margin-bottom: 16px;
     justify-self: center;
   }
 }
+@media screen and (max-width: 1100px) {
+  .list-container {
+    margin-right: 16px;
+  }
+}
 
-@media (max-width: 1200px) {
+@media (max-width: 850px) {
+  .list-container {
+    margin-right: 0;
+  }
+  .main {
+    grid-template-columns: 1fr;
+    padding: 0 24px;
+  }
   .section-header {
     padding: 0 32px 32px 32px;
   }
 }
 @media (max-width: 600px) {
+  .main {
+    grid-template-columns: 1fr;
+  }
   .section-header {
-    padding: 0 32px 32px 32px;
+    padding: 0 16px 16px 16px;
   }
   .list-container {
+    margin-right: 0;
     .pagination {
       margin-bottom: 48px;
     }
   }
 }
+@media screen and (max-width: 300px) {
+  .main {
+    padding: 0 16px;
+  }
+}
 </style>
diff --git a/packages/ui/components/MainSection.vue b/packages/ui/components/MainSection.vue
index 87d99386..2102e238 100644
--- a/packages/ui/components/MainSection.vue
+++ b/packages/ui/components/MainSection.vue
@@ -1,23 +1,25 @@
 <template>
-  <div class="main-section">
-    <slot name="navbar"></slot>
-    <slot name="content"></slot>
-    <ThemeSwitch class="theme-switch" />
+  <div class="main-section-container">
+    <div class="main-section">
+      <slot name="navbar"></slot>
+      <slot name="breadcrumbs"></slot>
+      <slot name="content"></slot>
+      <ThemeSwitch class="theme-switch" />
+    </div>
+    <slot name="footer"></slot>
   </div>
 </template>
 
 <style lang="scss" scoped>
 .main-section {
   color: var(--text);
-  padding: 0 180px;
-  min-height: 100vh;
   display: grid;
-  grid-template-rows: 150px 1fr;
+  min-height: 80vh;
+  grid-template-rows: max-content max-content 1fr max-content;
   grid-template-columns: 1fr;
-  max-width: 1500px;
+  max-width: 1124px;
   row-gap: 24px;
   margin: 0 auto;
-  padding-bottom: 48px;
   .theme-switch {
     position: fixed;
     bottom: 0;
@@ -25,9 +27,9 @@
     right: 0;
   }
 }
-@media (max-width: 1200px) {
+@media (max-width: 850px) {
   .main-section {
-    grid-template-rows: 100px 1fr;
+    grid-template-rows: max-content max-content max-content;
     padding: 0;
   }
 }
diff --git a/packages/ui/components/NavBar.vue b/packages/ui/components/NavBar.vue
index 4afe42ea..dfea5c5c 100644
--- a/packages/ui/components/NavBar.vue
+++ b/packages/ui/components/NavBar.vue
@@ -1,24 +1,46 @@
 <template>
-  <div class="nav-container" :class="{ drop: isMenuVisible }">
-    <nav class="navbar">
-      <nuxt-link :to="localePath('/')">
-        <h1 class="logo-container">
-          <WitnetLogo class="witnet-logo" />
-          <p class="logo-subtitle">DATA</p>
-          <p class="logo-subtitle-color">FEED</p>
-        </h1>
-      </nuxt-link>
-      <label class="responsive-menu" @click="toggleMenu">&#9776;</label>
+  <div :class="{ drop: isMenuVisible }">
+    <nav class="navbar" :class="{ open: isMenuVisible }">
+      <div class="menu-container">
+        <nuxt-link :to="localePath('/')">
+          <h1 class="logo-container">
+            <WitnetLogo class="witnet-logo" />
+            <p class="logo-subtitle">Witnet</p>
+            <p class="logo-subtitle">Data Feeds</p>
+          </h1>
+        </nuxt-link>
+        <label class="responsive-menu" @click="toggleMenu">
+          <a class="target-burger" :class="{ visible: isMenuVisible }">
+            <ul class="buns">
+              <li class="bun"></li>
+              <li class="bun"></li>
+            </ul>
+          </a>
+        </label>
+      </div>
       <transition name="dropdown" class="dropdown">
         <ul class="tab-container" :class="{ visible: isMenuVisible }">
-          <li class="tab" @mouseover="hover = true" @mouseleave="hover = false">
-            <a class="tab" href="https://witnet.io" target="_blank">{{
-              $t('navbar.about')
-            }}</a>
-          </li>
-          <li class="tab" @mouseover="hover = true" @mouseleave="hover = false">
-            <a href="https://github.com/witnet" target="_blank">
-              <GithubLogo />
+          <div
+            v-if="networks"
+            class="networks"
+            :class="{ visible: isMenuVisible }"
+            @click="closeMenu"
+          >
+            <div
+              v-for="option in sidebarOptions"
+              :key="optionFromSelected(option)"
+              class="option"
+              :class="{
+                selected: optionFromSelected(option) === selectedOption,
+              }"
+              @click="updateSelected(option)"
+            >
+              {{ capitalizeFirstLetter(optionFromSelected(option)) }}
+            </div>
+          </div>
+          <li class="tab last-item" @click="closeMenu">
+            <a class="btn-container" :href="requestDataFeedUrl" target="_blank">
+              <Button class="btn">{{ $t('navbar.request_data_feed') }}</Button>
             </a>
           </li>
         </ul>
@@ -28,15 +50,61 @@
 </template>
 
 <script>
+import networks from '@/apollo/queries/networks.gql'
+import { requestDataFeedUrl } from '../constants'
+import { capitalizeFirstLetter } from '../utils/capitalizeFirstLetter'
+import { generateSelectOptions } from '../utils/generateSelectOptions'
+
 export default {
+  apollo: {
+    networks: {
+      prefetch: true,
+      query: networks,
+    },
+  },
   data() {
     return {
       hover: false,
       displayBox: false,
       isMenuVisible: false,
+      requestDataFeedUrl,
     }
   },
+  computed: {
+    selected() {
+      return this.$store.state.selectedNetwork
+    },
+    sidebarOptions() {
+      return Object.values(this.options)
+    },
+    options() {
+      if (this.networks) {
+        return generateSelectOptions(this.networks)
+      } else {
+        return null
+      }
+    },
+    selectedOption() {
+      return (this.selected[0] ? this.selected[0].network : '').toLowerCase()
+    },
+  },
+  watch: {
+    selected: {
+      handler(selected) {
+        this.$emit('update-selected', selected)
+      },
+      deep: true,
+    },
+  },
   methods: {
+    optionFromSelected(options) {
+      return (options[0] ? options[0].network : '').toLowerCase()
+    },
+    capitalizeFirstLetter,
+    updateSelected(selectedOption) {
+      this.$store.commit('updateSelectedNetwork', { network: selectedOption })
+      this.$router.push('/')
+    },
     closeMenu() {
       this.isMenuVisible = false
     },
@@ -53,30 +121,23 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
 .navbar {
   display: flex;
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  background: var(--nav-bar-background);
   justify-content: space-between;
   align-items: center;
-  max-width: 1500px;
-  margin: 0 auto;
-  padding: 16px 200px 16px 200px;
-
+  background-color: var(--bg);
+  height: 130px;
   .logo-container {
     display: grid;
     grid-template-columns: max-content max-content;
     grid-template-rows: 1fr 1fr;
     align-items: center;
+    padding-top: 16px;
     text-decoration: none;
     column-gap: 8px;
 
     .witnet-logo {
-      width: 90px;
       grid-row: 1 / span 2;
     }
     .logo-subtitle-color {
@@ -91,7 +152,6 @@ export default {
     }
   }
   .responsive-menu {
-    color: var(--text);
     display: none;
     font-size: 34px;
   }
@@ -99,72 +159,124 @@ export default {
     list-style: none;
     display: flex;
     align-items: center;
-    & .visible {
+    justify-content: center;
+    padding: 24px 0;
+    .networks {
+      display: none;
+      &.visible {
+        background: var(--bg);
+        display: block;
+        padding: 32px 0;
+      }
+    }
+    &.visible {
+      background: var(--bg);
       display: block;
+      padding: 0;
     }
     .tab {
-      cursor: pointer;
-      font-size: 18px;
-      display: flex;
+      font-size: 1rem;
       font-weight: 600;
-      color: var(--text);
+      display: flex;
       align-items: center;
       text-decoration: none;
-      margin: 16px 24px;
+      transition: color 0.1s ease;
+      &.last-item {
+        display: flex;
+        justify-content: center;
+      }
+      .btn-container {
+        width: max-content;
+      }
+      .btn {
+        max-width: 100%;
+        margin: 16px 0;
+        margin: 0;
+      }
+      .slash {
+        color: var(--nav-bar-slash-color);
+      }
+
       &:hover {
-        color: var(--text-hover);
+        color: var(--nav-bar-slash-color);
+      }
+      &:last-child {
+        padding-right: 0;
       }
     }
+    .option {
+      padding: 16px 24px;
+      text-align: center;
+      cursor: pointer;
+      color: var(--light-text);
+      font-weight: bold;
+      &.selected {
+        font-weight: bold;
+        color: var(--btn-primary-color);
+        background: var(--tab-background);
+        background: var(--tab-gradient-selected);
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 1100px) {
+  .navbar {
+    height: max-content;
+    margin: 0 16px;
+    &.open {
+      height: 100vh;
+    }
+    .logo {
+      margin: 0;
+    }
   }
   .drop {
     position: absolute;
   }
 }
-@media screen and (max-width: 1200px) {
+
+@media screen and (max-width: 850px) {
   .drop {
     position: fixed;
     top: 0;
     overflow: hidden;
+    overflow-y: auto;
     height: 100%;
     z-index: 15;
-    overflow-y: hidden;
   }
+
   .navbar {
-    left: 0;
-    right: 0;
-    top: 0;
     display: block;
-    position: relative;
-    padding: 0;
-    .logo-container {
-      padding: 32px;
+    margin: 0;
+    .menu-container {
+      display: flex;
+      justify-content: space-between;
+      padding: 0 16px;
     }
     .responsive-menu {
+      justify-content: center;
       display: block;
       cursor: pointer;
-      position: absolute;
-      top: 16px;
-      right: 32px;
+      width: 32px;
     }
     .tab-container {
       list-style: none;
       display: none;
       text-align: center;
-      height: 100vh;
       width: 100vw;
-      padding: 0;
       margin: 0;
       cursor: pointer;
       &.visible {
+        box-sizing: border-box;
         display: block;
+        padding: 0;
       }
       .tab {
         cursor: pointer;
         display: block;
-        color: var(--text);
         align-items: center;
         text-decoration: none;
-        padding: 24px 32px;
         .social {
           display: none;
         }
@@ -172,14 +284,59 @@ export default {
     }
   }
 }
-@media screen and (max-width: 600px) {
-  .navbar {
-    .logo-container {
-      padding: 16px;
+
+.target-burger {
+  display: block;
+  transition: 0.5s;
+  margin-top: 16px;
+  &:hover {
+    cursor: pointer;
+    opacity: opacity(0.45);
+  }
+  &.visible {
+    ul.buns {
+      width: 32px;
+      height: 32px;
+      li.bun {
+        -webkit-transform: rotate(45deg) translateZ(0);
+        transform: rotate(45deg) translateZ(0);
+        &:last-child {
+          -webkit-transform: rotate(-45deg) translateZ(0);
+          transform: rotate(-45deg) translateZ(0);
+        }
+      }
     }
-    .responsive-menu {
-      top: 16px;
-      right: 16px;
+  }
+  .buns {
+    width: 32px;
+    height: 32px;
+    list-style: none;
+    padding: 0;
+    position: absolute;
+    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1),
+      color 1s cubic-bezier(0.23, 1, 0.32, 1);
+    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1),
+      color 1s cubic-bezier(0.23, 1, 0.32, 1);
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    color: var(--text);
+    .bun {
+      width: 100%;
+      height: 3px;
+      background-color: var(--text);
+      position: absolute;
+      top: 50%;
+      margin-top: -0.75px;
+      -webkit-transform: translateY(-3.75px) translateZ(0);
+      transform: translateY(-3.75px) translateZ(0);
+      -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1),
+        background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
+      transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1),
+        background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
+      &:last-child {
+        -webkit-transform: translateY(3.75px) translateZ(0);
+        transform: translateY(3.75px) translateZ(0);
+      }
     }
   }
 }
diff --git a/packages/ui/components/Networks.vue b/packages/ui/components/Networks.vue
index e2dd9b89..26a4d349 100644
--- a/packages/ui/components/Networks.vue
+++ b/packages/ui/components/Networks.vue
@@ -36,7 +36,7 @@ export default {
     margin-right: 8px;
     padding: 4px 8px;
     font-weight: 400;
-    font-size: 16px;
+    font-size: var(--text-size);
     border-radius: 4px;
     width: max-content;
     text-transform: capitalize;
diff --git a/packages/ui/components/Select.vue b/packages/ui/components/Select.vue
index 8cc04eab..99396dde 100644
--- a/packages/ui/components/Select.vue
+++ b/packages/ui/components/Select.vue
@@ -59,7 +59,6 @@ export default {
     box-shadow: none;
     color: var(--selected-text);
     min-width: max-content;
-    font-size: 1rem;
     font-weight: 600;
   }
   .vs__open-indicator {
@@ -78,7 +77,6 @@ export default {
 
   .vs__dropdown-option {
     font-family: Almarai, sans-serif;
-    font-size: 1rem;
     padding: 12px;
     font-weight: 600;
     color: var(--selected-options-text);
diff --git a/packages/ui/components/SideBar.vue b/packages/ui/components/SideBar.vue
new file mode 100644
index 00000000..8273e720
--- /dev/null
+++ b/packages/ui/components/SideBar.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="sidebar">
+    <div
+      v-for="option in sidebarOptions"
+      :key="option"
+      class="option"
+      :class="{ selected: option === selectedOption }"
+      @click="selectOption(option)"
+    >
+      {{ capitalizeFirstLetter(option) }}
+    </div>
+  </div>
+</template>
+
+<script>
+import { capitalizeFirstLetter } from '@/utils/capitalizeFirstLetter'
+export default {
+  props: {
+    options: {
+      type: Object,
+      required: true,
+    },
+    defaultOption: {
+      type: Array,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      selected: this.options,
+    }
+  },
+  computed: {
+    sidebarOptions() {
+      return Object.keys(this.options)
+    },
+    selectedOption() {
+      return (this.selected[0] ? this.selected[0].network : '').toLowerCase()
+    },
+  },
+  watch: {
+    selected: {
+      handler(selected) {
+        this.$emit('update-selected', selected)
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.selectOption('ethereum')
+  },
+  methods: {
+    capitalizeFirstLetter,
+    selectOption(option) {
+      this.selected = this.options[option]
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.sidebar {
+  position: relative;
+  text-align: right;
+  .option {
+    padding: 16px 24px;
+    font-size: var(--text-size-medium);
+    text-align: center;
+    cursor: pointer;
+    color: var(--light-text);
+    font-weight: bold;
+    &.selected {
+      border-radius: 4px;
+      font-weight: bold;
+      color: var(--btn-primary-color);
+      background: var(--tab-background);
+      background: var(--tab-gradient-selected);
+    }
+  }
+}
+@media (max-width: 850px) {
+  .sidebar {
+    display: none;
+  }
+}
+</style>
diff --git a/packages/ui/components/StatusDotSvg.vue b/packages/ui/components/StatusDotSvg.vue
new file mode 100644
index 00000000..16313876
--- /dev/null
+++ b/packages/ui/components/StatusDotSvg.vue
@@ -0,0 +1,21 @@
+<template>
+  <svg
+    width="7"
+    height="7"
+    viewBox="0 0 7 7"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="3.5" cy="3.5" r="3.5" :fill="color" />
+  </svg>
+</template>
+<script>
+export default {
+  props: {
+    color: {
+      type: String,
+      default: '#4AB6A1',
+    },
+  },
+}
+</script>
diff --git a/packages/ui/components/SvgIcon.vue b/packages/ui/components/SvgIcon.vue
index 48144cd0..e5d8b1b3 100644
--- a/packages/ui/components/SvgIcon.vue
+++ b/packages/ui/components/SvgIcon.vue
@@ -13,6 +13,10 @@ export default {
 </script>
 
 <style lang="scss">
+.icon-size {
+  width: 24px;
+  height: 30px;
+}
 .fill {
   fill: var(--text);
 }
diff --git a/packages/ui/components/Transaction.vue b/packages/ui/components/Transaction.vue
index 253ef8ba..836bbcfd 100644
--- a/packages/ui/components/Transaction.vue
+++ b/packages/ui/components/Transaction.vue
@@ -1,23 +1,30 @@
 <template>
   <li class="item-container">
+    <div class="attribute-container values-time">
+      <div class="attribute">
+        {{ formatTimestamp(timestamp) }}
+      </div>
+    </div>
     <div class="attribute-container links">
       <a :href="witnetLink" target="_blank" class="link truncate">
         0x{{ drTxHash }}
         <font-awesome-icon class="icon" icon="external-link-alt" />
       </a>
-    </div>
-    <div class="attribute-container values-time">
-      <CopyTooltip :label="`${value}2`" class="attribute" :value="value" />
-      <div class="attribute">
-        {{ calculateTimeAgo(timestamp, $i18n.locale) }}
-      </div>
+      <InfoTooltip
+        class="value attribute"
+        :value="value"
+        :show-icon="false"
+        :show-in-responsive="true"
+      >
+        {{ value }}
+      </InfoTooltip>
     </div>
   </li>
 </template>
 
 <script>
 import { formatNumber } from '@/utils/formatNumber'
-import { calculateTimeAgo } from '@/utils/calculateTimeAgo'
+import { formatTimestamp } from '@/utils/formatTimestamp'
 
 export default {
   name: 'Transaction',
@@ -47,7 +54,7 @@ export default {
     },
   },
   methods: {
-    calculateTimeAgo,
+    formatTimestamp,
   },
 }
 </script>
@@ -59,10 +66,17 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.value {
+  font-size: var(--text-size);
+  padding: 8px 0;
+  border-radius: 4px;
+  color: var(--text);
+}
 .link {
   color: var(--witnet-transaction);
+  font-family: Roboto Mono, monospace;
   .icon {
-    margin-left: 16px;
+    font-size: var(--text-size-small);
   }
 }
 .truncate {
diff --git a/packages/ui/components/TransactionsList.vue b/packages/ui/components/TransactionsList.vue
index a3f9aefc..b38456a1 100644
--- a/packages/ui/components/TransactionsList.vue
+++ b/packages/ui/components/TransactionsList.vue
@@ -5,21 +5,21 @@
   >
     <div class="collection collection-container">
       <li class="item-container blur">
+        <div class="attribute-container values-time">
+          <div class="attribute">{{ $t('transactions_list.time') }}</div>
+        </div>
         <div class="attribute-container links">
-          <div class="attribute">
+          <div class="attribute link">
             {{ $t('transactions_list.witnet_explorer') }}
           </div>
-        </div>
-        <div class="attribute-container values-time">
-          <div class="attribute">
+          <div class="attribute value">
             {{ $t('transactions_list.value') }}
           </div>
-          <div class="attribute">{{ $t('transactions_list.time') }}</div>
         </div>
       </li>
       <Transaction
         v-for="(transaction, index) in transactions"
-        :key="transaction.timestamp"
+        :key="transaction.timestamp + index"
         :class="{ blur: index % 2 }"
         :witnet-link="transaction.witnetLink"
         :data="transaction.data"
@@ -46,7 +46,7 @@ export default {
 .item-container {
   padding: 16px;
   display: grid;
-  grid-template-columns: 2fr 1fr;
+  grid-template-columns: 1fr 4fr;
   align-items: center;
   column-gap: 16px;
   row-gap: 24px;
@@ -56,26 +56,37 @@ export default {
 
   .attribute-container {
     display: grid;
-    grid-template-columns: repeat(
-      auto-fit,
-      minmax(var(--column-width-min), 1fr)
-    );
+    grid-template-columns: 1fr max-content;
     align-items: center;
+    justify-content: space-between;
     column-gap: 16px;
     row-gap: 24px;
   }
+  .value {
+    --column-width-min: max-content;
+  }
   .links {
-    --column-width-min: 150px;
+    --column-width-min: 100px;
   }
   .values-time {
     --column-width-min: 100px;
   }
 }
 
-@media (max-width: 1200px) {
+@media (max-width: 850px) {
   .collection-container {
     display: grid;
     grid-template-columns: 1fr;
   }
 }
+@media (max-width: 600px) {
+  .item-container {
+    .attribute-container {
+      grid-template-columns: repeat(
+        auto-fit,
+        minmax(var(--column-width-min), 1fr)
+      );
+    }
+  }
+}
 </style>
diff --git a/packages/ui/components/WarningStatus.vue b/packages/ui/components/WarningStatus.vue
new file mode 100644
index 00000000..ab9b5a2f
--- /dev/null
+++ b/packages/ui/components/WarningStatus.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg
+    width="14"
+    height="11"
+    viewBox="0 0 18 15"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M9 2.84795L15.4733 13.6364H2.52675L9 2.84795ZM9 0L0 15H18L9 0ZM8.25 6.13636H9.75V10.2273H8.25V6.13636ZM9 12.7841C8.48325 12.7841 8.0625 12.4023 8.0625 11.9318C8.0625 11.4614 8.48325 11.0795 9 11.0795C9.51675 11.0795 9.9375 11.4614 9.9375 11.9318C9.9375 12.4023 9.51675 12.7841 9 12.7841Z"
+      :fill="color"
+      fill-opacity="0.8"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    color: {
+      type: String,
+      required: true,
+    },
+  },
+}
+</script>
diff --git a/packages/ui/components/WitnetLogo.vue b/packages/ui/components/WitnetLogo.vue
index a2e1c16a..2f4137b3 100644
--- a/packages/ui/components/WitnetLogo.vue
+++ b/packages/ui/components/WitnetLogo.vue
@@ -1,31 +1,23 @@
 <template>
   <svg
-    class="WitnetLogo"
-    width="94"
-    height="83"
-    viewBox="0 0 94 83"
+    width="78"
+    height="46"
+    viewBox="0 0 78 46"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
       class="main"
-      d="M78.5442 0H71.0963L71.0645 82.1053H78.5128V56.3729H85.1194V48.8212H78.5128L78.5442 18.246H85.1507V10.6943H78.5442L78.5442 0Z"
+      d="M54.4938 16.9673L64.0675 22.9128L54.4938 28.8686C55.1898 27.0161 55.5992 25.0102 55.5992 22.9128C55.5992 20.8147 55.1898 18.8197 54.4938 16.9673ZM22.8289 16.9673C22.1329 18.8197 21.7236 20.825 21.7236 22.9128C21.7236 25.0102 22.1227 27.0059 22.8289 28.8584L13.2552 22.9128L22.8289 16.9673ZM38.6617 9.518C46.0759 9.518 52.0397 15.4935 52.0397 22.9128C52.0397 30.3314 46.0664 36.2974 38.6617 36.2974C31.2461 36.2974 25.2727 30.3219 25.2727 22.9128C25.2727 15.5045 31.2563 9.518 38.6617 9.518ZM38.6617 3.00956L37.0045 4.03302L30.4478 8.10563C29.9777 8.37173 29.5281 8.64806 29.088 8.9551L6.63784 22.9128L29.088 36.8603C29.5376 37.1673 29.9982 37.4539 30.4785 37.72L38.6712 42.8058L46.7309 37.7917C46.7514 37.7814 46.7719 37.7609 46.7923 37.7507C47.2931 37.4744 47.7844 37.1673 48.2551 36.8398L70.6951 22.9128L48.2449 8.96534C47.7946 8.6583 47.3348 8.3615 46.8537 8.0954L38.6617 3.00956Z"
     />
-    <path class="main" d="M63.3913 10.696H56.0591V43.9797H63.3913V10.696Z" />
-    <path class="main" d="M63.3345 0H56.1147V7.69927H63.3345V0Z" />
     <path
       class="main"
-      d="M6.87888 43.9798H48.3702V10.6961H41.0428V36.6524H28.3865V10.6961H21.059V36.6524H10.0688C8.55456 36.6524 7.32697 35.4248 7.32697 33.9105V10.696H0V37.1C0 40.8996 3.08004 43.9797 6.87878 43.9797"
+      d="M73.9884 26.0749C72.9555 26.0852 71.8304 26.3615 70.6951 27.0268L41.9748 44.8626L42.2621 45.0366C43.0691 45.5074 44.1328 45.8349 45.3098 45.8137C46.3427 45.8042 47.4678 45.5279 48.6024 44.8626L54.2482 41.3522L77.3124 27.0165L77.0164 26.8323C76.2078 26.382 75.1646 26.0647 73.9884 26.0749Z"
     />
     <path
       class="main"
-      d="M22.6993 48.8225H0.441406V82.0848H7.76885V56.1504H19.5098C21.0247 56.1504 22.251 57.378 22.251 58.8923V82.0849H29.5794V55.7023C29.5794 51.9027 26.4994 48.8226 22.6992 48.8226"
+      d="M32.0129 0.000879288C30.98 0.0111141 29.8549 0.287447 28.7196 0.952692L23.0738 4.46241L0 18.7988C1.49278 19.8018 4.01925 20.3135 6.62686 18.7988L35.3479 0.962927L35.0613 0.788939C34.2528 0.307915 33.1994 -0.0195885 32.0129 0.000879288Z"
     />
-    <path
-      class="main"
-      d="M46.4698 56.6423C49.8299 54.8565 53.0758 55.4677 55.8152 57.7367L41.7503 65.2131C41.4584 61.6433 42.9962 58.4889 46.4699 56.6421L46.4698 56.6423ZM56.228 74.7169C51.9472 76.9932 46.9931 75.7669 43.8933 71.3326L66.8089 59.151C66.4191 58.2192 65.9405 57.3358 65.3979 56.4967C65.277 56.3034 65.1472 56.1232 65.0211 55.9365C61.9359 51.5525 56.8466 48.6807 51.0781 48.6807C48.8097 48.6807 46.6497 49.1325 44.6698 49.9363C44.5228 49.9998 44.3747 50.0559 44.2277 50.1231C43.6231 50.3888 43.0413 50.6957 42.4758 51.0261C41.958 51.331 41.4696 51.6608 40.9962 52.003C36.7761 55.1058 34.0264 60.0911 34.0264 65.7316C34.0264 75.1487 41.6607 82.7825 51.0777 82.7825C59.6283 82.7825 66.6887 76.4809 67.9185 68.2722C66.0817 68.267 61.1858 68.2538 61.1512 68.2512C60.5368 71.0295 58.7744 73.3638 56.2273 74.7183"
-    />
-    <path class="dot" d="M86.5591 82.0875H93.9999V74.6467H86.5591V82.0875Z" />
   </svg>
 </template>
 
@@ -35,9 +27,16 @@
   margin: auto;
 }
 .main {
-  fill: var(--logo-main);
-}
-.dot {
   fill: var(--logo-dot);
 }
+.white {
+  .main {
+    fill: var(--white-text);
+  }
+}
+.dark {
+  .main {
+    fill: var(--bg);
+  }
+}
 </style>
diff --git a/packages/ui/components/breadcrumbs/BreadCrumbs.vue b/packages/ui/components/breadcrumbs/BreadCrumbs.vue
new file mode 100644
index 00000000..39422349
--- /dev/null
+++ b/packages/ui/components/breadcrumbs/BreadCrumbs.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="breadcrumbs container">
+    <nuxt-link
+      v-for="option in breadCumbsOptions"
+      :key="option.label"
+      :class="{ selected: option.selected }"
+      :to="localeRoute(option.path)"
+      class="breadcrumbs-link"
+    >
+      <p v-if="option.label" class="breadcrumbs">
+        <span class="breadcrumbs-label">{{ option.label }}</span> /
+      </p>
+    </nuxt-link>
+  </div>
+</template>
+
+<script>
+import { formatBreadcrumbsPath } from './formatBreadcrumbsPath'
+
+export default {
+  computed: {
+    breadCumbsOptions() {
+      return [
+        {
+          label: 'Home',
+          path: {
+            name: 'index',
+          },
+          selected: false,
+        },
+        {
+          label: formatBreadcrumbsPath(this.$route.params.id),
+          path: {
+            name: 'feeds-id',
+            params: { id: this.$route.params.id },
+          },
+          selected: false,
+        },
+      ]
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.breadcrumbs {
+  display: flex;
+  color: var(--text);
+  font-size: var(--text-size-medium);
+  .breadcrumbs-label {
+    color: var(--selected-option);
+    font-weight: bold;
+    font-size: var(--text-size-medium);
+    margin-right: 4px;
+  }
+  .breadcrumbs-link {
+    margin-left: 4px;
+    &:first-of-type {
+      margin-left: 0;
+    }
+  }
+}
+@media screen and (max-width: 1100px) {
+  .breadcrumbs {
+    &.container {
+      padding: 0 24px;
+    }
+  }
+}
+@media (max-width: 850px) {
+  .breadcrumbs {
+    &.container {
+      padding: 0 24px;
+    }
+  }
+}
+@media screen and (max-width: 300px) {
+  .breadcrumbs {
+    &.container {
+      padding: 0 16px;
+    }
+  }
+}
+</style>
diff --git a/packages/ui/components/breadcrumbs/formatBreadcrumbsPath.js b/packages/ui/components/breadcrumbs/formatBreadcrumbsPath.js
new file mode 100644
index 00000000..d4ed6a52
--- /dev/null
+++ b/packages/ui/components/breadcrumbs/formatBreadcrumbsPath.js
@@ -0,0 +1,11 @@
+import { capitalizeFirstLetter } from '@/utils/capitalizeFirstLetter'
+
+export function formatBreadcrumbsPath(name) {
+  if (name) {
+    const networks = name.split('_')[0].split('-')
+    return `${capitalizeFirstLetter(networks[0])} 
+    ${capitalizeFirstLetter(networks[1])}`
+  } else {
+    return null
+  }
+}
diff --git a/packages/ui/components/chart/Chart.vue b/packages/ui/components/chart/Chart.vue
index 0cddc0dc..0ec4168f 100644
--- a/packages/ui/components/chart/Chart.vue
+++ b/packages/ui/components/chart/Chart.vue
@@ -1,11 +1,10 @@
 <template>
-  <div ref="container">
+  <div>
     <ChartTooltip
-      :value="formatNumber(value)"
-      :date="date"
-      :deviation="deviation"
-      :heartbeat="heartbeat"
+      :name="name"
+      :last-result-value="lastResultValue"
       :last-result-timestamp="lastResultTimestamp"
+      :time-to-update="timeToUpdate"
     />
     <div class="switcher">
       <div
@@ -18,6 +17,19 @@
         {{ $t(`chart.${serie.key}`) }}
       </div>
     </div>
+    <div ref="container">
+      <ChartMovingTooltip
+        v-if="top && left"
+        :value="value"
+        :date="date"
+        :style="{
+          top: `${top}px`,
+          left: `${left}px`,
+          width: `${toolTipWidth}px`,
+          height: `${toolTipHeight}px`,
+        }"
+      />
+    </div>
   </div>
 </template>
 
@@ -41,15 +53,15 @@ export default {
       type: String,
       required: true,
     },
-    deviation: {
-      type: String,
+    timeToUpdate: {
+      type: Number,
       required: true,
     },
-    heartbeat: {
+    decimals: {
       type: String,
       required: true,
     },
-    decimals: {
+    lastResultValue: {
       type: String,
       required: true,
     },
@@ -64,7 +76,10 @@ export default {
       dateTooltip: true,
       value: '',
       date: '',
-      toolTipWidth: 100,
+      left: '',
+      top: '',
+      toolTipWidth: 150,
+      toolTipHeight: 60,
       tooltipLeftPosition: 10,
       ranges: CHART_RANGE,
       get range() {
@@ -82,6 +97,7 @@ export default {
     chart() {
       const { LightWeightCharts } = this.$lwcCore()
       return LightWeightCharts.createChart(this.$refs.container, {
+        height: 400,
         rightPriceScale: {
           scaleMargins: {
             top: 0.1,
@@ -95,7 +111,7 @@ export default {
         },
         crosshair: {
           horzLine: {
-            visible: false,
+            visible: true,
           },
           vertLine: {
             visible: true,
@@ -165,9 +181,24 @@ export default {
         const price = param.seriesPrices.get(this.lineChart)
         if (param.time) {
           const dateStr = this.dateToString(param.time)
-          this.value = `${this.dataLabel} ${price}`
+          this.value = `${this.dataLabel} ${formatNumber(price)}`
           this.date = dateStr
         }
+        const toolTipMargin = 24
+        const width = this.$refs.container.getBoundingClientRect().width
+        const height = 400
+        const y = param.point ? param.point.y : null
+        const x = param.point ? param.point.x : null
+
+        this.left = x
+        if (this.left > width - this.toolTipWidth) {
+          this.left = x - toolTipMargin - this.toolTipWidth
+        }
+
+        this.top = y
+        if (top > height - this.toolTipHeight) {
+          this.top = y - this.toolTipHeight - toolTipMargin
+        }
       })
     },
   },
@@ -180,6 +211,9 @@ export default {
   max-width: 1500px;
   position: relative;
 }
+.tv-lightweight-charts {
+  height: 500px;
+}
 
 .switcher {
   display: grid;
@@ -199,17 +233,17 @@ export default {
     background-color: var(--switcher-item-background);
   }
 }
-@media (max-width: 1200px) {
+@media (max-width: 850px) {
   .tooltip {
     padding-left: 24px;
-    font-size: 24px;
+    font-size: var(--text-size-title);
     .name {
-      font-size: 16px;
+      font-size: var(--text-size);
     }
     .value {
-      font-size: 24px;
+      font-size: var(--text-size-title);
       .date {
-        font-size: 16px;
+        font-size: var(--text-size);
       }
     }
   }
diff --git a/packages/ui/components/chart/ChartMovingTooltip.vue b/packages/ui/components/chart/ChartMovingTooltip.vue
new file mode 100644
index 00000000..a941251e
--- /dev/null
+++ b/packages/ui/components/chart/ChartMovingTooltip.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="tooltip">
+    <p class="value">
+      {{ value }}
+    </p>
+    <p class="time">{{ date }}</p>
+  </div>
+</template>
+
+<script>
+import { formatSvgName } from '@/utils/formatSvgName'
+
+export default {
+  props: {
+    value: {
+      type: String,
+      default: '',
+    },
+    date: {
+      type: String,
+      default: '',
+    },
+  },
+  computed: {
+    svgIcon() {
+      return this.name ? formatSvgName(this.name.toLowerCase()) : ''
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.tooltip {
+  position: relative;
+  font-weight: bold;
+  margin-top: -60px;
+  font-size: var(--text-size-title);
+  background-color: var(--tooltip-bg);
+  padding: 8px 16px;
+  border-radius: 4px;
+  color: var(--text);
+  z-index: 1000;
+  .value {
+    font-size: var(--text-size);
+  }
+  .time {
+    font-size: var(--text-size-small);
+    color: var(--text-medium-emphasis);
+  }
+}
+</style>
diff --git a/packages/ui/components/chart/ChartTooltip.vue b/packages/ui/components/chart/ChartTooltip.vue
index 30ddea5e..193dc97b 100644
--- a/packages/ui/components/chart/ChartTooltip.vue
+++ b/packages/ui/components/chart/ChartTooltip.vue
@@ -1,46 +1,54 @@
 <template>
-  <div class="tooltip">
-    <p class="value">{{ value }}</p>
-    <p class="item">{{ date }}</p>
-    <div class="item">
-      <InfoTooltip
-        :label="$t('chart.deviation')"
-        class="title"
-        :value="$t('chart.deviation_text')"
-      />
-      <div>{{ deviation }}%</div>
-    </div>
-    <div class="item">
-      <InfoTooltip
-        :label="$t('chart.heartbeat')"
-        class="title"
-        :value="$t('chart.heartbeat_text')"
-      />
-      <Heartbeat
-        class="countdown"
-        :milliseconds="heartbeat"
+  <div class="tooltip-container">
+    <div class="tooltip">
+      <div class="feed-title">
+        <SvgIcon v-if="svgIcon" class="icon" :name="svgIcon" />
+        <p v-if="name" class="title feed-name">
+          {{ name.toUpperCase() }}
+        </p>
+      </div>
+      <p class="value-title">{{ $t('chart.last_update') }}</p>
+      <p class="value">
+        {{ lastResultValue }}
+        <span class="time">{{ formattedTimestamp }}</span>
+      </p>
+      <p class="value-title">{{ $t('chart.status') }}</p>
+      <DataFeedStatus
         :last-result-timestamp="lastResultTimestamp"
+        :time-to-update="timeToUpdate"
       />
     </div>
+    <InnerLink class="link" hash="integrate">
+      <Button class="btn" type="secondary">{{
+        $t('chart.use_data_feed')
+      }}</Button>
+    </InnerLink>
   </div>
 </template>
 
 <script>
+import { formatSvgName } from '@/utils/formatSvgName'
+import { calculateTimeAgo } from '@/utils/calculateTimeAgo'
+
 export default {
   props: {
     value: {
       type: String,
       default: '',
     },
-    date: {
+    name: {
       type: String,
       default: '',
     },
-    deviation: {
+    date: {
       type: String,
       default: '',
     },
-    heartbeat: {
+    timeToUpdate: {
+      type: Number,
+      required: true,
+    },
+    lastResultValue: {
       type: String,
       default: '',
     },
@@ -49,30 +57,85 @@ export default {
       default: '',
     },
   },
+  computed: {
+    svgIcon() {
+      return this.name ? formatSvgName(this.name.toLowerCase()) : ''
+    },
+    formattedTimestamp() {
+      return calculateTimeAgo(this.lastResultTimestamp, this.$i18n.locale)
+    },
+  },
 }
 </script>
 
 <style scoped lang="scss">
+.tooltip-container {
+  display: grid;
+  grid-template-columns: max-content max-content;
+  grid-gap: 16px;
+  justify-content: space-between;
+  margin-bottom: 24px;
+}
+.link {
+  align-self: start;
+}
 .tooltip {
-  font-family: Almarai, sans-serif;
   font-weight: bold;
-  font-size: 32px;
+  font-size: var(--text-size-title);
   background-color: var(--bg);
   color: var(--text);
-
+  .feed-title {
+    display: flex;
+    align-items: center;
+    justify-items: center;
+    margin-bottom: 8px;
+    .icon {
+      display: flex;
+    }
+    .feed-name {
+      margin-left: 8px;
+    }
+  }
   .item {
-    font-size: 16px;
+    font-size: var(--text-size);
     margin-top: 8px;
     color: var(--text-medium-emphasis);
     display: flex;
     .title {
-      font-size: 1.4rem;
       margin-right: 10px;
       color: var(--text-hover);
     }
-    .value {
-      font-family: Almarai, sans-serif;
+  }
+  .value-title {
+    font-size: var(--text-size-small);
+  }
+  .value {
+    font-size: var(--text-size);
+    margin-bottom: 8px;
+    .time {
+      font-size: var(--text-size-small);
+      color: var(--text-medium-emphasis);
     }
   }
 }
+@media screen and (max-width: 1100px) {
+  .tooltip-container {
+    padding: 0 24px;
+  }
+}
+@media screen and (max-width: 300px) {
+  .tooltip-container {
+    padding: 0 16px;
+  }
+}
+@media (max-width: 600px) {
+  .tooltip-container {
+    grid-template-columns: 1fr;
+    margin-bottom: 32px;
+  }
+  .link {
+    justify-self: flex-end;
+    align-self: flex-end;
+  }
+}
 </style>
diff --git a/packages/ui/components/chart/Heartbeat.vue b/packages/ui/components/chart/Heartbeat.vue
index 83ffcd6d..13f8dee7 100644
--- a/packages/ui/components/chart/Heartbeat.vue
+++ b/packages/ui/components/chart/Heartbeat.vue
@@ -14,7 +14,7 @@ const DAY_IN_MILLISECONDS = 86400000
 export default {
   props: {
     milliseconds: {
-      type: String,
+      type: Number,
       required: true,
     },
     lastResultTimestamp: {
@@ -34,9 +34,7 @@ export default {
     },
     countdown() {
       // Last result timestamp to milliseconds plus heartbeat
-      return (
-        Number(`${this.lastResultTimestamp}000`) + Number(this.milliseconds)
-      )
+      return Number(`${this.lastResultTimestamp}000`) + this.milliseconds
     },
     hours() {
       const hours = Math.floor(
diff --git a/packages/ui/constants.js b/packages/ui/constants.js
index b6bcd9ad..4318d4b6 100644
--- a/packages/ui/constants.js
+++ b/packages/ui/constants.js
@@ -1,4 +1,13 @@
+import { es, enGB } from 'date-fns/locale'
+
 export const witnetBlockExplorerUrl = 'https://witnet.network/search'
+export const requestDataFeedUrl = 'https://witnet.io'
+export const documentationUrl = 'https://docs.witnet.io/'
+export const witnetUrl = 'https://witnet.io'
+export const integrateDirectlyBaseUrl =
+  'https://docs.witnet.io/smart-contracts/witnet-data-feeds/using-witnet-data-feeds#reading-last-price-and-timestamp-from-a-price-feed-contract-serving-a-given-currency-pair'
+export const integrateThroughProxyBaseUrl =
+  'https://docs.witnet.io/smart-contracts/witnet-data-feeds/using-witnet-data-feeds#reading-multiple-currency-pairs-from-the-router'
 
 export const languages = [
   {
@@ -12,6 +21,26 @@ export const languages = [
   },
 ]
 
+export const LOCALE_LANGUAGES = {
+  es: { name: 'Español', locale: 'es', fnsLocale: es },
+  en: { name: 'English', locale: 'en', fnsLocale: enGB },
+}
+
+export const dataFeedStatus = {
+  operational: {
+    key: 'operational',
+    color: '#4AB6A1',
+  },
+  error: {
+    key: 'error',
+    color: '#DF4B4B',
+  },
+  delay: {
+    key: 'delay',
+    color: '#DFC44B',
+  },
+}
+
 export const CHART_RANGE = {
   w: {
     key: 'w',
diff --git a/packages/ui/layouts/default.vue b/packages/ui/layouts/default.vue
index cccc0355..1d80f6af 100644
--- a/packages/ui/layouts/default.vue
+++ b/packages/ui/layouts/default.vue
@@ -2,7 +2,9 @@
   <div class="background">
     <MainSection>
       <NavBar slot="navbar" />
+      <BreadCrumbs slot="breadcrumbs" />
       <Nuxt slot="content" />
+      <Footer slot="footer" />
     </MainSection>
   </div>
 </template>
@@ -16,9 +18,9 @@ export default {
 </script>
 <style lang="scss">
 html {
-  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
-    Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: 16px;
+  font-family: Almarai, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, sans-serif;
+  font-size: var(--text-size);
   word-spacing: 1px;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
@@ -26,6 +28,7 @@ html {
   -webkit-font-smoothing: antialiased;
   box-sizing: border-box;
   background: var(--bg);
+  scroll-behavior: smooth;
 }
 
 html,
diff --git a/packages/ui/locales/en.json b/packages/ui/locales/en.json
index 9eb17ccd..f3174742 100644
--- a/packages/ui/locales/en.json
+++ b/packages/ui/locales/en.json
@@ -1,28 +1,52 @@
 {
   "data_feed_details": {
-    "contract_address": "Contract address"
+    "contract_address": "Integration details",
+    "trigger_parameters": "Trigger parameters",
+    "integrate_proxy": "Integrate through proxy",
+    "integrate_directly": "Integrate directly",
+    "recommended_for_testing": "Recommended for testing and upgradability",
+    "optimized_for_gas_cost": "Optimized for gas cost and decentralization",
+    "proxy_address": "Proxy address",
+    "underlying_feed_contract": "Underlaying feed contract address",
+    "erc2362_asset_id": "ERC2362 asset ID",
+    "integration_details_description": "Witnet price feeds can be integrated into your own {0} contracts in two different ways:",
+    "feed_description": "This is a Witnet powered {name} data feed available on {network}. Last reported value is {value} (updated on {date}). This data feed is updated every {heartbeat}, or every time the price changes by more than {deviation}."
   },
   "main": {
-    "data_feeds": "Data feeds"
+    "data_feeds": "Data feeds",
+    "network_subtitle": "Witnet data feeds currently available on"
   },
   "navbar": {
-    "about": "About"
+    "request_data_feed": "Request data feed"
   },
   "transactions_list": {
-    "transactions": "Transactions",
-    "witnet_explorer": "Witnet Explorer",
+    "transactions": "Update history",
+    "witnet_explorer": "Transaction in Witnet Block Explorer",
     "etherscan": "Etherscan",
-    "value": "Value",
+    "value": "Reported price",
     "time": "Time"
   },
   "chart": {
     "w": "7d",
     "m": "30d",
-    "heartbeat": "Heartbeat",
+    "heartbeat": "ETA to next update",
     "heartbeat_text": "The feed is updated before the heartbeat is reached",
-    "deviation": "Deviation",
-    "deviation_text": "When the price moves more than the deviation threshold, a data request is sent to the Witnet network to get an updated value"
+    "deviation": "Deviation threshold",
+    "deviation_text": "When the price moves more than the deviation threshold, a data request is sent to the Witnet network to get an updated value",
+    "use_data_feed": "Use this data feed",
+    "last_update": "Last update",
+    "status": "Status",
+    "operational": "Fully operational",
+    "delay": "Delay detected",
+    "error": "Error detected"
   },
   "copied": "Copied",
-  "copy": "Copy"
+  "copy": "Copy",
+  "and": "and",
+  "footer": {
+    "documentation": "Documentation",
+    "request_data_feed": "Request data feed",
+    "about_witnet": "About Witnet",
+    "copyright": "© 2018–2022 by Witnet Foundation and individual contributors. Content available under a Creative Commons License."
+  }
 }
\ No newline at end of file
diff --git a/packages/ui/locales/es.json b/packages/ui/locales/es.json
index 68414fb1..526c1e63 100644
--- a/packages/ui/locales/es.json
+++ b/packages/ui/locales/es.json
@@ -1,16 +1,27 @@
 {
   "data_feed_details": {
-    "contract_address": "Dirección del contrato"
+    "contract_address": "Detalles de integración",
+    "trigger_parameters": "Parámetros",
+    "integrate_proxy": "Integrar a través de proxy",
+    "integrate_directly": "Integrar directamente",
+    "recommended_for_testing": "Recomendado para pruebas y actualizaciones",
+    "optimized_for_gas_cost": "Optimizado para el coste del gas y mayor descentralización",
+    "proxy_address": "Dirección proxy",
+    "underlying_feed_contract": "Dirección del contrato",
+    "erc2362_asset_id": "Identificador ERC2362",
+    "integration_details_description": "Los data feed de Witnet pueden ser integrados en tu propio contrato de {0} de dos formas diferentes:",
+    "feed_description": "Esto es un data feed de Witnet para {name}, disponible en {network}. El último resultado disponible es {value} (actualizado el {date}). Este data feed se actualiza cada {heartbeat}, o cada vez que su valor varía más de un {deviation}."
   },
   "main": {
-    "data_feeds": "Data feeds"
+    "data_feeds": "Data feeds",
+    "network_subtitle": "Data feeds de Witnet disponibles en"
   },
   "navbar": {
-    "about": "Sobre Witnet"
+    "request_data_feed": "Solicita un data feed"
   },
   "transactions_list": {
-    "transactions": "Transacciones",
-    "witnet_explorer": "Witnet Explorer",
+    "transactions": "Historial de actualizaciones",
+    "witnet_explorer": "Tx en el explorador de Witnet",
     "etherscan": "Etherscan",
     "value": "Resultado",
     "time": "Tiempo"
@@ -21,8 +32,21 @@
     "heartbeat": "Heartbeat",
     "heartbeat_text": "El feed se actualiza antes de que el tiempo de heartbeat acabe",
     "deviation": "Desviación",
-    "deviation_text": "Cuando el precio varía más que el porcentaje de desviación, se envía una data request a la red de Witnet para actualizar el feed con un nuevo valor"
+    "deviation_text": "Cuando el precio varía más que el porcentaje de desviación, se envía una data request a la red de Witnet para actualizar el feed con un nuevo valor",
+    "use_data_feed": "Usa este data feed",
+    "last_update": "Última actualización",
+    "status": "Estado",
+    "operational": "Operativo",
+    "delay": "Retraso detectado",
+    "error": "Error detectado"
   },
   "copied": "Copiado",
-  "copy": "Copiar"
+  "copy": "Copiar",
+  "and": "y",
+  "footer": {
+    "documentation": "Documentación",
+    "request_data_feed": "Solicita un data feed",
+    "about_witnet": "Sobre Witnet",
+    "copyright": "© 2018–2022 por la Fundación Witnet y colaboradores particulaes. Contenido disponible bajo licencia de Creative Commons."
+  }
 }
\ No newline at end of file
diff --git a/packages/ui/nuxt.config.js b/packages/ui/nuxt.config.js
index 3c93a0aa..858bdc1b 100644
--- a/packages/ui/nuxt.config.js
+++ b/packages/ui/nuxt.config.js
@@ -83,6 +83,10 @@ export default {
         rel: 'stylesheet',
         href: 'https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&display=swap',
       },
+      {
+        rel: 'stylesheet',
+        href: 'https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap',
+      },
       {
         rel: 'stylesheet',
         href: 'https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap',
@@ -90,18 +94,10 @@ export default {
     ],
   },
   // Global CSS: https://go.nuxtjs.dev/config-css
-  css: [
-    '~/assets/styles/colors.scss',
-    '~/assets/styles/main.scss',
-    '~/assets/styles/element-ui.scss',
-  ],
+  css: ['~/assets/styles/main.scss', '~/assets/styles/element-ui.scss'],
   // You will have to add this new object if it doesn't exist already
   styleResources: {
-    scss: [
-      '~/assets/styles/colors.scss',
-      '~/assets/styles/main.scss',
-      '~/assets/styles/element-ui.scss',
-    ],
+    scss: ['~/assets/styles/main.scss', '~/assets/styles/element-ui.scss'],
   },
   // ...
   modules: [
@@ -126,7 +122,11 @@ export default {
 
   // Auto import components: https://go.nuxtjs.dev/config-components
   components: {
-    dirs: ['~/components', { path: '~/components/chart', extensions: ['vue'] }],
+    dirs: [
+      '~/components',
+      { path: '~/components/chart', extensions: ['vue'] },
+      { path: '~/components/breadcrumbs', extensions: ['vue'] },
+    ],
   },
 
   // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
diff --git a/packages/ui/static/android-chrome-192x192.png b/packages/ui/static/android-chrome-192x192.png
new file mode 100644
index 00000000..922144fd
Binary files /dev/null and b/packages/ui/static/android-chrome-192x192.png differ
diff --git a/packages/ui/static/android-chrome-512x512.png b/packages/ui/static/android-chrome-512x512.png
new file mode 100644
index 00000000..7926b260
Binary files /dev/null and b/packages/ui/static/android-chrome-512x512.png differ
diff --git a/packages/ui/static/apple-touch-icon.png b/packages/ui/static/apple-touch-icon.png
new file mode 100644
index 00000000..6c5859bd
Binary files /dev/null and b/packages/ui/static/apple-touch-icon.png differ
diff --git a/packages/ui/static/browserconfig.xml b/packages/ui/static/browserconfig.xml
new file mode 100644
index 00000000..b3930d0f
--- /dev/null
+++ b/packages/ui/static/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/packages/ui/static/favicon-16x16.png b/packages/ui/static/favicon-16x16.png
new file mode 100644
index 00000000..c65ac8d3
Binary files /dev/null and b/packages/ui/static/favicon-16x16.png differ
diff --git a/packages/ui/static/favicon-32x32.png b/packages/ui/static/favicon-32x32.png
new file mode 100644
index 00000000..ec240f30
Binary files /dev/null and b/packages/ui/static/favicon-32x32.png differ
diff --git a/packages/ui/static/favicon.ico b/packages/ui/static/favicon.ico
index bb44a6b1..a7e65295 100644
Binary files a/packages/ui/static/favicon.ico and b/packages/ui/static/favicon.ico differ
diff --git a/packages/ui/static/mstile-150x150.png b/packages/ui/static/mstile-150x150.png
new file mode 100644
index 00000000..3fd4f074
Binary files /dev/null and b/packages/ui/static/mstile-150x150.png differ
diff --git a/packages/ui/static/safari-pinned-tab.svg b/packages/ui/static/safari-pinned-tab.svg
new file mode 100644
index 00000000..cffa3314
--- /dev/null
+++ b/packages/ui/static/safari-pinned-tab.svg
@@ -0,0 +1,784 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1360.000000pt" height="1360.000000pt" viewBox="0 0 1360.000000 1360.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1360.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M9323 11496 c-49 -22 -73 -49 -87 -97 -47 -160 151 -273 261 -149 47
+52 52 132 12 192 -37 57 -124 82 -186 54z"/>
+<path d="M2587 10844 c-1 -1 -23 -5 -50 -8 -159 -21 -297 -138 -345 -292 -9
+-30 -20 -54 -25 -54 -4 0 -6 -4 -3 -9 4 -5 -3 -7 -14 -4 -11 3 -20 0 -20 -6 0
+-6 -3 -10 -7 -9 -11 2 -67 -25 -75 -37 -4 -5 -12 -10 -18 -10 -6 0 -14 -5 -18
+-10 -4 -6 -18 -16 -32 -23 -38 -20 -105 -83 -102 -96 2 -6 0 -8 -4 -4 -9 10
+-35 -12 -28 -23 3 -5 0 -9 -7 -9 -19 0 -60 -53 -54 -70 4 -8 3 -11 -1 -7 -9 9
+-44 -22 -44 -39 0 -7 -6 -14 -12 -17 -10 -3 -10 -9 1 -28 10 -19 10 -21 0 -11
+-13 12 -38 18 -26 6 3 -4 -1 -13 -9 -21 -8 -9 -13 -22 -10 -30 4 -9 2 -11 -6
+-7 -8 5 -9 2 -5 -10 4 -9 3 -15 -2 -12 -15 10 -22 -26 -9 -43 11 -14 11 -14
+-4 -3 -14 11 -18 8 -29 -25 -7 -21 -12 -41 -11 -45 1 -5 -3 -8 -10 -8 -6 0 -8
+-3 -5 -7 4 -3 2 -12 -5 -20 -6 -7 -8 -16 -5 -19 3 -4 0 -12 -7 -20 -8 -7 -13
+-27 -12 -43 1 -16 -1 -28 -6 -25 -9 6 -31 -73 -23 -86 3 -6 1 -10 -4 -10 -6 0
+-11 -7 -11 -16 0 -9 5 -13 13 -9 6 4 4 0 -7 -9 -10 -8 -15 -19 -12 -25 4 -5 2
+-12 -3 -16 -5 -3 -10 -13 -10 -23 0 -29 -7 -68 -16 -82 -6 -9 -4 -11 6 -5 11
+7 12 6 3 -6 -6 -8 -11 -27 -12 -42 -1 -16 -5 -34 -9 -40 -10 -17 -10 -40 1
+-54 5 -9 4 -13 -4 -13 -8 0 -11 -10 -8 -30 3 -16 1 -30 -3 -30 -4 0 -7 -13 -7
+-29 1 -15 -3 -34 -7 -41 -6 -9 -4 -11 6 -5 12 8 12 6 0 -8 -7 -9 -11 -17 -7
+-17 3 0 1 -11 -4 -25 -7 -18 -6 -25 3 -25 8 0 8 -3 2 -8 -6 -4 -10 -14 -10
+-22 1 -8 -2 -23 -7 -32 -5 -10 -4 -19 2 -23 8 -5 8 -11 0 -20 -8 -10 -7 -14 2
+-18 10 -4 10 -6 1 -6 -8 -1 -13 -15 -13 -35 0 -19 6 -37 13 -39 7 -3 6 -6 -5
+-6 -12 -1 -16 -9 -14 -28 1 -16 -1 -38 -6 -50 -5 -16 -4 -23 5 -23 7 0 8 -3 2
+-8 -10 -7 -16 -53 -19 -144 0 -27 -3 -48 -6 -48 -5 0 -8 -33 -13 -115 -1 -16
+-6 -33 -12 -37 -6 -5 -5 -8 3 -8 7 0 10 -5 7 -10 -7 -12 -15 -50 -20 -97 -1
+-17 -6 -36 -9 -42 -4 -6 -2 -11 5 -11 8 0 8 -4 1 -12 -6 -7 -13 -38 -16 -68
+-4 -31 -10 -70 -15 -88 -5 -18 -7 -32 -4 -32 3 0 0 -7 -7 -15 -7 -9 -10 -18
+-8 -21 3 -3 0 -25 -8 -50 -7 -24 -10 -44 -7 -44 3 0 1 -6 -5 -12 -5 -7 -8 -23
+-6 -35 2 -13 -1 -23 -7 -23 -6 0 -9 -7 -5 -15 3 -8 1 -15 -5 -15 -6 0 -9 -7
+-6 -15 4 -8 2 -17 -4 -20 -5 -4 -7 -11 -4 -16 4 -5 2 -9 -4 -9 -6 0 -8 -7 -5
+-15 4 -8 1 -15 -6 -15 -6 0 -9 -4 -5 -9 5 -10 0 -23 -50 -135 -14 -32 -24 -61
+-21 -63 3 -3 -2 -12 -10 -20 -8 -8 -12 -19 -9 -24 4 -5 2 -9 -3 -9 -5 0 -14
+-11 -20 -25 -15 -33 -15 -38 0 -29 8 4 10 3 5 -2 -5 -5 -14 -9 -20 -9 -7 0
+-11 -8 -11 -18 1 -9 -2 -14 -7 -11 -5 3 -12 -3 -16 -13 -3 -10 -19 -37 -35
+-61 -16 -23 -26 -47 -23 -52 4 -6 3 -9 -2 -8 -4 1 -21 -10 -37 -25 -16 -15
+-25 -27 -21 -27 5 0 -4 -10 -18 -23 -15 -12 -27 -25 -27 -29 0 -3 -13 -20 -30
+-38 -16 -18 -30 -29 -30 -24 0 4 -6 -1 -14 -11 -8 -11 -12 -24 -9 -29 4 -5 1
+-6 -4 -3 -6 4 -23 -5 -39 -19 -16 -14 -46 -37 -67 -50 -21 -14 -35 -29 -32
+-33 2 -5 -3 -8 -13 -7 -9 0 -16 -5 -14 -12 1 -8 -2 -11 -8 -7 -5 3 -34 -12
+-64 -34 -29 -22 -56 -37 -60 -34 -3 4 -6 -1 -6 -10 0 -9 -3 -16 -7 -15 -13 4
+-63 -44 -57 -54 3 -5 2 -8 -3 -7 -21 4 -33 -2 -33 -17 0 -8 -4 -12 -10 -9 -5
+3 -10 2 -10 -4 0 -6 -12 -23 -28 -39 -42 -43 -95 -130 -86 -143 4 -8 3 -9 -4
+-5 -7 4 -12 2 -12 -4 0 -6 -7 -18 -15 -27 -8 -8 -13 -19 -10 -24 4 -5 2 -9 -4
+-9 -5 0 -12 -13 -16 -30 -4 -16 -10 -30 -15 -30 -8 0 -25 -64 -23 -87 0 -7 -3
+-13 -8 -13 -5 0 -9 -8 -9 -19 0 -10 -7 -31 -15 -47 -11 -22 -12 -30 -2 -36 9
+-6 9 -8 -2 -8 -7 0 -11 -6 -8 -14 3 -7 2 -17 -3 -22 -4 -5 -11 -31 -14 -59 -3
+-27 -8 -60 -10 -72 -3 -14 0 -23 7 -23 8 0 8 -3 -1 -9 -10 -6 -13 -44 -12
+-157 0 -136 5 -239 10 -239 1 0 3 -14 5 -31 2 -16 6 -48 10 -70 4 -21 7 -47 7
+-56 -1 -10 3 -18 8 -18 4 0 6 -10 2 -22 -3 -14 -1 -19 6 -14 8 5 10 2 6 -9 -4
+-8 0 -23 7 -32 12 -14 12 -16 0 -8 -11 6 -13 4 -7 -11 4 -10 9 -26 11 -34 2
+-8 4 -15 5 -15 2 0 9 -37 12 -62 1 -7 5 -13 10 -13 4 0 7 -3 6 -7 -6 -19 25
+-102 36 -96 8 4 8 3 0 -6 -8 -9 -7 -21 4 -46 9 -19 19 -32 23 -29 4 2 5 -4 2
+-14 -2 -9 3 -31 11 -47 8 -15 13 -32 10 -37 -3 -4 0 -8 5 -8 6 0 11 -4 11 -10
+0 -12 82 -182 116 -240 15 -25 35 -58 44 -75 10 -16 23 -29 28 -28 6 2 9 -3 6
+-11 -3 -7 2 -20 10 -29 9 -9 16 -20 16 -26 0 -6 5 -11 10 -11 6 0 10 -6 10
+-12 0 -13 37 -63 78 -105 12 -13 22 -26 22 -29 0 -17 163 -184 173 -177 6 3 7
+1 3 -5 -3 -6 25 -38 66 -73 40 -34 74 -66 76 -71 2 -4 9 -8 15 -8 7 0 28 -14
+47 -30 19 -17 50 -37 68 -45 17 -9 32 -20 32 -26 0 -6 4 -7 10 -4 5 3 10 1 10
+-4 0 -6 6 -11 14 -11 8 0 16 -3 18 -7 5 -14 105 -63 112 -56 3 3 6 2 6 -3 0
+-10 69 -40 83 -36 4 1 7 -3 7 -10 0 -6 3 -9 6 -6 3 4 24 -2 47 -12 23 -10 45
+-16 49 -14 4 3 8 0 8 -5 0 -6 3 -10 8 -9 4 1 27 -3 52 -10 25 -7 54 -14 65
+-16 11 -1 27 -6 35 -9 8 -3 38 -8 65 -11 28 -3 59 -8 70 -11 16 -6 17 -5 5 4
+-8 6 -10 11 -4 11 6 0 14 -3 18 -7 14 -14 107 -17 284 -9 l72 3 1 -41 c2 -155
+10 -200 50 -280 54 -106 176 -200 289 -222 19 -4 877 -8 1905 -8 1029 -1 1881
+-6 1895 -10 13 -5 30 -15 38 -22 7 -8 18 -12 23 -9 5 4 9 3 9 -2 0 -4 29 -21
+65 -38 36 -16 65 -33 65 -38 0 -4 4 -6 9 -3 5 3 14 -1 21 -8 6 -8 20 -13 31
+-11 11 2 17 0 14 -4 -5 -9 23 -26 38 -23 4 1 7 -3 7 -9 0 -5 4 -7 10 -4 5 3
+10 2 10 -2 0 -8 51 -32 67 -31 3 0 9 -4 12 -9 8 -11 63 -37 74 -35 4 1 7 -3 7
+-9 0 -5 5 -7 10 -4 6 3 10 1 10 -6 0 -7 3 -10 6 -6 4 3 13 -1 22 -9 8 -9 23
+-13 33 -11 10 3 17 0 16 -7 -1 -6 5 -11 13 -11 8 0 20 -7 27 -15 7 -8 13 -10
+13 -5 0 7 3 7 8 0 4 -5 30 -21 57 -34 28 -12 58 -27 68 -32 10 -5 23 -7 29 -3
+6 4 8 3 5 -3 -4 -6 14 -18 41 -29 26 -9 47 -16 48 -13 0 2 9 -4 18 -14 10 -10
+31 -21 47 -24 16 -3 29 -10 29 -15 0 -5 4 -6 10 -3 5 3 10 1 10 -5 0 -7 6 -10
+14 -7 7 3 18 1 24 -5 17 -17 94 -49 85 -35 -5 9 -3 9 8 1 26 -22 90 -54 104
+-54 8 0 15 -5 15 -11 0 -5 4 -8 8 -5 5 3 21 -1 35 -9 15 -8 29 -14 30 -14 2 1
+46 -17 92 -37 16 -7 33 -10 37 -8 4 3 8 0 8 -5 0 -6 9 -11 19 -11 11 0 23 -5
+26 -11 4 -6 13 -8 21 -5 8 3 14 1 14 -4 0 -6 3 -9 8 -8 4 0 14 -1 22 -5 51
+-19 110 -35 110 -29 0 4 4 2 8 -3 6 -9 172 -64 239 -80 10 -3 36 -9 58 -15 40
+-10 81 -18 120 -23 11 -1 22 -5 25 -9 3 -3 25 -9 50 -12 25 -3 59 -8 75 -12
+32 -6 61 -10 140 -19 28 -3 56 -7 63 -10 6 -2 12 1 12 8 0 8 3 9 8 1 4 -5 28
+-10 54 -10 27 1 48 -2 48 -6 0 -8 27 -4 36 5 4 4 13 2 19 -3 9 -7 21 -7 39 0
+19 7 26 6 26 -3 0 -8 4 -7 10 3 7 11 10 11 10 2 0 -7 5 -10 10 -7 6 4 39 8 73
+11 142 9 229 23 221 35 -3 5 2 6 10 3 17 -7 115 14 132 27 6 5 14 6 17 3 3 -3
+12 -2 19 2 7 5 19 10 26 11 50 11 123 44 117 52 -2 4 6 7 18 6 12 -1 28 4 35
+12 8 7 17 11 22 8 5 -3 10 -2 12 2 1 5 29 21 60 37 32 16 55 33 52 37 -3 5 2
+6 10 3 9 -3 16 -1 16 5 0 6 5 11 11 11 7 0 18 8 26 18 8 10 11 11 7 2 -7 -13
+-5 -13 9 -1 9 7 14 18 10 25 -3 6 -3 8 2 4 11 -10 54 14 98 56 20 20 37 34 37
+31 0 -2 16 11 36 30 20 19 40 35 45 35 6 0 7 5 4 10 -3 5 -1 10 5 10 13 0 76
+62 72 73 -1 4 2 7 7 7 13 0 67 50 55 51 -5 0 1 4 14 10 13 5 20 13 17 19 -3 5
+0 10 8 10 8 0 28 13 45 28 16 16 45 39 62 53 18 13 41 32 51 42 11 9 23 17 29
+17 5 0 14 8 19 17 6 10 11 14 11 8 0 -6 4 -5 8 1 4 7 23 21 42 32 19 11 34 25
+33 30 -2 6 3 9 10 6 7 -2 22 3 32 13 11 10 27 18 35 18 8 0 14 5 13 12 -2 7 4
+10 12 7 8 -4 15 -1 15 7 0 7 3 9 7 6 3 -4 13 -1 21 5 11 10 98 13 336 14 340
+1 366 4 461 51 93 46 192 175 210 274 4 19 10 40 13 45 11 14 62 35 73 29 5
+-4 9 -2 9 4 0 5 15 13 33 16 17 4 50 15 72 25 22 10 61 26 87 36 27 11 48 22
+48 27 0 4 6 7 13 7 14 0 119 48 127 58 3 4 25 18 50 31 70 38 170 113 164 123
+-3 5 0 7 8 6 7 -2 12 2 11 9 -2 7 4 10 12 7 14 -6 20 6 16 29 -1 5 3 6 9 2 12
+-7 139 123 140 143 0 6 5 12 11 12 6 0 9 7 5 15 -3 9 0 15 8 15 8 0 17 6 20
+13 3 6 15 26 26 42 21 33 59 112 59 122 -1 3 3 9 8 12 5 3 19 33 31 65 17 48
+19 63 9 75 -10 14 -10 14 5 3 14 -12 18 -7 32 41 9 30 18 65 20 78 3 13 5 24
+7 24 2 0 6 26 11 62 1 13 5 23 8 23 4 0 7 6 7 13 0 6 6 46 13 87 7 41 14 93
+15 115 2 22 4 40 5 40 5 0 13 130 13 215 0 116 -5 170 -16 170 -5 0 -6 4 -2
+10 3 5 -1 25 -9 45 -9 20 -11 33 -6 30 5 -3 3 9 -5 27 -8 18 -19 32 -25 30 -8
+-2 -8 3 -1 17 8 14 7 22 -4 31 -8 7 -13 16 -10 20 3 5 -1 14 -8 22 -7 7 -15
+18 -16 23 -2 6 -7 9 -12 8 -4 -2 -6 4 -3 12 5 12 -19 69 -36 85 -3 3 -16 26
+-29 53 -13 26 -27 47 -31 47 -3 0 -12 16 -20 35 -7 19 -17 32 -22 29 -4 -3 -8
+2 -8 11 0 17 -39 83 -65 108 -9 10 -13 17 -10 17 4 0 -4 15 -19 34 -14 19 -26
+39 -26 45 0 6 -4 11 -10 11 -5 0 -10 7 -10 15 0 8 -4 15 -10 15 -5 0 -10 6
+-10 13 0 7 -9 23 -20 35 -12 12 -19 22 -16 22 2 0 -7 19 -20 43 -13 23 -31 57
+-40 75 -10 24 -20 32 -31 28 -13 -5 -14 -4 -4 8 9 11 7 22 -11 52 -12 22 -25
+41 -28 44 -3 3 -7 14 -8 25 -2 11 -8 22 -13 23 -5 2 -6 8 -3 13 3 6 1 15 -4
+22 -14 18 -41 105 -34 111 3 3 -1 6 -8 6 -7 0 -11 3 -7 6 3 4 0 18 -7 33 -7
+14 -11 32 -8 40 2 8 1 11 -4 8 -5 -3 -10 16 -12 42 -1 25 -6 47 -10 49 -4 1
+-7 18 -6 37 1 19 -2 37 -6 40 -5 3 -6 15 -2 27 4 16 2 19 -9 13 -11 -7 -11 -5
+1 10 11 14 12 19 3 22 -8 3 -10 11 -5 21 9 19 8 59 -2 69 -3 3 -1 12 5 20 9
+10 8 13 0 13 -7 0 -9 5 -6 11 12 18 13 59 2 52 -6 -4 -7 -1 -1 8 10 16 11 25
+18 94 3 28 9 67 14 87 6 20 7 39 4 42 -2 3 0 11 5 18 6 7 14 33 18 58 4 25 12
+51 17 58 6 6 7 12 3 12 -4 0 -2 7 5 15 7 8 10 15 6 15 -3 0 3 23 15 52 11 28
+18 57 15 65 -3 8 -2 12 3 9 7 -5 36 47 36 66 0 3 3 9 7 13 4 4 4 14 1 23 -4
+10 -2 13 5 8 7 -4 12 -2 12 3 0 21 2 26 12 39 6 6 7 12 2 12 -5 0 -1 5 8 10 9
+6 15 19 13 30 -2 11 0 19 5 17 4 -1 9 3 10 8 2 6 14 27 26 47 13 21 24 41 24
+45 0 3 8 15 18 26 12 15 13 19 2 13 -13 -7 -13 -6 0 6 8 7 21 25 27 41 7 15
+17 27 23 27 6 0 9 4 5 9 -3 5 -1 12 5 16 6 4 8 11 5 16 -4 5 -2 9 3 9 5 0 22
+19 37 41 15 23 21 38 13 34 -7 -4 -3 2 8 12 12 10 25 28 29 41 3 12 11 20 16
+17 5 -4 9 -1 9 5 0 7 14 30 31 51 17 22 29 46 26 54 -4 9 -1 12 9 8 13 -5 19
+8 15 30 -1 5 3 6 9 2 5 -3 13 2 17 12 4 10 10 20 14 23 10 8 75 95 88 118 6
+11 17 27 23 34 23 25 58 77 58 87 0 6 11 22 25 37 13 14 24 29 23 33 -2 19 3
+31 12 26 6 -3 10 1 10 10 0 8 11 33 24 54 14 21 22 42 19 45 -4 3 -1 6 5 6 7
+0 11 3 10 8 -1 4 3 17 10 28 6 12 8 24 5 28 -3 3 -2 6 4 6 18 0 24 31 11 48
+-11 13 -11 14 0 8 15 -9 42 22 35 40 -2 7 1 15 7 19 6 4 8 16 4 27 -4 14 -2
+18 5 14 7 -5 9 -1 5 8 -4 9 -1 16 6 16 9 0 9 4 -1 17 -12 14 -12 16 0 8 11 -6
+13 -4 8 7 -3 9 -1 20 5 26 5 5 11 46 13 91 2 46 5 85 8 88 3 3 2 15 -2 27 -5
+11 -6 27 -4 34 3 6 0 12 -5 12 -6 0 -8 9 -5 20 3 11 0 27 -7 35 -6 8 -9 18 -6
+24 4 5 1 15 -6 23 -7 7 -14 20 -16 28 -5 24 -48 92 -81 130 -17 19 -31 38 -31
+43 0 4 -5 7 -11 7 -12 0 -44 30 -32 30 4 0 -2 6 -13 13 -12 6 -41 26 -65 43
+-83 59 -151 91 -133 62 4 -7 3 -8 -5 -4 -6 4 -9 12 -5 17 5 9 -26 24 -42 19
+-4 -1 -10 2 -13 7 -11 15 -52 34 -61 28 -6 -4 -10 -1 -10 5 0 6 -4 8 -10 5 -5
+-3 -10 -1 -10 4 0 6 -3 10 -7 10 -5 -1 -11 0 -15 1 -5 1 -11 3 -15 4 -5 2 -35
+11 -68 21 -33 11 -67 19 -75 19 -8 0 -17 4 -20 8 -4 4 -23 9 -43 10 -20 2 -37
+5 -37 8 0 3 -11 7 -26 8 -14 1 -34 7 -46 13 -15 8 -19 8 -14 0 4 -6 3 -11 -3
+-11 -5 0 -11 5 -13 10 -2 6 -25 12 -51 13 -26 1 -47 6 -47 11 0 4 -15 6 -34 4
+-20 -2 -32 0 -29 6 4 5 -3 7 -15 4 -12 -4 -22 -3 -22 1 0 11 -48 12 -55 1 -3
+-6 -12 -10 -18 -10 -8 0 -8 3 1 9 20 12 -4 19 -56 18 -23 -1 -42 2 -42 6 0 5
+-8 7 -17 6 -10 -1 -20 0 -23 1 -3 1 -25 3 -50 5 -25 1 -48 3 -51 4 -4 0 -9 72
+-12 159 -3 120 -9 167 -23 202 -64 159 -192 259 -352 277 -43 4 -8860 11
+-8865 7z m-460 -519 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m-163 -43 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m166
+2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-236 -82 c3 -5 -1 -9
+-9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m240 0 c3 -5 -1 -9 -9 -9
+-8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-84 -78 c0 -8 -19 -13 -24 -6 -3
+5 1 9 9 9 8 0 15 -2 15 -3z m9917 -9 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9
+13 12 11 12 -6z m194 -2 c13 -16 12 -17 -3 -4 -10 7 -18 15 -18 17 0 8 8 3 21
+-13z m-10274 -78 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m53
+9 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m150 0 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m9880 0 c0 -8 -19 -13 -24 -6 -3 5 1 9
+9 9 8 0 15 -2 15 -3z m-9843 -89 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m9957 7 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9
+-8z m123 -7 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m53 9 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m267 -9 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m-640 -30 c0 -8 -4 -12 -9 -9 -5 3 -6 10
+-3 15 9 13 12 11 12 -6z m560 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m-10753 -43 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6
+-4 9 -8z m126 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m10224
+-2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m90 0 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m166 2 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m320 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9
+9 8 0 15 -2 15 -3z m-10573 -39 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m10918 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-520
+-40 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-10800 -10 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m482 -6 c0 -8 -4 -12 -9 -9 -5 3
+-6 10 -3 15 9 13 12 11 12 -6z m10720 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15
+9 13 12 11 12 -6z m-603 -33 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2
+0 6 -4 9 -8z m763 -7 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m-11273 -33 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m240 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m126 2
+c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m9787 -9 c0 -8 -4 -12 -9
+-9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m640 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10
+-3 15 9 13 12 11 12 -6z m413 9 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2
+15 -3z m-815 -33 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m160 0
+c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-10560 -10 c3 -5 2 -12
+-3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m80 -40 c3 -5 2 -12 -3 -15 -5 -3 -9
+1 -9 9 0 17 3 19 12 6z m10239 1 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9
+8 2 0 6 -4 9 -8z m256 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m154 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m230 0
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m124 -47 c-3
+-3 -9 2 -12 12 -6 14 -5 15 5 6 7 -7 10 -15 7 -18z m-854 7 c3 -5 -1 -9 -9 -9
+-8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m571 -1 c3 -5 2 -12 -3 -15 -5 -3
+-9 1 -9 9 0 17 3 19 12 6z m495 5 c0 -2 -8 -10 -17 -17 -16 -13 -17 -12 -4 4
+13 16 21 21 21 13z m-10973 -41 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m10718 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m480
+0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-1161 -9 c3 -5 -1 -9
+-9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m176 2 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m464 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9
+3 4 7 8 9 8 2 0 6 -4 9 -8z m201 -1 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17
+3 19 12 6z m165 3 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m-10963 -39 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-512 -45
+c3 -6 -1 -7 -9 -4 -18 7 -21 14 -7 14 6 0 13 -4 16 -10z m149 2 c3 -5 -1 -9
+-9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m126 2 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m240 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m9834 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6
+-4 9 -8z m163 -7 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m163
+9 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m90 0 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m865 -3 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m-1357 -46 c-3 -3 -9 2 -12 12 -6 14 -5 15 5 6 7 -7 10
+-15 7 -18z m640 0 c-3 -3 -9 2 -12 12 -6 14 -5 15 5 6 7 -7 10 -15 7 -18z
+m146 7 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-10869
+-31 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m11040 0 c3 -5 2 -12
+-3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-11280 -10 c3 -5 2 -12 -3 -15 -5 -3
+-9 1 -9 9 0 17 3 19 12 6z m409 1 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8
+9 8 2 0 6 -4 9 -8z m126 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m10350 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m570 0 c0 -8
+-19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-253 -49 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m357 -1 c3 -8 2 -12 -4 -9 -6 3 -10 10
+-10 16 0 14 7 11 14 -7z m-11477 -29 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9
+13 12 11 12 -6z m10400 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12
+-6z m240 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m400 0 c0
+-8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-793 -3 c3 -5 -1 -9 -9
+-9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m640 0 c3 -5 -1 -9 -9 -9 -8 0
+-12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m366 2 c0 -8 -19 -13 -24 -6 -3 5 1 9
+9 9 8 0 15 -2 15 -3z m-930 -28 c0 -2 -8 -10 -17 -17 -16 -13 -17 -12 -4 4 13
+16 21 21 21 13z m1197 -11 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12
+-6z m-11600 -10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m11237 -1 c3 -8 2 -12 -4 -9 -6 3 -10 10 -10 16 0 14 7 11 14 -7z m226 10 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-11223 -39 c0 -8 -4 -12 -9
+-9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m240 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10
+-3 15 9 13 12 11 12 -6z m-400 -10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13
+12 11 12 -6z m207 7 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4
+9 -8z m10686 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m400 0 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m230 0 c0 -8 -19 -13 -24 -6
+-3 5 1 9 9 9 8 0 15 -2 15 -3z m-11443 -39 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3
+15 9 13 12 11 12 -6z m199 0 c-1 -8 -5 -17 -8 -21 -5 -4 -4 16 1 34 3 9 9 -1
+7 -13z m201 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m10640
+0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m80 -10 c0 -8 -4
+-12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m238 -24 c3 -5 2 -12 -3 -15 -5
+-3 -9 1 -9 9 0 17 3 19 12 6z m-10955 -7 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m9914 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6
+-4 9 -8z m166 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m90 0 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m114 -2 c3 -5 -1 -9 -9 -9
+-8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m69 -37 c-3 -9 -8 -14 -10 -11 -3
+3 -2 9 2 15 9 16 15 13 8 -4z m122 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17
+3 19 12 6z m-318 -46 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m478 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-11081 -9 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m216 2 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m10104 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4
+-9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m841 -1 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9
+0 17 3 19 12 6z m162 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12
+-6z m160 -30 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11360
+-10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m238 -24 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m9840 0 c3 -5 2 -12 -3 -15 -5 -3
+-9 1 -9 9 0 17 3 19 12 6z m560 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3
+19 12 6z m-10875 -7 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m157
+-9 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m400 0 c0 -8 -4
+-12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m10123 9 c0 -8 -19 -13 -24 -6
+-3 5 1 9 9 9 8 0 15 -2 15 -3z m354 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4
+7 8 9 8 2 0 6 -4 9 -8z m161 -1 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19
+12 6z m-240 -30 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-478
+-46 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m1040 0 c0 -8 -4
+-12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11200 -10 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m10357 7 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9
+9 3 4 7 8 9 8 2 0 6 -4 9 -8z m201 -1 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0
+17 3 19 12 6z m245 3 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m-10923 -19 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m280 -20
+c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m9920 0 c0 -8 -4 -12
+-9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-10403 -43 c3 -5 -1 -9 -9 -9 -8 0
+-12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m96 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9
+9 8 0 15 -2 15 -3z m467 -9 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11
+12 -6z m9920 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m240 0
+c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m763 9 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-203 -39 c0 -8 -4 -12 -9 -9 -5 3 -6
+10 -3 15 9 13 12 11 12 -6z m-10880 -10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15
+9 13 12 11 12 -6z m11040 -30 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11
+12 -6z m-11187 -1 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m314
+-2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m9721 -2 c3
+-6 -1 -7 -9 -4 -18 7 -21 14 -7 14 6 0 13 -4 16 -10z m275 4 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m90 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9
+9 8 0 15 -2 15 -3z m387 -9 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11
+12 -6z m78 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m165 3 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-883 -79 c0 -8 -4 -12 -9
+-9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m398 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m-10871 -9 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9
+8 2 0 6 -4 9 -8z m200 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6
+-4 9 -8z m350 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m10456 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-10615 -33 c3
+-5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m10122 -36 c0 -8 -4 -12 -9
+-9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m798 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m-518 -16 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m-10643 -3 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4
+9 -8z m90 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m166 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m10224 -2 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m570 0 c3 -5 -1 -9
+-9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-807 -37 c0 -8 -4 -12 -9
+-9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m1044 -2 c13 -16 12 -17 -3 -4 -10 7
+-18 15 -18 17 0 8 8 3 21 -13z m-11364 -38 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3
+15 9 13 12 11 12 -6z m398 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12
+6z m162 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m9847 -3
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m396 2 c0 -8
+-19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m90 0 c0 -8 -19 -13 -24 -6 -3
+5 1 9 9 9 8 0 15 -2 15 -3z m114 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7
+8 9 8 2 0 6 -4 9 -8z m270 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2
+0 6 -4 9 -8z m-140 -40 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6
+-4 9 -8z m-179 -31 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m-10718 -16 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m10197 7
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-10439 -31 c3
+-5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m562 -6 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m-357 -29 c0 -2 -8 -10 -17 -17 -16 -13
+-17 -12 -4 4 13 16 21 21 21 13z m10115 -5 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9
+9 0 17 3 19 12 6z m482 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12
+-6z m-10787 -1 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m384 -2
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m166 2 c0 -8
+-19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m10084 -2 c3 -5 -1 -9 -9 -9 -8
+0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m366 2 c0 -8 -19 -13 -24 -6 -3 5 1
+9 9 9 8 0 15 -2 15 -3z m114 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9
+8 2 0 6 -4 9 -8z m-210 -48 c3 -8 2 -12 -4 -9 -6 3 -10 10 -10 16 0 14 7 11
+14 -7z m-10597 -29 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m10160 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-10323 -3
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m410 0 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m10086 2 c0 -8 -19
+-13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m400 0 c0 -8 -19 -13 -24 -6 -3 5 1
+9 9 9 8 0 15 -2 15 -3z m-653 -39 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13
+12 11 12 -6z m560 -10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m-10960 -40 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m483 9 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m9997 -9 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m244 -32 c13 -16 12 -17 -3 -4 -10 7 -18
+15 -18 17 0 8 8 3 21 -13z m-10601 -39 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0
+15 -2 15 -3z m204 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4
+9 -8z m196 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m9765 -4 c3
+-6 -1 -7 -9 -4 -18 7 -21 14 -7 14 6 0 13 -4 16 -10z m275 4 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m120 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9
+9 8 0 15 -2 15 -3z m114 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2
+0 6 -4 9 -8z m90 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9
+-8z m73 -7 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11120
+-40 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m478 6 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m10082 -36 c0 -8 -4 -12 -9 -9 -5
+3 -6 10 -3 15 9 13 12 11 12 -6z m-10480 -10 c0 -8 -4 -12 -9 -9 -5 3 -6 10
+-3 15 9 13 12 11 12 -6z m53 9 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2
+15 -3z m120 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m467 -9 c0
+-8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-362 -4 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m10242 -56 c0 -8 -4 -12 -9 -9 -5 3 -6
+10 -3 15 9 13 12 11 12 -6z m-10202 -14 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0
+17 3 19 12 6z m10319 1 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6
+-4 9 -8z m241 -1 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-10318
+-36 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m9840 0 c0 -8 -4
+-12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-10402 -44 c3 -5 2 -12 -3 -15
+-5 -3 -9 1 -9 9 0 17 3 19 12 6z m169 1 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3
+4 7 8 9 8 2 0 6 -4 9 -8z m473 -7 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13
+12 11 12 -6z m9847 7 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4
+9 -8z m240 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m212 -44 c3 -4 -1 -5 -10 -4 -8 1 -18 5 -22 8 -3 4 1 5 10 4 8 -1 18 -5 22 -8z
+m-11022 -36 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m90 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m126 2
+c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m150 0 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m114 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9
+3 4 7 8 9 8 2 0 6 -4 9 -8z m246 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15
+-2 15 -3z m9920 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m250 0
+c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-175 -43 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m82 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3
+15 9 13 12 11 12 -6z m-10227 -31 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15
+-2 15 -3z m9920 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m105
+-13 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-10200 -60 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-475 -7 c0 -8 -19 -13 -24 -6 -3
+5 1 9 9 9 8 0 15 -2 15 -3z m84 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8
+9 8 2 0 6 -4 9 -8z m166 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m145 -3 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m10320 0 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-10438 -26 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m-202 -14 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m10489 -39 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9
+8 2 0 6 -4 9 -8z m316 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m90 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-10924 -46 c3 -4
+-1 -5 -10 -4 -8 1 -18 5 -22 8 -3 4 1 5 10 4 8 -1 18 -5 22 -8z m189 -37 c3
+-5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m85 3 c0 -8 -19 -13 -24 -6
+-3 5 1 9 9 9 8 0 15 -2 15 -3z m10320 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m-10643 -39 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11
+12 -6z m158 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-231 -49
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m76 2 c0 -8
+-19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m10754 -2 c3 -5 -1 -9 -9 -9 -8
+0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m123 -7 c0 -8 -4 -12 -9 -9 -5 3 -6
+10 -3 15 9 13 12 11 12 -6z m-11104 -30 c-3 -9 -8 -14 -10 -11 -3 3 -2 9 2 15
+9 16 15 13 8 -4z m10784 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12
+-6z m-10642 -4 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m10799
+-39 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m90 0 c3
+-5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-10969 -151 c3
+-5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m120 -40 c3 -5 2 -12 -3 -15
+-5 -3 -9 1 -9 9 0 17 3 19 12 6z m10680 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9
+0 17 3 19 12 6z m-10958 -46 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11
+12 -6z m160 -10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m53 9
+c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m10760 0 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m154 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4
+-9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m73 -47 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15
+9 13 12 11 12 -6z m-267 -31 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15
+-3z m-11095 -73 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m249 -9
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m10876 2 c0 -8
+-19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m90 0 c0 -8 -19 -13 -24 -6 -3
+5 1 9 9 9 8 0 15 -2 15 -3z m145 -3 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17
+3 19 12 6z m-11600 -70 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m82 -16 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m317 7 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m10890 0 c3 -5 -1 -9
+-9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m126 2 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m150 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m-3 -59 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m118 -14 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-11441 -9 c3
+-5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-159 -41 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m240 -30 c3 -5 2 -12 -3 -15 -5
+-3 -9 1 -9 9 0 17 3 19 12 6z m11042 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15
+9 13 12 11 12 -6z m-11347 -1 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15
+-3z m264 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m11163 -37 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m158 6 c3
+-5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-11760 -10 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m82 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3
+15 9 13 12 11 12 -6z m11523 -31 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2
+15 -3z m250 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-11609
+-41 c13 -16 12 -17 -3 -4 -17 13 -22 21 -14 21 2 0 10 -8 17 -17z m-275 -5 c3
+-4 -1 -5 -10 -4 -8 1 -18 5 -22 8 -3 4 1 5 10 4 8 -1 18 -5 22 -8z m11448 4
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-11259 -41 c3
+-5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m159 1 c3 -5 -1 -9 -9 -9 -8
+0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m126 2 c0 -8 -19 -13 -24 -6 -3 5 1
+9 9 9 8 0 15 -2 15 -3z m11114 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8
+9 8 2 0 6 -4 9 -8z m216 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m-11853 -39 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m158 6 c3
+-5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m11360 -40 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-11585 -7 c0 -8 -19 -13 -24 -6 -3 5 1
+9 9 9 8 0 15 -2 15 -3z m70 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15
+-3z m174 -42 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m11503 -37 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11357 -1
+c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m154 -2 c3 -5 -1 -9 -9
+-9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m11123 -37 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11120 -10 c0 -8 -4 -12 -9 -9 -5 3 -6
+10 -3 15 9 13 12 11 12 -6z m-482 -34 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0
+17 3 19 12 6z m169 1 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4
+9 -8z m11513 -7 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m197
+7 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m126 2 c0 -8
+-19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-12163 -79 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m12080 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10
+-3 15 9 13 12 11 12 -6z m-12033 -3 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7
+8 9 8 2 0 6 -4 9 -8z m240 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2
+0 6 -4 9 -8z m191 -1 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m162 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m11008 5 c3
+-6 -1 -7 -9 -4 -18 7 -21 14 -7 14 6 0 13 -4 16 -10z m275 4 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-11523 -79 c0 -8 -4 -12 -9 -9 -5 3 -6
+10 -3 15 9 13 12 11 12 -6z m11360 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9
+13 12 11 12 -6z m478 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m-12240 -10 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m199 1 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m11846 2 c0 -8 -19
+-13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-243 -69 c0 -8 -4 -12 -9 -9 -5 3
+-6 10 -3 15 9 13 12 11 12 -6z m-11562 -4 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9
+0 17 3 19 12 6z m12080 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m-401 -9 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m120
+0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m201 -1 c3
+-5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m166 -18 c13 -16 12 -17 -3
+-4 -17 13 -22 21 -14 21 2 0 10 -8 17 -17z m-724 -18 c0 -8 -4 -12 -9 -9 -5 3
+-6 10 -3 15 9 13 12 11 12 -6z m-11597 -41 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9
+8 0 15 -2 15 -3z m155 -3 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m169 1 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m240 0
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m11120 0 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m313 -7 c0 -8 -4 -12
+-9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11762 -64 c3 -5 2 -12 -3 -15 -5
+-3 -9 1 -9 9 0 17 3 19 12 6z m169 -9 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4
+7 8 9 8 2 0 6 -4 9 -8z m11310 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9
+8 2 0 6 -4 9 -8z m240 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6
+-4 9 -8z m216 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-93 -49
+c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-12000 -30 c0 -8 -4
+-12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m11518 6 c3 -5 2 -12 -3 -15 -5
+-3 -9 1 -9 9 0 17 3 19 12 6z m-11161 -9 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3
+4 7 8 9 8 2 0 6 -4 9 -8z m11563 -7 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13
+12 11 12 -6z m323 9 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m90
+0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-12413 -39 c0 -8 -4
+-12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m240 -40 c0 -8 -4 -12 -9 -9 -5
+3 -6 10 -3 15 9 13 12 11 12 -6z m238 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0
+17 3 19 12 6z m11282 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12
+-6z m-11680 -10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m12080 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m194 -2 c13
+-16 12 -17 -3 -4 -10 7 -18 15 -18 17 0 8 8 3 21 -13z m-314 -8 c0 -8 -4 -12
+-9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11880 -20 c0 -8 -4 -12 -9 -9 -5
+3 -6 10 -3 15 9 13 12 11 12 -6z m199 0 c-1 -8 -5 -17 -8 -21 -5 -4 -4 16 1
+34 3 9 9 -1 7 -13z m11321 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11
+12 -6z m-11682 -34 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m12322 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m80 0 c0 -8
+-4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-12160 -10 c0 -8 -4 -12 -9
+-9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m238 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m11282 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m173 9 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m67 -79
+c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-12082 -4 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m405 3 c0 -8 -19 -13 -24 -6 -3 5
+1 9 9 9 8 0 15 -2 15 -3z m240 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2
+15 -3z m11005 -4 c3 -6 -1 -7 -9 -4 -18 7 -21 14 -7 14 6 0 13 -4 16 -10z
+m275 4 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m204 -2 c3 -5 -1
+-9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m191 -1 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m162 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10
+-3 15 9 13 12 11 12 -6z m-11747 -29 c0 -2 -8 -10 -17 -17 -16 -13 -17 -12 -4
+4 13 16 21 21 21 13z m-493 -41 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m11520 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m480 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11747 -1 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m61 -51 c13 -16 12 -17 -3
+-4 -17 13 -22 21 -14 21 2 0 10 -8 17 -17z m11919 11 c0 -8 -19 -13 -24 -6 -3
+5 1 9 9 9 8 0 15 -2 15 -3z m-673 -29 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9
+13 12 11 12 -6z m278 -4 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m482 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11920 -10
+c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m11277 7 c3 -5 -1 -9
+-9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m486 2 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-723 -39 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3
+15 9 13 12 11 12 -6z m478 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12
+6z m-11995 -47 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m90 0 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m114 -2 c3 -5 -1 -9 -9 -9
+-8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m11400 0 c3 -5 -1 -9 -9 -9 -8 0
+-12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m311 -1 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m445 3 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15
+-3z m35 -3 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m79 1 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m3 -47 c0 -8 -4 -12
+-9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m133 11 c0 -2 -8 -10 -17 -17 -16
+-13 -17 -12 -4 4 13 16 21 21 21 13z m-12535 -35 c3 -5 2 -12 -3 -15 -5 -3 -9
+1 -9 9 0 17 3 19 12 6z m11605 -7 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15
+-2 15 -3z m250 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m390 0
+c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-12165 -43 c3 -5 2 -12
+-3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m11600 0 c3 -5 2 -12 -3 -15 -5 -3 -9
+1 -9 9 0 17 3 19 12 6z m82 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m-11602 -24 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m162 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-322 -4 c3
+-5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m11455 3 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m550 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m90 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m-535 -13 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m375 -25 c0 -2
+-8 -10 -17 -17 -16 -13 -17 -12 -4 4 13 16 21 21 21 13z m221 -13 c13 -16 12
+-17 -3 -4 -10 7 -18 15 -18 17 0 8 8 3 21 -13z m-11996 -32 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m11440 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m240 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12
+6z m402 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m133 11 c0
+-2 -8 -10 -17 -17 -16 -13 -17 -12 -4 4 13 16 21 21 21 13z m25 -75 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-12398 -16 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m327 7 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9
+3 4 7 8 9 8 2 0 6 -4 9 -8z m11120 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7
+8 9 8 2 0 6 -4 9 -8z m271 -10 c-3 -3 -11 0 -18 7 -9 10 -8 11 6 5 10 -3 15
+-9 12 -12z m200 -21 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m242
+-6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-12000 -10 c0 -8
+-4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m80 -30 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m11518 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m562 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11
+12 -6z m-12033 -3 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9
+-8z m11236 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m410 0 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m230 0 c0 -8 -19 -13 -24 -6
+-3 5 1 9 9 9 8 0 15 -2 15 -3z m-12166 -82 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9
+3 4 7 8 9 8 2 0 6 -4 9 -8z m410 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8
+9 8 2 0 6 -4 9 -8z m11230 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2
+0 6 -4 9 -8z m760 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4
+9 -8z m-12237 -37 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m11280 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m558 6 c3 -5
+2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m82 -6 c0 -8 -4 -12 -9 -9 -5 3
+-6 10 -3 15 9 13 12 11 12 -6z m-11743 -3 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9
+3 4 7 8 9 8 2 0 6 -4 9 -8z m261 -2 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6
+2 10 4 10 3 0 8 -4 11 -10z m-70 -40 c-3 -5 -12 -10 -18 -10 -7 0 -6 4 3 10
+19 12 23 12 15 0z m11069 2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2
+0 6 -4 9 -8z m90 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9
+-8z m70 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m90
+0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m390 0 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m90 0 c3 -5 -1 -9 -9
+-9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-12089 -41 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m11680 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m242 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11
+12 -6z m-12002 -24 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m160
+0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m162 -6 c0 -8 -4 -12
+-9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-162 -84 c3 -5 2 -12 -3 -15 -5 -3
+-9 1 -9 9 0 17 3 19 12 6z m162 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13
+12 11 12 -6z m10958 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m162 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m478 6 c3 -5
+2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m162 -6 c0 -8 -4 -12 -9 -9 -5
+3 -6 10 -3 15 9 13 12 11 12 -6z m-11522 -24 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m10962 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m160 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m-10962 -34 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-315 -7 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m90 0 c0 -8 -19 -13 -24 -6
+-3 5 1 9 9 9 8 0 15 -2 15 -3z m11270 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m90 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m-10969 -41 c13 -16 12 -17 -3 -4 -10 7 -18 15 -18 17 0 8 8 3 21 -13z m-246
+-2 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m10795 3 c0 -8 -19
+-13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m167 -9 c0 -8 -4 -12 -9 -9 -5 3 -6
+10 -3 15 9 13 12 11 12 -6z m-11522 -24 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0
+17 3 19 12 6z m12082 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12
+-6z m-11203 -3 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m10406 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-11235 -84 c-3
+-5 -12 -10 -18 -10 -7 0 -6 4 3 10 19 12 23 12 15 0z m270 1 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m169 1 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9
+9 3 4 7 8 9 8 2 0 6 -4 9 -8z m240 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7
+8 9 8 2 0 6 -4 9 -8z m10676 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2
+15 -3z m35 -3 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m159 1 c3
+-5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m163 -7 c0 -8 -4
+-12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m283 9 c0 -8 -19 -13 -24 -6 -3
+5 1 9 9 9 8 0 15 -2 15 -3z m-11799 -41 c13 -16 12 -17 -3 -4 -10 7 -18 15
+-18 17 0 8 8 3 21 -13z m11592 2 c-3 -9 -8 -14 -10 -11 -3 3 -2 9 2 15 9 16
+15 13 8 -4z m141 -3 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4
+9 -8z m-11817 -37 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m480 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-313 -3 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m800 0 c3 -5 -1 -9
+-9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m10236 2 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m394 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9
+3 4 7 8 9 8 2 0 6 -4 9 -8z m96 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15
+-2 15 -3z m224 -42 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9
+-8z m-11517 -37 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m10958 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m480 0 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-11641 -9 c3 -5 -1 -9 -9 -9 -8
+0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m283 -7 c0 -8 -4 -12 -9 -9 -5 3 -6
+10 -3 15 9 13 12 11 12 -6z m167 7 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8
+9 8 2 0 6 -4 9 -8z m200 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0
+6 -4 9 -8z m270 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9
+-8z m9936 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m514 -2 c3
+-5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-10447 -47 c0 -8
+-4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m9994 -2 c13 -16 12 -17 -3
+-4 -10 7 -18 15 -18 17 0 8 8 3 21 -13z m-10317 -31 c3 -5 -1 -9 -9 -9 -8 0
+-12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m90 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9
+9 3 4 7 8 9 8 2 0 6 -4 9 -8z m166 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0
+15 -2 15 -3z m234 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4
+9 -8z m9913 -7 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m487 7
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m153 -37 c0 -8
+-4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-11362 -4 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-35 -25 c0 -2 -8 -10 -17 -17 -16 -13
+-17 -12 -4 4 13 16 21 21 21 13z m115 -5 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9
+0 17 3 19 12 6z m162 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12
+-6z m-433 -3 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m910 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m10160
+0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m163 -7 c0
+-8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m53 9 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m144 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9
+3 4 7 8 9 8 2 0 6 -4 9 -8z m-10868 -44 c3 -4 -1 -5 -10 -4 -8 1 -18 5 -22 8
+-3 4 1 5 10 4 8 -1 18 -5 22 -8z m10591 -33 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3
+15 9 13 12 11 12 -6z m-10960 -10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13
+12 11 12 -6z m558 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m165
+3 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m84 -2 c3 -5 -1 -9 -9
+-9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m9870 0 c3 -5 -1 -9 -9 -9 -8
+0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-10357 -37 c0 -8 -4 -12 -9 -9 -5 3
+-6 10 -3 15 9 13 12 11 12 -6z m10238 -34 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9
+0 17 3 19 12 6z m-10401 -9 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2
+0 6 -4 9 -8z m250 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4
+9 -8z m90 -40 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m-259 -31 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m10482 -6 c0
+-8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m238 6 c3 -5 2 -12 -3
+-15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-10591 -9 c3 -5 -1 -9 -9 -9 -8 0 -12 4
+-9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m430 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3
+4 7 8 9 8 2 0 6 -4 9 -8z m10120 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8
+9 8 2 0 6 -4 9 -8z m141 -1 c-9 -8 -36 -10 -30 -2 2 4 11 8 20 8 8 0 13 -3 10
+-6z m-418 -36 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-9837
+-5 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11 10 2 0 4 -4 4 -10z
+m-243 -45 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m10160 0 c0
+-8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m0 -70 c0 -8 -4 -12 -9
+-9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-192 -5 c3 -6 -1 -7 -9 -4 -18 7 -21
+14 -7 14 6 0 13 -4 16 -10z m-5250 -549 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0
+17 3 19 12 6z m800 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m160 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m800 0 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m160 0 c3 -5 2 -12 -3 -15 -5 -3
+-9 1 -9 9 0 17 3 19 12 6z m800 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3
+19 12 6z m160 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-2475
+-7 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m960 0 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m330 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9
+9 8 0 15 -2 15 -3z m630 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m960 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m330 0 c0 -8 -19
+-13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m310 0 c0 -8 -19 -13 -24 -6 -3 5 1
+9 9 9 8 0 15 -2 15 -3z m-3725 -33 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3
+19 12 6z m966 -8 c13 -16 12 -17 -3 -4 -10 7 -18 15 -18 17 0 8 8 3 21 -13z
+m359 13 c0 -2 -8 -10 -17 -17 -16 -13 -17 -12 -4 4 13 16 21 21 21 13z m600
+-17 c0 -5 -4 -9 -8 -9 -5 0 -9 7 -9 15 0 8 4 12 9 9 4 -3 8 -9 8 -15z m961 4
+c13 -16 12 -17 -3 -4 -10 7 -18 15 -18 17 0 8 8 3 21 -13z m359 13 c0 -2 -8
+-10 -17 -17 -16 -13 -17 -12 -4 4 13 16 21 21 21 13z m281 -13 c13 -16 12 -17
+-3 -4 -10 7 -18 15 -18 17 0 8 8 3 21 -13z m-2606 -2 c3 -5 2 -12 -3 -15 -5
+-3 -9 1 -9 9 0 17 3 19 12 6z m445 -1 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3
+6 8 10 11 10 2 0 4 -4 4 -10z m1271 -7 c13 -16 12 -17 -3 -4 -10 7 -18 15 -18
+17 0 8 8 3 21 -13z m204 8 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m445 -1 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11 10 2 0 4 -4 4 -10z
+m195 1 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-3191 -39 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m393 -7 c0 -8 -4 -12
+-9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m78 6 c3 -5 2 -12 -3 -15 -5 -3 -9
+1 -9 9 0 17 3 19 12 6z m535 3 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2
+15 -3z m150 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m197 -9 c0
+-8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m78 6 c3 -5 2 -12 -3 -15
+-5 -3 -9 1 -9 9 0 17 3 19 12 6z m130 -1 c-3 -5 -12 -10 -18 -10 -7 0 -6 4 3
+10 19 12 23 12 15 0z m155 4 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15
+-3z m114 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z
+m120 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m216 2
+c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m760 0 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m150 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m-2480 -44 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10 -3 6 -1 10 4
+10 6 0 11 -4 11 -10z m1477 -5 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12
+11 12 -6z m-1840 -30 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m-400 -10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m197 7 c3
+-5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m557 -9 c13 -16
+12 -17 -3 -4 -10 7 -18 15 -18 17 0 8 8 3 21 -13z m249 11 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m35 -3 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9
+0 17 3 19 12 6z m165 3 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m210 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m747 -9 c0 -8 -4
+-12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m237 7 c3 -5 -1 -9 -9 -9 -8 0
+-12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m166 2 c0 -8 -19 -13 -24 -6 -3 5 1 9
+9 9 8 0 15 -2 15 -3z m90 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15
+-3z m270 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m35 -3 c3 -5
+2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m165 3 c0 -8 -19 -13 -24 -6 -3
+5 1 9 9 9 8 0 15 -2 15 -3z m-2325 -33 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0
+17 3 19 12 6z m1920 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m640 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-2918 -36 c0 -8
+-4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m1278 6 c3 -5 2 -12 -3 -15
+-5 -3 -9 1 -9 9 0 17 3 19 12 6z m200 -10 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9
+0 17 3 19 12 6z m-1361 -9 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0
+6 -4 9 -8z m406 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m434
+-2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m210 0 c3
+-5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m713 -7 c0 -8 -4
+-12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m283 9 c0 -8 -19 -13 -24 -6 -3
+5 1 9 9 9 8 0 15 -2 15 -3z m280 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15
+-2 15 -3z m-683 -19 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z
+m-2080 -20 c0 -8 -4 -15 -9 -15 -10 0 -11 14 -1 23 9 10 10 9 10 -8z m200 0
+c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m1518 6 c3 -5 2 -12
+-3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-1038 -46 c0 -8 -4 -12 -9 -9 -5 3
+-6 10 -3 15 9 13 12 11 12 -6z m400 0 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9
+13 12 11 12 -6z m78 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m1442 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m400 0 c0 -8
+-4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m78 6 c3 -5 2 -12 -3 -15 -5
+-3 -9 1 -9 9 0 17 3 19 12 6z m-2995 -7 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m120 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m84 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m270 0
+c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m810 0 c3 -5
+-1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m150 0 c3 -5 -1 -9
+-9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m216 2 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m240 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m264 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6
+-4 9 -8z m126 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m-1476
+-42 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m610 0 c3
+-5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m-177 -37 c0 -8
+-4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m478 6 c3 -5 2 -12 -3 -15
+-5 -3 -9 1 -9 9 0 17 3 19 12 6z m482 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15
+9 13 12 11 12 -6z m-1763 -3 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2
+0 6 -4 9 -8z m90 0 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9
+-8z m553 -7 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m963 9 c0
+-8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m204 -2 c3 -5 -1 -9 -9 -9
+-8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m591 -1 c3 -5 2 -12 -3 -15 -5 -3
+-9 1 -9 9 0 17 3 19 12 6z m-2078 -36 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9
+13 12 11 12 -6z m1918 6 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m-1635 -35 c0 -2 -8 -10 -17 -17 -16 -13 -17 -12 -4 4 13 16 21 21 21 13z
+m517 -11 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-963 -3 c3
+-5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m166 2 c0 -8 -19
+-13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m477 -9 c0 -8 -4 -12 -9 -9 -5 3 -6
+10 -3 15 9 13 12 11 12 -6z m167 7 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8
+9 8 2 0 6 -4 9 -8z m366 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z
+m120 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m474 -2 c3 -5 -1
+-9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m156 2 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m90 0 c0 -8 -19 -13 -24 -6 -3 5 1 9 9
+9 8 0 15 -2 15 -3z m-135 -23 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19
+12 6z m-998 -16 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m474
+-12 c13 -16 12 -17 -3 -4 -17 13 -22 21 -14 21 2 0 10 -8 17 -17z m343 9 c3
+-5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m461 -1 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m125 -1 c0 -5 -2 -10 -4 -10 -3 0
+-8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11 -10z m-1723 -35 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m-357 -1 c0 -8 -19 -13 -24 -6 -3 5 1 9 9
+9 8 0 15 -2 15 -3z m194 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2
+0 6 -4 9 -8z m336 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m227
+-9 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m207 7 c3 -5 -1 -9
+-9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m273 -7 c0 -8 -4 -12 -9 -9
+-5 3 -6 10 -3 15 9 13 12 11 12 -6z m158 -34 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m80 -30 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19
+12 6z m162 -6 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-1600
+-10 c0 -8 -4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m878 6 c3 -5 2
+-12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m800 0 c3 -5 2 -12 -3 -15 -5 -3
+-9 1 -9 9 0 17 3 19 12 6z m169 1 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8
+9 8 2 0 6 -4 9 -8z m-1493 -55 c-10 -9 -11 -8 -5 6 3 10 9 15 12 12 3 -3 0
+-11 -7 -18z m764 -16 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m-791 -9 c3 -5 -1 -9 -9 -9 -8 0 -12 4 -9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m231
+-1 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m285 3 c0 -8 -19 -13
+-24 -6 -3 5 1 9 9 9 8 0 15 -2 15 -3z m234 -2 c3 -5 -1 -9 -9 -9 -8 0 -12 4
+-9 9 3 4 7 8 9 8 2 0 6 -4 9 -8z m216 2 c0 -8 -19 -13 -24 -6 -3 5 1 9 9 9 8
+0 15 -2 15 -3z m-895 -33 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z
+m960 0 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m-558 -46 c0 -8
+-4 -12 -9 -9 -5 3 -6 10 -3 15 9 13 12 11 12 -6z m-117 -1 c0 -8 -19 -13 -24
+-6 -3 5 1 9 9 9 8 0 15 -2 15 -3z"/>
+<path d="M13225 7509 c-64 -14 -58 -11 -111 -54 -59 -46 -89 -143 -71 -225 7
+-36 29 -80 39 -80 4 0 8 -6 8 -12 0 -17 65 -60 112 -74 41 -13 110 -11 149 5
+40 15 98 69 119 111 57 111 8 256 -104 308 -51 24 -98 31 -141 21z"/>
+<path d="M1060 3817 c-50 -23 -90 -82 -90 -132 0 -52 54 -135 93 -141 6 -1 27
+-4 46 -7 43 -7 101 21 131 63 53 74 10 198 -75 218 -51 13 -74 12 -105 -1z"/>
+<path d="M5604 2641 c-54 -25 -87 -72 -90 -130 -2 -25 2 -51 8 -58 6 -7 8 -13
+4 -13 -15 0 28 -51 59 -70 35 -22 112 -33 121 -19 3 5 13 9 23 9 38 0 94 80
+95 135 1 117 -114 193 -220 146z"/>
+</g>
+</svg>
diff --git a/packages/ui/static/site.webmanifest b/packages/ui/static/site.webmanifest
new file mode 100644
index 00000000..b20abb7c
--- /dev/null
+++ b/packages/ui/static/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/packages/ui/store/index.js b/packages/ui/store/index.js
new file mode 100644
index 00000000..d189c113
--- /dev/null
+++ b/packages/ui/store/index.js
@@ -0,0 +1,18 @@
+export const state = () => ({
+  selectedNetwork: [
+    {
+      label: 'ethereum-mainnet',
+      key: 'Ethereum Mainnet',
+      network: 'Ethereum',
+    },
+  ],
+})
+
+export const mutations = {
+  updateSelectedNetwork(state, { network }) {
+    state.selectedNetwork = network
+  },
+  deleteEmptyNetwork(state, { index }) {
+    state.selectedNetwork.splice(index, 1)
+  },
+}
diff --git a/packages/ui/tests/utils/generateSelectOptions.spec.js b/packages/ui/tests/utils/generateSelectOptions.spec.js
index 8726a5e4..37f79d2b 100644
--- a/packages/ui/tests/utils/generateSelectOptions.spec.js
+++ b/packages/ui/tests/utils/generateSelectOptions.spec.js
@@ -11,12 +11,28 @@ describe('generateSelectOptions.js', () => {
 
     const options = generateSelectOptions(networks)
 
-    expect(options).toStrictEqual([
-      { label: 'ethereum-rinkeby', key: 'Ethereum Rinkeby' },
-      { label: 'ethereum-goerli', key: 'Ethereum Goerli' },
-      { label: 'conflux-testnet', key: 'Conflux Testnet' },
-      { label: 'boba-rinkeby', key: 'Boba Rinkeby' },
-    ])
+    expect(options).toStrictEqual({
+      boba: [{ key: 'Boba Rinkeby', label: 'boba-rinkeby', network: 'Boba' }],
+      conflux: [
+        {
+          key: 'Conflux Testnet',
+          label: 'conflux-testnet',
+          network: 'Conflux',
+        },
+      ],
+      ethereum: [
+        {
+          key: 'Ethereum Rinkeby',
+          label: 'ethereum-rinkeby',
+          network: 'Ethereum',
+        },
+        {
+          key: 'Ethereum Goerli',
+          label: 'ethereum-goerli',
+          network: 'Ethereum',
+        },
+      ],
+    })
   })
 
   it('should generate an empty list if the arguments are empty', () => {
@@ -24,7 +40,7 @@ describe('generateSelectOptions.js', () => {
 
     const options = generateSelectOptions(networks)
 
-    expect(options).toStrictEqual([])
+    expect(options).toStrictEqual({})
   })
 
   it('should generate empty list if no argument is provided', () => {
@@ -32,6 +48,6 @@ describe('generateSelectOptions.js', () => {
 
     const options = generateSelectOptions(networks)
 
-    expect(options).toStrictEqual([])
+    expect(options).toStrictEqual({})
   })
 })
diff --git a/packages/ui/utils/calculateTimeAgo.js b/packages/ui/utils/calculateTimeAgo.js
index 2fa4efe2..3bb5a0fc 100644
--- a/packages/ui/utils/calculateTimeAgo.js
+++ b/packages/ui/utils/calculateTimeAgo.js
@@ -1,19 +1,14 @@
 /// calculate the time passed from a given date
-import { es, enGB } from 'date-fns/locale'
-import { formatDistanceToNow } from 'date-fns'
-
-export const LANGUAGES = {
-  es: { name: 'Español', locale: 'es', fnsLocale: es },
-  en: { name: 'English', locale: 'en', fnsLocale: enGB },
-}
+import { formatDistanceToNowStrict } from 'date-fns'
+import { LOCALE_LANGUAGES } from '../constants'
 
 export function calculateTimeAgo(date, currentLocale) {
   const timestampLength = date.toString().length
-  const d = timestampLength < 13 ? date + '000' : date
+  const d = timestampLength < 13 ? Number(date) + '000' : Number(date)
   const currentDate = new Date(Number(d))
-  const formatedTime = formatDistanceToNow(currentDate, {
+  const formatedTime = formatDistanceToNowStrict(currentDate, {
     addSuffix: true,
-    locale: LANGUAGES[currentLocale].fnsLocale,
+    locale: LOCALE_LANGUAGES[currentLocale].fnsLocale,
   })
   return `${formatedTime}`
 }
diff --git a/packages/ui/utils/capitalizeFirstLetter.js b/packages/ui/utils/capitalizeFirstLetter.js
new file mode 100644
index 00000000..99201dca
--- /dev/null
+++ b/packages/ui/utils/capitalizeFirstLetter.js
@@ -0,0 +1,3 @@
+export function capitalizeFirstLetter(str) {
+  return `${str.charAt(0).toUpperCase()}${str.slice(1)}`
+}
diff --git a/packages/ui/utils/formatMilliseconds.js b/packages/ui/utils/formatMilliseconds.js
new file mode 100644
index 00000000..2ef8e160
--- /dev/null
+++ b/packages/ui/utils/formatMilliseconds.js
@@ -0,0 +1,10 @@
+import { intervalToDuration, formatDuration } from 'date-fns'
+import { LOCALE_LANGUAGES } from '../constants'
+
+export function formatMilliseconds(milliseconds, delimiter, currentLocale) {
+  return formatDuration(intervalToDuration({ start: 0, end: milliseconds }), {
+    format: ['days', 'hours', 'minutes', 'seconds'],
+    delimiter,
+    locale: LOCALE_LANGUAGES[currentLocale].fnsLocale,
+  })
+}
diff --git a/packages/ui/utils/generateSelectOptions.js b/packages/ui/utils/generateSelectOptions.js
index 7b5e95c7..4fe73d9a 100644
--- a/packages/ui/utils/generateSelectOptions.js
+++ b/packages/ui/utils/generateSelectOptions.js
@@ -1,12 +1,19 @@
-export function generateSelectOptions(list) {
-  if (!list) return []
-
-  return list.map((network) => ({
-    label: network.label,
-    key: network.label.split('-').map(capitalizeFirstLetter).join(' '),
-  }))
-}
+import { capitalizeFirstLetter } from '../utils/capitalizeFirstLetter'
 
-function capitalizeFirstLetter(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1)
+export function generateSelectOptions(list) {
+  if (!list) return {}
+  return list.reduce((chainByNetwork, chain) => {
+    const network = chain.label.split('-')[0]
+    const networkDetails = {
+      label: chain.label,
+      key: chain.label.split('-').map(capitalizeFirstLetter).join(' '),
+      network: capitalizeFirstLetter(network),
+    }
+    // Initialize network entry if not exists
+    if (!chainByNetwork[network]) {
+      chainByNetwork[network] = []
+    }
+    chainByNetwork[network].push(networkDetails)
+    return chainByNetwork
+  }, {})
 }
diff --git a/packages/ui/utils/getDataFeedStatus.js b/packages/ui/utils/getDataFeedStatus.js
new file mode 100644
index 00000000..45a57b9e
--- /dev/null
+++ b/packages/ui/utils/getDataFeedStatus.js
@@ -0,0 +1,11 @@
+import { dataFeedStatus } from '@/constants'
+
+export function getDataFeedStatus(heartbeat, lastResultTimestamp) {
+  const updateLimitTimestamp = new Date().getTime() - Number(heartbeat)
+  const lastResultTimestampMilliseconds = Number(`${lastResultTimestamp}000`)
+  if (updateLimitTimestamp > lastResultTimestampMilliseconds) {
+    return dataFeedStatus.delay
+  } else {
+    return dataFeedStatus.operational
+  }
+}