border-panel_header_4.svg 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. <svg width="987" height="50" viewBox="0 0 987 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  2. <g clip-path="url(#clip0_166_209)">
  3. <path d="M-0.000396729 49H235.606C238.739 49 241.687 47.5163 243.553 45C245.419 42.4837 248.367 41 251.5 41H-0.000396729V49Z" fill="url(#paint0_linear_166_209)" fill-opacity="0.3"/>
  4. <path d="M443 41.4919H251.501C248.368 41.4919 245.42 42.9756 243.554 45.4919V45.4919C241.688 48.0081 238.74 49.4919 235.607 49.4919H0.000398903" stroke="white"/>
  5. <path d="M443 41.4919H251.501C248.368 41.4919 245.42 42.9756 243.554 45.4919V45.4919C241.688 48.0081 238.74 49.4919 235.607 49.4919H0.000398903" stroke="url(#paint1_linear_166_209)"/>
  6. <path d="M3.97839e-06 4L987 4V41H0L3.97839e-06 4Z" fill="url(#paint2_linear_166_209)" fill-opacity="0.34"/>
  7. <g style="mix-blend-mode:overlay" filter="url(#filter0_f_166_209)">
  8. <path d="M24.7371 17.8571L61.9995 50.7239L-12.5254 50.7239L24.7371 17.8571Z" fill="url(#paint3_radial_166_209)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
  9. </g>
  10. <g style="mix-blend-mode:overlay" filter="url(#filter1_f_166_209)">
  11. <path d="M24.7374 32.1175L45.8714 50.7239L3.60352 50.7239L24.7374 32.1175Z" fill="url(#paint4_radial_166_209)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
  12. </g>
  13. <g style="mix-blend-mode:overlay" filter="url(#filter2_f_166_209)">
  14. <path d="M24.7354 41.896L34.7462 50.7239L14.7246 50.7239L24.7354 41.896Z" fill="url(#paint5_radial_166_209)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
  15. </g>
  16. <path d="M544 43H-341V53H544V43Z" fill="url(#paint6_radial_166_209)"/>
  17. <path d="M544 -3H-341V7H544V-3Z" fill="url(#paint7_radial_166_209)"/>
  18. <rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 395.145 43)" fill="#00C2FF"/>
  19. <rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 406.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 417.373 43)" fill="#00C2FF"/>
  21. <rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 428.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 439.855 43)" fill="#00C2FF"/>
  23. <path d="M251.468 44L246.256 49H244L249.023 44H251.468Z" fill="url(#paint8_linear_166_209)"/>
  24. <path d="M257.425 44L252.213 49H249.957L254.981 44H257.425Z" fill="url(#paint9_linear_166_209)"/>
  25. <path d="M264.129 49L269.34 44H266.896L261.873 49H264.129Z" fill="url(#paint10_linear_166_209)"/>
  26. <path d="M305.085 44L299.873 49H297.617L302.641 44H305.085Z" fill="url(#paint11_linear_166_209)"/>
  27. <path d="M317 44L311.789 49H309.532L314.556 44H317Z" fill="url(#paint12_linear_166_209)"/>
  28. <path d="M276.043 49L281.255 44H278.811L273.787 49H276.043Z" fill="url(#paint13_linear_166_209)"/>
  29. <path d="M293.17 44L287.959 49H285.703L290.726 44H293.17Z" fill="url(#paint14_linear_166_209)"/>
  30. <path d="M263.382 44L258.171 49H255.915L260.938 44H263.382Z" fill="url(#paint15_linear_166_209)"/>
  31. <path d="M299.127 44L293.916 49H291.66L296.683 44H299.127Z" fill="url(#paint16_linear_166_209)"/>
  32. <path d="M275.297 44L270.086 49H267.83L272.853 44H275.297Z" fill="url(#paint17_linear_166_209)"/>
  33. <path d="M311.043 44L305.831 49H303.575L308.599 44H311.043Z" fill="url(#paint18_linear_166_209)"/>
  34. <path d="M287.213 44L282.001 49H279.745L284.769 44H287.213Z" fill="url(#paint19_linear_166_209)"/>
  35. <path d="M323.468 44L318.256 49H316L321.023 44H323.468Z" fill="url(#paint20_linear_166_209)"/>
  36. <path d="M329.425 44L324.213 49H321.957L326.981 44H329.425Z" fill="url(#paint21_linear_166_209)"/>
  37. <path d="M336.129 49L341.34 44H338.896L333.873 49H336.129Z" fill="url(#paint22_linear_166_209)"/>
  38. <path d="M377.085 44L371.873 49H369.617L374.641 44H377.085Z" fill="url(#paint23_linear_166_209)"/>
  39. <path d="M389 44L383.789 49H381.532L386.556 44H389Z" fill="url(#paint24_linear_166_209)"/>
  40. <path d="M348.043 49L353.255 44H350.811L345.787 49H348.043Z" fill="url(#paint25_linear_166_209)"/>
  41. <path d="M365.17 44L359.959 49H357.703L362.726 44H365.17Z" fill="url(#paint26_linear_166_209)"/>
  42. <path d="M335.382 44L330.171 49H327.915L332.938 44H335.382Z" fill="url(#paint27_linear_166_209)"/>
  43. <path d="M371.127 44L365.916 49H363.66L368.683 44H371.127Z" fill="url(#paint28_linear_166_209)"/>
  44. <path d="M347.297 44L342.086 49H339.83L344.853 44H347.297Z" fill="url(#paint29_linear_166_209)"/>
  45. <path d="M383.043 44L377.831 49H375.575L380.599 44H383.043Z" fill="url(#paint30_linear_166_209)"/>
  46. <path d="M359.213 44L354.001 49H351.745L356.769 44H359.213Z" fill="url(#paint31_linear_166_209)"/>
  47. <g filter="url(#filter3_f_166_209)">
  48. <rect x="4" y="24" width="10.6066" height="10.6066" transform="rotate(-45 4 24)" fill="#0057FF" fill-opacity="0.66"/>
  49. </g>
  50. <path d="M17.4325 13L29 23.9425L17.4713 35H12.3534L21.1197 23.9425L12.4147 13H17.4325Z" fill="url(#paint32_linear_166_209)"/>
  51. <path d="M15.6051 24.0484L12.3025 20.9371L9 24.0484L12.3025 27.1596L15.6051 24.0484Z" fill="url(#paint33_linear_166_209)"/>
  52. </g>
  53. <defs>
  54. <filter id="filter0_f_166_209" x="-15.5254" y="14.8571" width="80.5249" height="38.8668" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  55. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  56. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  57. <feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_166_209"/>
  58. </filter>
  59. <filter id="filter1_f_166_209" x="1.60352" y="30.1175" width="46.2681" height="22.6064" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  60. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  61. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  62. <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_166_209"/>
  63. </filter>
  64. <filter id="filter2_f_166_209" x="13.7246" y="40.896" width="22.0215" height="10.8279" 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="0.5" result="effect1_foregroundBlur_166_209"/>
  68. </filter>
  69. <filter id="filter3_f_166_209" x="-2" y="10.5" width="27" height="27" 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="3" result="effect1_foregroundBlur_166_209"/>
  73. </filter>
  74. <linearGradient id="paint0_linear_166_209" x1="237.923" y1="49" x2="-3.5515" y2="49" gradientUnits="userSpaceOnUse">
  75. <stop stop-color="#00A3FF"/>
  76. <stop offset="1" stop-color="#0085FF"/>
  77. </linearGradient>
  78. <linearGradient id="paint1_linear_166_209" x1="443" y1="38.0736" x2="-7.20155" y2="38.0736" gradientUnits="userSpaceOnUse">
  79. <stop stop-color="#001F3D"/>
  80. <stop offset="0.177083" stop-color="#0084FF"/>
  81. <stop offset="1" stop-color="#00C2FF"/>
  82. </linearGradient>
  83. <linearGradient id="paint2_linear_166_209" x1="596.354" y1="41" x2="596.354" y2="4" gradientUnits="userSpaceOnUse">
  84. <stop stop-color="#0085FF"/>
  85. <stop offset="0.572917" stop-color="#00A3FF" stop-opacity="0"/>
  86. <stop offset="1" stop-opacity="0"/>
  87. </linearGradient>
  88. <radialGradient id="paint3_radial_166_209" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.7371 50.7239) rotate(-90) scale(34.8015 56.8608)">
  89. <stop stop-color="white"/>
  90. <stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
  91. </radialGradient>
  92. <radialGradient id="paint4_radial_166_209" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.7374 50.7239) rotate(-90) scale(19.7017 32.2494)">
  93. <stop stop-color="white"/>
  94. <stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
  95. </radialGradient>
  96. <radialGradient id="paint5_radial_166_209" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.7354 50.7239) rotate(-90) scale(9.34751 15.276)">
  97. <stop stop-color="white"/>
  98. <stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
  99. </radialGradient>
  100. <radialGradient id="paint6_radial_166_209" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.114 47.3304) rotate(-90) scale(4.88953 313.212)">
  101. <stop offset="0.0381" stop-color="white"/>
  102. <stop offset="0.1359" stop-color="#00D5FF" stop-opacity="0.6"/>
  103. <stop offset="0.2643" stop-color="#006AFF" stop-opacity="0.5"/>
  104. <stop offset="0.4568" stop-color="#0935CC" stop-opacity="0.3238"/>
  105. <stop offset="0.6172" stop-color="#100EA7" stop-opacity="0.177"/>
  106. <stop offset="0.7013" stop-color="#120099" stop-opacity="0.1"/>
  107. <stop offset="0.746" stop-color="#100089" stop-opacity="0.085"/>
  108. <stop offset="0.8334" stop-color="#0B005F" stop-opacity="0.0558"/>
  109. <stop offset="0.954" stop-color="#03001B" stop-opacity="0.0154"/>
  110. <stop offset="1" stop-opacity="0"/>
  111. </radialGradient>
  112. <radialGradient id="paint7_radial_166_209" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.114 1.33036) rotate(-90) scale(4.88953 313.212)">
  113. <stop offset="0.0381" stop-color="white"/>
  114. <stop offset="0.1359" stop-color="#00D5FF" stop-opacity="0.6"/>
  115. <stop offset="0.2643" stop-color="#006AFF" stop-opacity="0.5"/>
  116. <stop offset="0.4568" stop-color="#0935CC" stop-opacity="0.3238"/>
  117. <stop offset="0.6172" stop-color="#100EA7" stop-opacity="0.177"/>
  118. <stop offset="0.7013" stop-color="#120099" stop-opacity="0.1"/>
  119. <stop offset="0.746" stop-color="#100089" stop-opacity="0.085"/>
  120. <stop offset="0.8334" stop-color="#0B005F" stop-opacity="0.0558"/>
  121. <stop offset="0.954" stop-color="#03001B" stop-opacity="0.0154"/>
  122. <stop offset="1" stop-opacity="0"/>
  123. </radialGradient>
  124. <linearGradient id="paint8_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  125. <stop stop-color="#0085FF"/>
  126. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  127. </linearGradient>
  128. <linearGradient id="paint9_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  129. <stop stop-color="#0085FF"/>
  130. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  131. </linearGradient>
  132. <linearGradient id="paint10_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  133. <stop stop-color="#0085FF"/>
  134. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  135. </linearGradient>
  136. <linearGradient id="paint11_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  137. <stop stop-color="#0085FF"/>
  138. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  139. </linearGradient>
  140. <linearGradient id="paint12_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  141. <stop stop-color="#0085FF"/>
  142. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  143. </linearGradient>
  144. <linearGradient id="paint13_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  145. <stop stop-color="#0085FF"/>
  146. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  147. </linearGradient>
  148. <linearGradient id="paint14_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  149. <stop stop-color="#0085FF"/>
  150. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  151. </linearGradient>
  152. <linearGradient id="paint15_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  153. <stop stop-color="#0085FF"/>
  154. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  155. </linearGradient>
  156. <linearGradient id="paint16_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  157. <stop stop-color="#0085FF"/>
  158. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  159. </linearGradient>
  160. <linearGradient id="paint17_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  161. <stop stop-color="#0085FF"/>
  162. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  163. </linearGradient>
  164. <linearGradient id="paint18_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  165. <stop stop-color="#0085FF"/>
  166. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  167. </linearGradient>
  168. <linearGradient id="paint19_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  169. <stop stop-color="#0085FF"/>
  170. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  171. </linearGradient>
  172. <linearGradient id="paint20_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  173. <stop stop-color="#0085FF"/>
  174. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  175. </linearGradient>
  176. <linearGradient id="paint21_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  177. <stop stop-color="#0085FF"/>
  178. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  179. </linearGradient>
  180. <linearGradient id="paint22_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  181. <stop stop-color="#0085FF"/>
  182. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  183. </linearGradient>
  184. <linearGradient id="paint23_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  185. <stop stop-color="#0085FF"/>
  186. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  187. </linearGradient>
  188. <linearGradient id="paint24_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  189. <stop stop-color="#0085FF"/>
  190. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  191. </linearGradient>
  192. <linearGradient id="paint25_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  193. <stop stop-color="#0085FF"/>
  194. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  195. </linearGradient>
  196. <linearGradient id="paint26_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  197. <stop stop-color="#0085FF"/>
  198. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  199. </linearGradient>
  200. <linearGradient id="paint27_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  201. <stop stop-color="#0085FF"/>
  202. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  203. </linearGradient>
  204. <linearGradient id="paint28_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  205. <stop stop-color="#0085FF"/>
  206. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  207. </linearGradient>
  208. <linearGradient id="paint29_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  209. <stop stop-color="#0085FF"/>
  210. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  211. </linearGradient>
  212. <linearGradient id="paint30_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  213. <stop stop-color="#0085FF"/>
  214. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  215. </linearGradient>
  216. <linearGradient id="paint31_linear_166_209" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
  217. <stop stop-color="#0085FF"/>
  218. <stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
  219. </linearGradient>
  220. <linearGradient id="paint32_linear_166_209" x1="28.4118" y1="23.7976" x2="9" y2="23.7976" gradientUnits="userSpaceOnUse">
  221. <stop stop-color="white"/>
  222. <stop offset="0.254331" stop-color="#CDE4FF"/>
  223. <stop offset="1" stop-color="#0075FF"/>
  224. </linearGradient>
  225. <linearGradient id="paint33_linear_166_209" x1="28.4118" y1="23.7976" x2="9" y2="23.7976" gradientUnits="userSpaceOnUse">
  226. <stop stop-color="white"/>
  227. <stop offset="0.254331" stop-color="#CDE4FF"/>
  228. <stop offset="1" stop-color="#0075FF"/>
  229. </linearGradient>
  230. <clipPath id="clip0_166_209">
  231. <rect width="987" height="50" fill="white"/>
  232. </clipPath>
  233. </defs>
  234. </svg>