border-panel_header_3.svg 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. <svg width="468" height="50" viewBox="0 0 468 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  2. <g clip-path="url(#clip0_99_181)">
  3. <path d="M-0.000335693 49H236.685C239.823 49 242.778 47.517 244.653 45C246.528 42.483 249.482 41 252.621 41H-0.000335693V49Z" fill="url(#paint0_linear_99_181)" fill-opacity="0.3"/>
  4. <path d="M445 41.4919H252.622C249.483 41.4919 246.529 42.9749 244.654 45.4919V45.4919C242.778 48.0089 239.824 49.4919 236.685 49.4919H0.000402641" stroke="white"/>
  5. <path d="M445 41.4919H252.622C249.483 41.4919 246.529 42.9749 244.654 45.4919V45.4919C242.778 48.0089 239.824 49.4919 236.685 49.4919H0.000402641" stroke="url(#paint1_linear_99_181)"/>
  6. <path d="M1.88641e-06 4L468 4V41H0L1.88641e-06 4Z" fill="url(#paint2_linear_99_181)" fill-opacity="0.34"/>
  7. <g style="mix-blend-mode:overlay" filter="url(#filter0_f_99_181)">
  8. <path d="M24.8486 17.8571L62.2793 50.7239L-12.582 50.7239L24.8486 17.8571Z" fill="url(#paint3_radial_99_181)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
  9. </g>
  10. <g style="mix-blend-mode:overlay" filter="url(#filter1_f_99_181)">
  11. <path d="M24.849 32.1175L46.0783 50.7239L3.61963 50.7239L24.849 32.1175Z" fill="url(#paint4_radial_99_181)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
  12. </g>
  13. <g style="mix-blend-mode:overlay" filter="url(#filter2_f_99_181)">
  14. <path d="M24.847 41.896L34.903 50.7239L14.791 50.7239L24.847 41.896Z" fill="url(#paint5_radial_99_181)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
  15. </g>
  16. <path d="M941.23 43H-342.54V53H941.23V43Z" fill="url(#paint6_radial_99_181)"/>
  17. <path d="M941.23 -3H-342.54V7H941.23V-3Z" fill="url(#paint7_radial_99_181)"/>
  18. <rect width="4.50427" height="4.50427" transform="matrix(-0.701084 0.713079 0.701084 0.713079 396.928 43)" fill="#00C2FF"/>
  19. <rect width="4.50427" height="4.50427" transform="matrix(-0.701084 0.713079 0.701084 0.713079 408.092 43)" fill="#0085FF" fill-opacity="0.5"/>
  20. <rect width="4.50427" height="4.50427" transform="matrix(-0.701084 0.713079 0.701084 0.713079 419.257 43)" fill="#00C2FF"/>
  21. <rect width="4.50427" height="4.50427" transform="matrix(-0.701084 0.713079 0.701084 0.713079 430.421 43)" fill="#0085FF" fill-opacity="0.5"/>
  22. <rect width="4.50427" height="4.50427" transform="matrix(-0.701084 0.713079 0.701084 0.713079 441.841 43)" fill="#00C2FF"/>
  23. <path d="M252.603 44L247.368 49H245.102L250.148 44H252.603Z" fill="url(#paint8_linear_99_181)"/>
  24. <path d="M258.587 44L253.352 49H251.086L256.132 44H258.587Z" fill="url(#paint9_linear_99_181)"/>
  25. <path d="M265.321 49L270.556 44H268.101L263.055 49H265.321Z" fill="url(#paint10_linear_99_181)"/>
  26. <path d="M306.462 44L301.227 49H298.961L304.007 44H306.462Z" fill="url(#paint11_linear_99_181)"/>
  27. <path d="M318.431 44L313.196 49H310.93L315.976 44H318.431Z" fill="url(#paint12_linear_99_181)"/>
  28. <path d="M277.29 49L282.525 44H280.069L275.023 49H277.29Z" fill="url(#paint13_linear_99_181)"/>
  29. <path d="M294.494 44L289.259 49H286.992L292.039 44H294.494Z" fill="url(#paint14_linear_99_181)"/>
  30. <path d="M264.571 44L259.336 49H257.07L262.116 44H264.571Z" fill="url(#paint15_linear_99_181)"/>
  31. <path d="M300.478 44L295.243 49H292.977L298.023 44H300.478Z" fill="url(#paint16_linear_99_181)"/>
  32. <path d="M276.54 44L271.305 49H269.039L274.085 44H276.54Z" fill="url(#paint17_linear_99_181)"/>
  33. <path d="M312.447 44L307.212 49H304.946L309.992 44H312.447Z" fill="url(#paint18_linear_99_181)"/>
  34. <path d="M288.509 44L283.274 49H281.008L286.054 44H288.509Z" fill="url(#paint19_linear_99_181)"/>
  35. <path d="M324.928 44L319.693 49H317.427L322.473 44H324.928Z" fill="url(#paint20_linear_99_181)"/>
  36. <path d="M330.912 44L325.677 49H323.411L328.457 44H330.912Z" fill="url(#paint21_linear_99_181)"/>
  37. <path d="M337.646 49L342.881 44H340.426L335.38 49H337.646Z" fill="url(#paint22_linear_99_181)"/>
  38. <path d="M378.787 44L373.552 49H371.286L376.332 44H378.787Z" fill="url(#paint23_linear_99_181)"/>
  39. <path d="M390.756 44L385.521 49H383.255L388.301 44H390.756Z" fill="url(#paint24_linear_99_181)"/>
  40. <path d="M349.615 49L354.85 44H352.395L347.348 49H349.615Z" fill="url(#paint25_linear_99_181)"/>
  41. <path d="M366.819 44L361.584 49H359.317L364.364 44H366.819Z" fill="url(#paint26_linear_99_181)"/>
  42. <path d="M336.896 44L331.661 49H329.395L334.441 44H336.896Z" fill="url(#paint27_linear_99_181)"/>
  43. <path d="M372.803 44L367.568 49H365.302L370.348 44H372.803Z" fill="url(#paint28_linear_99_181)"/>
  44. <path d="M348.865 44L343.63 49H341.364L346.41 44H348.865Z" fill="url(#paint29_linear_99_181)"/>
  45. <path d="M384.772 44L379.537 49H377.271L382.317 44H384.772Z" fill="url(#paint30_linear_99_181)"/>
  46. <path d="M360.834 44L355.599 49H353.333L358.379 44H360.834Z" fill="url(#paint31_linear_99_181)"/>
  47. <g filter="url(#filter3_f_99_181)">
  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_99_181)"/>
  51. <path d="M15.6051 24.0484L12.3025 20.9371L9 24.0484L12.3025 27.1596L15.6051 24.0484Z" fill="url(#paint33_linear_99_181)"/>
  52. </g>
  53. <defs>
  54. <filter id="filter0_f_99_181" x="-15.582" y="14.8571" width="80.8613" 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_99_181"/>
  58. </filter>
  59. <filter id="filter1_f_99_181" x="1.61963" y="30.1175" width="46.4587" 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_99_181"/>
  63. </filter>
  64. <filter id="filter2_f_99_181" x="13.791" y="40.896" width="22.1121" 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_99_181"/>
  68. </filter>
  69. <filter id="filter3_f_99_181" 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_99_181"/>
  73. </filter>
  74. <linearGradient id="paint0_linear_99_181" x1="238.997" y1="49" x2="-3.56747" y2="49" gradientUnits="userSpaceOnUse">
  75. <stop stop-color="#00A3FF"/>
  76. <stop offset="1" stop-color="#0085FF"/>
  77. </linearGradient>
  78. <linearGradient id="paint1_linear_99_181" x1="445" y1="38.0736" x2="-7.23407" 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_99_181" x1="282.77" y1="41" x2="282.77" 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_99_181" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.8487 50.7239) rotate(-90) scale(34.8015 57.1175)">
  89. <stop stop-color="white"/>
  90. <stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
  91. </radialGradient>
  92. <radialGradient id="paint4_radial_99_181" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.849 50.7239) rotate(-90) scale(19.7017 32.395)">
  93. <stop stop-color="white"/>
  94. <stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
  95. </radialGradient>
  96. <radialGradient id="paint5_radial_99_181" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.847 50.7239) rotate(-90) scale(9.34751 15.345)">
  97. <stop stop-color="white"/>
  98. <stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
  99. </radialGradient>
  100. <radialGradient id="paint6_radial_99_181" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(297.335 47.3304) rotate(-90) scale(4.88953 454.342)">
  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_99_181" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(297.335 1.33036) rotate(-90) scale(4.88953 454.342)">
  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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" x1="363.09" y1="49.5" x2="363.09" 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_99_181" 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_99_181" 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_99_181">
  231. <rect width="468" height="50" fill="white"/>
  232. </clipPath>
  233. </defs>
  234. </svg>