-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (71 loc) · 27.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/43c7526d8f467842.css" as="style"/><link rel="stylesheet" href="/_next/static/css/43c7526d8f467842.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-f3e9004a8486dc2d.js" defer=""></script><script src="/_next/static/chunks/framework-ce84985cd166733a.js" defer=""></script><script src="/_next/static/chunks/main-8f7aa3fe73cd2af2.js" defer=""></script><script src="/_next/static/chunks/pages/_app-a34b205d8e78f0de.js" defer=""></script><script src="/_next/static/chunks/4740-823d3133cfd86ac4.js" defer=""></script><script src="/_next/static/chunks/7571-8c0740f360bfbb5f.js" defer=""></script><script src="/_next/static/chunks/8667-74ad72b76410f71f.js" defer=""></script><script src="/_next/static/chunks/7664-60cdb858467e07dc.js" defer=""></script><script src="/_next/static/chunks/4109-ccb46bcc25bf57d3.js" defer=""></script><script src="/_next/static/chunks/6347-adc2a4d8695daac6.js" defer=""></script><script src="/_next/static/chunks/2314-7ec2c5c85e87ef67.js" defer=""></script><script src="/_next/static/chunks/pages/farms-3f8c31cc6288ebc2.js" defer=""></script><script src="/_next/static/a9fe2459a09541637ae641acd5da560dd1349516/_buildManifest.js" defer=""></script><script src="/_next/static/a9fe2459a09541637ae641acd5da560dd1349516/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div class="app"><style>
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #34ade5;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 3px;
}
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #34ade5, 0 0 5px #34ade5;
opacity: 1;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #34ade5;
border-left-color: #34ade5;
border-radius: 50%;
-webkit-animation: nprogresss-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style><div style="padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);position:relative;display:grid;grid-template:"d d d" auto
"a a a" auto
"b c c" 1fr
"b c c" 1fr / auto 1fr 1fr;overflow:hidden;will-change:opacity" class="w-full mobile:w-full h-full mobile:h-full"><div class="grid-area-d"></div><nav class="select-none text-white px-12 py-4 mobile:p-0 transition-all grid-area-a"><div class="Row flex justify-between items-center mobile:h-14 mobile:bg-cyberpunk-card-bg"><span tabindex="0" class="Link clickable text-[#39D0D8] hover:underline underline-offset-1"><img class="Image cursor-pointer mobile:hidden" src="/logo/logo-with-text.svg" alt="logo-with-text"/></span><div class="Row flex gap-8 items-center mobile:hidden"><div><div class="PopoverButton "><div class="Icon grid h-max w-max text-[#ABC4FF] opacity-60 hover:opacity-75 clickable clickable-filter-effect clickable-mask-offset-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"></path></svg></div></div></div><div><div class="PopoverButton "><button class="Button select-none inline-flex justify-center items-center gap-2 px-4 py-2.5 rounded-xl mobile:rounded-lg font-medium whitespace-nowrap appearance-none bg-formkit-thumb text-formkit-thumb-text-normal clickable clickable-filter-effect frosted-glass frosted-glass-teal"><div class="Row flex items-center gap-3 my-0.5"><div class="Icon grid h-max w-max"><img src="/icons/msic-wallet.svg" alt="msic-wallet" class="select-none h-4 w-4"/></div><div class="text-sm font-medium text-[#39D0D8]">Connect Wallet</div></div></button></div></div></div></div></nav><div class="Col flex flex-col h-full overflow-y-auto w-56 mobile:w-64 mobile:rounded-tr-2xl mobile:rounded-br-2xl flex-container grid-area-b mobile:hidden"><div class="Col flex-col grid grid-rows-[2fr,1fr,auto] flex-1 overflow-hidden"><div class="shrink overflow-y-auto min-h-[120px] py-4 space-y-1 mobile:py-0 px-2 mr-2 mobile:ml-2 mb-2"><span tabindex="0" class="Link clickable group block py-2.5 mobile:py-2 px-4 mobile:px-1 rounded-xl mobile:rounded-lg hover:bg-[rgba(57,208,216,0.05)]"><div class="Row flex items-center"><div class="grid bg-gradient-to-br from-[rgba(57,208,216,0.2)] to-[rgba(57,208,216,0)] rounded-lg p-1.5 mr-3"><div class="Icon grid h-max w-max"><img src="/icons/entry-icon-swap.svg" alt="entry-icon-swap" class="select-none h-4 w-4"/></div></div><div class="Row flex grow items-center justify-between text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium"><div>Swap</div></div></div></span><span tabindex="0" class="Link clickable group block py-2.5 mobile:py-2 px-4 mobile:px-1 rounded-xl mobile:rounded-lg hover:bg-[rgba(57,208,216,0.05)]"><div class="Row flex items-center"><div class="grid bg-gradient-to-br from-[rgba(57,208,216,0.2)] to-[rgba(57,208,216,0)] rounded-lg p-1.5 mr-3"><div class="Icon grid h-max w-max"><img src="/icons/entry-icon-liquidity.svg" alt="entry-icon-liquidity" class="select-none h-4 w-4"/></div></div><div class="Row flex grow items-center justify-between text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium"><div>Liquidity</div></div></div></span><span tabindex="0" class="Link clickable group block py-2.5 mobile:py-2 px-4 mobile:px-1 rounded-xl mobile:rounded-lg hover:bg-[rgba(57,208,216,0.05)]"><div class="Row flex items-center"><div class="grid bg-gradient-to-br from-[rgba(57,208,216,0.2)] to-[rgba(57,208,216,0)] rounded-lg p-1.5 mr-3"><div class="Icon grid h-max w-max"><img src="/icons/entry-icon-concentrated-pools.svg" alt="entry-icon-concentra" class="select-none h-4 w-4"/></div></div><div class="Row flex grow items-center justify-between text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium"><div>Concentrated</div></div></div></span><span tabindex="0" class="Link clickable group block py-2.5 mobile:py-2 px-4 mobile:px-1 rounded-xl mobile:rounded-lg hover:bg-[rgba(57,208,216,0.05)]"><div class="Row flex items-center"><div class="grid bg-gradient-to-br from-[rgba(57,208,216,0.2)] to-[rgba(57,208,216,0)] rounded-lg p-1.5 mr-3"><div class="Icon grid h-max w-max"><img src="/icons/entry-icon-pools.svg" alt="entry-icon-pools" class="select-none h-4 w-4"/></div></div><div class="Row flex grow items-center justify-between text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium"><div>Pools</div></div></div></span><span tabindex="0" class="Link clickable group block py-2.5 mobile:py-2 px-4 mobile:px-1 rounded-xl mobile:rounded-lg hover:bg-[rgba(57,208,216,0.05)] bg-[rgba(57,208,216,0.1)]"><div class="Row flex items-center"><div class="grid bg-gradient-to-br from-[rgba(57,208,216,0.2)] to-[rgba(57,208,216,0)] rounded-lg p-1.5 mr-3"><div class="Icon grid h-max w-max"><img src="/icons/entry-icon-farms.svg" alt="entry-icon-farms" class="select-none h-4 w-4"/></div></div><div class="Row flex grow items-center justify-between text-[rgba(57,208,216,1)] text-sm mobile:text-[0.85rem] font-medium"><div>Farms</div></div></div></span><span tabindex="0" class="Link clickable group block py-2.5 mobile:py-2 px-4 mobile:px-1 rounded-xl mobile:rounded-lg hover:bg-[rgba(57,208,216,0.05)]"><div class="Row flex items-center"><div class="grid bg-gradient-to-br from-[rgba(57,208,216,0.2)] to-[rgba(57,208,216,0)] rounded-lg p-1.5 mr-3"><div class="Icon grid h-max w-max"><img src="/icons/entry-icon-staking.svg" alt="entry-icon-staking" class="select-none h-4 w-4"/></div></div><div class="Row flex grow items-center justify-between text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium"><div>Staking</div></div></div></span><span tabindex="0" class="Link clickable group block py-2.5 mobile:py-2 px-4 mobile:px-1 rounded-xl mobile:rounded-lg hover:bg-[rgba(57,208,216,0.05)]"><div class="Row flex items-center"><div class="grid bg-gradient-to-br from-[rgba(57,208,216,0.2)] to-[rgba(57,208,216,0)] rounded-lg p-1.5 mr-3"><div class="Icon grid h-max w-max"><img src="/icons/entry-icon-acceleraytor.svg" alt="entry-icon-acceleray" class="select-none h-4 w-4"/></div></div><div class="Row flex grow items-center justify-between text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium"><div>AcceleRaytor</div></div></div></span><a tabindex="0" rel="nofollow noopener noreferrer" target="_blank" class="Link clickable group block py-2.5 mobile:py-2 px-4 mobile:px-1 rounded-xl mobile:rounded-lg hover:bg-[rgba(57,208,216,0.05)]" href="https://dropzone.raydium.io/"><div class="Row flex items-center"><div class="grid bg-gradient-to-br from-[rgba(57,208,216,0.2)] to-[rgba(57,208,216,0)] rounded-lg p-1.5 mr-3"><div class="Icon grid h-max w-max"><img src="/icons/entry-icon-dropzone.svg" alt="entry-icon-dropzone" class="select-none h-4 w-4"/></div></div><div class="Row flex grow items-center justify-between text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium"><div>Dropzone</div><div class="Icon inline-grid h-max w-max opacity-80"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></div></div></div></a><a tabindex="0" rel="nofollow noopener noreferrer" target="_blank" class="Link clickable group block py-2.5 mobile:py-2 px-4 mobile:px-1 rounded-xl mobile:rounded-lg hover:bg-[rgba(57,208,216,0.05)]" href="https://nft.raydium.io/"><div class="Row flex items-center"><div class="grid bg-gradient-to-br from-[rgba(57,208,216,0.2)] to-[rgba(57,208,216,0)] rounded-lg p-1.5 mr-3"><div class="Icon grid h-max w-max"><img src="/icons/entry-icon-nft.svg" alt="entry-icon-nft" class="select-none h-4 w-4"/></div></div><div class="Row flex grow items-center justify-between text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium"><div>NFT</div><div class="Icon inline-grid h-max w-max opacity-80"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></div></div></div></a></div><div class="Col flex flex-col overflow-scroll no-native-scrollbar"><div class="mx-8 border-b border-[rgba(57,208,216,0.16)] my-2 mobile:my-1"></div><div class="flex-1 overflow-auto no-native-scrollbar mt-2"><div><div class="PopoverButton "><div class="block py-4 mobile:py-3 px-8 pl-6 mobile:px-5 hover:bg-[rgba(57,208,216,0.1)] active:bg-[rgba(41,157,163,0.3)] cursor-pointer group"><div class="Row flex items-center w-full mobile:justify-center"><div class="h-4 w-4 mobile:w-3 mobile:h-3 grid place-items-center mr-3 "><div class="w-1.5 h-1.5 mobile:w-1 mobile:h-1 bg-[#2de680] text-[#2de680] rounded-full" style="box-shadow:0 0 6px 1px currentColor"></div></div><span class="text-[rgba(172,227,229)] text-sm mobile:text-xs font-medium flex-grow overflow-ellipsis overflow-hidden">--</span><div class="Icon grid h-max w-max"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4 text-[#ACE3E6]"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path></svg></div></div></div></div></div><div><div class="PopoverButton "><span class="block py-3 mobile:py-2 px-8 pl-6 mobile:px-5 hover:bg-[rgba(57,208,216,0.1)] active:bg-[rgba(41,157,163,0.3)] cursor-pointer group"><div class="Row flex items-center w-full mobile:justify-center"><div class="Icon grid h-max w-max mr-3 text-[rgba(57,208,216,1)]"><img src="/icons/msic-settings.svg" alt="msic-settings" class="select-none h-4 w-4"/></div><span class="text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium flex-grow ">Settings</span><div class="Icon grid h-max w-max"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4 text-[#ACE3E6]"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path></svg></div></div></span></div></div><div><div class="PopoverButton "><span class="block py-3 mobile:py-2 px-8 pl-6 mobile:px-5 hover:bg-[rgba(57,208,216,0.1)] active:bg-[rgba(41,157,163,0.3)] cursor-pointer group"><div class="Row flex items-center w-full mobile:justify-center"><div class="Icon grid h-max w-max mr-3 text-[rgba(57,208,216,1)]"><img src="/icons/msic-community.svg" alt="msic-community" class="select-none h-4 w-4"/></div><span class="text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium flex-grow ">Community</span><div class="Icon grid h-max w-max"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4 text-[#ACE3E6]"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path></svg></div></div></span></div></div><a tabindex="0" rel="nofollow noopener noreferrer" target="_blank" class="Link clickable block py-3 mobile:py-2 px-8 pl-6 mobile:px-5 hover:bg-[rgba(57,208,216,0.1)] active:bg-[rgba(41,157,163,0.3)] cursor-pointer group" href="https://raydium.gitbook.io/raydium/"><div class="Row flex items-center w-full mobile:justify-center"><div class="Icon grid h-max w-max mr-3 text-[rgba(57,208,216,1)]"><img src="/icons/msic-docs.svg" alt="msic-docs" class="select-none h-4 w-4"/></div><span class="text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium flex-grow group-hover:text-[rgba(57,208,216,1)]">Docs</span></div></a><a tabindex="0" rel="nofollow noopener noreferrer" target="_blank" class="Link clickable block py-3 mobile:py-2 px-8 pl-6 mobile:px-5 hover:bg-[rgba(57,208,216,0.1)] active:bg-[rgba(41,157,163,0.3)] cursor-pointer group" href="https://v1.raydium.io/swap"><div class="Row flex items-center w-full mobile:justify-center"><div class="Icon grid h-max w-max mr-3 text-[rgba(57,208,216,1)]"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25"></path></svg></div><span class="text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium flex-grow group-hover:text-[rgba(57,208,216,1)]">Raydium V1</span></div></a><a tabindex="0" rel="nofollow noopener noreferrer" target="_blank" class="Link clickable block py-3 mobile:py-2 px-8 pl-6 mobile:px-5 hover:bg-[rgba(57,208,216,0.1)] active:bg-[rgba(41,157,163,0.3)] cursor-pointer group" href="https://forms.gle/DvUS4YknduBgu2D7A"><div class="Row flex items-center w-full mobile:justify-center"><div class="Icon grid h-max w-max mr-3 text-[rgba(57,208,216,1)]"><img src="/icons/misc-feedback.svg" alt="misc-feedback" class="select-none h-4 w-4"/></div><span class="text-[#ACE3E5] text-sm mobile:text-[0.85rem] font-medium flex-grow group-hover:text-[rgba(57,208,216,1)]">Feedback</span></div></a></div></div><div><div class="PopoverButton "><div class="text-sm mobile:text-xs m-2 mb-0 leading-relaxed opacity-50 hover:opacity-100 transition font-medium text-[#abc4ff] whitespace-nowrap cursor-default"><div>V <!-- -->2.10.10</div><div><div class="inline-block"></div></div></div></div></div></div></div><main class="flex flex-col PageLayoutContent relative grid-area-c bg-gradient-to-b from-[#0c0927] to-[#110d36] rounded-tl-3xl mobile:rounded-none" style="overflow-x:hidden;overflow-y:scroll"><div class="grow h-0 isolate flex-container p-12 pb-4 mobile:py-2 mobile:px-3"><div class="Col flex flex-col"><div class="grid grid-cols-3 justify-between items-center pb-8 pt-0"><div class="text-2xl font-semibold justify-self-start text-white">Farms</div><div class="flex rounded-full p-1 bg-cyberpunk-card-bg justify-self-center mobile:col-span-full" id="headlessui-radiogroup-:R4plm:" role="radiogroup"><div class="cursor-pointer flex grow" id="headlessui-radiogroup-option-:R3cplm:" role="radio" aria-checked="true" tabindex="0" data-headlessui-state="checked"><div class="grid grow place-items-center min-w-[96px] mobile:min-w-[76px] px-3 mobile:px-2 h-9 mobile:h-7 text-sm mobile:text-xs grid rounded-full place-items-center font-medium whitespace-nowrap text-white" style="background:linear-gradient(245.22deg, rgb(218, 46, 239), rgb(43, 106, 255), rgb(57, 208, 216));background-size:400% 100%;background-position:0%">Raydium</div></div><div class="cursor-pointer flex grow" id="headlessui-radiogroup-option-:R5cplm:" role="radio" aria-checked="false" tabindex="-1" data-headlessui-state=""><div class="grid grow place-items-center min-w-[96px] mobile:min-w-[76px] px-3 mobile:px-2 h-9 mobile:h-7 text-sm mobile:text-xs grid rounded-full place-items-center font-medium whitespace-nowrap text-[#ABC4FF]">Fusion</div></div><div class="cursor-pointer flex grow" id="headlessui-radiogroup-option-:R7cplm:" role="radio" aria-checked="false" tabindex="-1" data-headlessui-state=""><div class="grid grow place-items-center min-w-[96px] mobile:min-w-[76px] px-3 mobile:px-2 h-9 mobile:h-7 text-sm mobile:text-xs grid rounded-full place-items-center font-medium whitespace-nowrap text-[#ABC4FF]">Ecosystem</div></div><div class="cursor-pointer flex grow" id="headlessui-radiogroup-option-:R9cplm:" role="radio" aria-checked="false" tabindex="-1" data-headlessui-state=""><div class="grid grow place-items-center min-w-[96px] mobile:min-w-[76px] px-3 mobile:px-2 h-9 mobile:h-7 text-sm mobile:text-xs grid rounded-full place-items-center font-medium whitespace-nowrap text-[#ABC4FF]">Staked</div></div></div><div class="Row flex justify-self-end mobile:justify-self-auto gap-1 py-1 flex-wrap items-center opacity-100 pointer-events-auto clickable transition"><div class="Icon grid h-max w-max text-[#abc4ff] mobile:text-[#abc4ff80]"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><span class="text-[#abc4ff] mobile:text-[#abc4ff80] font-medium text-sm mobile:text-xs">Create Farm</span></div></div></div><div class="flex-1 overflow-hidden flex flex-col" style="min-height:300px;border-radius:21.2px;padding:1.2px;background-image:linear-gradient(var(--gradient-rotate, 246deg), #da2eef 7.97%, #2b6aff 49.17%, #39d0d8 92.1%)"><div class="Card rounded-3xl bg-cyberpunk-card-bg overflow-hidden grow p-10 pt-6 pb-4 mobile:px-3 mobile:py-3 w-full flex flex-col h-full" style="height:100%;width:100%"><div class="Row flex justify-between gap-16 gap-y-4 items-center mb-4"><div><div class="Row flex items-center"><div class="font-medium text-white text-lg">Raydium Farms</div></div><div class="font-medium text-[rgba(196,214,255,.5)] text-base ">Stake LP tokens and earn token rewards</div></div><div class="Row flex grow flex-wrap justify-end items-stretch gap-6"><button class="Button select-none inline-flex justify-center items-center gap-2 px-4 py-2 text-sm rounded-xl font-medium whitespace-nowrap appearance-none bg-formkit-thumb-disable text-formkit-thumb-text-disabled opacity-40 cursor-not-allowed frosted-glass-teal">Harvest all</button><div class="relative z-20"><div class="py-2 px-4 mobile:px-3 ring-inset ring-1 ring-[rgba(196,214,255,0.5)] h-full rounded-xl mobile:rounded-lg invisible"><div class="Row flex items-center w-full"><div class="mobile:text-xs text-sm font-medium text-[rgba(196,214,255,.5)] mr-1 whitespace-nowrap">Time Basis:</div><div class="grow mobile:text-xs text-sm font-medium text-[rgba(196,214,255)] whitespace-nowrap">7D</div><div class="Icon grid h-max w-max justify-self-end mr-1.5 text-[rgba(196,214,255,.5)] ml-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></div></div></div><div class="Collapse flex flex-col absolute z-10 top-0 left-0 ring-inset ring-1 ring-[rgba(196,214,255,0.5)] rounded-xl mobile:rounded-lg w-full transition"><div class="CollapseFace filter hover:brightness-90 cursor-pointer"><div class="py-2 px-3 mobile:px-2"><div class="Row flex items-center w-full"><div class="mobile:text-xs text-sm font-medium text-[rgba(196,214,255,.5)] mr-1 whitespace-nowrap">Time Basis:</div><div class="grow mobile:text-xs text-sm font-medium text-[rgba(196,214,255)] whitespace-nowrap">7D</div><div class="Icon grid h-max w-max justify-self-end mr-1.5 text-[rgba(196,214,255,.5)] ml-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></div></div></div></div></div></div><div class="Row flex Input cursor-text items-center px-2 py-2 mobile:py-1 gap-2 ring-inset ring-1 ring-[rgba(196,214,255,0.5)] rounded-xl mobile:rounded-lg pc:w-[12vw] mobile:w-auto"><div class="flex-initial mr-2"><div class="Icon grid h-max w-max text-[rgba(196,214,255,0.5)]"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-5 w-5"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path></svg></div></div><div class="flex flex-grow flex-shrink"><input autoComplete="off" class="w-full overflow-hidden text-ellipsis bg-transparent border-none outline-none block font-medium text-sm mobile:text-xs text-[rgba(196,214,255,0.5)] placeholder-[rgba(196,214,255,0.5)]" placeholder="Search All"/></div><div class="flex-initial ml-2"><div><div class="PopoverButton "><div class="Icon grid h-max w-max text-[rgba(196,214,255,0.5)] transition clickable opacity-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></div></div></div></div></div></div></div><div class="Row grid grid-flow-col mb-3 h-12 sticky -top-6 backdrop-filter z-10 backdrop-blur-md bg-[rgba(20,16,65,0.2)] mr-scrollbar rounded-xl mobile:rounded-lg gap-2 grid-cols-[auto,1.5fr,1.2fr,1fr,1fr,auto]"><div class="Row flex group w-20 pl-10 font-medium text-[#ABC4FF] text-sm items-center cursor-pointer clickable clickable-filter-effect no-clicable-transform-effect"><div class="Icon grid h-max w-max ml-1 opacity-0 group-hover:opacity-30 transition"><img src="/icons/msic-sort-only-down.svg" alt="msic-sort-only-down" class="select-none h-4 w-4"/></div></div><div class="Row flex font-medium text-[#ABC4FF] text-sm items-center cursor-pointer clickable clickable-filter-effect no-clicable-transform-effect"><div class="mr-16"></div>Farm<div class="Icon grid h-max w-max ml-1"><img src="/icons/msic-sort.svg" alt="msic-sort" class="select-none h-4 w-4"/></div></div><div class=" font-medium self-center text-[#ABC4FF] text-sm">Pending Reward</div><div class="Row flex font-medium items-center text-[#ABC4FF] text-sm cursor-pointer gap-1 clickable clickable-filter-effect no-clicable-transform-effect">Total APR <!-- -->7D<div><div class="PopoverButton "><div class="Icon grid h-max w-max ml-1 cursor-help"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="select-none h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"></path></svg></div></div></div><div class="Icon grid h-max w-max ml-1"><img src="/icons/msic-sort.svg" alt="msic-sort" class="select-none h-4 w-4"/></div></div><div class="Row flex font-medium text-[#ABC4FF] text-sm items-center cursor-pointer clickable clickable-filter-effect no-clicable-transform-effect">TVL<div class="Icon grid h-max w-max ml-1"><img src="/icons/msic-sort.svg" alt="msic-sort" class="select-none h-4 w-4"/></div></div><div class="justify-self-end pr-8 self-center"><div><div class="PopoverButton "><div class="w-full h-full rounded clickable clickable-filter-effect"><svg width="36" height="36" viewBox="0 0 36 36"><circle r="9" cx="50%" cy="50%" fill="transparent" style="stroke-width:3;stroke:#ffffff2e"></circle><circle id="bar" r="9" cx="50%" cy="50%" fill="transparent" stroke-dasharray="56.548667764616276" stroke-dashoffset="56.548667764616276" style="stroke-width:3;stroke:#92e1ffd9;transform:rotate(-90deg);transform-origin:center;stroke-linecap:round;transition:200ms"></circle></svg></div></div></div></div></div><div class="Row flex text-center justify-center text-2xl p-12 opacity-50 text-[rgb(171,196,255)]"><div class="lds-roller mobile:scale-75"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></div></div></div></div></main></div><div class="Col flex flex-col items-end mobile:items-stretch pointer-events-none" style="position:fixed;right:0;bottom:0;z-index:9999"></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/farms","query":{},"buildId":"a9fe2459a09541637ae641acd5da560dd1349516","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>