images/alternatives/overview/cs-overview-alt1.svg

<svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" width="256" height="256" viewBox="0 0 256 256">
 <defs>
  <filter id="xUAkO8pQcXbJKBFgYw4MDyp6Hgnne0Bs" width="400%" height="400%" x="-200%" y="-200%" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox">
   <feGaussianBlur xmlns="http://www.w3.org/2000/svg" in="SourceGraphic" stdDeviation="4.294"/>
   <feOffset xmlns="http://www.w3.org/2000/svg" dx="0" dy="4" result="pf_100_offsetBlur"/>
   <feFlood xmlns="http://www.w3.org/2000/svg" flood-opacity=".4"/>
   <feComposite xmlns="http://www.w3.org/2000/svg" in2="pf_100_offsetBlur" operator="in" result="pf_100_dropShadow"/>
   <feBlend xmlns="http://www.w3.org/2000/svg" in="SourceGraphic" in2="pf_100_dropShadow" mode="normal"/>
  </filter>
 </defs>
 <g filter="url(#xUAkO8pQcXbJKBFgYw4MDyp6Hgnne0Bs)">
  <linearGradient id="_lgradient_40" x1=".187" x2=".19" y1=".005" y2=".871" gradientTransform="matrix(244.648,0,0,228.338,5.68,11.95)" gradientUnits="userSpaceOnUse">
   <stop offset="0%" style="stop-color:#07b3ff"/>
   <stop offset="100%" style="stop-color:#007de8"/>
  </linearGradient>
  <path fill="url(#_lgradient_40)" d="M 165.689 11.95 C 239.745 11.95 250.328 22.507 250.328 96.494 L 250.328 155.745 C 250.328 229.731 239.745 240.288 165.689 240.288 L 90.319 240.288 C 16.264 240.288 5.68 229.731 5.68 155.745 L 5.68 96.494 C 5.68 22.507 16.264 11.95 90.319 11.95 L 165.689 11.95 L 165.689 11.95 L 165.689 11.95 Z"/>
 </g>
 <g opacity=".8">
  <path fill="#171717" d="M 247.697 199 C 241.493 234.221 221.83 240.288 165.689 240.288 L 90.319 240.288 C 34.179 240.288 14.515 234.221 8.311 199 L 247.697 199 L 247.697 199 L 247.697 199 L 247.697 199 Z"/>
 </g>
 <path fill="#333333" d="M 165.685 11.947 C 230.009 11.947 246.447 19.912 249.656 70.49 C 244.122 70.397 -0.134 69.63 6.412 69.46 C 9.78 19.804 26.43 11.947 90.315 11.947 L 165.685 11.947 L 165.685 11.947 L 165.685 11.947 Z"/>
 <g>
  <path fill="#ebebeb" fill-rule="evenodd" d="M 30.5 44.5 C 30.5 39.2 32.609 34.109 36.355 30.355 C 40.109 26.608 45.196 24.503 50.5 24.5 C 55.8 24.5 60.891 26.609 64.645 30.355 C 68.392 34.109 70.497 39.196 70.5 44.5 C 70.5 49.8 68.391 54.891 64.645 58.645 C 60.891 62.392 55.804 64.497 50.5 64.5 C 45.2 64.5 40.109 62.391 36.355 58.645 C 32.608 54.891 30.503 49.804 30.5 44.5 Z M 34.136 44.5 C 34.136 40.164 35.864 36 38.927 32.927 C 41.999 29.862 46.161 28.139 50.5 28.136 C 54.836 28.136 59 29.864 62.073 32.927 C 65.138 35.999 66.861 40.161 66.864 44.5 C 66.864 48.836 65.136 53 62.073 56.073 C 59.001 59.138 54.839 60.861 50.5 60.864 C 46.164 60.864 42 59.136 38.927 56.073 C 35.862 53.001 34.139 48.839 34.136 44.5 Z"/>
  <circle fill="#ebebeb" cx="50.5" cy="44.5" r="13.636" vector-effect="non-scaling-stroke"/>
 </g>
 <path fill="#ebebeb" d="M 192.867 24.25 L 211.492 24.25 C 212.592 24.25 213.485 25.143 213.485 26.243 L 213.485 30.136 C 213.485 31.236 212.592 32.129 211.492 32.129 L 192.867 32.129 C 191.767 32.129 190.874 31.236 190.874 30.136 L 190.874 26.243 C 190.874 25.143 191.767 24.25 192.867 24.25 Z M 192.743 40.21 L 216.757 40.21 C 217.857 40.21 218.75 41.102 218.75 42.202 L 218.75 46.096 C 218.749 47.196 217.857 48.087 216.757 48.088 L 192.743 48.088 C 191.643 48.088 190.75 47.195 190.75 46.096 L 190.75 42.202 C 190.75 41.102 191.643 40.21 192.743 40.21 Z M 192.743 56.371 L 208.828 56.371 C 209.928 56.371 210.821 57.264 210.821 58.364 L 210.821 62.257 C 210.821 63.357 209.928 64.25 208.828 64.25 L 192.743 64.25 C 191.643 64.25 190.75 63.357 190.75 62.257 L 190.75 58.364 C 190.75 57.264 191.643 56.371 192.743 56.371 Z"/>
 <g opacity=".4">
  <path fill="#ffffff" d="M 250.328 155.745 C 250.328 229.731 239.745 240.288 165.689 240.288 C 164.547 182.075 192.79 153.924 250.328 155.745 Z"/>
 </g>
 <g opacity=".4">
  <path fill="#ffffff" d="M 5.68 96.494 C 5.68 22.507 16.264 11.95 90.319 11.95 C 99.807 74.092 71.634 102.313 5.68 96.494 Z"/>
 </g>
</svg>