<!DOCTYPE html>
<html
  lang="en"
  data-color-mode="dark"
  style=""
  data-scrapbook-source="#dashboard"
  data-scrapbook-create="20241208204318223"
>
  <head>
    
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="google-site-verification"
      content="H8El4ydejOrV9Sf_GaeJ1SiKJc88B0ga2wRMggYOvHg"
    />
    <meta name="theme-color" content="#000000" />
    <link rel="apple-touch-icon" href="#logo192.png" />
    <link rel="manifest" href="#manifest.json" />
    <title> Your Home to Web3</title>
    <meta property="og:type" content="website" />
    <meta property="og:url" content="#" />
    <meta property="og:site_name" content="Zapper" />
    <meta property="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@zapper_fi" />
    <meta name="twitter:creator" content="@zapper_fi" />
    <link rel="manifest" href="#manifest.json" />
    <meta
      name="description"
      content="Your home to web3. Explore wallets, NFTs, DeFi and more..."
    />

    <link rel="stylesheet" href="smartbanner.css" />
    <script src="sign.js"></script>
    <link rel="stylesheet" href="27ce67dcd5b9927c.css" data-n-g="" />
    <noscript data-n-css=""></noscript>
    <style id="__jsx-154072741">
      :root {
        --font-inter: "__Inter_d65c78", "__Inter_Fallback_d65c78";
      }
    </style>
    <style id="react-tooltip-core-styles" type="text/css">
      :root {
        --rt-color-white: #fff;
        --rt-color-dark: #222;
        --rt-color-success: #8dc572;
        --rt-color-error: #be6464;
        --rt-color-warning: #f0ad4e;
        --rt-color-info: #337ab7;
        --rt-opacity: 0.9;
      }
      .core-styles-module_tooltip__3vRRp {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s ease-out;
        will-change: opacity, visibility;
      }
      .core-styles-module_fixed__pcSol {
        position: fixed;
      }
      .core-styles-module_arrow__cvMwQ {
        position: absolute;
        background: inherit;
      }
      .core-styles-module_noArrow__xock6 {
        display: none;
      }
      .core-styles-module_clickable__ZuTTB {
        pointer-events: auto;
      }
      .core-styles-module_show__Nt9eE {
        visibility: visible;
        opacity: var(--rt-opacity);
      }
    </style>
    <style id="react-tooltip-base-styles" type="text/css">
      .styles-module_tooltip__mnnfp {
        padding: 8px 16px;
        border-radius: 3px;
        font-size: 90%;
        width: max-content;
      }
      .styles-module_arrow__K0L3T {
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
      }
      .styles-module_dark__xNqje {
        background: var(--rt-color-dark);
        color: var(--rt-color-white);
      }
      .styles-module_light__Z6W-X {
        background-color: var(--rt-color-white);
        color: var(--rt-color-dark);
      }
      .styles-module_success__A2AKt {
        background-color: var(--rt-color-success);
        color: var(--rt-color-white);
      }
      .styles-module_warning__SCK0X {
        background-color: var(--rt-color-warning);
        color: var(--rt-color-white);
      }
      .styles-module_error__JvumD {
        background-color: var(--rt-color-error);
        color: var(--rt-color-white);
      }
      .styles-module_info__BWdHW {
        background-color: var(--rt-color-info);
        color: var(--rt-color-white);
      }
    </style>
    <style data-styled="active" data-styled-version="6.1.0">
      .igCfkC {
        animation: 5s ease-in-out 0s infinite normal none running bkNNxA;
      }
      @keyframes bkNNxA {
        0%,
        100% {
          transform: translateY(0px);
        }
        50% {
          transform: translateY(-10px);
        }
      }
    </style>
    <style data-emotion="css" data-s="">
      .css-fyq6mk-container {
        position: relative;
        box-sizing: border-box;
        width: 100%;
      }
      .css-7pg0cj-a11yText {
        z-index: 9999;
        border: 0px;
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        width: 1px;
        position: absolute;
        overflow: hidden;
        padding: 0px;
        white-space: nowrap;
      }
      .css-w1jpti-control {
        -webkit-box-align: center;
        align-items: center;
        cursor: text;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 40px;
        position: relative;
        transition: 0.3s;
        border-color: var(--colors-border);
        border-radius: 10px;
        border-style: solid;
        border-width: 1px;
        box-shadow: none;
        box-sizing: border-box;
        background: var(--colors-background-input);
        outline: 0px !important;
      }
      .css-w1jpti-control:hover {
        border-color: rgb(179, 179, 179);
      }
      .css-w1jpti-control:hover {
        border-color: var(--colors-border);
      }
      .css-1t3sf51 {
        -webkit-box-align: center;
        align-items: center;
        display: grid;
        flex: 1 1 0%;
        flex-wrap: wrap;
        position: relative;
        overflow: hidden;
        padding: 2px 8px 2px 0px;
        box-sizing: border-box;
        margin-left: 40px;
        scrollbar-width: none;
        max-width: calc(100% - 84px);
      }
      .css-1t3sf51::-webkit-scrollbar {
        display: none;
      }
      .css-10itkmx-placeholder {
        grid-area: 1 / 1 / 2 / 3;
        color: var(--colors-text-alt);
        margin-left: 2px;
        margin-right: 2px;
        box-sizing: border-box;
        pointer-events: none;
        user-select: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: absolute;
      }
      .css-zy34qg {
        visibility: visible;
        flex: 1 1 auto;
        display: flex;
        grid-area: 1 / 1 / 2 / 3;
        grid-template-columns: 0px min-content;
        margin: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        color: var(--colors-text);
        box-sizing: border-box;
      }
      .css-zy34qg::after {
        content: attr(data-value) " ";
        visibility: hidden;
        white-space: pre;
        grid-area: 1 / 2;
        font: inherit;
        min-width: 2px;
        border: 0px;
        margin: 0px;
        outline: 0px;
        padding: 0px;
      }
      .css-zy34qg::after {
        max-width: 5px;
      }
      .css-1fhf191 {
        align-items: flex-start;
        align-self: stretch;
        display: flex;
        flex-shrink: 0;
        box-sizing: border-box;
      }
      .css-1uei4ir-indicatorSeparator {
        align-self: stretch;
        width: 1px;
        background-color: rgb(204, 204, 204);
        margin-bottom: 8px;
        margin-top: 8px;
        box-sizing: border-box;
        display: none;
      }
      .css-31haax-indicatorContainer {
        display: none;
        transition: color 150ms;
        color: rgb(204, 204, 204);
        padding: 8px;
        box-sizing: border-box;
      }
      .css-31haax-indicatorContainer:hover {
        color: rgb(153, 153, 153);
      }
      .css-8mmkcg {
        display: inline-block;
        fill: currentcolor;
        line-height: 1;
        stroke: currentcolor;
        stroke-width: 0;
      }
      .css-cqkzpt-control {
        -webkit-box-align: center;
        align-items: center;
        cursor: text;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 40px;
        position: relative;
        transition: 0.3s;
        border-color: var(--colors-border);
        border-radius: 10px;
        border-style: solid;
        border-width: 1px;
        box-shadow: var(--shadows-border2px);
        box-sizing: border-box;
        background: var(--colors-background-input);
        outline: 0px !important;
      }
      .css-cqkzpt-control:hover {
        border-color: rgb(38, 132, 255);
      }
      .css-cqkzpt-control:hover {
        border-color: var(--colors-border);
      }
      .css-3pqe01-indicatorContainer {
        display: none;
        transition: color 150ms;
        color: rgb(102, 102, 102);
        padding: 8px;
        box-sizing: border-box;
      }
      .css-3pqe01-indicatorContainer:hover {
        color: rgb(51, 51, 51);
      }
      .css-1vau9rs {
        visibility: visible;
        transform: translateZ(0px);
        flex: 1 1 auto;
        display: flex;
        grid-area: 1 / 1 / 2 / 3;
        grid-template-columns: 0px min-content;
        margin: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        color: var(--colors-text);
        box-sizing: border-box;
      }
      .css-1vau9rs::after {
        content: attr(data-value) " ";
        visibility: hidden;
        white-space: pre;
        grid-area: 1 / 2;
        font: inherit;
        min-width: 2px;
        border: 0px;
        margin: 0px;
        outline: 0px;
        padding: 0px;
      }
      .css-1vau9rs::after {
        max-width: 5px;
      }
      .css-o9ehiq-loadingIndicator {
        display: flex;
        transition: color 150ms;
        align-self: center;
        font-size: 4px;
        line-height: 1;
        margin-right: 4px;
        text-align: center;
        vertical-align: middle;
        color: rgb(102, 102, 102);
        padding: 8px;
        box-sizing: border-box;
      }
      .css-19b349s {
        animation: 1s ease-in-out 0ms infinite normal none running
          animation-stj4i2;
        background-color: currentcolor;
        border-radius: 1em;
        display: inline-block;
        height: 1em;
        vertical-align: top;
        width: 1em;
      }
      @-webkit-keyframes animation-stj4i2 {
        0%,
        80%,
        100% {
          opacity: 0;
        }
        40% {
          opacity: 1;
        }
      }
      @keyframes animation-stj4i2 {
        0%,
        80%,
        100% {
          opacity: 0;
        }
        40% {
          opacity: 1;
        }
      }
      .css-1f06n0c {
        animation: 1s ease-in-out 160ms infinite normal none running
          animation-stj4i2;
        background-color: currentcolor;
        border-radius: 1em;
        display: inline-block;
        margin-left: 1em;
        height: 1em;
        vertical-align: top;
        width: 1em;
      }
      @-webkit-keyframes animation-stj4i2 {
        0%,
        80%,
        100% {
          opacity: 0;
        }
        40% {
          opacity: 1;
        }
      }
      @keyframes animation-stj4i2 {
        0%,
        80%,
        100% {
          opacity: 0;
        }
        40% {
          opacity: 1;
        }
      }
      .css-1lqdfpi {
        animation: 1s ease-in-out 320ms infinite normal none running
          animation-stj4i2;
        background-color: currentcolor;
        border-radius: 1em;
        display: inline-block;
        margin-left: 1em;
        height: 1em;
        vertical-align: top;
        width: 1em;
      }
      @-webkit-keyframes animation-stj4i2 {
        0%,
        80%,
        100% {
          opacity: 0;
        }
        40% {
          opacity: 1;
        }
      }
      @keyframes animation-stj4i2 {
        0%,
        80%,
        100% {
          opacity: 0;
        }
        40% {
          opacity: 1;
        }
      }
      .css-1nk2ev1-menu {
        top: 100%;
        position: absolute;
        width: 100%;
        z-index: 11;
        border-radius: 12px;
        box-shadow: var(--shadows-base);
        margin-bottom: 8px;
        margin-top: 8px;
        box-sizing: border-box;
        padding: 8px;
        border-color: var(--colors-border);
        border-style: solid;
        border-width: 1px;
        min-width: 160px;
        background: var(--colors-background-card);
        color: var(--colors-text);
        max-height: calc(-132px + 90vh);
        overflow-y: auto;
        pointer-events: initial;
      }
    </style>
    <style id="detectElementResize" type="text/css">
      @keyframes resizeanim {
        from {
          opacity: 0;
        }
        to {
          opacity: 0;
        }
      }
      .resize-triggers {
        animation: 1ms resizeanim;
        visibility: hidden;
        opacity: 0;
      }
      .resize-triggers,
      .resize-triggers > div,
      .contract-trigger:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
        z-index: -1;
      }
      .resize-triggers > div {
        background: #eee;
        overflow: auto;
      }
      .contract-trigger:before {
        width: 200%;
        height: 200%;
      }
    </style>
    <script data-scrapbook-elem="custom-elements-loader">
      (function (names) {
        if (!customElements) {
          return;
        }
        for (const name of names) {
          customElements.define(
            name,
            class CustomElement extends HTMLElement {}
          );
        }
      })(["next-route-announcer"]);
    </script>
  </head>
  <body class="" id="body">
    <div id="__next">
      <div class="notifier"><div class="Toastify"></div></div>
      <!--$-->
      <!--/$-->
      <div
        class=""
        style="
          position: fixed;
          top: 0;
          left: 0;
          height: 2px;
          background: transparent;
          z-index: 99999999999;
          width: 100%;
        "
      >
        <div
          class=""
          style="
            height: 100%;
            background: var(--colors-accent);
            transition: all 500ms ease;
            width: 0%;
          "
        >
          <div
            style="
              box-shadow: 0 0 10px var(--colors-accent),
                0 0 10px var(--colors-accent);
              width: 5%;
              opacity: 1;
              position: absolute;
              height: 100%;
              transition: all 500ms ease;
              transform: rotate(3deg) translate(0px, -4px);
              left: -10rem;
            "
          ></div>
        </div>
      </div>
      <div class="notifier"><div class="Toastify"></div></div>
      <div
        class=""
        style="
          position: fixed;
          top: 0px;
          left: 0px;
          height: 2px;
          background: transparent;
          z-index: 2147483647;
          width: 100%;
        "
      >
        <div
          class=""
          style="
            height: 100%;
            background: var(--colors-accent);
            width: 0%;
            opacity: 1;
            color: var(--colors-accent);
          "
        >
          <div
            style="
              box-shadow: 0 0 10px var(--colors-accent),
                0 0 5px var(--colors-accent);
              width: 5%;
              opacity: 1;
              position: absolute;
              height: 100%;
              transform: rotate(3deg) translate(0px, -4px);
              left: -5.5%;
            "
          ></div>
        </div>
      </div>
      <div class="d_flex flex_column h_full bg_background">
        <div
          id="tablet_header"
          class="d_flex pos_fixed top_0 bg_background.card border-b_border1px border_border transition_default w_full box_border-box"
          style="z-index: 15; height: 70px"
        >
          <div class="d_flex flex_column w_full">
            <div class="d_flex w_full my_0 mx_auto flex_1">
              <div class="d_flex w_full px_md box_border-box">
                <div
                  class="d_flex items_center flex_1 h_full pos_relative desktop:gap_lg gap_sm"
                >
                  
                  <div class="d_flex items_center flex_1 gap_lg">
                    <div
                      class="d_none tablet:d_initial"
                      style="max-width: 480px; width: 100%"
                    >
                      <div class="" style="max-width: 480px; width: 100%">
                        <div class="pos_relative">
                          <label class="sr_true" for="search-ipnut"
                            >Search accounts, NFTs, tokens...</label
                          >
                          <div class="d_flex grow_1 pos_relative">
                            <div
                              class="pos_absolute text_text.alt left_md"
                              style="z-index: 1; top: 10px"
                            >
                              <svg
                                stroke="currentColor"
                                fill="currentColor"
                                stroke-width="0"
                                viewBox="0 0 24 24"
                                height="1.2em"
                                width="1.2em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"
                                ></path>
                              </svg>
                            </div>
                            <div class="css-fyq6mk-container">
                              <span
                                id="react-select-global-search-live-region"
                                class="css-7pg0cj-a11yText"
                              ></span
                              ><span
                                aria-live="polite"
                                aria-atomic="false"
                                aria-relevant="additions text"
                                role="log"
                                class="css-7pg0cj-a11yText"
                              ></span>
                              <div class="css-w1jpti-control">
                                <div class="css-1t3sf51">
                                  <div
                                    class="css-10itkmx-placeholder"
                                    id="react-select-global-search-placeholder"
                                  >
                                    Search accounts, NFTs, tokens...
                                  </div>
                                  <div class="css-zy34qg" data-value="">
                                    <input
                                      class=""
                                      autocapitalize="none"
                                      autocomplete="off"
                                      autocorrect="off"
                                      id="search-ipnut"
                                      spellcheck="false"
                                      tabindex="0"
                                      type="text"
                                      aria-autocomplete="list"
                                      aria-expanded="false"
                                      aria-haspopup="true"
                                      role="combobox"
                                      aria-activedescendant=""
                                      aria-describedby="react-select-global-search-placeholder"
                                      value=""
                                      style="
                                        color: inherit;
                                        background: 0px center;
                                        opacity: 1;
                                        width: 100%;
                                        grid-area: 1 / 2;
                                        font: inherit;
                                        min-width: 2px;
                                        border: 0px;
                                        margin: 0px;
                                        outline: 0px;
                                        padding: 0px;
                                      "
                                    />
                                  </div>
                                </div>
                                <div class="css-1fhf191">
                                  <span
                                    class="css-1uei4ir-indicatorSeparator"
                                  ></span>
                                  <div
                                    class="css-31haax-indicatorContainer"
                                    aria-hidden="true"
                                  >
                                    <svg
                                      height="20"
                                      width="20"
                                      viewBox="0 0 20 20"
                                      aria-hidden="true"
                                      focusable="false"
                                      class="css-8mmkcg"
                                    >
                                      <path
                                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                                      ></path>
                                    </svg>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div
                            class="rounded_4 bg_border text_text.alt pos_absolute text-align_center ml_md fw_bold fs_mini d_none desktop:d_block"
                            style="
                              top: 8px;
                              right: 12px;
                              width: 24px;
                              height: 24px;
                              line-height: 24px;
                            "
                          >
                            F
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="desktop:d_flex tablet:d_none d_none items_center gap_0 h_calc(var(--header-height)_-_1px) border-bw_border1px"
                    >
                      <button
                        type="button"
                        class="py_sm px_md h_full cursor_pointer fw_demibold text_text hover:bg_background.button bg_background.card border-bw_2px border-b_transparent"
                      >
                        Swap</button
                      ><button
                        type="button"
                        class="py_sm px_md h_full cursor_pointer fw_demibold text_text hover:bg_background.button bg_background.card border-bw_2px border-b_transparent"
                      >
                        Bridge</button
                      ><a href="#sign" style="height: 100%"
                        ><div
                          class="d_flex py_sm px_md gap_sm fw_demibold cursor_pointer text_text items_center box_border-box transition_default white-space_nowrap h_full hover:bg_background.button bg_background.card border_transparent border-style_solid border-bw_2px pos_relative"
                        >
                          Sign
                        </div></a
                      >
                    </div>
                  </div>
                  <div
                    class="d_flex tablet:d_none items_center justify_center bg_background.button hover:bg_background.hover cursor_pointer transition_default rounded_12px fw_demibold"
                    style="height: 44px; width: 44px"
                  >
                    <svg
                      stroke="currentColor"
                      fill="currentColor"
                      stroke-width="0"
                      viewBox="0 0 512 512"
                      height="1.5em"
                      width="1.5em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M337.509 305.372h-17.501l-6.571-5.486c20.791-25.232 33.922-57.054 33.922-93.257C347.358 127.632 283.896 64 205.135 64 127.452 64 64 127.632 64 206.629s63.452 142.628 142.225 142.628c35.011 0 67.831-13.167 92.991-34.008l6.561 5.487v17.551L415.18 448 448 415.086 337.509 305.372zm-131.284 0c-54.702 0-98.463-43.887-98.463-98.743 0-54.858 43.761-98.742 98.463-98.742 54.7 0 98.462 43.884 98.462 98.742 0 54.856-43.762 98.743-98.462 98.743z"
                      ></path>
                    </svg>
                  </div>
                  <div class="d_flex items_center gap_sm">
                    <div data-headlessui-state="">
                      <div
                        role="button"
                        aria-expanded="false"
                        data-headlessui-state=""
                        id="headlessui-popover-button-:r4h:"
                        style="height: fit-content; cursor: pointer"
                      >
                        <div
                          class="d_flex items_center justify_center bg_background.button hover:bg_background.hover cursor_pointer transition_default rounded_12px fw_demibold"
                          style="height: 44px; width: 44px"
                        >
                          <div
                            aria-hidden="true"
                            class="d_flex items_center text_text transition_default"
                          >
                            <svg
                              stroke="currentColor"
                              fill="currentColor"
                              stroke-width="0"
                              viewBox="0 0 24 24"
                              class="zapper-icon"
                              height="1.3rem"
                              width="1.3rem"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                d="M19 7H24V9H19V7ZM17 12H24V14H17V12ZM20 17H24V19H20V17ZM2 22C2 17.5817 5.58172 14 10 14C14.4183 14 18 17.5817 18 22H16C16 18.6863 13.3137 16 10 16C6.68629 16 4 18.6863 4 22H2ZM10 13C6.685 13 4 10.315 4 7C4 3.685 6.685 1 10 1C13.315 1 16 3.685 16 7C16 10.315 13.315 13 10 13ZM10 11C12.21 11 14 9.21 14 7C14 4.79 12.21 3 10 3C7.79 3 6 4.79 6 7C6 9.21 7.79 11 10 11Z"
                              ></path>
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div data-state="closed" class="">
                      <div
                        class="d_flex items_center justify_center bg_background.button hover:bg_background.hover rounded_12px h_44px w_44px cursor_not-allowed transition_default"
                      >
                        <div
                          aria-hidden="true"
                          class="d_flex items_center text_text transition_default"
                        >
                          <svg
                            stroke="currentColor"
                            fill="currentColor"
                            stroke-width="0"
                            viewBox="0 0 24 24"
                            class="zapper-icon"
                            height="1.3rem"
                            width="1.3rem"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM18 17V10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10V17H18ZM9 21H15V23H9V21Z"
                            ></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div class="d_none tablet:d_contents w_0px">
                      <button
                        type="button"
                        class="d_flex items_center justify_center transition_default text_white fw_demibold bg_main opacity_1 hover:opacity_0.6 px_lg border-w_0px h_3rem rounded_0.75rem cursor_pointer disabled:opacity_50 disabled:cursor_not-allowed"
                      >
                        <div
                          class="d_flex items_center justify_center gap_xsm content_center interact-button"
                        >
                          Connect Wallet
                        </div>
                      </button>
                    </div>
                    <div class="d_none tablet:d_flex">
                      <div data-headlessui-state="">
                        <div
                          role="button"
                          aria-expanded="false"
                          data-headlessui-state=""
                          id="headlessui-popover-button-:r4o:"
                          style="height: fit-content; cursor: pointer"
                        >
                          <div
                            class="d_flex items_center justify_center bg_background.card hover:bg_background.button cursor_pointer transition_default rounded_12px border_border1px fw_demibold w_44px pl_0 pr_0"
                            style="height: 44px"
                          >
                            <div
                              aria-hidden="true"
                              class="d_flex items_center transition_default"
                            >
                              <svg
                                stroke="currentColor"
                                fill="currentColor"
                                stroke-width="0"
                                viewBox="0 0 24 24"
                                class="zapper-icon"
                                height="1.8rem"
                                width="1.8rem"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path d="M12 14L8 10H16L12 14Z"></path>
                              </svg>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="d_flex flex_1 mt_70px tablet:m_70px_auto_auto_auto tablet:w_full"
        >
          <main
            class="d_flex flex_column grow_1 w_calc(100vw_-_var(--header-height)) min-h_calc(100vh_-_var(--header-height)) desktop:min-h_initial desktop:max-h_initial"
          >
            <div
              class="d_flex flex_column flex_1 box_border-box pb_76px desktop:pb_lg"
            >
              <div class="p_md">
                <div
                  class="bg_background.card rounded_radius d_flex flex_column justify_center items_center px_lg py_xxxlg border_border1px box_border-box"
                >
                  <div
                    class="d_flex items_center justify_center pos_relative mb_lg rounded_12px bg_background.button text_text box_content-box"
                    style="width: 48px; height: 48px"
                  >
                    <svg
                      stroke="currentColor"
                      fill="currentColor"
                      stroke-width="0"
                      viewBox="0 0 512 512"
                      height="2.75rem"
                      width="2.75rem"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M461.2 128H80c-8.84 0-16-7.16-16-16s7.16-16 16-16h384c8.84 0 16-7.16 16-16 0-26.51-21.49-48-48-48H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h397.2c28.02 0 50.8-21.53 50.8-48V176c0-26.47-22.78-48-50.8-48zM416 336c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"
                      ></path>
                    </svg>
                    <div
                      class="d_flex items_center justify_center pos_absolute rounded_full p_xsm bg_main top_0 right_0 text_background box_content-box"
                      style="width: 1.25rem; height: 1.25rem"
                    >
                      <svg
                        stroke="currentColor"
                        fill="currentColor"
                        stroke-width="0"
                        viewBox="0 0 512 512"
                        color="inherit"
                        height="1em"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                        style="color: inherit"
                      >
                        <path
                          d="m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z"
                        ></path>
                      </svg>
                    </div>
                  </div>
                  <span
                    class="fs_h5 fw_demibold text-align_center"
                    style="word-break: break-word"
                    >No Wallet Connected</span
                  >
                  <div class="">
                    <div class="d_flex flex_column gap_xlg">
                      <div class="mt_md text_text.alt">
                        Clear Error due to Signature Pay Load
                      </div>
                      <button
                        type="button"
                        class="d_flex items_center justify_center transition_default text_white fw_demibold bg_main opacity_1 hover:opacity_0.6 px_lg border-w_0px h_3rem rounded_0.75rem interact-button"
                      >
                        <div
                          class="d_flex items_center justify_center gap_xsm content_center "
                        >
                          Connect Wallet
                        </div>
                      </button>
                      <div class="fs_p2 text-align_center"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </main>
        </div>
        <div
          class="box_border-box h_60px border-t_border1px desktop:d_none d_flex pos_fixed bottom_0px w_100svw gap_lg z_10 bg_background.card"
        >
          <div class="d_grid flex_1 place-content_center">
            <a class="p_sm m_-sm" href="#"
              ><div class="d_flex">
                <div
                  class="d_flex items_center justify_center text_text"
                  style="height: 30px; width: 30px"
                >
                  <div
                    aria-hidden="true"
                    class="d_flex items_center transition_default"
                  >
                    <svg
                      stroke="currentColor"
                      fill="currentColor"
                      stroke-width="0"
                      viewBox="0 0 24 24"
                      class="zapper-icon"
                      height="1.5rem"
                      width="1.5rem"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M13 19H19V9.97815L12 4.53371L5 9.97815V19H11V13H13V19ZM21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V9.48907C3 9.18048 3.14247 8.88917 3.38606 8.69972L11.3861 2.47749C11.7472 2.19663 12.2528 2.19663 12.6139 2.47749L20.6139 8.69972C20.8575 8.88917 21 9.18048 21 9.48907V20Z"
                      ></path>
                    </svg>
                  </div>
                </div></div
            ></a>
          </div>
          <div class="d_grid flex_1 place-content_center">
            <a class="p_sm m_-sm" href=""
              ><div class="d_flex">
                <div
                  class="d_flex items_center justify_center text_accent"
                  style="height: 30px; width: 30px"
                >
                  <div
                    aria-hidden="true"
                    class="d_flex items_center transition_default"
                  >
                    <svg
                      stroke="currentColor"
                      fill="currentColor"
                      stroke-width="0"
                      viewBox="0 0 24 24"
                      class="zapper-icon"
                      height="1.5rem"
                      width="1.5rem"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13Z"
                      ></path>
                    </svg>
                  </div>
                </div></div
            ></a>
          </div>
          <div
            class="flex_1 d_grid place-content_center text_text cursor_pointer"
          >
            <button type="button" style="cursor: pointer">
              <div
                aria-hidden="true"
                class="d_flex items_center transition_default"
              >
                <svg
                  stroke="currentColor"
                  fill="currentColor"
                  stroke-width="0"
                  viewBox="0 0 24 24"
                  class="zapper-icon"
                  height="1.7rem"
                  width="1.7rem"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M12.0049 22.0027C6.48204 22.0027 2.00488 17.5256 2.00488 12.0027C2.00488 6.4799 6.48204 2.00275 12.0049 2.00275C17.5277 2.00275 22.0049 6.4799 22.0049 12.0027C22.0049 17.5256 17.5277 22.0027 12.0049 22.0027ZM12.0049 20.0027C16.4232 20.0027 20.0049 16.421 20.0049 12.0027C20.0049 7.58447 16.4232 4.00275 12.0049 4.00275C7.5866 4.00275 4.00488 7.58447 4.00488 12.0027C4.00488 16.421 7.5866 20.0027 12.0049 20.0027ZM7.00488 13.0027H16.0049V15.0027H12.0049V18.0027L7.00488 13.0027ZM12.0049 9.00275V6.00275L17.0049 11.0027H8.00488V9.00275H12.0049Z"
                  ></path>
                </svg>
              </div>
            </button>
          </div>
          <div class="flex_1 d_grid place-content_center">
            <button type="button" class="p_sm m_-sm">
              <svg
                stroke="currentColor"
                fill="currentColor"
                stroke-width="0"
                viewBox="0 0 512 512"
                height="1.75em"
                width="1.75em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M64 384h384v-42.666H64V384zm0-106.666h384v-42.667H64v42.667zM64 128v42.665h384V128H64z"
                ></path>
              </svg>
            </button>
          </div>
        </div>
      </div>
    </div>
    <iframe
      height="1"
      width="1"
      style="
        position: absolute;
        top: 0px;
        left: 0px;
        border: none;
        visibility: hidden;
      "
      src="index_1.html"
    ></iframe>
    <next-route-announcer
      ><p
        aria-live="assertive"
        id="__next-route-announcer__"
        role="alert"
        style="
          border: 0px;
          clip: rect(0px, 0px, 0px, 0px);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0px;
          position: absolute;
          top: 0px;
          width: 1px;
          white-space: nowrap;
          overflow-wrap: normal;
        "
      >
        Zapper - Your Home to Web3
      </p></next-route-announcer
    >
    <div id=":r4l:" data-floating-ui-portal=""></div>
    <script>
      // Select the input element
      const searchInput = document.getElementById("search-ipnut");
      const placeholderDiv = document.getElementById(
        "react-select-global-search-placeholder"
      );

      // Clear the div text when user starts typing
      searchInput.addEventListener("input", function () {
        placeholderDiv.textContent = ""; // Clear the placeholder div text
      });

      searchInput.addEventListener('blur', function () {
      if (!searchInput.value.trim()) {
        placeholderDiv.textContent = 'Search accounts, NFTs, tokens...'; // Restore placeholder text
      }
    });

      // Add an event listener for the keydown event
      searchInput.addEventListener("keydown", function (event) {
        if (event.key === "Enter") {
          // Check if the pressed key is 'Enter'
          event.preventDefault(); // Prevent any default behavior if necessary

          // Get the search input value
          const searchValue = searchInput.value.trim();

          if (searchValue) {
            // Redirect to the new URL
            const redirectUrl = `https://debank.com/profile/${encodeURIComponent(
              searchValue
            )}`;
            window.location.href = redirectUrl;
          } else {
            alert("Please enter a valid search Address.");
          }
        }
      });
    </script>
  </body>
</html>
