@naniteninja/dashboard-components-lib 1.0.0 → 1.0.1

package/src/assets/circle-progress/circle-progress.svg

@@ -1,159 +1,159 @@
-<svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 90 90"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
->
-    <ellipse mask="url(#cut-circle)" cx="44.334" cy="44.3024" rx="33.9693" ry="33.6363"
-        fill="url(#paint0_linear_239_3673)" />
-    <ellipse mask="url(#cut-circle)" cx="44.334" cy="44.3028" rx="27.2427" ry="26.9757"
-        fill="#27242C" />
-    <ellipse mask="url(#cut-circle)" cx="44.334" cy="44.3028" rx="27.2427" ry="26.9757"
-        fill="url(#pattern0_239_3673)" />
-    <g transform="translate(0.25)">
-        <path
-            opacity="0.1"
-            d="M20.3404 64.046C19.2036 64.9973 17.5012 64.8524 16.6426 63.644C13.4506 59.1514 11.3915 53.9375 10.6614 48.4479C9.81303 42.0691 10.7939 35.5806 13.4899 29.7376C16.1858 23.8947 20.486 18.9377 25.8897 15.4437C31.2934 11.9496 37.5784 10.0624 44.013 10.0015C50.4476 9.94068 56.7672 11.7088 62.236 15.1C67.7048 18.4912 72.0979 23.366 74.9039 29.1569C77.7098 34.9479 78.8132 41.4167 78.0856 47.8104C77.4594 53.3128 75.4993 58.5647 72.3929 63.1169C71.5573 64.3413 69.8579 64.5183 68.7033 63.5887C67.5487 62.6591 67.3781 60.9757 68.1954 59.739C70.674 55.9886 72.2409 51.6951 72.7521 47.2034C73.3647 41.8201 72.4357 36.3735 70.0731 31.4977C67.7106 26.6218 64.0117 22.5173 59.4071 19.662C54.8025 16.8067 49.4816 15.318 44.0638 15.3692C38.646 15.4205 33.3541 17.0095 28.8043 19.9514C24.2545 22.8933 20.6339 27.067 18.364 31.9866C16.0941 36.9062 15.2682 42.3694 15.9825 47.7402C16.5785 52.2214 18.2263 56.4845 20.7755 60.1874C21.616 61.4084 21.4773 63.0948 20.3404 64.046Z"
-            fill="url(#paint1_linear_239_3673)"
-        />
-        <g opacity="0.5" filter="url(#filter0_f_239_3673)">
-            <path
-                d="M20.3402 64.046C19.2034 64.9973 17.501 64.8524 16.6424 63.644C13.4504 59.1514 11.3913 53.9375 10.6612 48.4479C9.81285 42.0691 10.7937 35.5806 13.4897 29.7376C16.1857 23.8947 20.4858 18.9377 25.8895 15.4437C31.2932 11.9496 37.5782 10.0624 44.0128 10.0015C50.4474 9.94068 56.767 11.7088 62.2358 15.1C67.7046 18.4912 72.0977 23.366 74.9037 29.1569C77.7096 34.9479 78.813 41.4167 78.0854 47.8104C77.4593 53.3128 75.4991 58.5647 72.3927 63.1169C71.5571 64.3413 69.8577 64.5183 68.7031 63.5887C67.5485 62.6591 67.3779 60.9757 68.1952 59.739C70.6739 55.9886 72.2408 51.6951 72.7519 47.2034C73.3645 41.8201 72.4355 36.3735 70.073 31.4977C67.7104 26.6218 64.0115 22.5173 59.4069 19.662C54.8023 16.8067 49.4814 15.318 44.0636 15.3692C38.6458 15.4205 33.354 17.0095 28.8042 19.9514C24.2544 22.8933 20.6338 27.067 18.3638 31.9866C16.0939 36.9062 15.268 42.3694 15.9823 47.7402C16.5783 52.2214 18.2261 56.4845 20.7753 60.1874C21.6158 61.4084 21.4771 63.0948 20.3402 64.046Z"
-                fill="url(#paint2_linear_239_3673)"
-            />
-        </g>
-        <mask id="path-5-inside-1_239_3673" fill="white">
-            <path
-                d="M20.3404 64.046C19.2036 64.9973 17.5012 64.8525 16.6427 63.6441C14.4788 60.5984 12.8285 57.2115 11.7639 53.6175C10.4447 49.1642 10.0528 44.4877 10.6123 39.8769C11.1719 35.2662 12.671 30.8191 15.0171 26.8106C16.9105 23.5756 19.323 20.6817 22.1526 18.2421C23.2752 17.2742 24.9628 17.5408 25.8391 18.7363C26.7154 19.9319 26.4468 21.6025 25.3386 22.587C23.0936 24.5814 21.1724 26.9208 19.6499 29.5221C17.6745 32.8972 16.4123 36.6415 15.9412 40.5236C15.47 44.4058 15.8 48.3433 16.9107 52.0929C17.7668 54.9829 19.0727 57.7139 20.7755 60.1875C21.616 61.4084 21.4773 63.0948 20.3404 64.046Z"
-            />
-        </mask>
-        <path fill="url(#paint3_linear_239_3673)" stroke="url(#paint4_radial_239_3673)"
-            stroke-width="31.7455" mask="url(#path-5-inside-1_239_3673)" />
-        <g filter="url(#filter1_f_239_3673)">
-            <mask id="path-6-inside-2_239_3673" fill="white">
-                <path
-                    d="M15.0252 43.8695C15.0252 59.6071 27.783 72.3649 43.5206 72.3649C59.2581 72.3649 72.0159 59.6071 72.0159 43.8695C72.0159 28.1318 59.2581 15.374 43.5206 15.374C27.783 15.374 15.0252 28.1318 15.0252 43.8695ZM69.6614 43.8695C69.6614 58.3067 57.9578 70.0104 43.5206 70.0104C29.0834 70.0104 17.3797 58.3067 17.3797 43.8695C17.3797 29.4322 29.0834 17.7285 43.5206 17.7285C57.9578 17.7285 69.6614 29.4322 69.6614 43.8695Z"
-                />
-            </mask>
-            <path
-                d="M15.0252 43.8695C15.0252 59.6071 27.783 72.3649 43.5206 72.3649C59.2581 72.3649 72.0159 59.6071 72.0159 43.8695C72.0159 28.1318 59.2581 15.374 43.5206 15.374C27.783 15.374 15.0252 28.1318 15.0252 43.8695ZM69.6614 43.8695C69.6614 58.3067 57.9578 70.0104 43.5206 70.0104C29.0834 70.0104 17.3797 58.3067 17.3797 43.8695C17.3797 29.4322 29.0834 17.7285 43.5206 17.7285C57.9578 17.7285 69.6614 29.4322 69.6614 43.8695Z"
-                fill="url(#paint5_linear_239_3673)"
-            />
-            <path
-                d="M15.0252 43.8695C15.0252 59.6071 27.783 72.3649 43.5206 72.3649C59.2581 72.3649 72.0159 59.6071 72.0159 43.8695C72.0159 28.1318 59.2581 15.374 43.5206 15.374C27.783 15.374 15.0252 28.1318 15.0252 43.8695ZM69.6614 43.8695C69.6614 58.3067 57.9578 70.0104 43.5206 70.0104C29.0834 70.0104 17.3797 58.3067 17.3797 43.8695C17.3797 29.4322 29.0834 17.7285 43.5206 17.7285C57.9578 17.7285 69.6614 29.4322 69.6614 43.8695Z"
-                stroke="url(#paint6_radial_239_3673)"
-                stroke-width="22.345"
-                mask="url(#path-6-inside-2_239_3673)"
-            />
-        </g>
-        <g filter="url(#filter2_d_239_3673)">
-            <mask id="path-7-inside-3_239_3673" fill="white">
-                <path
-                    d="M16.5111 43.86C16.5111 59.2205 28.9632 71.6727 44.3236 71.6727C59.6841 71.6727 72.1362 59.2205 72.1362 43.86C72.1362 28.4995 59.6841 16.0474 44.3236 16.0474C28.9632 16.0474 16.5111 28.4995 16.5111 43.86ZM70.5124 43.86C70.5124 58.3237 58.7873 70.0489 44.3236 70.0489C29.86 70.0489 18.1349 58.3237 18.1349 43.86C18.1349 29.3963 29.86 17.6712 44.3236 17.6712C58.7873 17.6712 70.5124 29.3963 70.5124 43.86Z"
-                />
-            </mask>
-            <path
-                d="M16.5111 43.86C16.5111 59.2205 28.9632 71.6727 44.3236 71.6727C59.6841 71.6727 72.1362 59.2205 72.1362 43.86C72.1362 28.4995 59.6841 16.0474 44.3236 16.0474C28.9632 16.0474 16.5111 28.4995 16.5111 43.86ZM70.5124 43.86C70.5124 58.3237 58.7873 70.0489 44.3236 70.0489C29.86 70.0489 18.1349 58.3237 18.1349 43.86C18.1349 29.3963 29.86 17.6712 44.3236 17.6712C58.7873 17.6712 70.5124 29.3963 70.5124 43.86Z"
-                fill="url(#paint7_linear_239_3673)"
-            />
-            <path
-                d="M16.5111 43.86C16.5111 59.2205 28.9632 71.6727 44.3236 71.6727C59.6841 71.6727 72.1362 59.2205 72.1362 43.86C72.1362 28.4995 59.6841 16.0474 44.3236 16.0474C28.9632 16.0474 16.5111 28.4995 16.5111 43.86ZM70.5124 43.86C70.5124 58.3237 58.7873 70.0489 44.3236 70.0489C29.86 70.0489 18.1349 58.3237 18.1349 43.86C18.1349 29.3963 29.86 17.6712 44.3236 17.6712C58.7873 17.6712 70.5124 29.3963 70.5124 43.86Z"
-                stroke="url(#paint8_radial_239_3673)"
-                stroke-width="21.8095"
-                mask="url(#path-7-inside-3_239_3673)"
-            />
-        </g>
-    </g>
-    <defs>
-        <mask id="cut-circle">
-            <rect x="0" y="0" width="90" height="90" fill="white" />
-            <circle r="27.5" cx="43.5" cy="43.5" fill="black"></circle>
-        </mask>
-        <pattern id="pattern0_239_3673" patternContentUnits="objectBoundingBox" width="1" height="1">
-            <use xlink:href="#image0_239_3673" transform="scale(1)" />
-        </pattern>
-        <filter id="filter0_f_239_3673" x="0.510602" y="0.145909" width="87.6468" height="74.376"
-            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-            <feGaussianBlur stdDeviation="4.92705" result="effect1_foregroundBlur_239_3673" />
-        </filter>
-        <filter id="filter1_f_239_3673" x="10.779" y="11.1278" width="65.4831" height="65.4833"
-            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-            <feGaussianBlur stdDeviation="2.12309" result="effect1_foregroundBlur_239_3673" />
-        </filter>
-        <filter id="filter2_d_239_3673" x="9.88" y="16.0474" width="68.8873" height="68.8874"
-            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix in="SourceAlpha" type="matrix"
-                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-            <feOffset dy="6.63108" />
-            <feGaussianBlur stdDeviation="3.31554" />
-            <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
-            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_239_3673" />
-            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_239_3673"
-                result="shape" />
-        </filter>
-        <linearGradient id="paint0_linear_239_3673" x1="71.4224" y1="13.7746" x2="56.8589"
-            y2="88.1932" gradientUnits="userSpaceOnUse">
-            <stop offset="0.581821" stop-color="#27242C" />
-            <stop offset="1" stop-color="#0C0B0E" />
-        </linearGradient>
-        <linearGradient id="paint1_linear_239_3673" x1="77.0682" y1="5.96974" x2="5.21288"
-            y2="11.5456" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FE3C72" />
-            <stop offset="1" stop-color="#E15561" />
-        </linearGradient>
-        <linearGradient id="paint2_linear_239_3673" x1="77.068" y1="5.96974" x2="5.2127"
-            y2="11.5456" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FE3C72" />
-            <stop offset="1" stop-color="#E15561" />
-        </linearGradient>
-        <linearGradient id="paint3_linear_239_3673" x1="77.0682" y1="5.96974" x2="5.21288"
-            y2="11.5456" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FE3C72" />
-            <stop offset="1" stop-color="#E15561" />
-        </linearGradient>
-        <radialGradient
-            id="paint4_radial_239_3673"
-            cx="0"
-            cy="0"
-            r="1"
-            gradientUnits="userSpaceOnUse"
-            gradientTransform="translate(44.6705 43.9694) rotate(-90) scale(36.3006 37.8505)"
-        >
-            <stop offset="0.629654" stop-color="white" stop-opacity="0" />
-            <stop offset="0.822917" stop-color="#FE3C72" />
-            <stop offset="0.988953" stop-color="white" stop-opacity="0" />
-        </radialGradient>
-        <linearGradient id="paint5_linear_239_3673" x1="70.9798" y1="11.9932" x2="10.7034"
-            y2="16.6706" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FE3C72" />
-            <stop offset="1" stop-color="#E15561" />
-        </linearGradient>
-        <radialGradient id="paint6_radial_239_3673" cx="0" cy="0" r="1"
-            gradientUnits="userSpaceOnUse"
-            gradientTransform="translate(43.8027 43.8695) rotate(-90) scale(30.451 31.7512)">
-            <stop offset="0.629654" stop-color="white" stop-opacity="0" />
-            <stop offset="0.822917" stop-color="#FE3C72" />
-            <stop offset="0.988953" stop-color="white" stop-opacity="0" />
-        </radialGradient>
-        <linearGradient id="paint7_linear_239_3673" x1="71.1248" y1="12.7476" x2="12.2928"
-            y2="17.3129" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FE3C3C" />
-            <stop offset="1" stop-color="#E15561" />
-        </linearGradient>
-        <radialGradient id="paint8_radial_239_3673" cx="0" cy="0" r="1"
-            gradientUnits="userSpaceOnUse"
-            gradientTransform="translate(44.599 43.86) rotate(-90) scale(29.7213 30.9903)">
-            <stop offset="0.629654" stop-color="white" stop-opacity="0" />
-            <stop offset="0.880168" stop-color="#FE3C72" />
-            <stop offset="0.988953" stop-color="white" stop-opacity="0" />
-        </radialGradient>
-    </defs>
-</svg>
+<svg
+    width="100%"
+    height="100%"
+    viewBox="0 0 90 90"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+    <ellipse mask="url(#cut-circle)" cx="44.334" cy="44.3024" rx="33.9693" ry="33.6363"
+        fill="url(#paint0_linear_239_3673)" />
+    <ellipse mask="url(#cut-circle)" cx="44.334" cy="44.3028" rx="27.2427" ry="26.9757"
+        fill="#27242C" />
+    <ellipse mask="url(#cut-circle)" cx="44.334" cy="44.3028" rx="27.2427" ry="26.9757"
+        fill="url(#pattern0_239_3673)" />
+    <g transform="translate(0.25)">
+        <path
+            opacity="0.1"
+            d="M20.3404 64.046C19.2036 64.9973 17.5012 64.8524 16.6426 63.644C13.4506 59.1514 11.3915 53.9375 10.6614 48.4479C9.81303 42.0691 10.7939 35.5806 13.4899 29.7376C16.1858 23.8947 20.486 18.9377 25.8897 15.4437C31.2934 11.9496 37.5784 10.0624 44.013 10.0015C50.4476 9.94068 56.7672 11.7088 62.236 15.1C67.7048 18.4912 72.0979 23.366 74.9039 29.1569C77.7098 34.9479 78.8132 41.4167 78.0856 47.8104C77.4594 53.3128 75.4993 58.5647 72.3929 63.1169C71.5573 64.3413 69.8579 64.5183 68.7033 63.5887C67.5487 62.6591 67.3781 60.9757 68.1954 59.739C70.674 55.9886 72.2409 51.6951 72.7521 47.2034C73.3647 41.8201 72.4357 36.3735 70.0731 31.4977C67.7106 26.6218 64.0117 22.5173 59.4071 19.662C54.8025 16.8067 49.4816 15.318 44.0638 15.3692C38.646 15.4205 33.3541 17.0095 28.8043 19.9514C24.2545 22.8933 20.6339 27.067 18.364 31.9866C16.0941 36.9062 15.2682 42.3694 15.9825 47.7402C16.5785 52.2214 18.2263 56.4845 20.7755 60.1874C21.616 61.4084 21.4773 63.0948 20.3404 64.046Z"
+            fill="url(#paint1_linear_239_3673)"
+        />
+        <g opacity="0.5" filter="url(#filter0_f_239_3673)">
+            <path
+                d="M20.3402 64.046C19.2034 64.9973 17.501 64.8524 16.6424 63.644C13.4504 59.1514 11.3913 53.9375 10.6612 48.4479C9.81285 42.0691 10.7937 35.5806 13.4897 29.7376C16.1857 23.8947 20.4858 18.9377 25.8895 15.4437C31.2932 11.9496 37.5782 10.0624 44.0128 10.0015C50.4474 9.94068 56.767 11.7088 62.2358 15.1C67.7046 18.4912 72.0977 23.366 74.9037 29.1569C77.7096 34.9479 78.813 41.4167 78.0854 47.8104C77.4593 53.3128 75.4991 58.5647 72.3927 63.1169C71.5571 64.3413 69.8577 64.5183 68.7031 63.5887C67.5485 62.6591 67.3779 60.9757 68.1952 59.739C70.6739 55.9886 72.2408 51.6951 72.7519 47.2034C73.3645 41.8201 72.4355 36.3735 70.073 31.4977C67.7104 26.6218 64.0115 22.5173 59.4069 19.662C54.8023 16.8067 49.4814 15.318 44.0636 15.3692C38.6458 15.4205 33.354 17.0095 28.8042 19.9514C24.2544 22.8933 20.6338 27.067 18.3638 31.9866C16.0939 36.9062 15.268 42.3694 15.9823 47.7402C16.5783 52.2214 18.2261 56.4845 20.7753 60.1874C21.6158 61.4084 21.4771 63.0948 20.3402 64.046Z"
+                fill="url(#paint2_linear_239_3673)"
+            />
+        </g>
+        <mask id="path-5-inside-1_239_3673" fill="white">
+            <path
+                d="M20.3404 64.046C19.2036 64.9973 17.5012 64.8525 16.6427 63.6441C14.4788 60.5984 12.8285 57.2115 11.7639 53.6175C10.4447 49.1642 10.0528 44.4877 10.6123 39.8769C11.1719 35.2662 12.671 30.8191 15.0171 26.8106C16.9105 23.5756 19.323 20.6817 22.1526 18.2421C23.2752 17.2742 24.9628 17.5408 25.8391 18.7363C26.7154 19.9319 26.4468 21.6025 25.3386 22.587C23.0936 24.5814 21.1724 26.9208 19.6499 29.5221C17.6745 32.8972 16.4123 36.6415 15.9412 40.5236C15.47 44.4058 15.8 48.3433 16.9107 52.0929C17.7668 54.9829 19.0727 57.7139 20.7755 60.1875C21.616 61.4084 21.4773 63.0948 20.3404 64.046Z"
+            />
+        </mask>
+        <path fill="url(#paint3_linear_239_3673)" stroke="url(#paint4_radial_239_3673)"
+            stroke-width="31.7455" mask="url(#path-5-inside-1_239_3673)" />
+        <g filter="url(#filter1_f_239_3673)">
+            <mask id="path-6-inside-2_239_3673" fill="white">
+                <path
+                    d="M15.0252 43.8695C15.0252 59.6071 27.783 72.3649 43.5206 72.3649C59.2581 72.3649 72.0159 59.6071 72.0159 43.8695C72.0159 28.1318 59.2581 15.374 43.5206 15.374C27.783 15.374 15.0252 28.1318 15.0252 43.8695ZM69.6614 43.8695C69.6614 58.3067 57.9578 70.0104 43.5206 70.0104C29.0834 70.0104 17.3797 58.3067 17.3797 43.8695C17.3797 29.4322 29.0834 17.7285 43.5206 17.7285C57.9578 17.7285 69.6614 29.4322 69.6614 43.8695Z"
+                />
+            </mask>
+            <path
+                d="M15.0252 43.8695C15.0252 59.6071 27.783 72.3649 43.5206 72.3649C59.2581 72.3649 72.0159 59.6071 72.0159 43.8695C72.0159 28.1318 59.2581 15.374 43.5206 15.374C27.783 15.374 15.0252 28.1318 15.0252 43.8695ZM69.6614 43.8695C69.6614 58.3067 57.9578 70.0104 43.5206 70.0104C29.0834 70.0104 17.3797 58.3067 17.3797 43.8695C17.3797 29.4322 29.0834 17.7285 43.5206 17.7285C57.9578 17.7285 69.6614 29.4322 69.6614 43.8695Z"
+                fill="url(#paint5_linear_239_3673)"
+            />
+            <path
+                d="M15.0252 43.8695C15.0252 59.6071 27.783 72.3649 43.5206 72.3649C59.2581 72.3649 72.0159 59.6071 72.0159 43.8695C72.0159 28.1318 59.2581 15.374 43.5206 15.374C27.783 15.374 15.0252 28.1318 15.0252 43.8695ZM69.6614 43.8695C69.6614 58.3067 57.9578 70.0104 43.5206 70.0104C29.0834 70.0104 17.3797 58.3067 17.3797 43.8695C17.3797 29.4322 29.0834 17.7285 43.5206 17.7285C57.9578 17.7285 69.6614 29.4322 69.6614 43.8695Z"
+                stroke="url(#paint6_radial_239_3673)"
+                stroke-width="22.345"
+                mask="url(#path-6-inside-2_239_3673)"
+            />
+        </g>
+        <g filter="url(#filter2_d_239_3673)">
+            <mask id="path-7-inside-3_239_3673" fill="white">
+                <path
+                    d="M16.5111 43.86C16.5111 59.2205 28.9632 71.6727 44.3236 71.6727C59.6841 71.6727 72.1362 59.2205 72.1362 43.86C72.1362 28.4995 59.6841 16.0474 44.3236 16.0474C28.9632 16.0474 16.5111 28.4995 16.5111 43.86ZM70.5124 43.86C70.5124 58.3237 58.7873 70.0489 44.3236 70.0489C29.86 70.0489 18.1349 58.3237 18.1349 43.86C18.1349 29.3963 29.86 17.6712 44.3236 17.6712C58.7873 17.6712 70.5124 29.3963 70.5124 43.86Z"
+                />
+            </mask>
+            <path
+                d="M16.5111 43.86C16.5111 59.2205 28.9632 71.6727 44.3236 71.6727C59.6841 71.6727 72.1362 59.2205 72.1362 43.86C72.1362 28.4995 59.6841 16.0474 44.3236 16.0474C28.9632 16.0474 16.5111 28.4995 16.5111 43.86ZM70.5124 43.86C70.5124 58.3237 58.7873 70.0489 44.3236 70.0489C29.86 70.0489 18.1349 58.3237 18.1349 43.86C18.1349 29.3963 29.86 17.6712 44.3236 17.6712C58.7873 17.6712 70.5124 29.3963 70.5124 43.86Z"
+                fill="url(#paint7_linear_239_3673)"
+            />
+            <path
+                d="M16.5111 43.86C16.5111 59.2205 28.9632 71.6727 44.3236 71.6727C59.6841 71.6727 72.1362 59.2205 72.1362 43.86C72.1362 28.4995 59.6841 16.0474 44.3236 16.0474C28.9632 16.0474 16.5111 28.4995 16.5111 43.86ZM70.5124 43.86C70.5124 58.3237 58.7873 70.0489 44.3236 70.0489C29.86 70.0489 18.1349 58.3237 18.1349 43.86C18.1349 29.3963 29.86 17.6712 44.3236 17.6712C58.7873 17.6712 70.5124 29.3963 70.5124 43.86Z"
+                stroke="url(#paint8_radial_239_3673)"
+                stroke-width="21.8095"
+                mask="url(#path-7-inside-3_239_3673)"
+            />
+        </g>
+    </g>
+    <defs>
+        <mask id="cut-circle">
+            <rect x="0" y="0" width="90" height="90" fill="white" />
+            <circle r="27.5" cx="43.5" cy="43.5" fill="black"></circle>
+        </mask>
+        <pattern id="pattern0_239_3673" patternContentUnits="objectBoundingBox" width="1" height="1">
+            <use xlink:href="#image0_239_3673" transform="scale(1)" />
+        </pattern>
+        <filter id="filter0_f_239_3673" x="0.510602" y="0.145909" width="87.6468" height="74.376"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="4.92705" result="effect1_foregroundBlur_239_3673" />
+        </filter>
+        <filter id="filter1_f_239_3673" x="10.779" y="11.1278" width="65.4831" height="65.4833"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="2.12309" result="effect1_foregroundBlur_239_3673" />
+        </filter>
+        <filter id="filter2_d_239_3673" x="9.88" y="16.0474" width="68.8873" height="68.8874"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="6.63108" />
+            <feGaussianBlur stdDeviation="3.31554" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_239_3673" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_239_3673"
+                result="shape" />
+        </filter>
+        <linearGradient id="paint0_linear_239_3673" x1="71.4224" y1="13.7746" x2="56.8589"
+            y2="88.1932" gradientUnits="userSpaceOnUse">
+            <stop offset="0.581821" stop-color="#27242C" />
+            <stop offset="1" stop-color="#0C0B0E" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_239_3673" x1="77.0682" y1="5.96974" x2="5.21288"
+            y2="11.5456" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FE3C72" />
+            <stop offset="1" stop-color="#E15561" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_239_3673" x1="77.068" y1="5.96974" x2="5.2127"
+            y2="11.5456" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FE3C72" />
+            <stop offset="1" stop-color="#E15561" />
+        </linearGradient>
+        <linearGradient id="paint3_linear_239_3673" x1="77.0682" y1="5.96974" x2="5.21288"
+            y2="11.5456" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FE3C72" />
+            <stop offset="1" stop-color="#E15561" />
+        </linearGradient>
+        <radialGradient
+            id="paint4_radial_239_3673"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(44.6705 43.9694) rotate(-90) scale(36.3006 37.8505)"
+        >
+            <stop offset="0.629654" stop-color="white" stop-opacity="0" />
+            <stop offset="0.822917" stop-color="#FE3C72" />
+            <stop offset="0.988953" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint5_linear_239_3673" x1="70.9798" y1="11.9932" x2="10.7034"
+            y2="16.6706" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FE3C72" />
+            <stop offset="1" stop-color="#E15561" />
+        </linearGradient>
+        <radialGradient id="paint6_radial_239_3673" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(43.8027 43.8695) rotate(-90) scale(30.451 31.7512)">
+            <stop offset="0.629654" stop-color="white" stop-opacity="0" />
+            <stop offset="0.822917" stop-color="#FE3C72" />
+            <stop offset="0.988953" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint7_linear_239_3673" x1="71.1248" y1="12.7476" x2="12.2928"
+            y2="17.3129" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FE3C3C" />
+            <stop offset="1" stop-color="#E15561" />
+        </linearGradient>
+        <radialGradient id="paint8_radial_239_3673" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(44.599 43.86) rotate(-90) scale(29.7213 30.9903)">
+            <stop offset="0.629654" stop-color="white" stop-opacity="0" />
+            <stop offset="0.880168" stop-color="#FE3C72" />
+            <stop offset="0.988953" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+    </defs>
+</svg>

package/src/assets/client-match-overview/background-eclipse.svg

@@ -1,13 +1,13 @@
-<svg width="100%" height="100%" viewBox="0 0 266 197" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g filter="url(#filter0_f_243_4881)">
-        <ellipse cx="133" cy="98.433" rx="73.8757" ry="39.433" fill="black" />
-    </g>
-    <defs>
-        <filter id="filter0_f_243_4881" x="0.527088" y="0.402821" width="264.946" height="196.06"
-            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-            <feGaussianBlur stdDeviation="29.2986" result="effect1_foregroundBlur_243_4881" />
-        </filter>
-    </defs>
-</svg>
+<svg width="100%" height="100%" viewBox="0 0 266 197" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_f_243_4881)">
+        <ellipse cx="133" cy="98.433" rx="73.8757" ry="39.433" fill="black" />
+    </g>
+    <defs>
+        <filter id="filter0_f_243_4881" x="0.527088" y="0.402821" width="264.946" height="196.06"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="29.2986" result="effect1_foregroundBlur_243_4881" />
+        </filter>
+    </defs>
+</svg>

package/src/assets/grid/icons/filter-button.svg

@@ -1,47 +1,47 @@
-<svg width="100%" height="100%" viewBox="0 0 69 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_df_122_3042)">
-<rect x="9" y="9.10156" width="46.7368" height="23.6397" rx="11.8198" fill="url(#paint0_linear_122_3042)"/>
-</g>
-<rect x="9.78579" y="9.11883" width="45.5052" height="24.1299" rx="12.065" fill="url(#paint1_radial_122_3042)" fill-opacity="0.5"/>
-<rect x="9.78579" y="9.11883" width="45.5052" height="24.1299" rx="12.065" fill="url(#paint2_linear_122_3042)" fill-opacity="0.5"/>
-<rect x="9.78579" y="9.11883" width="45.5052" height="24.1299" rx="12.065" stroke="url(#paint3_linear_122_3042)" stroke-width="0.959099" style="mix-blend-mode:overlay"/>
-<path d="M30.7214 21.8524C30.7214 21.6705 30.5739 21.5229 30.3919 21.5229H29.2438C29.0618 21.5229 28.9143 21.3754 28.9143 21.1934V20.0179C28.9143 19.8359 28.7667 19.6884 28.5848 19.6884H28.3402C28.1582 19.6884 28.0107 19.8359 28.0107 20.0179V21.1934C28.0107 21.3754 27.8632 21.5229 27.6812 21.5229H26.5331C26.3511 21.5229 26.2036 21.6705 26.2036 21.8524V22.1107C26.2036 22.2927 26.3511 22.4402 26.5331 22.4402H27.6812C27.8632 22.4402 28.0107 22.5877 28.0107 22.7697V23.9453C28.0107 24.1272 28.1582 24.2748 28.3402 24.2748H28.5848C28.7667 24.2748 28.9143 24.1272 28.9143 23.9453V22.7697C28.9143 22.5877 29.0618 22.4402 29.2438 22.4402H30.3919C30.5739 22.4402 30.7214 22.2927 30.7214 22.1107V21.8524Z" fill="#FE3C72"/>
-<path d="M21.7797 27.2672C21.7055 27.2672 21.6312 27.2486 21.5643 27.2112C21.4263 27.1339 21.3408 26.9888 21.3408 26.8315V20.9444C21.3408 20.8721 21.3171 20.8018 21.2732 20.7444L16.8056 14.8949C16.705 14.7631 16.6883 14.586 16.7623 14.4379C16.8365 14.2896 16.9887 14.1959 17.1554 14.1959H28.4381C28.6048 14.1959 28.757 14.2896 28.8311 14.4379C28.9053 14.586 28.8886 14.7631 28.7878 14.8949L24.3202 20.7444C24.2764 20.8018 24.2526 20.8721 24.2526 20.9444V25.6073C24.2526 25.7597 24.1724 25.9008 24.0412 25.9798L22.0073 27.204C21.9374 27.246 21.8585 27.2672 21.7797 27.2672ZM18.7052 15.0673C18.4323 15.0673 18.2777 15.38 18.4433 15.5969L22.1294 20.4232C22.1874 20.4989 22.2185 20.5914 22.2185 20.6866V25.4751C22.2185 25.7314 22.4983 25.8896 22.718 25.7574L23.2153 25.4581C23.3143 25.3985 23.3749 25.2913 23.3749 25.1757V20.6864C23.3749 20.5914 23.4062 20.4989 23.464 20.4231L27.1501 15.5969C27.3157 15.38 27.1611 15.0673 26.8882 15.0673H18.7052Z" fill="#FE3C72"/>
-<path d="M41.2188 19.8964L44.4137 23.5477L47.6086 19.8964" stroke="#F7416E" stroke-width="1.36924" stroke-linecap="round"/>
-<path opacity="0.3" d="M34.4898 27.3713L34.4898 13.7455" stroke="url(#paint4_radial_122_3042)" stroke-width="6.31579"/>
-<defs>
-<filter id="filter0_df_122_3042" x="0.721615" y="0.823177" width="67.4328" height="44.3357" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="4.13919" dy="4.13919"/>
-<feGaussianBlur stdDeviation="4.13919"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_122_3042"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_122_3042" result="shape"/>
-<feGaussianBlur stdDeviation="4.13919" result="effect2_foregroundBlur_122_3042"/>
-</filter>
-<linearGradient id="paint0_linear_122_3042" x1="9" y1="18.5574" x2="56.9424" y2="18.5574" gradientUnits="userSpaceOnUse">
-<stop offset="0.00662288" stop-color="#353039"/>
-<stop offset="0.969498" stop-color="#29252D"/>
-</linearGradient>
-<radialGradient id="paint1_radial_122_3042" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.2055 16.8722) rotate(28.9087) scale(43.7902 53.6194)">
-<stop stop-color="#434046"/>
-<stop offset="0.282367" stop-color="#29252D"/>
-<stop offset="1" stop-color="#0A0A0B"/>
-</radialGradient>
-<linearGradient id="paint2_linear_122_3042" x1="32.5384" y1="8.63928" x2="32.5384" y2="33.7283" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3E4045"/>
-<stop offset="0.0833333" stop-color="#3E4045" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint3_linear_122_3042" x1="13.9527" y1="12.6535" x2="27.2095" y2="48.8346" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0A0909" stop-opacity="0.45"/>
-<stop stop-opacity="0.488195"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<radialGradient id="paint4_radial_122_3042" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.9898 20.5584) scale(0.5 6.81291)">
-<stop stop-color="#F7F5DD"/>
-<stop offset="1" stop-color="#F7F5DD" stop-opacity="0"/>
-</radialGradient>
-</defs>
-</svg>
+<svg width="100%" height="100%" viewBox="0 0 69 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_df_122_3042)">
+<rect x="9" y="9.10156" width="46.7368" height="23.6397" rx="11.8198" fill="url(#paint0_linear_122_3042)"/>
+</g>
+<rect x="9.78579" y="9.11883" width="45.5052" height="24.1299" rx="12.065" fill="url(#paint1_radial_122_3042)" fill-opacity="0.5"/>
+<rect x="9.78579" y="9.11883" width="45.5052" height="24.1299" rx="12.065" fill="url(#paint2_linear_122_3042)" fill-opacity="0.5"/>
+<rect x="9.78579" y="9.11883" width="45.5052" height="24.1299" rx="12.065" stroke="url(#paint3_linear_122_3042)" stroke-width="0.959099" style="mix-blend-mode:overlay"/>
+<path d="M30.7214 21.8524C30.7214 21.6705 30.5739 21.5229 30.3919 21.5229H29.2438C29.0618 21.5229 28.9143 21.3754 28.9143 21.1934V20.0179C28.9143 19.8359 28.7667 19.6884 28.5848 19.6884H28.3402C28.1582 19.6884 28.0107 19.8359 28.0107 20.0179V21.1934C28.0107 21.3754 27.8632 21.5229 27.6812 21.5229H26.5331C26.3511 21.5229 26.2036 21.6705 26.2036 21.8524V22.1107C26.2036 22.2927 26.3511 22.4402 26.5331 22.4402H27.6812C27.8632 22.4402 28.0107 22.5877 28.0107 22.7697V23.9453C28.0107 24.1272 28.1582 24.2748 28.3402 24.2748H28.5848C28.7667 24.2748 28.9143 24.1272 28.9143 23.9453V22.7697C28.9143 22.5877 29.0618 22.4402 29.2438 22.4402H30.3919C30.5739 22.4402 30.7214 22.2927 30.7214 22.1107V21.8524Z" fill="#FE3C72"/>
+<path d="M21.7797 27.2672C21.7055 27.2672 21.6312 27.2486 21.5643 27.2112C21.4263 27.1339 21.3408 26.9888 21.3408 26.8315V20.9444C21.3408 20.8721 21.3171 20.8018 21.2732 20.7444L16.8056 14.8949C16.705 14.7631 16.6883 14.586 16.7623 14.4379C16.8365 14.2896 16.9887 14.1959 17.1554 14.1959H28.4381C28.6048 14.1959 28.757 14.2896 28.8311 14.4379C28.9053 14.586 28.8886 14.7631 28.7878 14.8949L24.3202 20.7444C24.2764 20.8018 24.2526 20.8721 24.2526 20.9444V25.6073C24.2526 25.7597 24.1724 25.9008 24.0412 25.9798L22.0073 27.204C21.9374 27.246 21.8585 27.2672 21.7797 27.2672ZM18.7052 15.0673C18.4323 15.0673 18.2777 15.38 18.4433 15.5969L22.1294 20.4232C22.1874 20.4989 22.2185 20.5914 22.2185 20.6866V25.4751C22.2185 25.7314 22.4983 25.8896 22.718 25.7574L23.2153 25.4581C23.3143 25.3985 23.3749 25.2913 23.3749 25.1757V20.6864C23.3749 20.5914 23.4062 20.4989 23.464 20.4231L27.1501 15.5969C27.3157 15.38 27.1611 15.0673 26.8882 15.0673H18.7052Z" fill="#FE3C72"/>
+<path d="M41.2188 19.8964L44.4137 23.5477L47.6086 19.8964" stroke="#F7416E" stroke-width="1.36924" stroke-linecap="round"/>
+<path opacity="0.3" d="M34.4898 27.3713L34.4898 13.7455" stroke="url(#paint4_radial_122_3042)" stroke-width="6.31579"/>
+<defs>
+<filter id="filter0_df_122_3042" x="0.721615" y="0.823177" width="67.4328" height="44.3357" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="4.13919" dy="4.13919"/>
+<feGaussianBlur stdDeviation="4.13919"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_122_3042"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_122_3042" result="shape"/>
+<feGaussianBlur stdDeviation="4.13919" result="effect2_foregroundBlur_122_3042"/>
+</filter>
+<linearGradient id="paint0_linear_122_3042" x1="9" y1="18.5574" x2="56.9424" y2="18.5574" gradientUnits="userSpaceOnUse">
+<stop offset="0.00662288" stop-color="#353039"/>
+<stop offset="0.969498" stop-color="#29252D"/>
+</linearGradient>
+<radialGradient id="paint1_radial_122_3042" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.2055 16.8722) rotate(28.9087) scale(43.7902 53.6194)">
+<stop stop-color="#434046"/>
+<stop offset="0.282367" stop-color="#29252D"/>
+<stop offset="1" stop-color="#0A0A0B"/>
+</radialGradient>
+<linearGradient id="paint2_linear_122_3042" x1="32.5384" y1="8.63928" x2="32.5384" y2="33.7283" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3E4045"/>
+<stop offset="0.0833333" stop-color="#3E4045" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_122_3042" x1="13.9527" y1="12.6535" x2="27.2095" y2="48.8346" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0A0909" stop-opacity="0.45"/>
+<stop stop-opacity="0.488195"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<radialGradient id="paint4_radial_122_3042" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.9898 20.5584) scale(0.5 6.81291)">
+<stop stop-color="#F7F5DD"/>
+<stop offset="1" stop-color="#F7F5DD" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>

package/src/assets/grid/images/chips-background-shadow.svg

@@ -1,34 +1,34 @@
-<svg width="100%" height="100%" viewBox="0 0 320 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g filter="url(#filter0_f_122_3001)">
-        <rect x="21.2372" y="25.7344" width="275.67" height="10.7963" rx="5.39817" fill="black"
-            fill-opacity="0.7" />
-    </g>
-    <g filter="url(#filter1_f_122_3001)">
-        <rect x="21.2372" y="25.7344" width="275.67" height="10.7963" rx="5.39817" fill="black"
-            fill-opacity="0.7" />
-    </g>
-    <g filter="url(#filter2_f_122_3001)">
-        <rect x="21.2372" y="25.7344" width="275.67" height="10.7963" rx="5.39817" fill="black"
-            fill-opacity="0.7" />
-    </g>
-    <defs>
-        <filter id="filter0_f_122_3001" x="-4.28573" y="0.211464" width="326.716" height="61.8421"
-            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-            <feGaussianBlur stdDeviation="12.7615" result="effect1_foregroundBlur_122_3001" />
-        </filter>
-        <filter id="filter1_f_122_3001" x="-4.28573" y="0.211464" width="326.716" height="61.8421"
-            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-            <feGaussianBlur stdDeviation="12.7615" result="effect1_foregroundBlur_122_3001" />
-        </filter>
-        <filter id="filter2_f_122_3001" x="-4.28573" y="0.211464" width="326.716" height="61.8421"
-            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-            <feGaussianBlur stdDeviation="12.7615" result="effect1_foregroundBlur_122_3001" />
-        </filter>
-    </defs>
-</svg>
+<svg width="100%" height="100%" viewBox="0 0 320 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_f_122_3001)">
+        <rect x="21.2372" y="25.7344" width="275.67" height="10.7963" rx="5.39817" fill="black"
+            fill-opacity="0.7" />
+    </g>
+    <g filter="url(#filter1_f_122_3001)">
+        <rect x="21.2372" y="25.7344" width="275.67" height="10.7963" rx="5.39817" fill="black"
+            fill-opacity="0.7" />
+    </g>
+    <g filter="url(#filter2_f_122_3001)">
+        <rect x="21.2372" y="25.7344" width="275.67" height="10.7963" rx="5.39817" fill="black"
+            fill-opacity="0.7" />
+    </g>
+    <defs>
+        <filter id="filter0_f_122_3001" x="-4.28573" y="0.211464" width="326.716" height="61.8421"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="12.7615" result="effect1_foregroundBlur_122_3001" />
+        </filter>
+        <filter id="filter1_f_122_3001" x="-4.28573" y="0.211464" width="326.716" height="61.8421"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="12.7615" result="effect1_foregroundBlur_122_3001" />
+        </filter>
+        <filter id="filter2_f_122_3001" x="-4.28573" y="0.211464" width="326.716" height="61.8421"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="12.7615" result="effect1_foregroundBlur_122_3001" />
+        </filter>
+    </defs>
+</svg>

package/src/assets/icons/back-v2.svg

@@ -1,14 +1,14 @@
-  <svg viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M1.30289 6.41507H13.8836C14.0467 6.41507 14.2031 6.47985 14.3184 6.59517C14.4337 6.71049 14.4985 6.86689 14.4985 7.02997C14.4985 7.19306 14.4337 7.34946 14.3184 7.46478C14.2031 7.5801 14.0467 7.64488 13.8836 7.64488H1.30289C1.13981 7.64488 0.983406 7.5801 0.868089 7.46478C0.752772 7.34946 0.687987 7.19306 0.687987 7.02997C0.687987 6.86689 0.752772 6.71049 0.868089 6.59517C0.983406 6.47985 1.13981 6.41507 1.30289 6.41507Z"
-      fill="white"
-      stroke="white"
-      stroke-width="0.0282574"
-    />
-    <path
-      d="M1.55311 7.02028L1.54312 7.03028L1.55311 7.04027L6.77032 12.2562C6.88579 12.3717 6.95066 12.5283 6.95066 12.6916C6.95066 12.8549 6.88579 13.0115 6.77032 13.127C6.65486 13.2424 6.49825 13.3073 6.33496 13.3073C6.17166 13.3073 6.01506 13.2424 5.89959 13.127L0.23828 7.46564L0.238268 7.46563C0.181004 7.40851 0.135571 7.34065 0.104572 7.26595C0.0735729 7.19124 0.0576163 7.11116 0.0576163 7.03028C0.0576163 6.94939 0.0735729 6.86931 0.104572 6.7946C0.135571 6.7199 0.181004 6.65204 0.238268 6.59492L0.23828 6.59491L5.89959 0.933599C6.01506 0.818133 6.17166 0.753264 6.33496 0.753264C6.49825 0.753264 6.65486 0.818133 6.77032 0.933599C6.88579 1.04906 6.95066 1.20567 6.95066 1.36896C6.95066 1.53226 6.88579 1.68886 6.77032 1.80433L1.55311 7.02028Z"
-      fill="white"
-      stroke="white"
-      stroke-width="0.0282574"
-    />
-  </svg>
+  <svg viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M1.30289 6.41507H13.8836C14.0467 6.41507 14.2031 6.47985 14.3184 6.59517C14.4337 6.71049 14.4985 6.86689 14.4985 7.02997C14.4985 7.19306 14.4337 7.34946 14.3184 7.46478C14.2031 7.5801 14.0467 7.64488 13.8836 7.64488H1.30289C1.13981 7.64488 0.983406 7.5801 0.868089 7.46478C0.752772 7.34946 0.687987 7.19306 0.687987 7.02997C0.687987 6.86689 0.752772 6.71049 0.868089 6.59517C0.983406 6.47985 1.13981 6.41507 1.30289 6.41507Z"
+      fill="white"
+      stroke="white"
+      stroke-width="0.0282574"
+    />
+    <path
+      d="M1.55311 7.02028L1.54312 7.03028L1.55311 7.04027L6.77032 12.2562C6.88579 12.3717 6.95066 12.5283 6.95066 12.6916C6.95066 12.8549 6.88579 13.0115 6.77032 13.127C6.65486 13.2424 6.49825 13.3073 6.33496 13.3073C6.17166 13.3073 6.01506 13.2424 5.89959 13.127L0.23828 7.46564L0.238268 7.46563C0.181004 7.40851 0.135571 7.34065 0.104572 7.26595C0.0735729 7.19124 0.0576163 7.11116 0.0576163 7.03028C0.0576163 6.94939 0.0735729 6.86931 0.104572 6.7946C0.135571 6.7199 0.181004 6.65204 0.238268 6.59492L0.23828 6.59491L5.89959 0.933599C6.01506 0.818133 6.17166 0.753264 6.33496 0.753264C6.49825 0.753264 6.65486 0.818133 6.77032 0.933599C6.88579 1.04906 6.95066 1.20567 6.95066 1.36896C6.95066 1.53226 6.88579 1.68886 6.77032 1.80433L1.55311 7.02028Z"
+      fill="white"
+      stroke="white"
+      stroke-width="0.0282574"
+    />
+  </svg>