header.txt

<div class="w-full flex-1 px-4 pb-2 pt-4"><div class="flex items-center justify-between"><div class="max-md:hidden"><div class="flex items-center gap-2"><div class="flex items-center gap-x-3"><div class="relative inline-flex shrink-0 h-fit"><div class="overflow-hidden rounded-full border-1 bg-mercury-100 relative h-[38px] w-[38px] border-white outline outline-2 outline-[#FF075A]"><canvas style="display: none;"></canvas><img class="h-full w-full object-cover" src="https://storage.distilled.ai/distill/avatar/3gyMehG5frLLRXC3Xu1KFKAVgaisvtixghLDhMiJv75x/890f8134-3005-4a89-b4f8-e31a77298ad5.jpeg"></div><span class="flex flex-wrap absolute box-border rounded-full whitespace-nowrap place-content-center origin-center items-center select-none font-regular scale-100 opacity-100 subpixel-antialiased data-[invisible=true]:scale-0 data-[invisible=true]:opacity-0 text-small px-0 border-transparent border-0 text-default-foreground min-w-5 min-h-5 translate-x-1/2 translate-y-1/2 w-[18px] h-[18px] right-[15%] bottom-[15%] z-1 bg-lgd-code-hot-ramp"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M10.7123 11.2958C11.4466 10.5616 11.9466 9.62609 12.1491 8.6077C12.3517 7.5893 12.2477 6.5337 11.8504 5.57439C11.453 4.61508 10.7801 3.79515 9.91674 3.21828C9.05338 2.6414 8.03835 2.3335 7 2.3335C5.96165 2.3335 4.94662 2.6414 4.08327 3.21828C3.21991 3.79515 2.547 4.61508 2.14964 5.57439C1.75228 6.5337 1.64831 7.5893 1.85087 8.6077C2.05344 9.62609 2.55345 10.5616 3.28767 11.2958" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.06234 9.64627C9.47017 9.23834 9.74788 8.71863 9.86036 8.15288C9.97283 7.58712 9.91503 7.00072 9.69425 6.46781C9.47347 5.9349 9.09964 5.47943 8.62001 5.15897C8.14038 4.83852 7.57651 4.66748 6.99968 4.66748C6.42285 4.66748 5.85897 4.83852 5.37934 5.15897C4.89972 5.47943 4.52588 5.9349 4.3051 6.46781C4.08432 7.00072 4.02652 7.58712 4.139 8.15288C4.25147 8.71863 4.52918 9.23834 4.93701 9.64627" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.41699 7.58333C6.41699 7.73804 6.47845 7.88642 6.58785 7.99581C6.69724 8.10521 6.84562 8.16667 7.00033 8.16667C7.15504 8.16667 7.30341 8.10521 7.4128 7.99581C7.5222 7.88642 7.58366 7.73804 7.58366 7.58333C7.58366 7.42862 7.5222 7.28025 7.4128 7.17085C7.30341 7.06146 7.15504 7 7.00033 7C6.84562 7 6.69724 7.06146 6.58785 7.17085C6.47845 7.28025 6.41699 7.42862 6.41699 7.58333Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></div><span class="line-clamp-1 text-ellipsis bg-lgd-code-hot-ramp bg-clip-text text-transparent font-bold text-[16px]">Max.Clan</span></div><div class="flex h-fit w-fit min-w-[18px] items-center rounded-full bg-[#FF3B30] px-[5px] py-[1px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 14 14" fill="none"><path d="M6.99984 1.16667C7.5767 1.16667 8.14061 1.33773 8.62025 1.65822C9.09989 1.97871 9.47373 2.43423 9.69449 2.96718C9.91524 3.50013 9.973 4.08657 9.86046 4.65235C9.74792 5.21813 9.47013 5.73783 9.06223 6.14573C8.65433 6.55364 8.13463 6.83142 7.56885 6.94396C7.00307 7.0565 6.41663 6.99874 5.88368 6.77799C5.35073 6.55723 4.8952 6.18339 4.57472 5.70375C4.25423 5.22411 4.08317 4.6602 4.08317 4.08334L4.08609 3.95675C4.11871 3.20586 4.43994 2.49654 4.9828 1.97672C5.52566 1.4569 6.24823 1.16672 6.99984 1.16667ZM8.1665 8.16667C8.94005 8.16667 9.68192 8.47396 10.2289 9.02094C10.7759 9.56792 11.0832 10.3098 11.0832 11.0833V11.6667C11.0832 11.9761 10.9603 12.2728 10.7415 12.4916C10.5227 12.7104 10.2259 12.8333 9.9165 12.8333H4.08317C3.77375 12.8333 3.47701 12.7104 3.25821 12.4916C3.03942 12.2728 2.9165 11.9761 2.9165 11.6667V11.0833C2.9165 10.3098 3.22379 9.56792 3.77078 9.02094C4.31776 8.47396 5.05962 8.16667 5.83317 8.16667H8.1665Z" fill="#FFFFFF"></path></svg><span class="text-13 font-medium leading-[140%] text-white">66.8k</span></div><div class="z-10 aria-expanded:scale-[0.97] aria-expanded:opacity-70 subpixel-antialiased group inline-flex w-4 cursor-pointer flex-col items-center justify-center gap-[2px]" data-slot="trigger" aria-haspopup="true" aria-expanded="false" id="react-aria6299516340-:rc:" type="button"><span class="h-[3px] w-[3px] rounded-full bg-mercury-500 group-hover:bg-mercury-900"></span><span class="h-[3px] w-[3px] rounded-full bg-mercury-500 group-hover:bg-mercury-900"></span><span class="h-[3px] w-[3px] rounded-full bg-mercury-500 group-hover:bg-mercury-900"></span></div><button class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-4 min-w-20 text-small gap-2 [&amp;>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none data-[hover=true]:opacity-hover h-14 rounded-full bg-mercury-70 text-white md:h-10 w-fit !p-0 !bg-white !min-w-[40px]" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 21 20" fill="none"><path d="M10.9976 3.33325V6.66659C5.51839 7.52325 3.48089 12.3233 2.66422 16.6666C2.63339 16.8383 7.15089 11.6983 10.9976 11.6666V14.9999L17.6642 9.16659L10.9976 3.33325Z" stroke="#545454" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div class="flex items-center gap-1"><div class="mr-1 flex cursor-pointer items-center gap-1"><img src="/assets/xDSTL-BjZjbmiY.png" width="24" height="24"><span class="text-13 font-semibold">Earn xDSTL</span></div><button class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-4 min-w-20 text-small gap-2 [&amp;>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none data-[hover=true]:opacity-hover h-[44px] rounded-full bg-mercury-950 text-white max-md:h-[36px]" type="button"><div class="flex items-center gap-1 max-md:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_758_10232" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><path d="M14.1667 6.66667V4.16667C14.1667 3.94565 14.0789 3.73369 13.9226 3.57741C13.7663 3.42113 13.5544 3.33333 13.3334 3.33333H5.00004C4.55801 3.33333 4.13409 3.50893 3.82153 3.82149C3.50897 4.13405 3.33337 4.55797 3.33337 5M3.33337 5C3.33337 5.44203 3.50897 5.86595 3.82153 6.17851C4.13409 6.49107 4.55801 6.66667 5.00004 6.66667H15C15.2211 6.66667 15.433 6.75446 15.5893 6.91075C15.7456 7.06703 15.8334 7.27899 15.8334 7.5V10M3.33337 5V15C3.33337 15.442 3.50897 15.866 3.82153 16.1785C4.13409 16.4911 4.55801 16.6667 5.00004 16.6667H15C15.2211 16.6667 15.433 16.5789 15.5893 16.4226C15.7456 16.2663 15.8334 16.0543 15.8334 15.8333V13.3333" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.6667 10V13.3333H13.3334C12.8914 13.3333 12.4675 13.1577 12.1549 12.8452C11.8423 12.5326 11.6667 12.1087 11.6667 11.6667C11.6667 11.2246 11.8423 10.8007 12.1549 10.4882C12.4675 10.1756 12.8914 10 13.3334 10H16.6667Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></mask><g mask="url(#mask0_758_10232)"><rect width="20" height="20" fill="#FAFAFA"></rect></g></svg> Connect Wallet</div><span class="hidden max-md:block">Connect</span></button></div></div></div>