border-panel_header_1.svg 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <svg width="451" height="58" viewBox="0 0 451 58" fill="none" xmlns="http://www.w3.org/2000/svg">
  2. <g clip-path="url(#clip0_3_579)" filter="url(#filter0_d_3_579)">
  3. <path d="M3.9996 49H239.606C242.739 49 245.687 47.5163 247.553 45C249.419 42.4837 252.367 41 255.5 41H3.9996V49Z" fill="url(#paint0_linear_3_579)" fill-opacity="0.3"/>
  4. <path d="M447 41.4919H255.501C252.368 41.4919 249.42 42.9756 247.554 45.4919V45.4919C245.688 48.0082 242.74 49.4919 239.607 49.4919H4.0004" stroke="white"/>
  5. <path d="M447 41.4919H255.501C252.368 41.4919 249.42 42.9756 247.554 45.4919V45.4919C245.688 48.0082 242.74 49.4919 239.607 49.4919H4.0004" stroke="url(#paint1_linear_3_579)"/>
  6. <path d="M4 3.57144L447 3.57144V41.0297H4L4 3.57144Z" fill="url(#paint2_linear_3_579)" fill-opacity="0.34"/>
  7. <g style="mix-blend-mode:overlay" filter="url(#filter1_f_3_579)">
  8. <path d="M28.7371 17.8571L65.9995 50.7239L-8.52539 50.7239L28.7371 17.8571Z" fill="url(#paint3_radial_3_579)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
  9. </g>
  10. <g style="mix-blend-mode:overlay" filter="url(#filter2_f_3_579)">
  11. <path d="M28.7374 32.1175L49.8714 50.7239L7.60352 50.7239L28.7374 32.1175Z" fill="url(#paint4_radial_3_579)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
  12. </g>
  13. <g style="mix-blend-mode:overlay" filter="url(#filter3_f_3_579)">
  14. <path d="M28.7354 41.896L38.7462 50.7239L18.7246 50.7239L28.7354 41.896Z" fill="url(#paint5_radial_3_579)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
  15. </g>
  16. <path d="M548 43H-337V53H548V43Z" fill="url(#paint6_radial_3_579)"/>
  17. <path d="M548 -3H-337V7H548V-3Z" fill="url(#paint7_radial_3_579)"/>
  18. <rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 399.145 43)" fill="#00C2FF"/>
  19. <rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 410.258 43)" fill="#0085FF" fill-opacity="0.5"/>
  20. <rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 421.373 43)" fill="#00C2FF"/>
  21. <rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 432.486 43)" fill="#0085FF" fill-opacity="0.5"/>
  22. <rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 443.855 43)" fill="#00C2FF"/>
  23. <path d="M255.468 44L250.256 49H248L253.023 44H255.468Z" fill="url(#paint8_linear_3_579)"/>
  24. <path d="M261.425 44L256.213 49H253.957L258.981 44H261.425Z" fill="url(#paint9_linear_3_579)"/>
  25. <path d="M268.129 49L273.34 44H270.896L265.873 49H268.129Z" fill="url(#paint10_linear_3_579)"/>
  26. <path d="M309.085 44L303.873 49H301.617L306.641 44H309.085Z" fill="url(#paint11_linear_3_579)"/>
  27. <path d="M321 44L315.789 49H313.532L318.556 44H321Z" fill="url(#paint12_linear_3_579)"/>
  28. <path d="M280.043 49L285.255 44H282.811L277.787 49H280.043Z" fill="url(#paint13_linear_3_579)"/>
  29. <path d="M297.17 44L291.959 49H289.703L294.726 44H297.17Z" fill="url(#paint14_linear_3_579)"/>
  30. <path d="M267.382 44L262.171 49H259.915L264.938 44H267.382Z" fill="url(#paint15_linear_3_579)"/>
  31. <path d="M303.127 44L297.916 49H295.66L300.683 44H303.127Z" fill="url(#paint16_linear_3_579)"/>
  32. <path d="M279.297 44L274.086 49H271.83L276.853 44H279.297Z" fill="url(#paint17_linear_3_579)"/>
  33. <path d="M315.043 44L309.831 49H307.575L312.599 44H315.043Z" fill="url(#paint18_linear_3_579)"/>
  34. <path d="M291.213 44L286.001 49H283.745L288.769 44H291.213Z" fill="url(#paint19_linear_3_579)"/>
  35. <path d="M327.468 44L322.256 49H320L325.023 44H327.468Z" fill="url(#paint20_linear_3_579)"/>
  36. <path d="M333.425 44L328.213 49H325.957L330.981 44H333.425Z" fill="url(#paint21_linear_3_579)"/>
  37. <path d="M340.129 49L345.34 44H342.896L337.873 49H340.129Z" fill="url(#paint22_linear_3_579)"/>
  38. <path d="M381.085 44L375.873 49H373.617L378.641 44H381.085Z" fill="url(#paint23_linear_3_579)"/>
  39. <path d="M393 44L387.789 49H385.532L390.556 44H393Z" fill="url(#paint24_linear_3_579)"/>
  40. <path d="M352.043 49L357.255 44H354.811L349.787 49H352.043Z" fill="url(#paint25_linear_3_579)"/>
  41. <path d="M369.17 44L363.959 49H361.703L366.726 44H369.17Z" fill="url(#paint26_linear_3_579)"/>
  42. <path d="M339.382 44L334.171 49H331.915L336.938 44H339.382Z" fill="url(#paint27_linear_3_579)"/>
  43. <path d="M375.127 44L369.916 49H367.66L372.683 44H375.127Z" fill="url(#paint28_linear_3_579)"/>
  44. <path d="M351.297 44L346.086 49H343.83L348.853 44H351.297Z" fill="url(#paint29_linear_3_579)"/>
  45. <path d="M387.043 44L381.831 49H379.575L384.599 44H387.043Z" fill="url(#paint30_linear_3_579)"/>
  46. <path d="M363.213 44L358.001 49H355.745L360.769 44H363.213Z" fill="url(#paint31_linear_3_579)"/>
  47. <g filter="url(#filter4_f_3_579)">
  48. <rect x="8" y="24" width="10.6066" height="10.6066" transform="rotate(-45 8 24)" fill="#0057FF" fill-opacity="0.66"/>
  49. </g>
  50. <path d="M21.4325 13L33 23.9425L21.4713 35H16.3534L25.1197 23.9425L16.4147 13H21.4325Z" fill="url(#paint32_linear_3_579)"/>
  51. <path d="M19.6051 24.0484L16.3025 20.9371L13 24.0484L16.3025 27.1596L19.6051 24.0484Z" fill="url(#paint33_linear_3_579)"/>
  52. </g>
  53. <defs>
  54. <filter id="filter0_d_3_579" x="0" y="0" width="451" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  55. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  56. <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"/>
  57. <feOffset dy="4"/>
  58. <feGaussianBlur stdDeviation="2"/>
  59. <feComposite in2="hardAlpha" operator="out"/>
  60. <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"/>
  61. <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3_579"/>
  62. <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3_579" result="shape"/>
  63. </filter>
  64. <filter id="filter1_f_3_579" x="-11.5254" y="14.8571" width="80.5249" height="38.8669" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  65. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  66. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  67. <feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_3_579"/>
  68. </filter>
  69. <filter id="filter2_f_3_579" x="5.60352" y="30.1174" width="46.2679" height="22.6064" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  70. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  71. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  72. <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_3_579"/>
  73. </filter>
  74. <filter id="filter3_f_3_579" x="17.7246" y="40.896" width="22.0216" height="10.8279" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  75. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  76. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  77. <feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_3_579"/>
  78. </filter>
  79. <filter id="filter4_f_3_579" x="2" y="10.5" width="27" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  80. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  81. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  82. <feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_3_579"/>
  83. </filter>
  84. <linearGradient id="paint0_linear_3_579" x1="241.923" y1="49" x2="0.448497" y2="49" gradientUnits="userSpaceOnUse">
  85. <stop stop-color="#00A3FF"/>
  86. <stop offset="1" stop-color="#0085FF"/>
  87. </linearGradient>
  88. <linearGradient id="paint1_linear_3_579" x1="447" y1="38.0736" x2="-3.20155" y2="38.0736" gradientUnits="userSpaceOnUse">
  89. <stop stop-color="#001F3D"/>
  90. <stop offset="0.177083" stop-color="#0084FF"/>
  91. <stop offset="1" stop-color="#00C2FF"/>
  92. </linearGradient>
  93. <linearGradient id="paint2_linear_3_579" x1="271.664" y1="41.0297" x2="271.664" y2="3.57144" gradientUnits="userSpaceOnUse">
  94. <stop stop-color="#0085FF"/>
  95. <stop offset="0.572917" stop-color="#00A3FF" stop-opacity="0"/>
  96. <stop offset="1" stop-opacity="0"/>
  97. </linearGradient>
  98. <radialGradient id="paint3_radial_3_579" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.7371 50.7239) rotate(-90) scale(34.8015 56.8608)">
  99. <stop stop-color="white"/>
  100. <stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
  101. </radialGradient>
  102. <radialGradient id="paint4_radial_3_579" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.7374 50.7239) rotate(-90) scale(19.7017 32.2494)">
  103. <stop stop-color="white"/>
  104. <stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
  105. </radialGradient>
  106. <radialGradient id="paint5_radial_3_579" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.7354 50.7239) rotate(-90) scale(9.34751 15.276)">
  107. <stop stop-color="white"/>
  108. <stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
  109. </radialGradient>
  110. <radialGradient id="paint6_radial_3_579" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(104.114 47.3304) rotate(-90) scale(4.88953 313.212)">
  111. <stop offset="0.0381" stop-color="white"/>
  112. <stop offset="0.1359" stop-color="#00D5FF" stop-opacity="0.6"/>
  113. <stop offset="0.2643" stop-color="#006AFF" stop-opacity="0.5"/>
  114. <stop offset="0.4568" stop-color="#0935CC" stop-opacity="0.3238"/>
  115. <stop offset="0.6172" stop-color="#100EA7" stop-opacity="0.177"/>
  116. <stop offset="0.7013" stop-color="#120099" stop-opacity="0.1"/>
  117. <stop offset="0.746" stop-color="#100089" stop-opacity="0.085"/>
  118. <stop offset="0.8334" stop-color="#0B005F" stop-opacity="0.0558"/>
  119. <stop offset="0.954" stop-color="#03001B" stop-opacity="0.0154"/>
  120. <stop offset="1" stop-opacity="0"/>
  121. </radialGradient>
  122. <radialGradient id="paint7_radial_3_579" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(104.114 1.33036) rotate(-90) scale(4.88953 313.212)">
  123. <stop offset="0.0381" stop-color="white"/>
  124. <stop offset="0.1359" stop-color="#00D5FF" stop-opacity="0.6"/>
  125. <stop offset="0.2643" stop-color="#006AFF" stop-opacity="0.5"/>
  126. <stop offset="0.4568" stop-color="#0935CC" stop-opacity="0.3238"/>
  127. <stop offset="0.6172" stop-color="#100EA7" stop-opacity="0.177"/>
  128. <stop offset="0.7013" stop-color="#120099" stop-opacity="0.1"/>
  129. <stop offset="0.746" stop-color="#100089" stop-opacity="0.085"/>
  130. <stop offset="0.8334" stop-color="#0B005F" stop-opacity="0.0558"/>
  131. <stop offset="0.954" stop-color="#03001B" stop-opacity="0.0154"/>
  132. <stop offset="1" stop-opacity="0"/>
  133. </radialGradient>
  134. <linearGradient id="paint8_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  135. <stop stop-color="#0085FF"/>
  136. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  137. </linearGradient>
  138. <linearGradient id="paint9_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  139. <stop stop-color="#0085FF"/>
  140. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  141. </linearGradient>
  142. <linearGradient id="paint10_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  143. <stop stop-color="#0085FF"/>
  144. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  145. </linearGradient>
  146. <linearGradient id="paint11_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  147. <stop stop-color="#0085FF"/>
  148. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  149. </linearGradient>
  150. <linearGradient id="paint12_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  151. <stop stop-color="#0085FF"/>
  152. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  153. </linearGradient>
  154. <linearGradient id="paint13_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  155. <stop stop-color="#0085FF"/>
  156. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  157. </linearGradient>
  158. <linearGradient id="paint14_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  159. <stop stop-color="#0085FF"/>
  160. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  161. </linearGradient>
  162. <linearGradient id="paint15_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  163. <stop stop-color="#0085FF"/>
  164. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  165. </linearGradient>
  166. <linearGradient id="paint16_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  167. <stop stop-color="#0085FF"/>
  168. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  169. </linearGradient>
  170. <linearGradient id="paint17_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  171. <stop stop-color="#0085FF"/>
  172. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  173. </linearGradient>
  174. <linearGradient id="paint18_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  175. <stop stop-color="#0085FF"/>
  176. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  177. </linearGradient>
  178. <linearGradient id="paint19_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  179. <stop stop-color="#0085FF"/>
  180. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  181. </linearGradient>
  182. <linearGradient id="paint20_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  183. <stop stop-color="#0085FF"/>
  184. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  185. </linearGradient>
  186. <linearGradient id="paint21_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  187. <stop stop-color="#0085FF"/>
  188. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  189. </linearGradient>
  190. <linearGradient id="paint22_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  191. <stop stop-color="#0085FF"/>
  192. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  193. </linearGradient>
  194. <linearGradient id="paint23_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  195. <stop stop-color="#0085FF"/>
  196. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  197. </linearGradient>
  198. <linearGradient id="paint24_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  199. <stop stop-color="#0085FF"/>
  200. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  201. </linearGradient>
  202. <linearGradient id="paint25_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  203. <stop stop-color="#0085FF"/>
  204. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  205. </linearGradient>
  206. <linearGradient id="paint26_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  207. <stop stop-color="#0085FF"/>
  208. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  209. </linearGradient>
  210. <linearGradient id="paint27_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  211. <stop stop-color="#0085FF"/>
  212. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  213. </linearGradient>
  214. <linearGradient id="paint28_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  215. <stop stop-color="#0085FF"/>
  216. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  217. </linearGradient>
  218. <linearGradient id="paint29_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  219. <stop stop-color="#0085FF"/>
  220. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  221. </linearGradient>
  222. <linearGradient id="paint30_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  223. <stop stop-color="#0085FF"/>
  224. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  225. </linearGradient>
  226. <linearGradient id="paint31_linear_3_579" x1="365.458" y1="49.5" x2="365.458" y2="43.5" gradientUnits="userSpaceOnUse">
  227. <stop stop-color="#0085FF"/>
  228. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  229. </linearGradient>
  230. <linearGradient id="paint32_linear_3_579" x1="32.4118" y1="23.7976" x2="13" y2="23.7976" gradientUnits="userSpaceOnUse">
  231. <stop stop-color="white"/>
  232. <stop offset="0.254331" stop-color="#CDE4FF"/>
  233. <stop offset="1" stop-color="#0075FF"/>
  234. </linearGradient>
  235. <linearGradient id="paint33_linear_3_579" x1="32.4118" y1="23.7976" x2="13" y2="23.7976" gradientUnits="userSpaceOnUse">
  236. <stop stop-color="white"/>
  237. <stop offset="0.254331" stop-color="#CDE4FF"/>
  238. <stop offset="1" stop-color="#0075FF"/>
  239. </linearGradient>
  240. <clipPath id="clip0_3_579">
  241. <rect width="443" height="50" fill="white" transform="translate(4)"/>
  242. </clipPath>
  243. </defs>
  244. </svg>