<app-page-header
title="Crypto Dashboard"
title1="Crypto Dashboard"
activeitem="Home"
></app-page-header>
<!-- Start::row-1 -->
<div class="grid grid-cols-12 gap-x-6">
<div class="col-span-12 md:col-span-6 xxl:col-span-3">
<div class="box overflow-hidden">
<div class="box-body">
<div class="flex items-center">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<span
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20 p-2"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path
fill="#f89f36"
d="M109.8 75.7c-.8-5.7-3.6-10.1-8.6-13-2.3-1.3-4.8-2.2-7.4-3.3.3-.2.5-.4.7-.5 12.5-6.4 11.4-25.7 2.3-32.3-3.7-2.7-7.8-4.4-12.1-5.4-3.1-.7-6.2-1.2-9.4-1.7 0-5.6.1-13.3.1-19.5H63.7c-.1 6.1-.1 13.6-.2 19.1h-9.4c0-5.5.1-13 .1-19.1H42.6c-.1 6.2-.1 13.9-.2 19.4-8-.1-15.7-.1-23.7-.2 0 4.3-.1 8.3-.1 12.5 1.7 0 3.2 0 4.6.1 1.5 0 3 0 4.4.1 4.1.3 6.2 2.6 6.2 6.6-.2 16.7-.4 33.5-.5 50.2 0 3.7-1.6 5.1-5.2 5.1h-7.8c-.8 4.7-1.6 9.2-2.4 13.9 7.9.1 15.7.2 23.7.3 0 6-.1 13.6-.1 19.9h11.7c.1-6.3.1-13.7.2-19.6 3.3.1 6.3.2 9.4.3 0 6-.1 13.3-.1 19.4h11.7c.1-6.3.1-13.7.2-19.5.4-.1.7-.1 1-.2 5.6-.9 11.3-1.4 16.7-2.7 7.1-1.8 12.7-5.9 15.7-12.9 2.1-5.4 2.6-11.1 1.8-17zM54.3 32.9c7.3 0 14.4-.6 21 2.4 4.4 1.9 6.6 5.5 6.3 9.8-.3 4.6-2.9 7.9-7.6 9.4-6.4 2.1-13.1 2-20 1.7.1-7.6.2-15.2.3-23.3zm25.5 58.4c-6.5 2.9-13.3 2.9-20.2 3-1.9 0-3.8-.1-5.9-.1l.3-25.9c8.9 0 17.7-.7 26 3 4.3 1.9 6.8 5.2 6.8 10.1-.1 4.9-2.7 8-7 9.9z"
/>
</svg>
</span>
</div>
<div>
<div class="mb-0 font-semibold text-gray-800 dark:text-white">
Bitcoin
</div>
<p
class="text-sm text-gray-500 dark:text-white/70 mb-0 leading-none"
>
BTC/USD
</p>
</div>
</div>
<div class="ltr:ml-auto rtl:mr-auto text-end my-auto">
<h3 class="text-gray-800 dark:text-white font-medium text-xl">
1.343434 BTC
</h3>
<p class="text-danger mb-0">
<i class="ri-arrow-down-line"></i> -0.52%
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-span-12 md:col-span-6 xxl:col-span-3">
<div class="box overflow-hidden">
<div class="box-body">
<div class="flex items-center">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<span
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20 p-2"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path
fill="#1e75bc"
d="M3 99.8C5 94 6.8 88.6 8.8 83.1c.2-.5 1.2-1 1.8-1 3.3-.1 6.6 0 9.9 0h64.6c1.7 0 2.5-.5 3-2.2 3.6-10.6 7.3-21.2 11-31.8.2-.6.3-1.1.6-2H21.4c2-5.9 3.9-11.4 5.9-16.9.2-.4 1-.8 1.5-.8 2-.1 3.9 0 5.9 0 26.5 0 53 .2 79.6-.1 7.9-.1 16.3 6 12.9 17.6-2.5 8.7-5.8 17.1-8.7 25.6-1 2.9-2 5.9-3 8.7-3.7 10.2-11.2 16.3-21.5 19.2-.9.3-1.9.3-2.9.3H5.2c-.6.1-1.3.1-2.2.1z"
/>
<path
fill="#1e75bc"
d="M52.6 55.6c-2 5.6-3.9 10.9-5.9 16-.1.4-.9.7-1.4.7H.8c-.2 0-.4-.1-.8-.3 1.9-5.2 3.7-10.3 5.7-15.4.2-.5 1-1 1.5-1h45.4z"
/>
</svg>
</span>
</div>
<div>
<div class="mb-0 font-semibold text-gray-800 dark:text-white">
Dash
</div>
<p
class="text-sm text-gray-500 dark:text-white/70 mb-0 leading-none"
>
DASH/USD
</p>
</div>
</div>
<div class="ltr:ml-auto rtl:mr-auto text-end">
<h3 class="text-gray-800 dark:text-white font-medium text-xl">
1.343434 Dash
</h3>
<p class="text-success mb-0">
<i class="ri-arrow-up-line"></i> +13.52%
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-span-12 md:col-span-6 xxl:col-span-3">
<div class="box overflow-hidden">
<div class="box-body">
<div class="flex items-center">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<span
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20 p-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="23"
viewBox="0 0 39 64"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#0C8312"
d="M19.6 19.2V.8L39 29.5zM19.6 45.7v18.4L39 35.4zM19.6 34.2V22.5l19 10z"
/>
<path fill="#034C03" d="M19.6 42.7v-8.5l19-1.7z" />
<path
fill="#3CB93C"
d="M19.6 19.2V.8L.2 29.5zM19.6 45.7v18.4L.2 35.4zM19.6 34.2V22.5l-19 10z"
/>
<path fill="#166816" d="M19.6 42.7v-8.5l-19-1.7z" />
</g>
</svg>
</span>
</div>
<div>
<div class="mb-0 font-semibold text-gray-800 dark:text-white">
Etherium
</div>
<p
class="text-sm text-gray-500 dark:text-white/70 mb-0 leading-none"
>
ETH/USD
</p>
</div>
</div>
<div class="ltr:ml-auto rtl:mr-auto text-end">
<h3 class="text-gray-800 dark:text-white font-medium text-xl">
1.343434 ETH
</h3>
<p class="text-success mb-0">
<i class="ri-arrow-up-line"></i> +13.52%
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-span-12 md:col-span-6 xxl:col-span-3">
<div class="box overflow-hidden">
<div class="box-body">
<div class="flex items-center">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<span
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20 p-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
id="golem"
x="0"
y="0"
version="1.1"
viewBox="0 0 128 128"
xml:space="preserve"
>
<path
fill="#026990"
d="M59.5 8.5c5-.1 9.6.8 13.7 3.6 1.8 1.2 3.3 1 4.8-.6C81.3 8 84.7 4.8 88.1 1.4 89.3 0 90.4-.7 92 1c1.4 1.5 1 2.6-.3 3.9-3.4 3.4-6.7 7-10.2 10.4-1.5 1.5-1.7 2.6-.6 4.5 7.7 13.9 3.9 30.2-11.5 37.6-1.5.7-3.1 1-4.7 1.4-1.8.4-2.6 1.4-2.5 3.3.1 4 .1 8 0 11.9-.1 2.1.6 3.1 2.8 3.6 8.3 2 14.1 7 17.8 14.6 3.5 7.4 2.6 20.6-5 28.5-6.4 6.5-17.7 9.3-26.1 5.9-10-4-16.2-12.8-16.3-23.4-.1-12.8 6.8-22 19.2-25.4 1.8-.5 2.9-1.4 2.9-3.4-.1-4.5 0-9.1-.2-13.6 0-.8-1.5-1.9-2.5-2.2-8-2.1-13.9-6.9-17.2-14.5-8-17.4 5.3-36.6 21.9-35.6zm20.3 93.9c0-10.5-9.2-20.2-19.4-20.2-10.7-.2-20.4 9.3-20.6 20-.1 10.6 9.8 20.8 20 20.7 10.8-.1 20.1-9.6 20-20.5zM40.1 33.2c0 11.5 8.9 20.8 20 20.8 10.3 0 19.8-9.6 19.7-20.2 0-10-7.4-20.3-19.7-20.1-11.1.3-19.9 8.6-20 19.5z"
></path>
</svg>
</span>
</div>
<div>
<div class="mb-0 font-semibold text-gray-800 dark:text-white">
Etherium
</div>
<p
class="text-sm text-gray-500 dark:text-white/70 mb-0 leading-none"
>
GLM/USD
</p>
</div>
</div>
<div class="ltr:ml-auto rtl:mr-auto text-end">
<h3 class="text-gray-800 dark:text-white font-medium text-xl">
2.253353 GLM
</h3>
<p class="text-danger mb-0">
<i class="ri-arrow-down-line"></i> -1.52%
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-span-12 xxl:col-span-9">
<div class="box">
<div class="box-header">
<div class="sm:flex justify-between space-y-2 sm:space-y-0">
<h5 class="box-title my-auto">Sales Overview</h5>
<div class="inline-flex rounded-md shadow-sm">
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-primary"
>
1D
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
1W
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
1M
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
3M
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
6M
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
1Y
</button>
</div>
</div>
</div>
<div class="box-body p-0">
<div
class="sm:flex flex-wrap p-4 border-b border-dashed border-gray-200 dark:border-white/10"
>
<div class="ltr:mr-3 rtl:ml-3">
<span
class="avatar avatar-sm rounded-full p-2 bg-gray-100 dark:bg-black/20"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path
fill="#f89f36"
d="M109.8 75.7c-.8-5.7-3.6-10.1-8.6-13-2.3-1.3-4.8-2.2-7.4-3.3.3-.2.5-.4.7-.5 12.5-6.4 11.4-25.7 2.3-32.3-3.7-2.7-7.8-4.4-12.1-5.4-3.1-.7-6.2-1.2-9.4-1.7 0-5.6.1-13.3.1-19.5H63.7c-.1 6.1-.1 13.6-.2 19.1h-9.4c0-5.5.1-13 .1-19.1H42.6c-.1 6.2-.1 13.9-.2 19.4-8-.1-15.7-.1-23.7-.2 0 4.3-.1 8.3-.1 12.5 1.7 0 3.2 0 4.6.1 1.5 0 3 0 4.4.1 4.1.3 6.2 2.6 6.2 6.6-.2 16.7-.4 33.5-.5 50.2 0 3.7-1.6 5.1-5.2 5.1h-7.8c-.8 4.7-1.6 9.2-2.4 13.9 7.9.1 15.7.2 23.7.3 0 6-.1 13.6-.1 19.9h11.7c.1-6.3.1-13.7.2-19.6 3.3.1 6.3.2 9.4.3 0 6-.1 13.3-.1 19.4h11.7c.1-6.3.1-13.7.2-19.5.4-.1.7-.1 1-.2 5.6-.9 11.3-1.4 16.7-2.7 7.1-1.8 12.7-5.9 15.7-12.9 2.1-5.4 2.6-11.1 1.8-17zM54.3 32.9c7.3 0 14.4-.6 21 2.4 4.4 1.9 6.6 5.5 6.3 9.8-.3 4.6-2.9 7.9-7.6 9.4-6.4 2.1-13.1 2-20 1.7.1-7.6.2-15.2.3-23.3zm25.5 58.4c-6.5 2.9-13.3 2.9-20.2 3-1.9 0-3.8-.1-5.9-.1l.3-25.9c8.9 0 17.7-.7 26 3 4.3 1.9 6.8 5.2 6.8 10.1-.1 4.9-2.7 8-7 9.9z"
/>
</svg>
</span>
</div>
<div class="sm:flex flex-wrap justify-evenly flex-auto">
<div class="sm:m-0 m-2">
<span class="text-gray-500 dark:text-white/70">Symbol</span>
<p class="font-semibold mb-0">BTC</p>
</div>
<div class="sm:m-0 m-2">
<span class="text-gray-500 dark:text-white/70"
>Price Benchmark</span
>
<p class="font-semibold mb-0">128.00%</p>
</div>
<div class="sm:m-0 m-2">
<span class="text-gray-500 dark:text-white/70">Price (USD)</span>
<p class="text-success font-semibold mb-0">$4,253.49</p>
</div>
<div class="sm:m-0 m-2">
<span class="text-gray-500 dark:text-white/70">Change (24H)</span>
<p class="text-danger font-semibold mb-0">-0.24%</p>
</div>
<div class="sm:m-0 m-2">
<span class="text-gray-500 dark:text-white/70">Market Cap</span>
<p class="font-semibold mb-0">$179.12B</p>
</div>
</div>
</div>
<div id="crypto" class="p-4">
<apx-chart
[series]="chartOptions.series"
[chart]="chartOptions.chart"
[xaxis]="chartOptions.xaxis"
[yaxis]="chartOptions.yaxis"
[plotOptions]="chartOptions.plotOptions"
></apx-chart>
</div>
</div>
</div>
</div>
<div class="col-span-12 xxl:col-span-3">
<div class="box recent-trasaction-box">
<div class="box-header">
<div class="flex justify-between">
<h5 class="box-title my-auto">Recent Transactions</h5>
<div
class="hs-dropdown ti-dropdown block ltr:ml-auto rtl:mr-auto my-auto"
>
<button
id="hs-dropdown-custom-icon-trigger3"
type="button"
aria-label="button"
class="hs-dropdown-toggle ti-dropdown-toggle rounded-sm p-2 bg-white !border border-gray-200 text-gray-500 hover:bg-gray-100 focus:ring-gray-200 dark:bg-black/20 dark:hover:bg-black/30 dark:border-white/10 dark:hover:border-white/20 dark:focus:ring-white/10 dark:focus:ring-offset-white/10"
>
<i class="text-sm leading-none ti ti-dots-vertical"></i>
</button>
<div
class="hs-dropdown-menu ti-dropdown-menu"
aria-labelledby="hs-dropdown-custom-icon-trigger3"
>
<a class="ti-dropdown-item" href="javascript:void(0)">Action</a>
<a class="ti-dropdown-item" href="javascript:void(0)"
>Another Action</a
>
<a class="ti-dropdown-item" href="javascript:void(0)"
>Something else here</a
>
</div>
</div>
</div>
</div>
<div class="box-body">
<ul class="flex flex-col">
<li
class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white"
>
<a href="javascript:void(0);" class="w-full">
<div class="flex items-center justify-between">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<img
src="./assets/img/crypto-currencies/round-outline/Bitcoin.svg"
alt=""
class="avatar w-9 h-9"
/>
</div>
<div>
<p class="mb-0 font-semibold text-sm">Bitcoin</p>
<p class="mb-0 text-xs text-success font-semibold">Sell</p>
</div>
</div>
<div class="text-end">
<p class="mb-0 font-semibold text-sm">+$19,123.02</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
BTC 0.0823.45
</p>
</div>
</div>
</a>
</li>
<li
class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white"
>
<a href="javascript:void(0);" class="w-full">
<div class="flex items-center justify-between">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<img
src="./assets/img/crypto-currencies/round-outline/Ethereum.svg"
alt=""
class="avatar w-9 h-9"
/>
</div>
<div>
<p class="mb-0 font-semibold text-sm">Etherium</p>
<p class="mb-0 text-xs text-primary font-semibold">Buy</p>
</div>
</div>
<div class="text-end">
<p class="mb-0 font-semibold text-sm">-$1,430.92</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
ETH 10,783.23
</p>
</div>
</div>
</a>
</li>
<li
class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white"
>
<a href="javascript:void(0);" class="w-full">
<div class="flex items-center justify-between">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<img
src="./assets/img/crypto-currencies/round-outline/Dash.svg"
alt=""
class="avatar w-9 h-9"
/>
</div>
<div>
<p class="mb-0 font-semibold text-sm">Dash</p>
<p class="mb-0 text-xs text-success font-semibold">Sell</p>
</div>
</div>
<div class="text-end">
<p class="mb-0 font-semibold text-sm">+$5,236.53</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
DASH 12,456.98
</p>
</div>
</div>
</a>
</li>
<li
class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white"
>
<a href="javascript:void(0);" class="w-full">
<div class="flex items-center justify-between">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<img
src="./assets/img/crypto-currencies/round-outline/Bytecoin.svg"
alt=""
class="avatar w-9 h-9"
/>
</div>
<div>
<p class="mb-0 font-semibold text-sm">Bytecoin</p>
<p class="mb-0 text-xs text-primary font-semibold">Buy</p>
</div>
</div>
<div class="text-end">
<p class="mb-0 font-semibold text-sm">-$1,810.93</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
BYTE 8,154.00
</p>
</div>
</div>
</a>
</li>
<li
class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white"
>
<a href="javascript:void(0);" class="w-full">
<div class="flex items-center justify-between">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<img
src="./assets/img/crypto-currencies/round-outline/Golem.svg"
alt=""
class="avatar w-9 h-9"
/>
</div>
<div>
<p class="mb-0 font-semibold text-sm">Golem</p>
<p class="mb-0 text-xs text-success font-semibold">Sell</p>
</div>
</div>
<div class="text-end">
<p class="mb-0 font-semibold text-sm">+$5,046.34</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
GOLEM 9,384.73
</p>
</div>
</div>
</a>
</li>
<li
class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white"
>
<a href="javascript:void(0);" class="w-full">
<div class="flex items-center justify-between">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<img
src="./assets/img/crypto-currencies/round-outline/Siacoin.svg"
alt=""
class="avatar w-9 h-9"
/>
</div>
<div>
<p class="mb-0 font-semibold text-sm">SiaCoin</p>
<p class="mb-0 text-xs text-success font-semibold">Sell</p>
</div>
</div>
<div class="text-end">
<p class="mb-0 font-semibold text-sm">+$2,625.50</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
SIA 3,151.09
</p>
</div>
</div>
</a>
</li>
<li
class="p-0 mb-0 ti-list-group border-0 text-gray-800 dark:text-white"
>
<a href="javascript:void(0);" class="w-full">
<div class="flex items-center justify-between">
<div class="flex items-center">
<div class="ltr:mr-2 rtl:ml-2">
<img
src="./assets/img/crypto-currencies/round-outline/Monero.svg"
alt=""
class="avatar w-9 h-9"
/>
</div>
<div>
<p class="mb-0 font-semibold text-sm">Monero</p>
<p class="mb-0 text-xs text-success font-semibold">Sell</p>
</div>
</div>
<div class="text-end">
<p class="mb-0 font-semibold text-sm">+$1,256.24</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
XMR 2,799.06
</p>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End::row-1 -->
<!-- Start::row-2 -->
<div class="grid grid-cols-12 gap-x-6">
<div class="col-span-12 xxl:col-span-5">
<div class="box overflow-hidden">
<div class="box-header">
<div class="sm:flex justify-between space-y-2 sm:space-y-0">
<h5 class="box-title my-auto">Your Assets</h5>
<div class="block ltr:ml-auto rtl:mr-auto my-auto">
<button
type="button"
class="ti-btn ti-btn-primary ltr:mr-2 rtl:ml-2 p-1 px-3 m-0"
>
Add New
</button>
<button
type="button"
class="ti-btn m-0 rounded-sm p-1 px-3 !border border-gray-200 text-gray-400 hover:text-gray-500 hover:bg-gray-200 hover:border-gray-200 focus:ring-gray-200 dark:hover:bg-black/30 dark:border-white/10 dark:hover:border-white/20 dark:focus:ring-white/10 dark:focus:ring-offset-white/10"
>
View All
</button>
</div>
</div>
</div>
<div class="box-body p-0 activity-table">
<div class="overflow-auto">
<table class="ti-custom-table ti-custom-table-head">
<thead class="">
<tr>
<th scope="col" class="min-w-[200px]">Coin</th>
<th scope="col">Total</th>
<th scope="col">Holding</th>
<th scope="col">Status</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="flex items-center">
<div class="leading-none">
<span
class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20"
>
<img
src="./assets/img/crypto-currencies/regular/Bitcoin.svg"
alt=""
/>
</span>
</div>
<div class="items-center">
<span class="text-xs text-gray-500 dark:text-white/70"
>Currency</span
>
<p class="text-sm mb-0 text-gray-800 dark:text-white">
Bitcoin
</p>
</div>
</div>
</td>
<td>$1,11,290</td>
<td>1.00089BTC</td>
<td>
<span class="text-success">+0.5%</span>
</td>
<td class="border-top-dashed pe-4">
<a
href="javascript:void(0);"
class="ti-btn ti-btn-secondary py-1 px-3"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-1 px-3"
>Sell</a
>
</td>
</tr>
<tr>
<td>
<div class="flex items-center">
<div class="leading-none">
<span
class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20"
>
<img
src="./assets/img/crypto-currencies/regular/Ethereum.svg"
alt=""
/>
</span>
</div>
<div class="items-center">
<span class="text-xs text-gray-500 dark:text-white/70"
>Currency</span
>
<p class="text-sm mb-0 text-gray-800 dark:text-white">
Ethereum
</p>
</div>
</div>
</td>
<td>$1,01,785</td>
<td>0.00185ETH</td>
<td>
<span class="text-success">+10.5%</span>
</td>
<td class="border-top-dashed pe-4">
<a
href="javascript:void(0);"
class="ti-btn ti-btn-secondary py-1 px-3"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-1 px-3"
>Sell</a
>
</td>
</tr>
<tr>
<td>
<div class="flex items-center">
<div class="leading-none">
<span
class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20"
>
<img
src="./assets/img/crypto-currencies/regular/litecoin.svg"
alt=""
/>
</span>
</div>
<div class="items-center">
<span class="text-xs text-gray-500 dark:text-white/70"
>Currency</span
>
<p class="text-sm mb-0 text-gray-800 dark:text-white">
Litecoin
</p>
</div>
</div>
</td>
<td>$1,00,854</td>
<td>1.0145LTC</td>
<td>
<span class="text-danger">-0.05%</span>
</td>
<td class="border-top-dashed pe-4">
<a
href="javascript:void(0);"
class="ti-btn ti-btn-secondary py-1 px-3"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-1 px-3"
>Sell</a
>
</td>
</tr>
<tr>
<td>
<div class="flex items-center">
<div class="leading-none">
<span
class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20"
>
<img
src="./assets/img/crypto-currencies/regular/Dash.svg"
alt=""
/>
</span>
</div>
<div class="items-center">
<span class="text-xs text-gray-500 dark:text-white/70"
>Currency</span
>
<p class="text-sm mb-0 text-gray-800 dark:text-white">
Dash
</p>
</div>
</div>
</td>
<td>$1,01,214</td>
<td>0.0156DSH</td>
<td>
<span class="text-success">+5.89%</span>
</td>
<td class="border-top-dashed pe-4">
<a
href="javascript:void(0);"
class="ti-btn ti-btn-secondary py-1 px-3"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-1 px-3"
>Sell</a
>
</td>
</tr>
<tr>
<td>
<div class="flex items-center">
<div class="leading-none">
<span
class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20"
>
<img
src="./assets/img/crypto-currencies/regular/Golem.svg"
alt=""
/>
</span>
</div>
<div class="items-center">
<span class="text-xs text-gray-500 dark:text-white/70"
>Currency</span
>
<p class="text-sm mb-0 text-gray-800 dark:text-white">
Golem
</p>
</div>
</div>
</td>
<td>$1,00,985</td>
<td>0.011125GLM</td>
<td>
<span class="text-success">+11.07%</span>
</td>
<td class="border-top-dashed pe-4">
<a
href="javascript:void(0);"
class="ti-btn ti-btn-secondary py-1 px-3"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-1 px-3"
>Sell</a
>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-span-12 xl:col-span-6 xxl:col-span-4">
<div class="box">
<div class="box-header">
<div class="flex justify-between">
<h5 class="box-title my-auto">Top Traders</h5>
<div
class="hs-dropdown ti-dropdown block ltr:ml-auto rtl:mr-auto my-auto open"
>
<button
type="button"
class="hs-dropdown-toggle ti-dropdown-toggle rounded-sm p-1 px-3 !border border-gray-200 text-gray-400 hover:text-gray-500 hover:bg-gray-200 hover:border-gray-200 focus:ring-gray-200 dark:hover:bg-black/30 dark:border-white/10 dark:hover:border-white/20 dark:focus:ring-white/10 dark:focus:ring-offset-white/10"
>
View All <i class="ti ti-chevron-down"></i>
</button>
<div class="hs-dropdown-menu ti-dropdown-menu hidden">
<a class="ti-dropdown-item" href="javascript:void(0)">Download</a>
<a class="ti-dropdown-item" href="javascript:void(0)">Import</a>
<a class="ti-dropdown-item" href="javascript:void(0)">Export</a>
</div>
</div>
</div>
</div>
<div class="box-body">
<ul class="flex flex-col">
<li
class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white"
>
<div class="sm:flex items-center w-full">
<div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
<img
src="./assets/img/users/11.jpg"
alt=""
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20"
/>
</div>
<div class="sm:flex items-center justify-between w-full">
<div>
<p class="mb-0 font-semibold text-sm">Json Taylor</p>
<p class="mb-0 text-gray-500 dark:text-white/70 text-xs">
Bought 0.008213 Bitcoin using ****9808
</p>
</div>
<div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
<p class="mb-0 font-semibold text-sm text-success">
0.09251821409 <span class="">- BTC</span>
</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
$1,203.92
</p>
</div>
</div>
</div>
</li>
<li
class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white"
>
<div class="sm:flex items-center w-full">
<div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
<img
src="./assets/img/users/4.jpg"
alt=""
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20"
/>
</div>
<div class="sm:flex items-center justify-between w-full">
<div>
<p class="mb-0 font-semibold text-sm">Alicia Smith</p>
<p class="mb-0 text-gray-500 dark:text-white/70 text-xs">
Sold - 0.7902400 Litecoin
</p>
</div>
<div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
<p class="mb-0 font-semibold text-sm text-success">
0.2362333001<span class="">- LTC</span>
</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
$19,092.56
</p>
</div>
</div>
</div>
</li>
<li
class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white"
>
<div class="sm:flex items-center w-full">
<div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
<img
src="./assets/img/users/15.jpg"
alt=""
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20"
/>
</div>
<div class="sm:flex items-center justify-between w-full">
<div>
<p class="mb-0 font-semibold text-sm">Branco Eliga</p>
<p class="mb-0 text-gray-500 dark:text-white/70 text-xs">
Bought +12.9092 Euro coin
</p>
</div>
<div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
<p class="mb-0 font-semibold text-sm text-success">
0.009823487<span class="">- EUROC</span>
</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
$8,977.46
</p>
</div>
</div>
</div>
</li>
<li
class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white"
>
<div class="sm:flex items-center w-full">
<div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
<img
src="./assets/img/users/12.jpg"
alt=""
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20"
/>
</div>
<div class="sm:flex items-center justify-between w-full">
<div>
<p class="mb-0 font-semibold text-sm">Alec Carey</p>
<p class="mb-0 text-gray-500 dark:text-white/70 text-xs">
Bought 32.09472944 Dash using wallet
</p>
</div>
<div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
<p class="mb-0 font-semibold text-sm text-success">
8.88234590<span class="">- DASH</span>
</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
$9,772.46
</p>
</div>
</div>
</div>
</li>
<li
class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white"
>
<div class="sm:flex items-center w-full">
<div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
<img
src="./assets/img/users/5.jpg"
alt=""
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20"
/>
</div>
<div class="sm:flex items-center justify-between w-full">
<div>
<p class="mb-0 font-semibold text-sm">Sia Linda</p>
<p class="mb-0 text-gray-500 dark:text-white/70 text-xs">
Sent 0.00662 Bitcoin to Ravos Chan
</p>
</div>
<div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
<p class="mb-0 font-semibold text-sm text-success">
58.6225600 <span class="">- BTC</span>
</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
$9,772.46
</p>
</div>
</div>
</div>
</li>
<li
class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white"
>
<div class="sm:flex items-center w-full">
<div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
<img
src="./assets/img/users/8.jpg"
alt=""
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20"
/>
</div>
<div class="sm:flex items-center justify-between w-full">
<div>
<p class="mb-0 font-semibold text-sm">Bella Siri</p>
<p class="mb-0 text-gray-500 dark:text-white/70 text-xs">
Sell 0.00662 Gollem to Karan Bhan
</p>
</div>
<div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
<p class="mb-0 font-semibold text-sm text-success">
62.25635852 <span class="">- GLM</span>
</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
$9,772.46
</p>
</div>
</div>
</div>
</li>
<li
class="mb-0 p-0 ti-list-group border-0 text-gray-800 dark:text-white"
>
<div class="sm:flex items-center w-full">
<div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
<img
src="./assets/img/users/10.jpg"
alt=""
class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20"
/>
</div>
<div class="sm:flex items-center justify-between w-full">
<div>
<p class="mb-0 font-semibold text-sm">Ryan Ranolds</p>
<p class="mb-0 text-gray-500 dark:text-white/70 text-xs">
Bought 2.098123 Etherium
</p>
</div>
<div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
<p class="mb-0 font-semibold text-sm text-success">
190.0092773 <span class="">- ETH</span>
</p>
<p
class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs"
>
$18,283982.00
</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-span-12 xl:col-span-6 xxl:col-span-3">
<div class="box">
<div class="box-header">
<div class="sm:flex justify-between space-y-2 sm:space-y-0">
<h5 class="box-title my-auto">Currency Converter</h5>
<div class="hs-dropdown ti-dropdown block ltr:ml-auto rtl:mr-auto my-auto">
<button id="hs-dropdown-custom-icon-trigger" type="button"
class="hs-dropdown-toggle px-2 py-1 ti-btn ti-btn-primary">USD
($)<i class="ri-arrow-down-s-line align-middle"></i></button>
<div class="hs-dropdown-menu ti-dropdown-menu"
aria-labelledby="hs-dropdown-custom-icon-trigger">
<a class="ti-dropdown-item" href="javascript:void(0)">USD ($)</a>
<a class="ti-dropdown-item" href="javascript:void(0)">Euro (€)</a>
<a class="ti-dropdown-item" href="javascript:void(0)">FJD ($)</a>
<a class="ti-dropdown-item" href="javascript:void(0)">INR (₹)</a>
</div>
</div>
</div>
</div>
<div class="box-body p-0">
<div
class="sm:flex items-center justify-between px-4 py-3 border-b border-dashed border-gray-200 dark:border-white/10 xxxl:block">
<p class="text-gray-500 dark:text-white/70 mb-0">Bal Available:<span
class="text-primary text-sm ltr:ml-1 rtl:mr-1">$25,390.00</span></p>
<p class="text-gray-500 dark:text-white/70 mb-0">1 USD:<span
class="text-primary text-sm ltr:ml-1 rtl:mr-1"> ~ 0.000158BTC</span></p>
</div>
<div class="p-4" id="buy-style-1">
<div class="mb-4">
<div class="sm:flex rounded-sm">
<span
class="py-2 px-3 inline-flex items-center min-w-fit w-full border border-gray-200 bg-gray-50 text-sm text-gray-500 -mt-px sm:ltr:-ml-px sm:rtl:-mr-px first:rounded-t-sm last:rounded-b-sm sm:w-auto ltr:sm:first:rounded-l-sm rtl:sm:first:rounded-r-sm sm:mt-0 ltr:sm:first:ml-0 rtl:sm:first:mr-0 ltr:sm:first:rounded-tr-none rtl:sm:first:rounded-tl-none ltr:sm:last:rounded-bl-none rtl:sm:last:rounded-br-none ltr:sm:last:rounded-r-sm rtl:sm:last:rounded-l-sm dark:bg-black/20 dark:border-white/10 dark:text-white/70">Pay</span>
<input type="number"
class="ti-form-input rounded-none -mt-px sm:ltr:-ml-px sm:rtl:-mr-px first:rounded-t-sm last:rounded-b-sm ltr:sm:first:rounded-l-sm rtl:sm:first:rounded-r-sm sm:mt-0 ltr:sm:first:ml-0 rtl:sm:first:mr-0 ltr:sm:first:rounded-tr-none rtl:sm:first:rounded-tl-none ltr:sm:last:rounded-bl-none rtl:sm:last:rounded-br-none ltr:sm:last:rounded-r-sm rtl:sm:last:rounded-l-sm relative focus:z-10"
value="0.0329" placeholder="Amount of coins">
<div
class="sm:inline-flex items-center min-w-fit sm:ltr:rounded-r-sm sm:ltr:rounded-l-none sm:rtl:rounded-l-sm sm:rtl:rounded-r-none rounded-sm border sm:ltr:border-l-0 sm:rtl:border-r-0 border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10">
<ng-select class="ti-form-select currency-converter border-0" placeholder="BTC" data-trigger
name="choices-single-default" id="choices-single-default2">
<ng-option value="">BTC</ng-option>
<ng-option value="Choice 1">ETH</ng-option>
<ng-option value="Choice 2">XRP</ng-option>
<ng-option value="Choice 3">DASH</ng-option>
<ng-option value="Choice 4">NEO</ng-option>
<ng-option value="Choice 5">LTC</ng-option>
<ng-option value="Choice 6">BSD</ng-option>
</ng-select>
</div>
</div>
<a href="javascript:void(0);" aria-label="anchor"
class="flex items-center justify-center ti-btn p-0 flex-shrink-0 h-[2.375rem] w-[2.375rem] bg-secondary text-white hover:bg-secondary focus:ring-0 focus:ring-secondary dark:focus:ring-offset-white/10 !mx-auto my-2"><i
class="ti ti-arrows-down-up"></i></a>
<div class="sm:flex rounded-sm">
<span
class="py-2 px-3 inline-flex items-center min-w-fit w-full border border-gray-200 bg-gray-50 text-sm text-gray-500 -mt-px sm:ltr:-ml-px sm:rtl:-mr-px first:rounded-t-sm last:rounded-b-sm sm:w-auto ltr:sm:first:rounded-l-sm rtl:sm:first:rounded-r-sm sm:mt-0 ltr:sm:first:ml-0 rtl:sm:first:mr-0 ltr:sm:first:rounded-tr-none rtl:sm:first:rounded-tl-none ltr:sm:last:rounded-bl-none rtl:sm:last:rounded-br-none ltr:sm:last:rounded-r-sm rtl:sm:last:rounded-l-sm dark:bg-black/20 dark:border-white/10 dark:text-white/70">Buy</span>
<input type="number"
class="ti-form-input rounded-none -mt-px sm:ltr:-ml-px sm:rtl:-mr-px first:rounded-t-sm last:rounded-b-sm ltr:sm:first:rounded-l-sm rtl:sm:first:rounded-r-sm sm:mt-0 ltr:sm:first:ml-0 rtl:sm:first:mr-0 ltr:sm:first:rounded-tr-none rtl:sm:first:rounded-tl-none ltr:sm:last:rounded-bl-none rtl:sm:last:rounded-br-none ltr:sm:last:rounded-r-sm rtl:sm:last:rounded-l-sm relative focus:z-10"
value="0.00378" placeholder="Amount you get">
<div
class="sm:inline-flex items-center min-w-fit sm:ltr:rounded-r-sm sm:ltr:rounded-l-none sm:rtl:rounded-l-sm sm:rtl:rounded-r-none rounded-sm border sm:ltr:border-l-0 sm:rtl:border-r-0 border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10">
<ng-select class="ti-form-select currency-converter border-0" placeholder="BTC" data-trigger
name="choices-single-default" id="choices-single-default2">
<ng-option value="">BTC</ng-option>
<ng-option value="Choice 1">ETH</ng-option>
<ng-option value="Choice 2">XRP</ng-option>
<ng-option value="Choice 3">DASH</ng-option>
<ng-option value="Choice 4">NEO</ng-option>
<ng-option value="Choice 5">LTC</ng-option>
<ng-option value="Choice 6">BSD</ng-option>
</ng-select>
</div>
</div>
</div>
<div class="p-3 rounded-sm bg-gray-100 dark:bg-black/20 mb-4 overflow-auto">
<div class="sm:grid grid-cols-12 gap-x-6">
<div class="col-span-6 mb-2">
<span>Transaction Fee</span>
</div>
<div class="col-span-6 mb-2">
<span class="sm:ltr:float-right sm:rtl:float-left">$2.05</span>
</div>
<div class="col-span-6 mb-2">
<span>Other Charges</span>
</div>
<div class="col-span-6 mb-2">
<span class="sm:ltr:float-right sm:rtl:float-left">$7.73</span>
</div>
<div class="col-span-6">
<span class="font-semibold text-base">Total</span>
</div>
<div class="col-span-6">
<span
class="sm:ltr:float-right sm:rtl:float-left font-semibold text-base">$34,798.00</span>
</div>
</div>
</div>
<a href="javascript:void(0);" class="ti-btn ti-btn-primary m-0 w-full">Exchange<i
class="ti ti-arrow-narrow-right align-middle"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- End::row-2 -->
<!-- Start::row-3 -->
<div class="grid grid-cols-12 gap-x-6">
<div class="col-span-12">
<div class="box">
<div class="box-header">
<div class="sm:flex justify-between space-y-2 sm:space-y-0">
<h5 class="box-title my-auto">Crypto Currencies Market Trends</h5>
<div class="inline-flex rounded-md shadow-sm">
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-primary"
>
1D
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
1W
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
1M
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
3M
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
6M
</button>
<button
type="button"
class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary"
>
1Y
</button>
</div>
</div>
</div>
<div class="box-body">
<div class="table-bordered rounded-sm overflow-auto crypto-table">
<table class="ti-custom-table ti-custom-table-head">
<thead class="">
<tr>
<th scope="col">S.No</th>
<th scope="col">Name</th>
<th scope="col">Symbol</th>
<th scope="col">Price</th>
<th scope="col">Market Cap</th>
<th scope="col">Price Graph</th>
<th scope="col">Volume</th>
<th scope="col">Price Change</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Bitcoin</td>
<td>
<div class="leading-none flex items-center">
<img
class="avatar w-5 h-5 rounded-full"
src="./assets/img/crypto-currencies/regular/Bitcoin.svg"
alt=""
/>
- BTC
</div>
</td>
<td>$16,839.10</td>
<td>324.01B</td>
<td>
<div id="bitcoin-price-graph">
<svg
id="SvgjsSvg2031"
width="120"
height="20"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:svgjs="http://svgjs.dev"
class="apexcharts-svg"
xmlns:data="ApexChartsNS"
transform="translate(0, 0)"
style="background: transparent"
>
<g
id="SvgjsG2033"
class="apexcharts-inner apexcharts-graphical"
transform="translate(0, 0)"
>
<defs id="SvgjsDefs2032">
<clipPath id="gridRectMaskzuonarnil">
<rect
id="SvgjsRect2039"
width="125.5"
height="21.5"
x="-2.75"
y="-0.75"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<clipPath id="forecastMaskzuonarnil"></clipPath>
<clipPath id="nonForecastMaskzuonarnil"></clipPath>
<clipPath id="gridRectMarkerMaskzuonarnil">
<rect
id="SvgjsRect2040"
width="124"
height="24"
x="-2"
y="-2"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<filter
id="SvgjsFilter2046"
filterUnits="userSpaceOnUse"
width="200%"
height="200%"
x="-50%"
y="-50%"
>
<feFlood
id="SvgjsFeFlood2047"
flood-color="#000000"
flood-opacity="0.1"
result="SvgjsFeFlood2047Out"
in="SourceGraphic"
></feFlood>
<feComposite
id="SvgjsFeComposite2048"
in="SvgjsFeFlood2047Out"
in2="SourceAlpha"
operator="in"
result="SvgjsFeComposite2048Out"
></feComposite>
<feOffset
id="SvgjsFeOffset2049"
dx="0"
dy="0"
result="SvgjsFeOffset2049Out"
in="SvgjsFeComposite2048Out"
></feOffset>
<feGaussianBlur
id="SvgjsFeGaussianBlur2050"
stdDeviation="3 "
result="SvgjsFeGaussianBlur2050Out"
in="SvgjsFeOffset2049Out"
></feGaussianBlur>
<feMerge
id="SvgjsFeMerge2051"
result="SvgjsFeMerge2051Out"
in="SourceGraphic"
>
<feMergeNode
id="SvgjsFeMergeNode2052"
in="SvgjsFeGaussianBlur2050Out"
></feMergeNode>
<feMergeNode
id="SvgjsFeMergeNode2053"
in="[object Arguments]"
></feMergeNode>
</feMerge>
<feBlend
id="SvgjsFeBlend2054"
in="SourceGraphic"
in2="SvgjsFeMerge2051Out"
mode="normal"
result="SvgjsFeBlend2054Out"
></feBlend>
</filter>
</defs>
<line
id="SvgjsLine2038"
x1="0"
y1="0"
x2="0"
y2="20"
stroke="#b6b6b6"
stroke-dasharray="3"
stroke-linecap="butt"
class="apexcharts-xcrosshairs"
x="0"
y="0"
width="1"
height="20"
fill="#b1b9c4"
filter="none"
fill-opacity="0.9"
stroke-width="1"
></line>
<g
id="SvgjsG2055"
class="apexcharts-xaxis"
transform="translate(0, 0)"
>
<g
id="SvgjsG2056"
class="apexcharts-xaxis-texts-g"
transform="translate(0, 4)"
></g>
</g>
<g id="SvgjsG2082" class="apexcharts-grid">
<g
id="SvgjsG2083"
class="apexcharts-gridlines-horizontal"
style="display: none"
>
<line
id="SvgjsLine2085"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2086"
x1="0"
y1="4"
x2="120"
y2="4"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2087"
x1="0"
y1="8"
x2="120"
y2="8"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2088"
x1="0"
y1="12"
x2="120"
y2="12"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2089"
x1="0"
y1="16"
x2="120"
y2="16"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2090"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
</g>
<g
id="SvgjsG2084"
class="apexcharts-gridlines-vertical"
style="display: none"
></g>
<line
id="SvgjsLine2092"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
<line
id="SvgjsLine2091"
x1="0"
y1="1"
x2="0"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
</g>
<g
id="SvgjsG2041"
class="apexcharts-line-series apexcharts-plot-series"
>
<g
id="SvgjsG2042"
class="apexcharts-series"
seriesName="Value"
data:longestSeries="true"
rel="1"
data:realIndex="0"
>
<path
id="SvgjsPath2045"
d="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13.8 36.52173913043478 13.8C 38.34782608695652 13.8 39.91304347826087 12.6 41.73913043478261 12.6C 43.565217391304344 12.6 45.130434782608695 12.2 46.95652173913043 12.2C 48.78260869565217 12.2 50.347826086956516 7.6 52.17391304347826 7.6C 54 7.6 55.565217391304344 9.8 57.391304347826086 9.8C 59.21739130434782 9.8 60.78260869565217 13 62.60869565217391 13C 64.43478260869564 13 66 11.8 67.82608695652173 11.8C 69.65217391304347 11.8 71.21739130434783 13 73.04347826086956 13C 74.8695652173913 13 76.43478260869566 14.6 78.26086956521739 14.6C 80.08695652173913 14.6 81.65217391304348 1.3999999999999986 83.47826086956522 1.3999999999999986C 85.30434782608695 1.3999999999999986 86.8695652173913 9.4 88.69565217391303 9.4C 90.52173913043477 9.4 92.08695652173913 7.800000000000001 93.91304347826086 7.800000000000001C 95.7391304347826 7.800000000000001 97.30434782608695 14.6 99.13043478260869 14.6C 100.95652173913042 14.6 102.52173913043478 9.2 104.34782608695652 9.2C 106.17391304347825 9.2 107.73913043478261 11.4 109.56521739130434 11.4C 111.39130434782608 11.4 112.95652173913044 16.2 114.78260869565217 16.2C 116.6086956521739 16.2 118.17391304347825 10.8 119.99999999999999 10.8"
fill="none"
fill-opacity="1"
stroke="rgba(40,209,147,0.85)"
stroke-opacity="1"
stroke-linecap="butt"
stroke-width="1.5"
stroke-dasharray="0"
class="apexcharts-line"
index="0"
clip-path="url(#gridRectMaskzuonarnil)"
filter="url(#SvgjsFilter2046)"
pathTo="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13.8 36.52173913043478 13.8C 38.34782608695652 13.8 39.91304347826087 12.6 41.73913043478261 12.6C 43.565217391304344 12.6 45.130434782608695 12.2 46.95652173913043 12.2C 48.78260869565217 12.2 50.347826086956516 7.6 52.17391304347826 7.6C 54 7.6 55.565217391304344 9.8 57.391304347826086 9.8C 59.21739130434782 9.8 60.78260869565217 13 62.60869565217391 13C 64.43478260869564 13 66 11.8 67.82608695652173 11.8C 69.65217391304347 11.8 71.21739130434783 13 73.04347826086956 13C 74.8695652173913 13 76.43478260869566 14.6 78.26086956521739 14.6C 80.08695652173913 14.6 81.65217391304348 1.3999999999999986 83.47826086956522 1.3999999999999986C 85.30434782608695 1.3999999999999986 86.8695652173913 9.4 88.69565217391303 9.4C 90.52173913043477 9.4 92.08695652173913 7.800000000000001 93.91304347826086 7.800000000000001C 95.7391304347826 7.800000000000001 97.30434782608695 14.6 99.13043478260869 14.6C 100.95652173913042 14.6 102.52173913043478 9.2 104.34782608695652 9.2C 106.17391304347825 9.2 107.73913043478261 11.4 109.56521739130434 11.4C 111.39130434782608 11.4 112.95652173913044 16.2 114.78260869565217 16.2C 116.6086956521739 16.2 118.17391304347825 10.8 119.99999999999999 10.8"
pathFrom="M -1 20L -1 20L 5.217391304347826 20L 10.434782608695652 20L 15.652173913043477 20L 20.869565217391305 20L 26.08695652173913 20L 31.304347826086953 20L 36.52173913043478 20L 41.73913043478261 20L 46.95652173913043 20L 52.17391304347826 20L 57.391304347826086 20L 62.60869565217391 20L 67.82608695652173 20L 73.04347826086956 20L 78.26086956521739 20L 83.47826086956522 20L 88.69565217391303 20L 93.91304347826086 20L 99.13043478260869 20L 104.34782608695652 20L 109.56521739130434 20L 114.78260869565217 20L 119.99999999999999 20"
></path>
<g
id="SvgjsG2043"
class="apexcharts-series-markers-wrap"
data:realIndex="0"
></g>
</g>
<g
id="SvgjsG2044"
class="apexcharts-datalabels"
data:realIndex="0"
></g>
</g>
<line
id="SvgjsLine2093"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#b6b6b6"
stroke-dasharray="0"
stroke-width="1"
stroke-linecap="butt"
class="apexcharts-ycrosshairs"
></line>
<line
id="SvgjsLine2094"
x1="0"
y1="0"
x2="120"
y2="0"
stroke-dasharray="0"
stroke-width="0"
stroke-linecap="butt"
class="apexcharts-ycrosshairs-hidden"
></line>
<g
id="SvgjsG2095"
class="apexcharts-yaxis-annotations"
></g>
<g
id="SvgjsG2096"
class="apexcharts-xaxis-annotations"
></g>
<g
id="SvgjsG2097"
class="apexcharts-point-annotations"
></g>
</g>
<rect
id="SvgjsRect2037"
width="0"
height="0"
x="0"
y="0"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fefefe"
></rect>
<g
id="SvgjsG2081"
class="apexcharts-yaxis"
rel="0"
transform="translate(-18, 0)"
></g>
<g id="SvgjsG2034" class="apexcharts-annotations"></g>
</svg>
</div>
</td>
<td>14,674,311,168</td>
<td>
<span class="text-success inline-flex"
>0.36%<i
class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"
></i
></span>
</td>
<td>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-2 px-3 m-0"
>Trade</a
>
</td>
</tr>
<tr>
<td>2</td>
<td>Etherium</td>
<td>
<div class="leading-none flex items-center">
<img
class="avatar w-5 h-5 rounded-full"
src="./assets/img/crypto-currencies/regular/Ethereum.svg"
alt=""
/>- ETH
</div>
</td>
<td>1,217.96</td>
<td>$149,316,232,699</td>
<td>
<div id="etherium-price-graph">
<svg
id="SvgjsSvg2098"
width="120"
height="20"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:svgjs="http://svgjs.dev"
class="apexcharts-svg"
xmlns:data="ApexChartsNS"
transform="translate(0, 0)"
style="background: transparent"
>
<g
id="SvgjsG2100"
class="apexcharts-inner apexcharts-graphical"
transform="translate(0, 0)"
>
<defs id="SvgjsDefs2099">
<clipPath id="gridRectMaskn8zukenk">
<rect
id="SvgjsRect2106"
width="125.5"
height="21.5"
x="-2.75"
y="-0.75"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<clipPath id="forecastMaskn8zukenk"></clipPath>
<clipPath id="nonForecastMaskn8zukenk"></clipPath>
<clipPath id="gridRectMarkerMaskn8zukenk">
<rect
id="SvgjsRect2107"
width="124"
height="24"
x="-2"
y="-2"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<filter
id="SvgjsFilter2113"
filterUnits="userSpaceOnUse"
width="200%"
height="200%"
x="-50%"
y="-50%"
>
<feFlood
id="SvgjsFeFlood2114"
flood-color="#000000"
flood-opacity="0.1"
result="SvgjsFeFlood2114Out"
in="SourceGraphic"
></feFlood>
<feComposite
id="SvgjsFeComposite2115"
in="SvgjsFeFlood2114Out"
in2="SourceAlpha"
operator="in"
result="SvgjsFeComposite2115Out"
></feComposite>
<feOffset
id="SvgjsFeOffset2116"
dx="0"
dy="0"
result="SvgjsFeOffset2116Out"
in="SvgjsFeComposite2115Out"
></feOffset>
<feGaussianBlur
id="SvgjsFeGaussianBlur2117"
stdDeviation="3 "
result="SvgjsFeGaussianBlur2117Out"
in="SvgjsFeOffset2116Out"
></feGaussianBlur>
<feMerge
id="SvgjsFeMerge2118"
result="SvgjsFeMerge2118Out"
in="SourceGraphic"
>
<feMergeNode
id="SvgjsFeMergeNode2119"
in="SvgjsFeGaussianBlur2117Out"
></feMergeNode>
<feMergeNode
id="SvgjsFeMergeNode2120"
in="[object Arguments]"
></feMergeNode>
</feMerge>
<feBlend
id="SvgjsFeBlend2121"
in="SourceGraphic"
in2="SvgjsFeMerge2118Out"
mode="normal"
result="SvgjsFeBlend2121Out"
></feBlend>
</filter>
</defs>
<line
id="SvgjsLine2105"
x1="0"
y1="0"
x2="0"
y2="20"
stroke="#b6b6b6"
stroke-dasharray="3"
stroke-linecap="butt"
class="apexcharts-xcrosshairs"
x="0"
y="0"
width="1"
height="20"
fill="#b1b9c4"
filter="none"
fill-opacity="0.9"
stroke-width="1"
></line>
<g
id="SvgjsG2122"
class="apexcharts-xaxis"
transform="translate(0, 0)"
>
<g
id="SvgjsG2123"
class="apexcharts-xaxis-texts-g"
transform="translate(0, 4)"
></g>
</g>
<g id="SvgjsG2149" class="apexcharts-grid">
<g
id="SvgjsG2150"
class="apexcharts-gridlines-horizontal"
style="display: none"
>
<line
id="SvgjsLine2152"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2153"
x1="0"
y1="4"
x2="120"
y2="4"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2154"
x1="0"
y1="8"
x2="120"
y2="8"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2155"
x1="0"
y1="12"
x2="120"
y2="12"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2156"
x1="0"
y1="16"
x2="120"
y2="16"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2157"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
</g>
<g
id="SvgjsG2151"
class="apexcharts-gridlines-vertical"
style="display: none"
></g>
<line
id="SvgjsLine2159"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
<line
id="SvgjsLine2158"
x1="0"
y1="1"
x2="0"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
</g>
<g
id="SvgjsG2108"
class="apexcharts-line-series apexcharts-plot-series"
>
<g
id="SvgjsG2109"
class="apexcharts-series"
seriesName="Value"
data:longestSeries="true"
rel="1"
data:realIndex="0"
>
<path
id="SvgjsPath2112"
d="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13 36.52173913043478 13C 38.34782608695652 13 39.91304347826087 14.6 41.73913043478261 14.6C 43.565217391304344 14.6 45.130434782608695 1.3999999999999986 46.95652173913043 1.3999999999999986C 48.78260869565217 1.3999999999999986 50.347826086956516 9.4 52.17391304347826 9.4C 54 9.4 55.565217391304344 7.800000000000001 57.391304347826086 7.800000000000001C 59.21739130434782 7.800000000000001 60.78260869565217 14.6 62.60869565217391 14.6C 64.43478260869564 14.6 66 9.2 67.82608695652173 9.2C 69.65217391304347 9.2 71.21739130434783 11.4 73.04347826086956 11.4C 74.8695652173913 11.4 76.43478260869566 16.2 78.26086956521739 16.2C 80.08695652173913 16.2 81.65217391304348 10.8 83.47826086956522 10.8C 85.30434782608695 10.8 86.8695652173913 13.8 88.69565217391303 13.8C 90.52173913043477 13.8 92.08695652173913 12.6 93.91304347826086 12.6C 95.7391304347826 12.6 97.30434782608695 12.2 99.13043478260869 12.2C 100.95652173913042 12.2 102.52173913043478 7.6 104.34782608695652 7.6C 106.17391304347825 7.6 107.73913043478261 9.8 109.56521739130434 9.8C 111.39130434782608 9.8 112.95652173913044 13 114.78260869565217 13C 116.6086956521739 13 118.17391304347825 11.8 119.99999999999999 11.8"
fill="none"
fill-opacity="1"
stroke="rgba(255,83,77,0.85)"
stroke-opacity="1"
stroke-linecap="butt"
stroke-width="1.5"
stroke-dasharray="0"
class="apexcharts-line"
index="0"
clip-path="url(#gridRectMaskn8zukenk)"
filter="url(#SvgjsFilter2113)"
pathTo="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13 36.52173913043478 13C 38.34782608695652 13 39.91304347826087 14.6 41.73913043478261 14.6C 43.565217391304344 14.6 45.130434782608695 1.3999999999999986 46.95652173913043 1.3999999999999986C 48.78260869565217 1.3999999999999986 50.347826086956516 9.4 52.17391304347826 9.4C 54 9.4 55.565217391304344 7.800000000000001 57.391304347826086 7.800000000000001C 59.21739130434782 7.800000000000001 60.78260869565217 14.6 62.60869565217391 14.6C 64.43478260869564 14.6 66 9.2 67.82608695652173 9.2C 69.65217391304347 9.2 71.21739130434783 11.4 73.04347826086956 11.4C 74.8695652173913 11.4 76.43478260869566 16.2 78.26086956521739 16.2C 80.08695652173913 16.2 81.65217391304348 10.8 83.47826086956522 10.8C 85.30434782608695 10.8 86.8695652173913 13.8 88.69565217391303 13.8C 90.52173913043477 13.8 92.08695652173913 12.6 93.91304347826086 12.6C 95.7391304347826 12.6 97.30434782608695 12.2 99.13043478260869 12.2C 100.95652173913042 12.2 102.52173913043478 7.6 104.34782608695652 7.6C 106.17391304347825 7.6 107.73913043478261 9.8 109.56521739130434 9.8C 111.39130434782608 9.8 112.95652173913044 13 114.78260869565217 13C 116.6086956521739 13 118.17391304347825 11.8 119.99999999999999 11.8"
pathFrom="M -1 20L -1 20L 5.217391304347826 20L 10.434782608695652 20L 15.652173913043477 20L 20.869565217391305 20L 26.08695652173913 20L 31.304347826086953 20L 36.52173913043478 20L 41.73913043478261 20L 46.95652173913043 20L 52.17391304347826 20L 57.391304347826086 20L 62.60869565217391 20L 67.82608695652173 20L 73.04347826086956 20L 78.26086956521739 20L 83.47826086956522 20L 88.69565217391303 20L 93.91304347826086 20L 99.13043478260869 20L 104.34782608695652 20L 109.56521739130434 20L 114.78260869565217 20L 119.99999999999999 20"
></path>
<g
id="SvgjsG2110"
class="apexcharts-series-markers-wrap"
data:realIndex="0"
></g>
</g>
<g
id="SvgjsG2111"
class="apexcharts-datalabels"
data:realIndex="0"
></g>
</g>
<line
id="SvgjsLine2160"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#b6b6b6"
stroke-dasharray="0"
stroke-width="1"
stroke-linecap="butt"
class="apexcharts-ycrosshairs"
></line>
<line
id="SvgjsLine2161"
x1="0"
y1="0"
x2="120"
y2="0"
stroke-dasharray="0"
stroke-width="0"
stroke-linecap="butt"
class="apexcharts-ycrosshairs-hidden"
></line>
<g
id="SvgjsG2162"
class="apexcharts-yaxis-annotations"
></g>
<g
id="SvgjsG2163"
class="apexcharts-xaxis-annotations"
></g>
<g
id="SvgjsG2164"
class="apexcharts-point-annotations"
></g>
</g>
<rect
id="SvgjsRect2104"
width="0"
height="0"
x="0"
y="0"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fefefe"
></rect>
<g
id="SvgjsG2148"
class="apexcharts-yaxis"
rel="0"
transform="translate(-18, 0)"
></g>
<g id="SvgjsG2101" class="apexcharts-annotations"></g>
</svg>
</div>
</td>
<td>$4,758,554,801</td>
<td>
<span class="text-success"
>0.30%
<i class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"></i
></span>
</td>
<td>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-2 px-3 m-0"
>Trade</a
>
</td>
</tr>
<tr>
<td>3</td>
<td>Dash</td>
<td>
<div class="leading-none flex items-center">
<img
class="avatar w-5 h-5 rounded-full"
src="./assets/img/crypto-currencies/regular/Dash.svg"
alt=""
/>
- DASH
</div>
</td>
<td>$43.49</td>
<td>$480,799,847</td>
<td>
<div id="dash-price-graph">
<svg
id="SvgjsSvg2031"
width="120"
height="20"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:svgjs="http://svgjs.dev"
class="apexcharts-svg"
xmlns:data="ApexChartsNS"
transform="translate(0, 0)"
style="background: transparent"
>
<g
id="SvgjsG2033"
class="apexcharts-inner apexcharts-graphical"
transform="translate(0, 0)"
>
<defs id="SvgjsDefs2032">
<clipPath id="gridRectMaskzuonarnil">
<rect
id="SvgjsRect2039"
width="125.5"
height="21.5"
x="-2.75"
y="-0.75"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<clipPath id="forecastMaskzuonarnil"></clipPath>
<clipPath id="nonForecastMaskzuonarnil"></clipPath>
<clipPath id="gridRectMarkerMaskzuonarnil">
<rect
id="SvgjsRect2040"
width="124"
height="24"
x="-2"
y="-2"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<filter
id="SvgjsFilter2046"
filterUnits="userSpaceOnUse"
width="200%"
height="200%"
x="-50%"
y="-50%"
>
<feFlood
id="SvgjsFeFlood2047"
flood-color="#000000"
flood-opacity="0.1"
result="SvgjsFeFlood2047Out"
in="SourceGraphic"
></feFlood>
<feComposite
id="SvgjsFeComposite2048"
in="SvgjsFeFlood2047Out"
in2="SourceAlpha"
operator="in"
result="SvgjsFeComposite2048Out"
></feComposite>
<feOffset
id="SvgjsFeOffset2049"
dx="0"
dy="0"
result="SvgjsFeOffset2049Out"
in="SvgjsFeComposite2048Out"
></feOffset>
<feGaussianBlur
id="SvgjsFeGaussianBlur2050"
stdDeviation="3 "
result="SvgjsFeGaussianBlur2050Out"
in="SvgjsFeOffset2049Out"
></feGaussianBlur>
<feMerge
id="SvgjsFeMerge2051"
result="SvgjsFeMerge2051Out"
in="SourceGraphic"
>
<feMergeNode
id="SvgjsFeMergeNode2052"
in="SvgjsFeGaussianBlur2050Out"
></feMergeNode>
<feMergeNode
id="SvgjsFeMergeNode2053"
in="[object Arguments]"
></feMergeNode>
</feMerge>
<feBlend
id="SvgjsFeBlend2054"
in="SourceGraphic"
in2="SvgjsFeMerge2051Out"
mode="normal"
result="SvgjsFeBlend2054Out"
></feBlend>
</filter>
</defs>
<line
id="SvgjsLine2038"
x1="0"
y1="0"
x2="0"
y2="20"
stroke="#b6b6b6"
stroke-dasharray="3"
stroke-linecap="butt"
class="apexcharts-xcrosshairs"
x="0"
y="0"
width="1"
height="20"
fill="#b1b9c4"
filter="none"
fill-opacity="0.9"
stroke-width="1"
></line>
<g
id="SvgjsG2055"
class="apexcharts-xaxis"
transform="translate(0, 0)"
>
<g
id="SvgjsG2056"
class="apexcharts-xaxis-texts-g"
transform="translate(0, 4)"
></g>
</g>
<g id="SvgjsG2082" class="apexcharts-grid">
<g
id="SvgjsG2083"
class="apexcharts-gridlines-horizontal"
style="display: none"
>
<line
id="SvgjsLine2085"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2086"
x1="0"
y1="4"
x2="120"
y2="4"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2087"
x1="0"
y1="8"
x2="120"
y2="8"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2088"
x1="0"
y1="12"
x2="120"
y2="12"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2089"
x1="0"
y1="16"
x2="120"
y2="16"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2090"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
</g>
<g
id="SvgjsG2084"
class="apexcharts-gridlines-vertical"
style="display: none"
></g>
<line
id="SvgjsLine2092"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
<line
id="SvgjsLine2091"
x1="0"
y1="1"
x2="0"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
</g>
<g
id="SvgjsG2041"
class="apexcharts-line-series apexcharts-plot-series"
>
<g
id="SvgjsG2042"
class="apexcharts-series"
seriesName="Value"
data:longestSeries="true"
rel="1"
data:realIndex="0"
>
<path
id="SvgjsPath2045"
d="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13.8 36.52173913043478 13.8C 38.34782608695652 13.8 39.91304347826087 12.6 41.73913043478261 12.6C 43.565217391304344 12.6 45.130434782608695 12.2 46.95652173913043 12.2C 48.78260869565217 12.2 50.347826086956516 7.6 52.17391304347826 7.6C 54 7.6 55.565217391304344 9.8 57.391304347826086 9.8C 59.21739130434782 9.8 60.78260869565217 13 62.60869565217391 13C 64.43478260869564 13 66 11.8 67.82608695652173 11.8C 69.65217391304347 11.8 71.21739130434783 13 73.04347826086956 13C 74.8695652173913 13 76.43478260869566 14.6 78.26086956521739 14.6C 80.08695652173913 14.6 81.65217391304348 1.3999999999999986 83.47826086956522 1.3999999999999986C 85.30434782608695 1.3999999999999986 86.8695652173913 9.4 88.69565217391303 9.4C 90.52173913043477 9.4 92.08695652173913 7.800000000000001 93.91304347826086 7.800000000000001C 95.7391304347826 7.800000000000001 97.30434782608695 14.6 99.13043478260869 14.6C 100.95652173913042 14.6 102.52173913043478 9.2 104.34782608695652 9.2C 106.17391304347825 9.2 107.73913043478261 11.4 109.56521739130434 11.4C 111.39130434782608 11.4 112.95652173913044 16.2 114.78260869565217 16.2C 116.6086956521739 16.2 118.17391304347825 10.8 119.99999999999999 10.8"
fill="none"
fill-opacity="1"
stroke="rgba(40,209,147,0.85)"
stroke-opacity="1"
stroke-linecap="butt"
stroke-width="1.5"
stroke-dasharray="0"
class="apexcharts-line"
index="0"
clip-path="url(#gridRectMaskzuonarnil)"
filter="url(#SvgjsFilter2046)"
pathTo="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13.8 36.52173913043478 13.8C 38.34782608695652 13.8 39.91304347826087 12.6 41.73913043478261 12.6C 43.565217391304344 12.6 45.130434782608695 12.2 46.95652173913043 12.2C 48.78260869565217 12.2 50.347826086956516 7.6 52.17391304347826 7.6C 54 7.6 55.565217391304344 9.8 57.391304347826086 9.8C 59.21739130434782 9.8 60.78260869565217 13 62.60869565217391 13C 64.43478260869564 13 66 11.8 67.82608695652173 11.8C 69.65217391304347 11.8 71.21739130434783 13 73.04347826086956 13C 74.8695652173913 13 76.43478260869566 14.6 78.26086956521739 14.6C 80.08695652173913 14.6 81.65217391304348 1.3999999999999986 83.47826086956522 1.3999999999999986C 85.30434782608695 1.3999999999999986 86.8695652173913 9.4 88.69565217391303 9.4C 90.52173913043477 9.4 92.08695652173913 7.800000000000001 93.91304347826086 7.800000000000001C 95.7391304347826 7.800000000000001 97.30434782608695 14.6 99.13043478260869 14.6C 100.95652173913042 14.6 102.52173913043478 9.2 104.34782608695652 9.2C 106.17391304347825 9.2 107.73913043478261 11.4 109.56521739130434 11.4C 111.39130434782608 11.4 112.95652173913044 16.2 114.78260869565217 16.2C 116.6086956521739 16.2 118.17391304347825 10.8 119.99999999999999 10.8"
pathFrom="M -1 20L -1 20L 5.217391304347826 20L 10.434782608695652 20L 15.652173913043477 20L 20.869565217391305 20L 26.08695652173913 20L 31.304347826086953 20L 36.52173913043478 20L 41.73913043478261 20L 46.95652173913043 20L 52.17391304347826 20L 57.391304347826086 20L 62.60869565217391 20L 67.82608695652173 20L 73.04347826086956 20L 78.26086956521739 20L 83.47826086956522 20L 88.69565217391303 20L 93.91304347826086 20L 99.13043478260869 20L 104.34782608695652 20L 109.56521739130434 20L 114.78260869565217 20L 119.99999999999999 20"
></path>
<g
id="SvgjsG2043"
class="apexcharts-series-markers-wrap"
data:realIndex="0"
></g>
</g>
<g
id="SvgjsG2044"
class="apexcharts-datalabels"
data:realIndex="0"
></g>
</g>
<line
id="SvgjsLine2093"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#b6b6b6"
stroke-dasharray="0"
stroke-width="1"
stroke-linecap="butt"
class="apexcharts-ycrosshairs"
></line>
<line
id="SvgjsLine2094"
x1="0"
y1="0"
x2="120"
y2="0"
stroke-dasharray="0"
stroke-width="0"
stroke-linecap="butt"
class="apexcharts-ycrosshairs-hidden"
></line>
<g
id="SvgjsG2095"
class="apexcharts-yaxis-annotations"
></g>
<g
id="SvgjsG2096"
class="apexcharts-xaxis-annotations"
></g>
<g
id="SvgjsG2097"
class="apexcharts-point-annotations"
></g>
</g>
<rect
id="SvgjsRect2037"
width="0"
height="0"
x="0"
y="0"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fefefe"
></rect>
<g
id="SvgjsG2081"
class="apexcharts-yaxis"
rel="0"
transform="translate(-18, 0)"
></g>
<g id="SvgjsG2034" class="apexcharts-annotations"></g>
</svg>
</div>
</td>
<td>$52,626,563</td>
<td>
<span class="text-success"
>0.45%
<i class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"></i
></span>
</td>
<td>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-2 px-3 m-0"
>Trade</a
>
</td>
</tr>
<tr>
<td>4</td>
<td>Ripple</td>
<td>
<div class="leading-none flex items-center">
<img
class="avatar w-5 h-5 rounded-full"
src="./assets/img/crypto-currencies/regular/Ripple.svg"
alt=""
/>- XRP
</div>
</td>
<td>$0.3531</td>
<td>$17,791,969,465</td>
<td>
<div id="ripple-price-graph">
<svg
id="SvgjsSvg2031"
width="120"
height="20"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:svgjs="http://svgjs.dev"
class="apexcharts-svg"
xmlns:data="ApexChartsNS"
transform="translate(0, 0)"
style="background: transparent"
>
<g
id="SvgjsG2033"
class="apexcharts-inner apexcharts-graphical"
transform="translate(0, 0)"
>
<defs id="SvgjsDefs2032">
<clipPath id="gridRectMaskzuonarnil">
<rect
id="SvgjsRect2039"
width="125.5"
height="21.5"
x="-2.75"
y="-0.75"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<clipPath id="forecastMaskzuonarnil"></clipPath>
<clipPath id="nonForecastMaskzuonarnil"></clipPath>
<clipPath id="gridRectMarkerMaskzuonarnil">
<rect
id="SvgjsRect2040"
width="124"
height="24"
x="-2"
y="-2"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<filter
id="SvgjsFilter2046"
filterUnits="userSpaceOnUse"
width="200%"
height="200%"
x="-50%"
y="-50%"
>
<feFlood
id="SvgjsFeFlood2047"
flood-color="#000000"
flood-opacity="0.1"
result="SvgjsFeFlood2047Out"
in="SourceGraphic"
></feFlood>
<feComposite
id="SvgjsFeComposite2048"
in="SvgjsFeFlood2047Out"
in2="SourceAlpha"
operator="in"
result="SvgjsFeComposite2048Out"
></feComposite>
<feOffset
id="SvgjsFeOffset2049"
dx="0"
dy="0"
result="SvgjsFeOffset2049Out"
in="SvgjsFeComposite2048Out"
></feOffset>
<feGaussianBlur
id="SvgjsFeGaussianBlur2050"
stdDeviation="3 "
result="SvgjsFeGaussianBlur2050Out"
in="SvgjsFeOffset2049Out"
></feGaussianBlur>
<feMerge
id="SvgjsFeMerge2051"
result="SvgjsFeMerge2051Out"
in="SourceGraphic"
>
<feMergeNode
id="SvgjsFeMergeNode2052"
in="SvgjsFeGaussianBlur2050Out"
></feMergeNode>
<feMergeNode
id="SvgjsFeMergeNode2053"
in="[object Arguments]"
></feMergeNode>
</feMerge>
<feBlend
id="SvgjsFeBlend2054"
in="SourceGraphic"
in2="SvgjsFeMerge2051Out"
mode="normal"
result="SvgjsFeBlend2054Out"
></feBlend>
</filter>
</defs>
<line
id="SvgjsLine2038"
x1="0"
y1="0"
x2="0"
y2="20"
stroke="#b6b6b6"
stroke-dasharray="3"
stroke-linecap="butt"
class="apexcharts-xcrosshairs"
x="0"
y="0"
width="1"
height="20"
fill="#b1b9c4"
filter="none"
fill-opacity="0.9"
stroke-width="1"
></line>
<g
id="SvgjsG2055"
class="apexcharts-xaxis"
transform="translate(0, 0)"
>
<g
id="SvgjsG2056"
class="apexcharts-xaxis-texts-g"
transform="translate(0, 4)"
></g>
</g>
<g id="SvgjsG2082" class="apexcharts-grid">
<g
id="SvgjsG2083"
class="apexcharts-gridlines-horizontal"
style="display: none"
>
<line
id="SvgjsLine2085"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2086"
x1="0"
y1="4"
x2="120"
y2="4"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2087"
x1="0"
y1="8"
x2="120"
y2="8"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2088"
x1="0"
y1="12"
x2="120"
y2="12"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2089"
x1="0"
y1="16"
x2="120"
y2="16"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2090"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
</g>
<g
id="SvgjsG2084"
class="apexcharts-gridlines-vertical"
style="display: none"
></g>
<line
id="SvgjsLine2092"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
<line
id="SvgjsLine2091"
x1="0"
y1="1"
x2="0"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
</g>
<g
id="SvgjsG2041"
class="apexcharts-line-series apexcharts-plot-series"
>
<g
id="SvgjsG2042"
class="apexcharts-series"
seriesName="Value"
data:longestSeries="true"
rel="1"
data:realIndex="0"
>
<path
id="SvgjsPath2045"
d="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13.8 36.52173913043478 13.8C 38.34782608695652 13.8 39.91304347826087 12.6 41.73913043478261 12.6C 43.565217391304344 12.6 45.130434782608695 12.2 46.95652173913043 12.2C 48.78260869565217 12.2 50.347826086956516 7.6 52.17391304347826 7.6C 54 7.6 55.565217391304344 9.8 57.391304347826086 9.8C 59.21739130434782 9.8 60.78260869565217 13 62.60869565217391 13C 64.43478260869564 13 66 11.8 67.82608695652173 11.8C 69.65217391304347 11.8 71.21739130434783 13 73.04347826086956 13C 74.8695652173913 13 76.43478260869566 14.6 78.26086956521739 14.6C 80.08695652173913 14.6 81.65217391304348 1.3999999999999986 83.47826086956522 1.3999999999999986C 85.30434782608695 1.3999999999999986 86.8695652173913 9.4 88.69565217391303 9.4C 90.52173913043477 9.4 92.08695652173913 7.800000000000001 93.91304347826086 7.800000000000001C 95.7391304347826 7.800000000000001 97.30434782608695 14.6 99.13043478260869 14.6C 100.95652173913042 14.6 102.52173913043478 9.2 104.34782608695652 9.2C 106.17391304347825 9.2 107.73913043478261 11.4 109.56521739130434 11.4C 111.39130434782608 11.4 112.95652173913044 16.2 114.78260869565217 16.2C 116.6086956521739 16.2 118.17391304347825 10.8 119.99999999999999 10.8"
fill="none"
fill-opacity="1"
stroke="rgba(40,209,147,0.85)"
stroke-opacity="1"
stroke-linecap="butt"
stroke-width="1.5"
stroke-dasharray="0"
class="apexcharts-line"
index="0"
clip-path="url(#gridRectMaskzuonarnil)"
filter="url(#SvgjsFilter2046)"
pathTo="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13.8 36.52173913043478 13.8C 38.34782608695652 13.8 39.91304347826087 12.6 41.73913043478261 12.6C 43.565217391304344 12.6 45.130434782608695 12.2 46.95652173913043 12.2C 48.78260869565217 12.2 50.347826086956516 7.6 52.17391304347826 7.6C 54 7.6 55.565217391304344 9.8 57.391304347826086 9.8C 59.21739130434782 9.8 60.78260869565217 13 62.60869565217391 13C 64.43478260869564 13 66 11.8 67.82608695652173 11.8C 69.65217391304347 11.8 71.21739130434783 13 73.04347826086956 13C 74.8695652173913 13 76.43478260869566 14.6 78.26086956521739 14.6C 80.08695652173913 14.6 81.65217391304348 1.3999999999999986 83.47826086956522 1.3999999999999986C 85.30434782608695 1.3999999999999986 86.8695652173913 9.4 88.69565217391303 9.4C 90.52173913043477 9.4 92.08695652173913 7.800000000000001 93.91304347826086 7.800000000000001C 95.7391304347826 7.800000000000001 97.30434782608695 14.6 99.13043478260869 14.6C 100.95652173913042 14.6 102.52173913043478 9.2 104.34782608695652 9.2C 106.17391304347825 9.2 107.73913043478261 11.4 109.56521739130434 11.4C 111.39130434782608 11.4 112.95652173913044 16.2 114.78260869565217 16.2C 116.6086956521739 16.2 118.17391304347825 10.8 119.99999999999999 10.8"
pathFrom="M -1 20L -1 20L 5.217391304347826 20L 10.434782608695652 20L 15.652173913043477 20L 20.869565217391305 20L 26.08695652173913 20L 31.304347826086953 20L 36.52173913043478 20L 41.73913043478261 20L 46.95652173913043 20L 52.17391304347826 20L 57.391304347826086 20L 62.60869565217391 20L 67.82608695652173 20L 73.04347826086956 20L 78.26086956521739 20L 83.47826086956522 20L 88.69565217391303 20L 93.91304347826086 20L 99.13043478260869 20L 104.34782608695652 20L 109.56521739130434 20L 114.78260869565217 20L 119.99999999999999 20"
></path>
<g
id="SvgjsG2043"
class="apexcharts-series-markers-wrap"
data:realIndex="0"
></g>
</g>
<g
id="SvgjsG2044"
class="apexcharts-datalabels"
data:realIndex="0"
></g>
</g>
<line
id="SvgjsLine2093"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#b6b6b6"
stroke-dasharray="0"
stroke-width="1"
stroke-linecap="butt"
class="apexcharts-ycrosshairs"
></line>
<line
id="SvgjsLine2094"
x1="0"
y1="0"
x2="120"
y2="0"
stroke-dasharray="0"
stroke-width="0"
stroke-linecap="butt"
class="apexcharts-ycrosshairs-hidden"
></line>
<g
id="SvgjsG2095"
class="apexcharts-yaxis-annotations"
></g>
<g
id="SvgjsG2096"
class="apexcharts-xaxis-annotations"
></g>
<g
id="SvgjsG2097"
class="apexcharts-point-annotations"
></g>
</g>
<rect
id="SvgjsRect2037"
width="0"
height="0"
x="0"
y="0"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fefefe"
></rect>
<g
id="SvgjsG2081"
class="apexcharts-yaxis"
rel="0"
transform="translate(-18, 0)"
></g>
<g id="SvgjsG2034" class="apexcharts-annotations"></g>
</svg>
</div>
</td>
<td>$511,598,941</td>
<td>
<span class="text-success"
>0.97%
<i class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"></i
></span>
</td>
<td>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-2 px-3 m-0"
>Trade</a
>
</td>
</tr>
<tr>
<td>5</td>
<td>Iota</td>
<td>
<div class="leading-none flex items-center">
<img
class="avatar w-5 h-5 rounded-full"
src="./assets/img/crypto-currencies/regular/IOTA.svg"
alt=""
/>- IOTA
</div>
</td>
<td>$0.169741</td>
<td>$471,800,600</td>
<td>
<div id="iota-price-graph">
<svg
id="SvgjsSvg2098"
width="120"
height="20"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:svgjs="http://svgjs.dev"
class="apexcharts-svg"
xmlns:data="ApexChartsNS"
transform="translate(0, 0)"
style="background: transparent"
>
<g
id="SvgjsG2100"
class="apexcharts-inner apexcharts-graphical"
transform="translate(0, 0)"
>
<defs id="SvgjsDefs2099">
<clipPath id="gridRectMaskn8zukenk">
<rect
id="SvgjsRect2106"
width="125.5"
height="21.5"
x="-2.75"
y="-0.75"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<clipPath id="forecastMaskn8zukenk"></clipPath>
<clipPath id="nonForecastMaskn8zukenk"></clipPath>
<clipPath id="gridRectMarkerMaskn8zukenk">
<rect
id="SvgjsRect2107"
width="124"
height="24"
x="-2"
y="-2"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<filter
id="SvgjsFilter2113"
filterUnits="userSpaceOnUse"
width="200%"
height="200%"
x="-50%"
y="-50%"
>
<feFlood
id="SvgjsFeFlood2114"
flood-color="#000000"
flood-opacity="0.1"
result="SvgjsFeFlood2114Out"
in="SourceGraphic"
></feFlood>
<feComposite
id="SvgjsFeComposite2115"
in="SvgjsFeFlood2114Out"
in2="SourceAlpha"
operator="in"
result="SvgjsFeComposite2115Out"
></feComposite>
<feOffset
id="SvgjsFeOffset2116"
dx="0"
dy="0"
result="SvgjsFeOffset2116Out"
in="SvgjsFeComposite2115Out"
></feOffset>
<feGaussianBlur
id="SvgjsFeGaussianBlur2117"
stdDeviation="3 "
result="SvgjsFeGaussianBlur2117Out"
in="SvgjsFeOffset2116Out"
></feGaussianBlur>
<feMerge
id="SvgjsFeMerge2118"
result="SvgjsFeMerge2118Out"
in="SourceGraphic"
>
<feMergeNode
id="SvgjsFeMergeNode2119"
in="SvgjsFeGaussianBlur2117Out"
></feMergeNode>
<feMergeNode
id="SvgjsFeMergeNode2120"
in="[object Arguments]"
></feMergeNode>
</feMerge>
<feBlend
id="SvgjsFeBlend2121"
in="SourceGraphic"
in2="SvgjsFeMerge2118Out"
mode="normal"
result="SvgjsFeBlend2121Out"
></feBlend>
</filter>
</defs>
<line
id="SvgjsLine2105"
x1="0"
y1="0"
x2="0"
y2="20"
stroke="#b6b6b6"
stroke-dasharray="3"
stroke-linecap="butt"
class="apexcharts-xcrosshairs"
x="0"
y="0"
width="1"
height="20"
fill="#b1b9c4"
filter="none"
fill-opacity="0.9"
stroke-width="1"
></line>
<g
id="SvgjsG2122"
class="apexcharts-xaxis"
transform="translate(0, 0)"
>
<g
id="SvgjsG2123"
class="apexcharts-xaxis-texts-g"
transform="translate(0, 4)"
></g>
</g>
<g id="SvgjsG2149" class="apexcharts-grid">
<g
id="SvgjsG2150"
class="apexcharts-gridlines-horizontal"
style="display: none"
>
<line
id="SvgjsLine2152"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2153"
x1="0"
y1="4"
x2="120"
y2="4"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2154"
x1="0"
y1="8"
x2="120"
y2="8"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2155"
x1="0"
y1="12"
x2="120"
y2="12"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2156"
x1="0"
y1="16"
x2="120"
y2="16"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2157"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
</g>
<g
id="SvgjsG2151"
class="apexcharts-gridlines-vertical"
style="display: none"
></g>
<line
id="SvgjsLine2159"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
<line
id="SvgjsLine2158"
x1="0"
y1="1"
x2="0"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
</g>
<g
id="SvgjsG2108"
class="apexcharts-line-series apexcharts-plot-series"
>
<g
id="SvgjsG2109"
class="apexcharts-series"
seriesName="Value"
data:longestSeries="true"
rel="1"
data:realIndex="0"
>
<path
id="SvgjsPath2112"
d="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13 36.52173913043478 13C 38.34782608695652 13 39.91304347826087 14.6 41.73913043478261 14.6C 43.565217391304344 14.6 45.130434782608695 1.3999999999999986 46.95652173913043 1.3999999999999986C 48.78260869565217 1.3999999999999986 50.347826086956516 9.4 52.17391304347826 9.4C 54 9.4 55.565217391304344 7.800000000000001 57.391304347826086 7.800000000000001C 59.21739130434782 7.800000000000001 60.78260869565217 14.6 62.60869565217391 14.6C 64.43478260869564 14.6 66 9.2 67.82608695652173 9.2C 69.65217391304347 9.2 71.21739130434783 11.4 73.04347826086956 11.4C 74.8695652173913 11.4 76.43478260869566 16.2 78.26086956521739 16.2C 80.08695652173913 16.2 81.65217391304348 10.8 83.47826086956522 10.8C 85.30434782608695 10.8 86.8695652173913 13.8 88.69565217391303 13.8C 90.52173913043477 13.8 92.08695652173913 12.6 93.91304347826086 12.6C 95.7391304347826 12.6 97.30434782608695 12.2 99.13043478260869 12.2C 100.95652173913042 12.2 102.52173913043478 7.6 104.34782608695652 7.6C 106.17391304347825 7.6 107.73913043478261 9.8 109.56521739130434 9.8C 111.39130434782608 9.8 112.95652173913044 13 114.78260869565217 13C 116.6086956521739 13 118.17391304347825 11.8 119.99999999999999 11.8"
fill="none"
fill-opacity="1"
stroke="rgba(255,83,77,0.85)"
stroke-opacity="1"
stroke-linecap="butt"
stroke-width="1.5"
stroke-dasharray="0"
class="apexcharts-line"
index="0"
clip-path="url(#gridRectMaskn8zukenk)"
filter="url(#SvgjsFilter2113)"
pathTo="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13 36.52173913043478 13C 38.34782608695652 13 39.91304347826087 14.6 41.73913043478261 14.6C 43.565217391304344 14.6 45.130434782608695 1.3999999999999986 46.95652173913043 1.3999999999999986C 48.78260869565217 1.3999999999999986 50.347826086956516 9.4 52.17391304347826 9.4C 54 9.4 55.565217391304344 7.800000000000001 57.391304347826086 7.800000000000001C 59.21739130434782 7.800000000000001 60.78260869565217 14.6 62.60869565217391 14.6C 64.43478260869564 14.6 66 9.2 67.82608695652173 9.2C 69.65217391304347 9.2 71.21739130434783 11.4 73.04347826086956 11.4C 74.8695652173913 11.4 76.43478260869566 16.2 78.26086956521739 16.2C 80.08695652173913 16.2 81.65217391304348 10.8 83.47826086956522 10.8C 85.30434782608695 10.8 86.8695652173913 13.8 88.69565217391303 13.8C 90.52173913043477 13.8 92.08695652173913 12.6 93.91304347826086 12.6C 95.7391304347826 12.6 97.30434782608695 12.2 99.13043478260869 12.2C 100.95652173913042 12.2 102.52173913043478 7.6 104.34782608695652 7.6C 106.17391304347825 7.6 107.73913043478261 9.8 109.56521739130434 9.8C 111.39130434782608 9.8 112.95652173913044 13 114.78260869565217 13C 116.6086956521739 13 118.17391304347825 11.8 119.99999999999999 11.8"
pathFrom="M -1 20L -1 20L 5.217391304347826 20L 10.434782608695652 20L 15.652173913043477 20L 20.869565217391305 20L 26.08695652173913 20L 31.304347826086953 20L 36.52173913043478 20L 41.73913043478261 20L 46.95652173913043 20L 52.17391304347826 20L 57.391304347826086 20L 62.60869565217391 20L 67.82608695652173 20L 73.04347826086956 20L 78.26086956521739 20L 83.47826086956522 20L 88.69565217391303 20L 93.91304347826086 20L 99.13043478260869 20L 104.34782608695652 20L 109.56521739130434 20L 114.78260869565217 20L 119.99999999999999 20"
></path>
<g
id="SvgjsG2110"
class="apexcharts-series-markers-wrap"
data:realIndex="0"
></g>
</g>
<g
id="SvgjsG2111"
class="apexcharts-datalabels"
data:realIndex="0"
></g>
</g>
<line
id="SvgjsLine2160"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#b6b6b6"
stroke-dasharray="0"
stroke-width="1"
stroke-linecap="butt"
class="apexcharts-ycrosshairs"
></line>
<line
id="SvgjsLine2161"
x1="0"
y1="0"
x2="120"
y2="0"
stroke-dasharray="0"
stroke-width="0"
stroke-linecap="butt"
class="apexcharts-ycrosshairs-hidden"
></line>
<g
id="SvgjsG2162"
class="apexcharts-yaxis-annotations"
></g>
<g
id="SvgjsG2163"
class="apexcharts-xaxis-annotations"
></g>
<g
id="SvgjsG2164"
class="apexcharts-point-annotations"
></g>
</g>
<rect
id="SvgjsRect2104"
width="0"
height="0"
x="0"
y="0"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fefefe"
></rect>
<g
id="SvgjsG2148"
class="apexcharts-yaxis"
rel="0"
transform="translate(-18, 0)"
></g>
<g id="SvgjsG2101" class="apexcharts-annotations"></g>
</svg>
</div>
</td>
<td>$5,524,385</td>
<td>
<span class="text-success"
>0.93%
<i class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"></i
></span>
</td>
<td>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-2 px-3 m-0"
>Trade</a
>
</td>
</tr>
<tr>
<td>6</td>
<td>Neo</td>
<td>
<div class="leading-none flex items-center">
<img
class="avatar w-5 h-5 rounded-full"
src="./assets/img/crypto-currencies/regular/Neo.svg"
alt=""
/>
- NEO
</div>
</td>
<td>$6.43</td>
<td>$453,601,667</td>
<td>
<div id="neo-price-graph">
<svg
id="SvgjsSvg2098"
width="120"
height="20"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:svgjs="http://svgjs.dev"
class="apexcharts-svg"
xmlns:data="ApexChartsNS"
transform="translate(0, 0)"
style="background: transparent"
>
<g
id="SvgjsG2100"
class="apexcharts-inner apexcharts-graphical"
transform="translate(0, 0)"
>
<defs id="SvgjsDefs2099">
<clipPath id="gridRectMaskn8zukenk">
<rect
id="SvgjsRect2106"
width="125.5"
height="21.5"
x="-2.75"
y="-0.75"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<clipPath id="forecastMaskn8zukenk"></clipPath>
<clipPath id="nonForecastMaskn8zukenk"></clipPath>
<clipPath id="gridRectMarkerMaskn8zukenk">
<rect
id="SvgjsRect2107"
width="124"
height="24"
x="-2"
y="-2"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fff"
></rect>
</clipPath>
<filter
id="SvgjsFilter2113"
filterUnits="userSpaceOnUse"
width="200%"
height="200%"
x="-50%"
y="-50%"
>
<feFlood
id="SvgjsFeFlood2114"
flood-color="#000000"
flood-opacity="0.1"
result="SvgjsFeFlood2114Out"
in="SourceGraphic"
></feFlood>
<feComposite
id="SvgjsFeComposite2115"
in="SvgjsFeFlood2114Out"
in2="SourceAlpha"
operator="in"
result="SvgjsFeComposite2115Out"
></feComposite>
<feOffset
id="SvgjsFeOffset2116"
dx="0"
dy="0"
result="SvgjsFeOffset2116Out"
in="SvgjsFeComposite2115Out"
></feOffset>
<feGaussianBlur
id="SvgjsFeGaussianBlur2117"
stdDeviation="3 "
result="SvgjsFeGaussianBlur2117Out"
in="SvgjsFeOffset2116Out"
></feGaussianBlur>
<feMerge
id="SvgjsFeMerge2118"
result="SvgjsFeMerge2118Out"
in="SourceGraphic"
>
<feMergeNode
id="SvgjsFeMergeNode2119"
in="SvgjsFeGaussianBlur2117Out"
></feMergeNode>
<feMergeNode
id="SvgjsFeMergeNode2120"
in="[object Arguments]"
></feMergeNode>
</feMerge>
<feBlend
id="SvgjsFeBlend2121"
in="SourceGraphic"
in2="SvgjsFeMerge2118Out"
mode="normal"
result="SvgjsFeBlend2121Out"
></feBlend>
</filter>
</defs>
<line
id="SvgjsLine2105"
x1="0"
y1="0"
x2="0"
y2="20"
stroke="#b6b6b6"
stroke-dasharray="3"
stroke-linecap="butt"
class="apexcharts-xcrosshairs"
x="0"
y="0"
width="1"
height="20"
fill="#b1b9c4"
filter="none"
fill-opacity="0.9"
stroke-width="1"
></line>
<g
id="SvgjsG2122"
class="apexcharts-xaxis"
transform="translate(0, 0)"
>
<g
id="SvgjsG2123"
class="apexcharts-xaxis-texts-g"
transform="translate(0, 4)"
></g>
</g>
<g id="SvgjsG2149" class="apexcharts-grid">
<g
id="SvgjsG2150"
class="apexcharts-gridlines-horizontal"
style="display: none"
>
<line
id="SvgjsLine2152"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2153"
x1="0"
y1="4"
x2="120"
y2="4"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2154"
x1="0"
y1="8"
x2="120"
y2="8"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2155"
x1="0"
y1="12"
x2="120"
y2="12"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2156"
x1="0"
y1="16"
x2="120"
y2="16"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
<line
id="SvgjsLine2157"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="#e0e0e0"
stroke-dasharray="0"
stroke-linecap="butt"
class="apexcharts-gridline"
></line>
</g>
<g
id="SvgjsG2151"
class="apexcharts-gridlines-vertical"
style="display: none"
></g>
<line
id="SvgjsLine2159"
x1="0"
y1="20"
x2="120"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
<line
id="SvgjsLine2158"
x1="0"
y1="1"
x2="0"
y2="20"
stroke="transparent"
stroke-dasharray="0"
stroke-linecap="butt"
></line>
</g>
<g
id="SvgjsG2108"
class="apexcharts-line-series apexcharts-plot-series"
>
<g
id="SvgjsG2109"
class="apexcharts-series"
seriesName="Value"
data:longestSeries="true"
rel="1"
data:realIndex="0"
>
<path
id="SvgjsPath2112"
d="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13 36.52173913043478 13C 38.34782608695652 13 39.91304347826087 14.6 41.73913043478261 14.6C 43.565217391304344 14.6 45.130434782608695 1.3999999999999986 46.95652173913043 1.3999999999999986C 48.78260869565217 1.3999999999999986 50.347826086956516 9.4 52.17391304347826 9.4C 54 9.4 55.565217391304344 7.800000000000001 57.391304347826086 7.800000000000001C 59.21739130434782 7.800000000000001 60.78260869565217 14.6 62.60869565217391 14.6C 64.43478260869564 14.6 66 9.2 67.82608695652173 9.2C 69.65217391304347 9.2 71.21739130434783 11.4 73.04347826086956 11.4C 74.8695652173913 11.4 76.43478260869566 16.2 78.26086956521739 16.2C 80.08695652173913 16.2 81.65217391304348 10.8 83.47826086956522 10.8C 85.30434782608695 10.8 86.8695652173913 13.8 88.69565217391303 13.8C 90.52173913043477 13.8 92.08695652173913 12.6 93.91304347826086 12.6C 95.7391304347826 12.6 97.30434782608695 12.2 99.13043478260869 12.2C 100.95652173913042 12.2 102.52173913043478 7.6 104.34782608695652 7.6C 106.17391304347825 7.6 107.73913043478261 9.8 109.56521739130434 9.8C 111.39130434782608 9.8 112.95652173913044 13 114.78260869565217 13C 116.6086956521739 13 118.17391304347825 11.8 119.99999999999999 11.8"
fill="none"
fill-opacity="1"
stroke="rgba(255,83,77,0.85)"
stroke-opacity="1"
stroke-linecap="butt"
stroke-width="1.5"
stroke-dasharray="0"
class="apexcharts-line"
index="0"
clip-path="url(#gridRectMaskn8zukenk)"
filter="url(#SvgjsFilter2113)"
pathTo="M 0 20C 1.826086956521739 20 3.391304347826087 11 5.217391304347826 11C 7.043478260869565 11 8.608695652173914 9.2 10.434782608695652 9.2C 12.26086956521739 9.2 13.826086956521738 12.4 15.652173913043477 12.4C 17.478260869565215 12.4 19.043478260869566 8.8 20.869565217391305 8.8C 22.695652173913043 8.8 24.26086956521739 15.2 26.08695652173913 15.2C 27.913043478260867 15.2 29.478260869565215 7 31.304347826086953 7C 33.130434782608695 7 34.69565217391304 13 36.52173913043478 13C 38.34782608695652 13 39.91304347826087 14.6 41.73913043478261 14.6C 43.565217391304344 14.6 45.130434782608695 1.3999999999999986 46.95652173913043 1.3999999999999986C 48.78260869565217 1.3999999999999986 50.347826086956516 9.4 52.17391304347826 9.4C 54 9.4 55.565217391304344 7.800000000000001 57.391304347826086 7.800000000000001C 59.21739130434782 7.800000000000001 60.78260869565217 14.6 62.60869565217391 14.6C 64.43478260869564 14.6 66 9.2 67.82608695652173 9.2C 69.65217391304347 9.2 71.21739130434783 11.4 73.04347826086956 11.4C 74.8695652173913 11.4 76.43478260869566 16.2 78.26086956521739 16.2C 80.08695652173913 16.2 81.65217391304348 10.8 83.47826086956522 10.8C 85.30434782608695 10.8 86.8695652173913 13.8 88.69565217391303 13.8C 90.52173913043477 13.8 92.08695652173913 12.6 93.91304347826086 12.6C 95.7391304347826 12.6 97.30434782608695 12.2 99.13043478260869 12.2C 100.95652173913042 12.2 102.52173913043478 7.6 104.34782608695652 7.6C 106.17391304347825 7.6 107.73913043478261 9.8 109.56521739130434 9.8C 111.39130434782608 9.8 112.95652173913044 13 114.78260869565217 13C 116.6086956521739 13 118.17391304347825 11.8 119.99999999999999 11.8"
pathFrom="M -1 20L -1 20L 5.217391304347826 20L 10.434782608695652 20L 15.652173913043477 20L 20.869565217391305 20L 26.08695652173913 20L 31.304347826086953 20L 36.52173913043478 20L 41.73913043478261 20L 46.95652173913043 20L 52.17391304347826 20L 57.391304347826086 20L 62.60869565217391 20L 67.82608695652173 20L 73.04347826086956 20L 78.26086956521739 20L 83.47826086956522 20L 88.69565217391303 20L 93.91304347826086 20L 99.13043478260869 20L 104.34782608695652 20L 109.56521739130434 20L 114.78260869565217 20L 119.99999999999999 20"
></path>
<g
id="SvgjsG2110"
class="apexcharts-series-markers-wrap"
data:realIndex="0"
></g>
</g>
<g
id="SvgjsG2111"
class="apexcharts-datalabels"
data:realIndex="0"
></g>
</g>
<line
id="SvgjsLine2160"
x1="0"
y1="0"
x2="120"
y2="0"
stroke="#b6b6b6"
stroke-dasharray="0"
stroke-width="1"
stroke-linecap="butt"
class="apexcharts-ycrosshairs"
></line>
<line
id="SvgjsLine2161"
x1="0"
y1="0"
x2="120"
y2="0"
stroke-dasharray="0"
stroke-width="0"
stroke-linecap="butt"
class="apexcharts-ycrosshairs-hidden"
></line>
<g
id="SvgjsG2162"
class="apexcharts-yaxis-annotations"
></g>
<g
id="SvgjsG2163"
class="apexcharts-xaxis-annotations"
></g>
<g
id="SvgjsG2164"
class="apexcharts-point-annotations"
></g>
</g>
<rect
id="SvgjsRect2104"
width="0"
height="0"
x="0"
y="0"
rx="0"
ry="0"
opacity="1"
stroke-width="0"
stroke="none"
stroke-dasharray="0"
fill="#fefefe"
></rect>
<g
id="SvgjsG2148"
class="apexcharts-yaxis"
rel="0"
transform="translate(-18, 0)"
></g>
<g id="SvgjsG2101" class="apexcharts-annotations"></g>
</svg>
</div>
</td>
<td>$12,904,320</td>
<td>
<span class="text-danger"
>0.49%
<i class="ti ti-arrow-big-down-lines ltr:ml-1 rtl:mr-1"></i
></span>
</td>
<td>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2"
>Buy</a
>
<a
href="javascript:void(0);"
class="ti-btn ti-btn-primary py-2 px-3 m-0"
>Trade</a
>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="box-footer">
<div class="flex items-center">
<div class="">
showing 5 Entries
<i class="ri-arrow-right-line ltr:ml-2 rtl:mr-2 font-semibold"></i>
</div>
<div class="ltr:ml-auto rtl:mr-auto">
<nav
class="flex justify-center items-center space-x-2 rtl:space-x-reverse"
>
<a
class="text-gray-500 dark:text-white/70 hover:text-primary e py-1 px-2 leading-none inline-flex items-center gap-2 rounded-sm"
href="javascript:void(0);"
>
<span aria-hidden="true">Prev</span>
<span class="sr-only">Previous</span>
</a>
<a
class="bg-primary text-white py-1 px-2 leading-none inline-flex items-center text-sm font-medium rounded-sm"
href="javascript:void(0);"
aria-current="page"
>1</a
>
<a
class="text-gray-500 dark:text-white/70 hover:text-primary e py-1 px-2 leading-none inline-flex items-center text-sm font-medium rounded-sm"
href="javascript:void(0);"
>2</a
>
<a
class="text-gray-500 dark:text-white/70 hover:text-primary e py-1 px-2 leading-none inline-flex items-center text-sm font-medium rounded-sm"
href="javascript:void(0);"
>3</a
>
<a
class="text-gray-500 dark:text-white/70 hover:text-primary e py-1 px-2 leading-none inline-flex items-center gap-2 rounded-sm"
href="javascript:void(0);"
>
<span class="sr-only">Next</span>
<span aria-hidden="true">Next</span>
</a>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End::row-3 -->