Open demo

CSS code

HTML
<div><span class="lbl">Network map with glowing nodes and flowing links</span>
<section class="dk" aria-labelledby="dk-net-title">
  <p class="dk-kicker">Edge network</p>
  <h2 id="dk-net-title">Latency from Frankfurt</h2>
  <p class="dk-sub">Round-trip time to each region, measured every 30 seconds.</p>
  <div class="dk-grid">
    <figure class="dk-world">
    <svg viewBox="0 0 1000 433" role="img" aria-label="World map with nine edge regions linked to Frankfurt. São Paulo and Singapore are slow; the others are healthy.">
      <path class="dk-land" d="M988 309l1 0-1 2-3 0 2-2zM994 304l0 2-4 1 0-1zM594 256l11 7 0 1 4 4-2 4 2 3-1 5 3 6-8 4-8 0-2-7-2-1-6-3-3-5-1-7 4-4 0-3 1-2-2-2zM477 164l0 5-9 0 0 8-3 1 0 6-11 0 0 1 0-1 6-1 2-7 4-3 3-7 7-1zM199 95l-4-4-4-2 2-4-2-2 1-6 3-3-2-2 0-6-2-4-6 3-1-3-4-1 24-27 8 3 17-4 0 1 4-2 3 3 4-2-1 2 7-1 11 2 1 2-4 1 4 1 8-1 1 2 3-2-1-1 2-1 5 0 2 2 5 1 7 0 3-3 3 1-2 3 7-5-3-3 6-5 4 2 1 3-3 1 4 1-2 3 4-2 2 1-2 2 1 2 6-4 2-3 6 0 2 2-3 3-1 2-5 2-5 0-6 5-10 3-1 2-3 1-8 5-4 6 3 0 0 5 3 0 11 6 6 0-2 6 0 3 3 3 5-4 0-5-1-1 10-6 1-5-2-2 4-3 2-7 9 0 4 3 4 1-2 6 3 2 9-6 4 10-1 2 8 5 1 2 2 2-1 3-12 6-15 0-7 4-8 7 7-5 10-3 2 2-3 2 0 6 3 1 4 0 3-4 0 3 1 1-16 7-2 0 1-3 5-2-7 0-1-2 1-4-3-1-8 8-8 0-7 4-4 0-2 1 0 2-10 3-1-1 4-5 1-5-4-5-7-5-8 1-6-2-1-2-1 1zM313 55l5-2-4 2zM338 26l-2-1 2-1 7 1zM320 56l3-1-2 2zM314 20l-2 1-5 0 5-2zM315 11l2 1-1 1-5 0 1-2zM323 22l-7-1 1-3-7-2 2-1 9 1 1 1-1 1 3 1 13-1 4 2-5 2zM286 13l2 0-1 1-6 0zM288 11l2 1-6 0zM366 88l-4 5 1-1 2 0-1 1 5 1-1 3 2-1 0 4-2 2-2 0 0-3-3 3-2 0 2-2-2-1-7 0 1-2 6-7 4-3 1 0zM317 47l6 4-2 1-4-2-7 3 0-2-3 0 6-6zM339 27l2-1 6 3 0 1 4-1 1 2 5 1 2 4-5 1 8 2 2 3 3 0-7 5-4-4-3 1-1 1 4 4 1 3-2 2-7-3 4 5-10-3-2-1 1-1-5-3-7 2-1-1 2-3 9 0 5-5 0-2-6-2 1-1-4-3-5 1-15-2-1-1 3-1-3 0 1-2 6-4 6-1-3 2 1 2 3-2 6-1 2 2-2 2zM310 23l8 0-14 5 2-4zM258 18l11-4 6 0-4 3zM185 80l3-1-4 6-1-4zM300 10l8 1 0 2-10-1 3-1-2 0zM197 97l-5-1-2-3-2-1 0-2 6 1zM257 22l7 0 2 2-21 7 0-1-4-1 9-5-1-2zM287 18l4 0-3 2-13 2-3 0 1-1 5-1-12 0 8-3 10 2-1-2 3-1 2 0zM284 25l1 1-1 5 5 2-5 2 1 1-2 1-6-1-17 2 0-2-5 0 0-2 11-1-11-1-1-1 6-1-6-1 6-3 7-1 1 0-2 1 5 0 2 1 4-1 1 1-1 2 2-1 1-3zM295 26l-1-1 4-2 6 1-3 2 2 1-2 2-6 1-4-3zM285 24l4 0-4 2-1-2zM308 16l0 1-3 3-4 1-2-1 2-1-4 0 2-2zM321 7l8-1 7 2 1 2-8 2-7 0-1-1 3-1-5-1zM332 4l26-2 30 1-13 2 4 0-13 4-12 1 3 0-2 1 1 1-11 3 3 1-6 1-17 0 4-2 1-2 5 1-4-2 8-2-2-1 0-1 10-1-10 0zM339 41l-4 0 2-2 3 0zM298 35l0 1-2 1-6-2 5-2zM343 92l4 1 2 2zM342 101l0 2 4 0-3 2-2-2zM199 95l68 0 1-1 1 2 6 2 8-1 7 5 4 5-1 5-4 5 1 1 10-3 0-2 2-1 4 0 7-4 8 0 8-8 3 1-1 4 1 2 0 1-10 6-2 2 2 2-10 3 4 0-5 0-4 6-1-2 0 4-3 4 1-3 0-4-1 4-2-1 2 1-1 8-17 13-1 5 1 10-2 5-2 0-1-2-2-6 1-2-2-5-4 1-2-2-9 0 0 4-10-2-4 1-8 5-1 6-5-1-3-10-4-1-2 2-2-1-5-8-12 2-8-5-7 1-2-5-5-2-2-18 3-8 6-9 2-8 4 0 0 3zM76 188l2 2-3 2-1-3 1-2zM122 61l2 0-3 1-1-1zM146 68l2 1-7 2zM204 34l-24 27 4 1 1 3 6-3 2 4 0 6 2 2-3 3-2-2 1-2-1-3 1-3-6 0-4-4-8-1-5-3-3 1-2 2-10 2 8-6-13 6 0 1-4 2-15 7-19 4 21-7 9-6-6 1 0-1-2 1 1-2-5 2 3-3-1-1-3 0-2-2 2-1-1-2 3-1 6-3 10-2 0-2 3-1-10 1-3-1 0-3 10-2 2 0-2 1 5 0-2-5-2-1 3-1 28-7 2 0 0 2zM121 51l5 1-3 1-3-1zM714 94l-1 3-2 0 1 3-1 1-5-1 0 6-6 2 4 5-1 1 0 2-3-1-13-2-1 3-4-1-2 1-6 6-1-2-3 0-1-3-1 0-1-3-4-2-7 0-10-6-6 2 3 11-6-3-4 2 0-3-3-1-4-5 3 0-1-2 5 0-2-5-4-1-5 2-4-4-4-2 1-6 3 1 0-2 4-3 4 0 9 3 2-1 8 1 4 0 0-2-5-2 3-3-2-2 1-1 8-1 8-4 5 1 2 3 5 1 1 1 7-3-1 1 13 10 0-1 4 1 4 0zM643 119l-3-11 6-2 10 6 7 0 4 2 1 3 1 0 1 3 3 0 1 2 6-6-1 3 7 2-2 2-2 0-2-1 0-1-3 0-1 4-2 0-1 1 3 1 1 3-1 3-4-1 0-2-7-3-5-3-2-4-4 0-2-3-4-2-3 3 0 1zM892 261l9 4 4 5 4 2 1 2-3 0 1 2 4 6 1 0 0 1 4 3-2 1-6-2-5-6-3-2-4 2 0 3-2 1-5-1zM924 264l1 3-1 1-1-3-5-4 1 0zM920 271l-5 2-4-2 1-1 4 0 1-1 0 1 1 0 3-2 0-2 1 0 1 2zM929 270l3 5-2-1zM892 261l-2 21-2-3-7 1 3-4-1-6-12-6-2 2 0-3-2-1 4-2-4 0-4-4 5-2 4 1 1 7 3 1 6-5zM846 281l0 2-2 2-3 1 2-3zM872 275l1-5 1 3zM827 239l-1 3 2 3-1 2 4 3-4 0-1 5-2 2-2 9 0-2-3 2-1-2-4-1-3 1-1-2-4 0 0-4-3-7 2-5 2 4 6-2 3 1 2-1 4-9zM859 262l3 1 1 2-8-1 1-2zM852 265l-2-2 3 0zM855 246l2 3 0 3-1 0 0 4-2-7zM841 250l4 0 2-3-1 4-12 1-1 2 3 3 7-2-1 1-1 0-4 3 5 11-2 1-1-1 2-3-3 1-1-1-1-6-2 1 0 8-2 1-1-1 1-6-2-2 3-11 3-3zM833 286l-4-3 3 0 2 2zM836 280l4-1 0 1-4 1-4 0 0-1zM827 280l2-1 1 2-7 1 4-3zM801 273l0 1 5 1 1-2 5 2 1 2 7 3-3 1-22-5 0-1-3 0 2-3zM790 256l1 4 2 0 2 3-2 8-3 1-5-6-9-14-2-5-10-12 6 1 10 10 2 0 3 2 3 4-1 3zM336 421l3 4 7 3 0 1-4-1-4 0zM347 350l0 12 5 8-1 6-4 2-8 0 2 6-4 1-2-1-1 1 1 3 2 1 1-1 1 2-3 3 0 5-2 0-2 1 0 3 6 3 0 3-3 1 0 4-3 3 3 4-8 0-2-5-3 0-1-4 1-1-1-12 1-1-5-8-1-11 1-1-2-6 2-2 0-6-4-9 1-10 3-5-2-7 3-2 0-4 2-3 4 1 2 2 0-3 4 1 6 6 8 4-1 6 8 1 2-3 0-2 1-1 2 2 0 2zM336 421l2 7 4 0-2 3-7-2-12-7 10 4 1-4zM309 309l4 6 0 3 3 8 2 0 0 4-3 2 2 7-3 5-1 10 4 9 0 6-2 2 2 6-1 1 1 11 5 8-1 1 1 12-1 1 1 4 3 0 2 5 8 0-4 2 0 3-1 0-10-5-5-11 0-3 1-2-4-1 2-3-1-5 3 1 0-7-2-1 0 4-2 0 0-13-3-6 1-1 2-15-3-11 0-24-1-10zM581 267l1 7 3 5-5 1-1 2-1 9 4 1 0 3-2 0-5-5-4 1-5-3-5 0-1-12-4-1-2 1-1 2-5 1-3-7-11 0 0-1 2-3 3-1 1 2 4-5 2-6 3-4 2-13 0-2 3-2 8 3 1-2 5-2 8 0 2 3 4-1 4 3-1 4 2 1-4 5-1 6-1 5zM616 258l-2-3 0-11 2-4 5-3 4 0 7-10 3-5 0-6 6-2 0 4-4 13-8 13-9 8zM609 268l-4-4 0-1-11-7 0-4 3-5-3-8 4-4 2 3 6 3 4 1 3-3 3 1-2 4 0 11 2 3-4 3zM568 226l-3-2 0-4-2-3-2-5-1 0 3-10 3 0-1-12 0-2 3 0 0-6 32 0 2 11 3 2-4 3-1 8-1 6-4 7-1 6-2-11-2-1-1 1 0 3-2 4-4-1-3 2-6 0-3-3-2 1-1 4-2 1zM565 190l1 12-3 0-3 10 1 0 2 5-3 2-2 3-6 2-2 3-8 2-1-5-2-2 0-2 4 1-3-10 0-1-2 0-1-4 1-4 4-3 1-12-2-3-1-5 3-2zM304 189l0 6-8-1 1-1 5 0-1-3-1-1zM304 195l0-6 5 0 4 4-1 1-5-1-2 3zM674 6l8 1 7 2 1 2-13-1-6-2zM695 10l7 2-10 1 0-3zM773 18l14 1 1 2-10 0-6-1-1-2zM794 20l6 0-5 1-5-1zM783 25l3-2 5 2zM584 7l12 0-7 1zM554 79l-7-1 0-1 3-1 4 1zM608 24l4-3-1-1 9-3 13-1 2 1-18 5-4 5 2 2 5 3-9-1-5-1 0-2 1 0 0-2 3-2zM840 81l14 14-4-1 1 5 6 5-3-2 0 3-2-3-8-13-6-7 1-2-2-1zM832 117l-1-1-1-2 2 0-4-6 1-1 4 0-1-10-5 2-4 0-7-5-5-1-10-10-7-2-5 1-1 1 2 3 0 6-2 2-4-2-6-1-2 2-5 2-6-1-5-3-8 1-4-2-1-2-9-2-1 3 1 2-1 2-14-3-9 4-12-5-4 0-4-1 0 1-13-10 1-1-7 3-1-1-5-1-2-3-5-1-8 4-8 1-1 1 2 2-3 3 5 2 0 2-4 0-8-1-2 1-9-3-4 0-4 3 0 2-3-1-1 6 4 2 4 4-5 6 6 9-1 2-4-2-3-2-14-3-9-6 3-3-2-1 4-2-2 0 1-2 2 0 0-6-12-3-1-2-2 0-2-3-5 1-1-3 3-1-5-5 0-2-7-2-3-4 1-6 2-1-2-2 6-7-4-2 1-1-2-3 1-2-4-3 2-2-4-2 0-2 5-1 2-1 10 2 11 4 1 2-6 3-11-2 4 2 1 4 5 2-2-3 1-1 6 2 2-1-2-2 4-3 4 1 1-2-4-5 6 1 2 2-3 0 1 2 2 1 3-1 0-2 11-3 1 0-1 1 10-1 3 1 2-2-3-1 1-1 19 5 1-2-6-2-3-4 4-6 6 1 1 2-1 2 4 2 1 4 3 2-2 6 3 0 3-4-2-2 0-2-4-1 1-3-4-2 2-2-1-2 3 1 0 3 3 0-2-1 3-2 9 2-5-5 12-1-3-1 1-2 11-2 14-1 0-2 4-1 8 3 7-1 8 2 1 2-6 2 7 1 3 2 3-1 17 2-1-2 8 0 16 7-1-2 4 1 12 0-4-3 2-1 20 2 11 3 13 0 8 4 14 0 7 2 1-1-4-3 12 1 12 2 16 13-6-5 3 3-1 2-3-1 11 7-4-1-6 3-3 4 1 1-5-2-4 2-2-1-1 2-4-1 1 5 5 2 3 4-2 0 2 3 2 1-3 2 2 3-3 1 2 3-2 3-13-14-3-4-1-3 3-1 4-9-2-4-3 1 1 2-2 3-6-3-4 1-2 4 4 2-8 1-1-2-4 0-2 1-14 1-7 12 9 3 1-1 3 0 6 3 6 15-1 7-3 9-2 2-4-2zM871 29l2 2-3 0zM583 105l4 0 4 1 0 1-6 3-1-1 0-1-3-1zM288 166l3 1-3 1zM291 166l2 1-1 2zM289 171l2 3-1 2-2-2zM353 419l5-2 3 1-4 2-1-1-2 1zM529 9l3-1 9 3-5 1-3 4-2 0-4-2 1 0-8-5zM565 35l-5 1 1-2-3-1-3 1-3 3-8-1-2 0 0 2-4-1 0 2-2 0-6 9 0 2-2 0-2 3 1 3 1 2 0 3-3 4-1-2-5 4-3 0-3-1-2-10 12-7 8-9 9-6 8-1 3-2 7-1 7 2-2 1zM551 8l-7 2-12-2 11-1zM548 13l-4 1-4 0 1-1-1-1 4 0zM415 3l16-2 21 0 10 1-19 2 15 0 2 0-3 2 14-2 6 1-15 3 5 0-5 3 0 3 2 1-6 1 3 2 0 2-2 0 2 2-4 0 2 1-1 1-6 1 2 3-5-1 5 3 1 2-4 0-4-2 1 1-3 2 8 0-12 5-9 1-6 4-13 3-4 6-4 2 0 2-4 5-3 1-3-3-4 0-5-8 0-4-2-3 1-2-1-1 4-3 3-1 3-3-7 1-2 0 2-4 6 1-4-3-4 0 3-2-2-6-3-1 1-1-5-1-14 0-4-3 9-1-11-1 17-3 1-1-5-1 13-3 0-1 24-1 9 2-3-1zM846 281l7-1-7 3zM544 345l1-2 1 2 3 1 4-2 1-12 2 7 2 0 5-5 2 1 4 0 4-6 7-5 5 0 1 7 0 5-2 0-2 3 2 2 2-2 2 0-2 6-12 13-6 4-9 0-6 3-5-2-1-5 1-3zM577 346l-2 0-3 3 2 2 3-1 1-3zM577 346l1 1-1 3-3 1-2-2 3-3zM191 148l7-1 8 5 12-2 5 8 2 1 2-2 4 1 3 10 5 1-4 11 3 12 4 2 8-2 2-1 2-6 9-2 1 3-4 8-1-1-3 2-5 0 0 2-2 0 3 4-4 0-2 5-4-5-2 0-5 1-18-8-4-3-1-4 2-3-1-5-7-9 0-3-5-8-1-7-1-1-2-1-2 5 5 12 1 7 3 3-2 2-5-6 1-4-6-6 3-2-3-4zM347 350l2 0 9 6 2 2-1 2 1 2-4 3-7-1-2-2zM360 362l-1-2 1-2-2-2-9-6-2 0 9-11 0-2-2-2-1 1 0-6-3 0-1-5-6-1-2-6 2-7-3-3 0-3-5 0-2-8-10-4-4-3 0-6-3 1-5 3-3 0-3 0 0-5-2 2-6-2 1-1-3-5 2-3 1-4 6-4 2 0 1-10-1-5 2 0 0-1-2-1 0-2 5 0 1-1 2 3 2 1 2 0 6-4-2-1-1-5-1 0 5 1 6-3 1-2 2 1 1 3-2 4 1 3 3 2 4-3 2 1 1 0 1-2 4 0 4 1 4-7 1 0 2 8 1 0 0 2-2 3 1 1 5 0 0 4 2-2 8 3 1 3 3-1 10 2 8 6 4 1 3 7-1 6-10 13 0 15-4 13-3 4-7 1-7 5-2 3-1 9zM308 288l3 0 5-3 3-1 0 6 4 3 10 4 2 8 5 0 0 3 3 3-2 7-2-3-8 1-1 8-4-1 0 3-2-2-4-1-2 3-2 0-3-8 0-3-4-6 2-3-2-5 2-8zM306 266l-2 0-6 4-1 4-2 3 3 5-1 1 6 2 2-2 0 5 3 0 3 5-2 8 2 5-2 3-1 3-17-12-12-24-4-4 1-1-2-3 3-4 0 3 2 0 1 2 4-7 3-1 3-3 1-5 4 4 2 3 6 0 2 1-1 4zM314 249l-2-3-1 1-5 0 0 2 2 1 0 1-2 0 1 5-1 10-2-1 1-4-2-1-6 0-2-3-4-4-3-2-3 0-4-3 1-4 4-4-2-11 2-2 0-2 5-3 2-5 4 0 5-4 2 1-1 1-4 4-2 4 2 0 2 7 5 0 2 3 5 0-1 5 1 4-1 2zM286 225l0 2-2 2 0-3-3-2-4 2 1 2-1 1-1 0-2-2-4-1 1-4 1 0 3 2 6-2zM272 222l-1 0-1 4-5-6 0 2-2-1 0-4 6 1zM269 218l-6-1-5-6 1 0 8-6 4-1zM271 204l-4 1-8 6-1-1 0-2-4-2 4-4 9-1zM254 206l4 2 0 2-2 0-4-1zM246 206l2-5 4 0-3-4 2 0 0-2 5 0 0 7 2 0-4 4-2 3zM256 195l3-2-1 6-2 3zM332 236l-1 2-6 3-5-1 1 0 1 5 2 1-6 4-2 0-2-1-2-5 1-2-1-4 1-5-5 0-2-3-5 0-2-7-2 0 2-4 4-4-2 1 1 8 2-3-1-4 3-1 1-2 5 5 5-1 4 2 1-2 7 0-2 1 0 2 3 0 2 2 0 2 3 1-3 2 1 2-3 1 0 3zM343 247l-2-1-4 3-3-2-1-3 2-4-1-3-2-1-2-2 0-3 3-1-1-2 3-2 7 7-3 7zM349 245l-4 0-1 2-1 0-4-7 3-7 8 1-1 3 1 4zM357 239l-4 7-4-1 1-4-1-4 1-3 3 1zM515 94l5 1-2 4-1 1-2 2 0 2 1-1 1 2 2 7-3 2-5-1-3 1 0 2-7-1-6-2 2-8-4-5-4-2 0-2 7 0-1-3 3 1 5-2 1-3 2-1 8 5zM522 115l2-1 0 5-2 0zM291 253l-1 5-3 3-3 1-4 7-1-2-2 0 0-3 1-3 0-1-1 1-2-1 0-4 3-6 3-2 4 3 3 0zM319 193l2 1-1 1-4 0 1-2zM288 193l3 2-4 0-1-1zM277 178l11 2 6 6 4 1-10 2 2-2-3-1-1-3-8-2-1 0 1-1-9 2zM585 324l-5 0-4-2 0-3-5-4-2-5 5 0 5-6 4-1 0 1 3 0 4 2-1 12zM580 324l-7 5-4 6-4 0-2-1-5 5-2 0-2-7 0-9 3 0 0-12 6-1 1 2 5-2 2 5 5 4 0 3zM554 332l-1 12-4 2-3-1-1-2-1 2-3-5-2-16-7-16 5-1 2 2 11-1 2 2 6 0 6-1 2-1 3 2-5 2-1-2-6 1 0 12-3 0zM454 209l-2-4 3-4 5-2 7 7 1 7-6-1-8 1 0-3 8-1-4-1zM468 213l-1-7 1-3 17 0-2-31 4 0 22 17 0 2 3 0 0 7-2 5-9 2-4 0-6 4-2 0-3 6-1 4-7 1-3-7-3 2-4-1zM454 185l0-1 11 0 0-6 3-1 0-8 9 0 0-5 10 8-4 0 2 31-17 0-1 3-7-7-5 2 1-13zM507 233l-2 0 0-10-3-6 4-3 2-1 2 2 0 5-2 5zM540 179l1 5 2 3-1 12-4 3-1 4 1 4 2 0 0 1-1 2-3-4-2 2-4-1-5 1-4-1-2 1-4-3-4 1-1 6-2-2-2 1 0-2-3-1-2-6 9-2 2-5 0-7 3-1 17-13 6 3zM507 233l1-8 2-5 0-5 1-6 4-1 4 3 2-1 4 1 5-1 4 1 2-2 3 4 1 2-2 3-5 12-2 1-3-1-2 2-2 5-8 2-4-6zM540 211l3 10-4-1 0 2 2 2 1 5-2 4 0 4 4 8 0 2-8-2-5 0-4 0 0-2-3-6 2-5 2-2 3 1 2-1 5-12 2-3-1-2zM502 217l3 6 0 10-2 1-3-17zM500 217l3 17-8 4-3-1-1-4 2-7-1-4 0-5zM478 220l7-1 3 3 4 0 1 4-2 7 1 4-5-1-8 3 0-5-3-2 1-4 1-3-1-4zM462 212l6 1 0 1 4 1 3-2 3 7-1 1 1 4-1 3-3 1-1-4-1 1-3-6-3 1-3 3-5-7 4-2zM454 213l8-1 0 3-4 2zM477 228l-1 4 3 2 0 5-4-2-7-6 4-5 1-1 1 4zM463 224l3-3 3-1 3 6-4 5-4-3zM485 219l1-4 3-6 2 0 6-4 4 0 2 6 3 1 0 2-4 3-2 0-8 0 0 5-4 0zM576 236l-8 0-5 2-1 2-8-3-3 2 0 2-3 0-4 4-4-8 0-4 2-4 8-2 2-3 6-2 2-3 3-2 2 3 0 4 3 2zM551 241l-2 13-3 4-2 6-4 5-1-2-3 1-1-1-2 2-2-4 2-1-1-2 3-2 0-1 4 2 1-2 0-5-2-1 2-4-3-1-1-3 8 2 0-2 4-4zM531 245l5 0 1 3 3 1-2 4 2 1 0 5-1 2-4-2 0 1-3 2 1 2-2 1-7-9 2-7 5 0zM527 245l4 0 0 4-5 0zM585 279l6 3 2 5-3 10 1 1-8 2 0 3-4 1-5 6-5 0-3-2-2 1-4-5 0-10 6 0 0-6 5 3 4-1 5 5 2 0 0-3-4-1 1-9 1-2zM591 282l2 1 2 7 0 6 3 4 0 4-2 3-2-2 1-5-4-2-1-1 3-10zM595 290l8 0 8-4 1 14-1 2-3 4-6 3-7 7 1 13-1 3-7 4 0 3-2 0 0-3 0-5-1-7 4-6 1-12-4-2-3 0 0-1 0-3 8-2 4 2-1 5 2 2 2-3 0-4-3-4zM586 339l-2 2-2-2 2-3 2 0zM536 268l-2 3-1-2 2-2zM534 272l11 0 3 7 5-1 1-2 2-1 4 1 1 12 5 0 0 6-6 0 0 10 4 5-6 1-6 0-2-2-11 1-2-2-5 1 1-9 5-10zM585 260l0 3-4 4 0-5zM594 147l0 1-1 0-1 2 0 2 2-1-1 7-2-6 1-6 2-1zM594 145l-2 1 2-5 2 1zM637 293l1 10 0 1-1-2-1 1 0 4-9 26-5 2-3-2-2-7 1-5 3-6-1-6 2-4 5-2 4-3 1-3 1 0 3-6zM594 151l-2 1 0-2 1-2 1 0zM454 209l4-1 4 1-8 1zM525 155l-1-6-4-4 2-11 3-2 1 1 0 1 3-1-1 2 0 5-1 2 3 4 0 2-4 4 0 2zM477 164l0-4 9-4 4-3 0-2 7-2-3-10 10-4 18-1-2 11 4 4 1 6 1 4-1 10 3 5 1 0 3 3-17 13-3 1-3 0 0-2-22-17zM594 148l0-1 3 1 5-3 2 4-6 2 3 3-1 2-4 3-3-1 1-7zM639 175l7 0 5-6 0 1 1 2-1 0 0 3-1 5-9-1zM637 173l1-4 1 4zM628 156l1 5-5-2 2-3zM604 149l-2-4 5-3 0-7 3-2 6 0 4 5-1 5 6 5 4 8-1 0-2 0-2 3-5 0-8-7zM650 180l1-5 0-3 1 0 3 4 4 1 3 4-3 6-1 1 0 4-3 1-1 2-2 0-2 3-4 1-4-7 8-4 1-6zM958 303l0-3 1 3zM783 213l-1-3 1-3 7 0 2 1 1-2 2 1 1 6-4 2 1 2-5 2-2-1zM790 207l-7 0-1 3 1 3-5-1 0-2-2 0-2 11 4 8 5 4-2 1-1-1-3-1-4-6-1 2 1-7 2-7-5-10 1-3-5-8 2-4 5-2 1 3 2 0 1 6 5-2 2 0 3 3 0 3 3 3zM795 207l-2-1-1 2-2-1 0-4-3-3 0-3-3-3-2 0-5 2-1-6-2 0-1-3 2-3 2 1-1-4 1-1 4 6 3 0 2 3-2 2 3 2 8 8zM773 187l-5 2-2 4 5 8-1 3 5 10-2 7-2-11-5-12-4 4-3-1-1-7-3-5-4-3 1-4 1-1-1-6 2 1 1-3 0-6 3-2 2 0 0-3 2-1 2 3 1 5-2 3 1 4 3-1 1 3 2 1-1 2 4 2 2-1 0 2zM788 219l5-2-1-2 4-2-1-6 0-6-8-8-3-2 2-2-2-3-3 0-4-6 6-1 2-2 4 2 2 3 3 1-4 3-1 5 10 13 2 11-10 10 0-4zM831 116l1 1-1-1-1 3 1 2-4 3 1 2 3 2-5 3-4-1 0-4-3-2 3-6 4 1-1-2 3-1 1-2zM826 131l5-3 5 6 1 6-6 2-3-8 1 0zM714 94l9-4 14 3 1-2-1-2 1-3 9 2 1 2 4 2 8-1 5 3 6 1 5-2 2-2 6 1 0 6 1 1 6-1 6 4-6 0-2 3-5 3-4-1-1 2 3 3-3 2-10 3-2 2-12-4-11 0-5-5-12-3-2-5-9-6zM760 162l0 3-2 0-3 2 0 6-1 3-2-1 1 6-1 1-3-5-1 2-1-2 2-5-7-1 0-2-4-2-1 3 3 1-2 3 2 1 2 7-1 1-5 0 0 5-4 2-7 8 0 1-4 3 0 17-2 1-1 2 1 1-2 1-2 3-3-3-10-23-5-17-5 1-4-3 1-2-1-1-4-3 2-2 6 0-6-8 3-4 3 1 7-14-3-2-3-5 1-1 7 0 2-3 4 4 2 4 0 2-2-1 1 4 8 4-2 5 9 4 14 4-1-5 1-1 1 3 3 2 6-1-2-3 2 0 5-5 2 1 2-1 2 2-1 1zM752 182l-1 4-3-7-3 0 0 3-3 0-2-7-2-1 2-3-3-1 1-3 4 2 0 2 7 1-2 5 1 2 1-2zM745 163l2 3-6 1-3-2 3-4zM736 163l1 5-14-4-9-4 2-5 3 1 10 6zM703 138l-2 3-7 0-1 1 3 5 3 2-7 14-3-1-3 4 6 8-6 0-2 2-5-5-13 1 0-4 4-2-2-4-6-5 5 1 9-2 1-4 6-2 0-2 2-3-2-2 3 0 1-4-1-3 1-1 8-2 4 4zM672 132l4 1 3 0 4-4 4 5 3-2 4 0 1 1-8 2-1 1 1 3-1 4-3 0 2 2-2 3 0 2-6 2-1 4-9 2-5-1 2-3-5-8 1-8 4 0 1-1 3-1 0-3 2-2zM676 133l1-3-1-3-3-1 1-1 2 0 1-4 3 0 0 1 2 1-4 0 0 2 11 1 2 2 2 1 1 3-4 0-3 2-4-5-4 4zM680 116l2-1 4 1 1-3 13 2 3 1-4 4-3 0 0 2-5 1-2 3-11-1 0-2 4 0 2 0 2-2-7-2zM633 118l4-2 6 3 2 0 0-1 3-3 4 2 2 3 4 0 2 4 5 3 7 3 0 2-2-1-2 2 0 3-3 1-1 1-4 0-1-3-11-5-5 0-3 3-1-6-3-1 1-2-2 0 0-3 3 1 2-1-4-4-2 1 1 2zM629 156l-4-8-6-5 1-5-4-5-3-7 2-1 4 3 1 0 3-3 1 3 2 1 1 2 5 3 4 0 4-1 3-3 5 0 11 5 1 3-1 8 5 8-2 3 6 5 2 4-4 2 0 4-12-2-3-5-4 2-3-1-6-3-5-8-3 0zM594 147l0-2 2-3-2-1 0-4 1-3 8 0 7-1-3 2 0 7-5 3-5 3zM620 128l-1 0-2-3-2 0-3-2-1-3 4 0zM525 65l3-4 0-3-1-2-1-3 2-3 2 0 0-2 6-9 2 0 0-2 4 1 0-2 2 0 6 3 2 6-4 0-2 2 1 2-7 5-1 4 4 4-2 3-2 1-2 7-3 0-1 2-3 1zM566 73l7 2 0 2 5 5-3 1 1 3-2 0 0 2-13-2-4 1-1-7 5-1 2-3-1-1zM576 86l5-1 2 3 2 0 1 2 12 3 0 6-2 0-1 2-6 2-2 1 0 1-4 0-4-1 0-2-3 1-2 4-4-1 2-3 2 0 0-1-3-4-3-1-3 1-4 1-5 0-2-2 1-2 3-4-1-4 4-1 13 2 0-2zM556 80l1 7 1 4-3 4-9-1-10-5-2-9 8-3 5 1 7 1zM542 98l-2 4-6 1-4-2-4 1-3-1 1-1 8 0 0-3 1-1 2 1 2-2 5 1zM554 97l2 2-4 5-2 0-3 1-6-2-1-1 2-4 2 1 7-3zM565 98l3-1 3 1 3 4 0 1-2 0-2 3 0-4zM570 106l4 1-2 1 0 4-4-2-4 2-6-1-1-1-7-6 2 0 4-5 5 0 4-1 5 4zM562 75l1 1-2 3-5 1-2-1 0-2-4-1-1-2 9-1zM563 69l3 4-4 2-4-2-9 1 1-5 2-1 2 3 2 0 0-3zM564 63l-1 6-7-1 0-1-2-1-1-2zM534 80l2 9-6 2 3 5-1 1 0 3-8 0-6-1 2-4-5-1 0-2 0-2-1-4 2-1 0-4 5-1-1-3 3 0 3 3 4-2zM557 110l1 1 6 1 4-2 4 2-2 3 1 2-5 1 0 1-8 0-1-3 1-3zM569 139l-4 1-4-1 1-1zM558 119l8 0 0-1 2 1-1 2-6 0 2 2-2 1-3-1 2 3-1 1 3 2 0 2-2-1 1 2-2 0 1 3-4-1-4-9 2-4zM616 133l-6 0-7 1-8 0-1 3-1-1 1-2-4 0-1 2-4 0-3-2-2 0-3 2-5-2-4-5 1-2-2-2 3-3 4 0 1-2 4 0 6-3 4 0 9 4 5-1 3-1 5 1 1 3 3 2-2 1zM566 118l5-1 2 3-3 0-3 3 0-2 1-2zM554 121l-2 4-2-2-1-5 2-3 1 3zM541 103l6 2 1 2 0 1-8-1-1 1 8 7 0 1-7-4-3-5-1 0-1 1-1-2 4 0 1-2zM524 100l-1 1 3 1 0 1-3 0-1 1-5 1-1-2-1 1 0-2 2-2 1-1zM515 90l0 2-1 1-8-5 2 0 4-1zM516 81l0 4-2 1 1 4-3-3-4 1 3-6zM477 118l2-2 1 2 3 0 1 1-3 6 1 5-1 3-4 1 0-5-2-1 3-7zM481 133l1-3-1-5 3-6-1-1-3 0-1-2-2 2-1-4 4-2 15 1 6 2 7 1 0 2-3 2-3 0-3 6 1 2-6 6-5 0-3 3-3-3zM485 80l1 2-2 3-5 2-3-1 2-3-1-3 5-4 0 4zM951 321l3 3-3 0-4-7zM948 286l1 1-2 0-1-2zM945 284l-3 0 0-2zM942 278l1 2-5-3zM953 382l-5 4-2 1-1-1 3-3 0-2-2-1 7-7-1-9 1 0 2 2 0 7 1-2 0 3 1 1 5-1zM928 393l14-10-1 3 3-1-1 2-7 5 0 2-5 1-6 6-5 2-6-2 1-1zM877 384l1 0-5 8 0-1-3 2-2 0 2-9 3 1zM833 357l-6 2-2 3-10 0-6 4-4 0-3-3 4-6 0-9-1-11 1 1-1-3 2 2-1-6 4-8 0 2 8-6 12-3 4-5 3-6 1 3 1 0 0-2 1-1 1 0 5-7 4-1 3 4 3 0 0-2 4-6 6-1 0-2-2-1 2-1 7 4 4-1 1 1-3 4-3 5 12 9 2-1 3-8 2-8 3-6 2 12 2-1 2 3 0 13 5 4 1 7 3 0-1 3 4 6 0 3-1 6-7 12-12 13-3 5-13 6-2-2 1-2-5 3-7-3 0-6-3-1 2-4-5 2 6-7-7 6-2-1 0-6-6-4zM727 229l-1 3-3 1-2-7 1-5zM799 194l-2-1-1-3 2-1 4-1 1 1-1 4zM703 116l0-2 1-1-4-5 6-2 0-6 5 1 1-1-1-3 2 0 1-3 2 2 9 6 2 5 12 3 5 5 11 0 12 4 2-2 10-3 3-2-3-3 1-2 4 1 5-3 2-3 6 0-6-4-6 1-1-1 0-6 4 2 2-2 0-6-2-3 1-1 5-1 7 2 10 10 5 1 7 5 4 0 5-2 1 10-4 0-1 1 4 6-2 0 1 2-2-2-1 2-3 1 1 2-4-1-3 6-7 3 0-5-2-1-4 5-2 0-1 2 7 5 2-2 5 1 1 2-3 0-3 6 3 2 7 8 1 3-1 1 3 2 0 6-1 0-4 12-6 5-4 2-1-1-2 2-6 2 0 3-2 0 0-3-5-1-3-1-2-3-4-2-2 2-6 1-1 1 1 4-2-1 0-2-2 1-4-2 1-2-2-1-1-3-3 1-1-4 2-3-1-5-2-3-2 1-3-1 1-1-2-2-2 1-2-1-5 5-2 0-4-2-3 4-1-3-1 1-7-1-10-6-3-1-8-4-1-4 2 1 0-2-2-4-4-4-4-1-4-4-1-1-1-3-2-1-2-2 2-3 5-1 0-2 3 0zM829 174l-1 8-3-5 2-6zM526 102l4-1 4 2 1 3-4 1 1 4 6 6 2 0 0 2 7 4 0 1-4-2-1 2 2 2 0 1-2 3-1 0 0-3-2-3-11-8-2-5-4-1-3 2-2-7 5-1 1-1 3 0zM538 130l2-1-1 6-7-4 0-1zM522 121l1-1 2 2 0 4-2 1-2-6zM523 77l-3 0-1-6 5-3 0 3 1 1-2 3zM529 73l1 2-1 2-3-3zM485 80l-3 0 0-4 5 2zM493 82l0-2-2-2-3-2 0-2-1 2-1-5 2-5 5 0-2 3 4 0-2 5 2 0 6 9 3 1-1 2 0 2-2 2-8 0-6 2-1 0 6-4-4-1-1-1 3-1-1-2 0-2zM469 43l-1 2 2 2-11 5-9-2 2-1-4-1 4-2-5 0 2-2 3-1 3 2 4-1 2 1zM618 118l4 2 1-2 6 5-2 0-1 6-2-1-1-3-3 3-5-8 4 0zM619 128l-4-3 2 0zM601 113l14 3 3 2 1 2-4 0-4 0-5-1-1-4zM833 212l-2-3 4 2 0 2zM839 221l1-3 1 0 0 2 2-3 0 3-3 4zM850 226l1 4-1 3-1-4-2 2 1 4-4-2 0-4-2-2-4 4 0-1 1-3 3-2 1 1 4-2 0-3 2 2zM828 223l-4 3 6-10 1 3zM835 194l1 4-2 3 1 6 6 1 1 4-3-3-1 1-2-2-4 0 1-2-1-1 0 1-3-3 1-10zM837 216l-1-2 4 1 0 2-3 2zM846 214l1 3-2-1 1 3-1 1-2-4 2 0 0-1-2-3zM777 232l3 1 1 1 2-1 4 4 0 7 3 3-2 2-6-5zM827 239l-5 0-4 9-2 1-3-1-6 2-2-4 4 1 0-3 5-1 3-5 1 2 2-1 0-4 5-5 1 3 5 2zM820 235l0 4-2 1-1-2zM534 103l6-1 1 1-2 1-1 2-4 0 1 0zM560 36l0 2 4 2-2 2 4 3-1 2 2 3-1 1 4 2-6 7-12 2-4-2-1-6 1-2 7-5-3-2-2-6-6-3 8 1 3-3 3-1 3 1zM555 95l-1 2-3-1-7 3-2-1 0-2 4-2zM536 89l10 5-4 2-5-1-2 2-2-1-3-5zM600 206l1-8 4-3 3 6 11 11-2 0-7-6-4 0-2-1-1 2zM865 126l-1 4 3 7 0 2-8 2-2 4-3-4-10 2 3 3 1 5-2 2-1-2-1-3-4-3 3-1 3-6 8 0 0-6 3 2 3-5-2-9 2-1zM864 111l1-1 2 3-3 1 0 3-6-2 1 4-3 0-2-4 0-2 3 0-3-7zM848 145l3-3 3 2-1 2-2-1 0 2zM341 318l2 6 6 1 1 5 3 0 0 6 0 2-2 3-8-1 1-6-8-4-6-6 1-8 8-1zM642 192l4 7-2 1-1 3-9 5-12 4-2 0-1-2-2-6 0-4 2-4 9 1 1 1 5-5zM593 158l3 1 4-3 1-2-3-3 6-2 7 3 8 7 5 0 5 2 6 6 2 6 2 0 0 2 2 4 9 1 1 2-1 6-8 4-8 1-5 5-1-1-9-1-2 4-5-10-6-6-2-8-3-2-7-12-1 0zM586 139l4-1-1 2zM586 139l3 1-3 1-2-2zM494 139l3 10-7 2 0 2-4 3-9 4 0 4-1 1-7 1-3 7-4 3-2 7-6 1 7-16 5-6 3 0 6-6-1-4 1-4 7-5 3-6zM600 182l-32 0-2-26 1-5 10 2 5-2 3 2 0-1 6 0 2 6-2 6-5-7 10 19 0 2zM568 182l0 6-3 0 0 2-22-13-3 2-2 1-6-3-3-3-1 0-3-5 1-10-1-4 1-1 0-2 4-4 0-2 10 3 2 3 9 3 2-2-1-3 3-3 5 0 7 4-1 5zM632 227l-7 10-4 0-5 3-3-1-3 3-4-1-6-3-2-3-4-6-3-1 3-3 1-6 4-7 1-6 3 1 1-2 2 1 4 0 7 6-2 5 3 1 0 1 3 4zM617 212l2 0 0 2-1 1 1 1-1 2-3-1zM635 216l0 6-3 5-11-4-3-4 0-1 1-2 3 3zM594 256l-10 0-2 1 1-6 4-5-2-1 1-4 7-1 1-1 3 8-3 5zM584 256l2 2-1 2-4 2 1-5zM547 115l-8-7 1-1 8 1 1 3-1 1zM557 116l1 3-4 2-2-3 3-2zM547 105l3-1 7 6 1 3-1 3-2 0 0-1-2-2-2 2-3-3 1-1-1-3 0-1zM551 115l-2 3-2-2 0-1 1-3zM552 118l-1-3 2-2 2 2 0 1zM330 218l2 0 0 2-3 0zM586 241l-4-3-4 1-2-3-8-10-2-1 2-1 1-4 2-1 3 3 6 0 3-2 4 1 2-4 0-3 1-1 2 1 2 11-3 3 3 1 4 6-4 4-1 1z"/>
      <g class="dk-arcs"><path d="M521 92Q360 28 199 106"/><path d="M521 92Q411 60 301 127"/><path d="M521 92Q448 149 374 328"/><path d="M521 92Q548 159 575 337"/><path d="M521 92Q610 97 699 191"/><path d="M521 92Q655 102 788 248"/><path d="M521 92Q693 39 864 138"/><path d="M521 92Q709 125 897 362"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="199" cy="106" r="9"/><circle cx="199" cy="106" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="301" cy="127" r="9"/><circle cx="301" cy="127" r="4"/></g>
      <g class="dk-node slow"><circle class="dk-halo" cx="374" cy="328" r="9"/><circle cx="374" cy="328" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="521" cy="92" r="9"/><circle cx="521" cy="92" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="575" cy="337" r="9"/><circle cx="575" cy="337" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="699" cy="191" r="9"/><circle cx="699" cy="191" r="4"/></g>
      <g class="dk-node slow"><circle class="dk-halo" cx="788" cy="248" r="9"/><circle cx="788" cy="248" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="864" cy="138" r="9"/><circle cx="864" cy="138" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="897" cy="362" r="9"/><circle cx="897" cy="362" r="4"/></g>
    </svg>
    </figure>
    <ul class="dk-list" aria-label="Regions">
      <li><span class="dk-dot ok" aria-hidden="true"></span><span>Oregon<small>Healthy</small></span><b>38 ms</b></li>
      <li><span class="dk-dot ok" aria-hidden="true"></span><span>Virginia<small>Healthy</small></span><b>21 ms</b></li>
      <li><span class="dk-dot slow" aria-hidden="true"></span><span>São Paulo<small>Degraded</small></span><b>112 ms</b></li>
      <li><span class="dk-dot ok" aria-hidden="true"></span><span>Frankfurt<small>Healthy</small></span><b>9 ms</b></li>
      <li><span class="dk-dot ok" aria-hidden="true"></span><span>Johannesburg<small>Healthy</small></span><b>164 ms</b></li>
      <li><span class="dk-dot ok" aria-hidden="true"></span><span>Mumbai<small>Healthy</small></span><b>118 ms</b></li>
      <li><span class="dk-dot slow" aria-hidden="true"></span><span>Singapore<small>Degraded</small></span><b>151 ms</b></li>
      <li><span class="dk-dot ok" aria-hidden="true"></span><span>Tokyo<small>Healthy</small></span><b>226 ms</b></li>
      <li><span class="dk-dot ok" aria-hidden="true"></span><span>Sydney<small>Healthy</small></span><b>289 ms</b></li>
    </ul>
  </div>
</section></div>
<div><span class="lbl">Ride tracking on a dark street map</span>
<section class="dk dk-ride" aria-labelledby="dk-ride-title">
  <div role="img" aria-label="Map: your driver is on the road heading east to the pick-up point, about 2 km away.">
    <div class="dk-city">
      <svg class="" viewBox="0 0 600 450" preserveAspectRatio="xMidYMid slice" aria-hidden="true" focusable="false">
      <rect width="600" height="450" fill="#0f1623"/>
      <g stroke="#141b27" stroke-width="2.5" fill="none">
        <path d="M0 60h600M0 160h600M0 360h600M0 410h600M60 0v450M180 0v450M290 0v450M520 0v450M0 210l600 40M120 0l90 450M380 0l-60 450"/>
      </g>
      <path d="M420 0H600V170C560 150 520 110 475 72C452 52 434 26 420 0Z" fill="#0b2536"/>
      <path d="M472 74C458 150 446 205 436 250C420 320 382 385 330 450" fill="none" stroke="#0b2536" stroke-width="28"/>
      <path d="M528 340C505 306 474 294 440 288" fill="none" stroke="#0b2536" stroke-width="9" stroke-linecap="round"/>
      <g fill="#0b2536"><rect x="238" y="70" width="26" height="70" rx="13" transform="rotate(28 251 105)"/><rect x="214" y="138" width="26" height="70" rx="13" transform="rotate(28 227 173)"/><rect x="190" y="206" width="26" height="62" rx="13" transform="rotate(28 203 237)"/></g>
      <g fill="#10241b"><rect x="24" y="290" width="86" height="62" rx="14"/><rect x="346" y="168" width="58" height="46" rx="10"/><rect x="292" y="14" width="96" height="44" rx="14"/><circle cx="560" cy="420" r="46"/></g>
      <g fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path stroke="#161e2b" stroke-width="11" d="M0 302C150 292 250 270 334 204M118 0C150 100 205 190 334 204M0 128L334 204M334 204C346 262 300 380 262 450M94 0C74 150 58 300 92 450M334 204L600 236M436 0C430 120 410 300 600 330"/>
        <path stroke="#2a3446" stroke-width="7" d="M0 302C150 292 250 270 334 204M118 0C150 100 205 190 334 204M0 128L334 204M334 204C346 262 300 380 262 450M94 0C74 150 58 300 92 450M334 204L600 236M436 0C430 120 410 300 600 330"/>
      </g>
      <path class="dk-route-glow" d="M120 295C200 290 262 262 334 204L470 220"/>
      <path class="dk-route" d="M120 295C200 290 262 262 334 204L470 220"/>
    </svg>
      <span class="dk-car"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 17h14v-5l-2-5H7l-2 5zM5 12h14"/><circle cx="8" cy="17" r="2" fill="currentColor"/><circle cx="16" cy="17" r="2" fill="currentColor"/></svg></span><span class="dk-chip" style="left:20%;top:65.6%">Mikkel</span>
      <span class="dk-you"></span><span class="dk-chip" style="left:78.3%;top:48.9%">Pick-up</span>
    </div>
  </div>
  <div>
    <p class="dk-kicker" style="color:#c4b5fd">Driver on the way</p>
    <h2 id="dk-ride-title" class="dk-eta">4 <span>min · 2.1 km</span></h2>
    <div class="dk-driver"><span class="dk-avatar" aria-hidden="true">M</span><p><strong>Mikkel</strong><br>Grey Toyota Corolla · 4.9 rating</p><span class="dk-plate"><span class="sr-only">Plate </span>CK 41 288</span></div>
    <ol class="dk-steps" aria-label="Trip progress: driver assigned, on the way"><li class="done"></li><li class="done"></li><li></li><li></li></ol>
    <div class="dk-actions"><button type="button" class="is-main">Message Mikkel</button><button type="button">Cancel ride</button></div>
  </div>
</section></div>
CSS
/* Dark maps: an SVG world network map and an illustrated city map for ride tracking (not to scale). */
.dk-world{position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#0f1b2d,#070b12 70%)}
.dk-world svg{display:block;width:100%;height:auto}
.dk-land{fill:#172133;stroke:#0a0f18;stroke-width:.6}
.dk-arcs path{fill:none;stroke:#38bdf8;stroke-opacity:.55;stroke-width:1.2;stroke-dasharray:3 5;animation:dk-flow 1.6s linear infinite}
.dk-node{fill:#22d3ee}
.dk-node.slow{fill:#fbbf24}
.dk-halo{opacity:.35;transform-box:fill-box;transform-origin:center;animation:dk-glow 2.4s ease-in-out infinite}
@keyframes dk-flow{to{stroke-dashoffset:-16}}
@keyframes dk-glow{50%{transform:scale(1.8);opacity:.08}}
.dk-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.2)}
.dk-dot.slow{background:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.2)}
.dk-city{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#0f1623}
.dk-city>svg{position:absolute;inset:0;width:100%;height:100%}
.dk-route-glow{fill:none;stroke:#a78bfa;stroke-width:14;stroke-opacity:.18;stroke-linecap:round;stroke-linejoin:round}
.dk-route{fill:none;stroke:#c4b5fd;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.dk-car{position:absolute;left:20%;top:65.6%;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f5f3ff;color:#4c1d95;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(167,139,250,.25),0 6px 16px rgba(0,0,0,.5)}
.dk-you{position:absolute;left:78.3%;top:48.9%;width:18px;height:18px;border-radius:50%;background:#34d399;border:3px solid #052e1f;transform:translate(-50%,-50%)}
.dk-you::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #34d399;animation:dk-ping 2s ease-out infinite}
@keyframes dk-ping{to{transform:scale(2.6);opacity:0}}
.dk-chip{position:absolute;padding:4px 9px;border-radius:8px;background:rgba(15,22,35,.92);border:1px solid #334155;color:#e5e7eb;font-size:.72rem;font-weight:700;white-space:nowrap;transform:translate(-50%,-180%)}
@media (prefers-reduced-motion:reduce){.dk-arcs path,.dk-halo,.dk-you::after{animation:none}}
.dk{--dk-ink:#e5e7eb;--dk-muted:#9aa3b5;--dk-line:#1f2937;background:#0b1019;border:1px solid var(--dk-line);border-radius:22px;padding:24px;color:var(--dk-ink)}
.dk-kicker{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#67e8f9}
.dk h2{margin-top:6px;font-size:1.35rem;letter-spacing:-.02em;color:#f8fafc}
.dk-sub{margin-top:4px;font-size:.9rem;color:var(--dk-muted)}
.dk-grid{display:grid;gap:20px;margin-top:18px}
@media (min-width:900px){.dk-grid{grid-template-columns:minmax(0,1fr) 250px;align-items:start}}
.dk-list{list-style:none;display:grid;gap:2px;font-size:.88rem}
.dk-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px}
.dk-list li:nth-child(odd){background:#0f1623}
.dk-list b{font-variant-numeric:tabular-nums;font-weight:700;color:#f8fafc}
.dk-list small{display:block;font-size:.74rem;color:var(--dk-muted)}
.dk-ride{display:grid;gap:18px}
@media (min-width:820px){.dk-ride{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}}
.dk h2.dk-eta{margin-top:6px;font-size:2.4rem;font-weight:800;letter-spacing:-.03em;color:#f8fafc;line-height:1}
.dk-eta span{font-size:1rem;font-weight:600;color:var(--dk-muted);letter-spacing:0}
.dk-driver{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px;border:1px solid var(--dk-line);border-radius:14px;background:#0f1623}
.dk-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#4c1d95;color:#ede9fe;font-weight:800}
.dk-driver p{font-size:.82rem;color:var(--dk-muted)}
.dk-driver strong{color:#f8fafc}
.dk-plate{margin-left:auto;padding:4px 8px;border-radius:6px;background:#f8fafc;color:#0b1019;font-size:.78rem;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.dk-steps{list-style:none;display:flex;gap:6px;margin-top:16px}
.dk-steps li{flex:1;height:5px;border-radius:9px;background:#1f2937}
.dk-steps li.done{background:#a78bfa}
.dk-actions{display:flex;gap:10px;margin-top:18px}
.dk-actions button{flex:1;padding:11px;border-radius:12px;border:1px solid #334155;background:#111827;color:#e5e7eb;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}
.dk-actions button.is-main{background:#a78bfa;border-color:#a78bfa;color:#1e1036}
.dk-actions button:hover{border-color:#64748b}
.dk-actions button:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:640px){.dk{padding:16px}}

Bootstrap 5 code

Requires: Bootstrap 5.3.8 CSS

HTML
<div><span class="lbl">Network map with glowing nodes and flowing links</span>
<section class="dk card rounded-4 p-3 p-sm-4" aria-labelledby="dk-net-title">
  <p class="dk-kicker fw-bold text-uppercase mb-0">Edge network</p>
  <h2 id="dk-net-title" class="h4 fw-bold text-white mt-1 mb-1">Latency from Frankfurt</h2>
  <p class="dk-sub mb-0">Round-trip time to each region, measured every 30 seconds.</p>
  <div class="row g-4 mt-0">
    <figure class="col-12 dk-main mb-0"><div class="dk-world">
    <svg viewBox="0 0 1000 433" role="img" aria-label="World map with nine edge regions linked to Frankfurt. São Paulo and Singapore are slow; the others are healthy.">
      <path class="dk-land" d="M988 309l1 0-1 2-3 0 2-2zM994 304l0 2-4 1 0-1zM594 256l11 7 0 1 4 4-2 4 2 3-1 5 3 6-8 4-8 0-2-7-2-1-6-3-3-5-1-7 4-4 0-3 1-2-2-2zM477 164l0 5-9 0 0 8-3 1 0 6-11 0 0 1 0-1 6-1 2-7 4-3 3-7 7-1zM199 95l-4-4-4-2 2-4-2-2 1-6 3-3-2-2 0-6-2-4-6 3-1-3-4-1 24-27 8 3 17-4 0 1 4-2 3 3 4-2-1 2 7-1 11 2 1 2-4 1 4 1 8-1 1 2 3-2-1-1 2-1 5 0 2 2 5 1 7 0 3-3 3 1-2 3 7-5-3-3 6-5 4 2 1 3-3 1 4 1-2 3 4-2 2 1-2 2 1 2 6-4 2-3 6 0 2 2-3 3-1 2-5 2-5 0-6 5-10 3-1 2-3 1-8 5-4 6 3 0 0 5 3 0 11 6 6 0-2 6 0 3 3 3 5-4 0-5-1-1 10-6 1-5-2-2 4-3 2-7 9 0 4 3 4 1-2 6 3 2 9-6 4 10-1 2 8 5 1 2 2 2-1 3-12 6-15 0-7 4-8 7 7-5 10-3 2 2-3 2 0 6 3 1 4 0 3-4 0 3 1 1-16 7-2 0 1-3 5-2-7 0-1-2 1-4-3-1-8 8-8 0-7 4-4 0-2 1 0 2-10 3-1-1 4-5 1-5-4-5-7-5-8 1-6-2-1-2-1 1zM313 55l5-2-4 2zM338 26l-2-1 2-1 7 1zM320 56l3-1-2 2zM314 20l-2 1-5 0 5-2zM315 11l2 1-1 1-5 0 1-2zM323 22l-7-1 1-3-7-2 2-1 9 1 1 1-1 1 3 1 13-1 4 2-5 2zM286 13l2 0-1 1-6 0zM288 11l2 1-6 0zM366 88l-4 5 1-1 2 0-1 1 5 1-1 3 2-1 0 4-2 2-2 0 0-3-3 3-2 0 2-2-2-1-7 0 1-2 6-7 4-3 1 0zM317 47l6 4-2 1-4-2-7 3 0-2-3 0 6-6zM339 27l2-1 6 3 0 1 4-1 1 2 5 1 2 4-5 1 8 2 2 3 3 0-7 5-4-4-3 1-1 1 4 4 1 3-2 2-7-3 4 5-10-3-2-1 1-1-5-3-7 2-1-1 2-3 9 0 5-5 0-2-6-2 1-1-4-3-5 1-15-2-1-1 3-1-3 0 1-2 6-4 6-1-3 2 1 2 3-2 6-1 2 2-2 2zM310 23l8 0-14 5 2-4zM258 18l11-4 6 0-4 3zM185 80l3-1-4 6-1-4zM300 10l8 1 0 2-10-1 3-1-2 0zM197 97l-5-1-2-3-2-1 0-2 6 1zM257 22l7 0 2 2-21 7 0-1-4-1 9-5-1-2zM287 18l4 0-3 2-13 2-3 0 1-1 5-1-12 0 8-3 10 2-1-2 3-1 2 0zM284 25l1 1-1 5 5 2-5 2 1 1-2 1-6-1-17 2 0-2-5 0 0-2 11-1-11-1-1-1 6-1-6-1 6-3 7-1 1 0-2 1 5 0 2 1 4-1 1 1-1 2 2-1 1-3zM295 26l-1-1 4-2 6 1-3 2 2 1-2 2-6 1-4-3zM285 24l4 0-4 2-1-2zM308 16l0 1-3 3-4 1-2-1 2-1-4 0 2-2zM321 7l8-1 7 2 1 2-8 2-7 0-1-1 3-1-5-1zM332 4l26-2 30 1-13 2 4 0-13 4-12 1 3 0-2 1 1 1-11 3 3 1-6 1-17 0 4-2 1-2 5 1-4-2 8-2-2-1 0-1 10-1-10 0zM339 41l-4 0 2-2 3 0zM298 35l0 1-2 1-6-2 5-2zM343 92l4 1 2 2zM342 101l0 2 4 0-3 2-2-2zM199 95l68 0 1-1 1 2 6 2 8-1 7 5 4 5-1 5-4 5 1 1 10-3 0-2 2-1 4 0 7-4 8 0 8-8 3 1-1 4 1 2 0 1-10 6-2 2 2 2-10 3 4 0-5 0-4 6-1-2 0 4-3 4 1-3 0-4-1 4-2-1 2 1-1 8-17 13-1 5 1 10-2 5-2 0-1-2-2-6 1-2-2-5-4 1-2-2-9 0 0 4-10-2-4 1-8 5-1 6-5-1-3-10-4-1-2 2-2-1-5-8-12 2-8-5-7 1-2-5-5-2-2-18 3-8 6-9 2-8 4 0 0 3zM76 188l2 2-3 2-1-3 1-2zM122 61l2 0-3 1-1-1zM146 68l2 1-7 2zM204 34l-24 27 4 1 1 3 6-3 2 4 0 6 2 2-3 3-2-2 1-2-1-3 1-3-6 0-4-4-8-1-5-3-3 1-2 2-10 2 8-6-13 6 0 1-4 2-15 7-19 4 21-7 9-6-6 1 0-1-2 1 1-2-5 2 3-3-1-1-3 0-2-2 2-1-1-2 3-1 6-3 10-2 0-2 3-1-10 1-3-1 0-3 10-2 2 0-2 1 5 0-2-5-2-1 3-1 28-7 2 0 0 2zM121 51l5 1-3 1-3-1zM714 94l-1 3-2 0 1 3-1 1-5-1 0 6-6 2 4 5-1 1 0 2-3-1-13-2-1 3-4-1-2 1-6 6-1-2-3 0-1-3-1 0-1-3-4-2-7 0-10-6-6 2 3 11-6-3-4 2 0-3-3-1-4-5 3 0-1-2 5 0-2-5-4-1-5 2-4-4-4-2 1-6 3 1 0-2 4-3 4 0 9 3 2-1 8 1 4 0 0-2-5-2 3-3-2-2 1-1 8-1 8-4 5 1 2 3 5 1 1 1 7-3-1 1 13 10 0-1 4 1 4 0zM643 119l-3-11 6-2 10 6 7 0 4 2 1 3 1 0 1 3 3 0 1 2 6-6-1 3 7 2-2 2-2 0-2-1 0-1-3 0-1 4-2 0-1 1 3 1 1 3-1 3-4-1 0-2-7-3-5-3-2-4-4 0-2-3-4-2-3 3 0 1zM892 261l9 4 4 5 4 2 1 2-3 0 1 2 4 6 1 0 0 1 4 3-2 1-6-2-5-6-3-2-4 2 0 3-2 1-5-1zM924 264l1 3-1 1-1-3-5-4 1 0zM920 271l-5 2-4-2 1-1 4 0 1-1 0 1 1 0 3-2 0-2 1 0 1 2zM929 270l3 5-2-1zM892 261l-2 21-2-3-7 1 3-4-1-6-12-6-2 2 0-3-2-1 4-2-4 0-4-4 5-2 4 1 1 7 3 1 6-5zM846 281l0 2-2 2-3 1 2-3zM872 275l1-5 1 3zM827 239l-1 3 2 3-1 2 4 3-4 0-1 5-2 2-2 9 0-2-3 2-1-2-4-1-3 1-1-2-4 0 0-4-3-7 2-5 2 4 6-2 3 1 2-1 4-9zM859 262l3 1 1 2-8-1 1-2zM852 265l-2-2 3 0zM855 246l2 3 0 3-1 0 0 4-2-7zM841 250l4 0 2-3-1 4-12 1-1 2 3 3 7-2-1 1-1 0-4 3 5 11-2 1-1-1 2-3-3 1-1-1-1-6-2 1 0 8-2 1-1-1 1-6-2-2 3-11 3-3zM833 286l-4-3 3 0 2 2zM836 280l4-1 0 1-4 1-4 0 0-1zM827 280l2-1 1 2-7 1 4-3zM801 273l0 1 5 1 1-2 5 2 1 2 7 3-3 1-22-5 0-1-3 0 2-3zM790 256l1 4 2 0 2 3-2 8-3 1-5-6-9-14-2-5-10-12 6 1 10 10 2 0 3 2 3 4-1 3zM336 421l3 4 7 3 0 1-4-1-4 0zM347 350l0 12 5 8-1 6-4 2-8 0 2 6-4 1-2-1-1 1 1 3 2 1 1-1 1 2-3 3 0 5-2 0-2 1 0 3 6 3 0 3-3 1 0 4-3 3 3 4-8 0-2-5-3 0-1-4 1-1-1-12 1-1-5-8-1-11 1-1-2-6 2-2 0-6-4-9 1-10 3-5-2-7 3-2 0-4 2-3 4 1 2 2 0-3 4 1 6 6 8 4-1 6 8 1 2-3 0-2 1-1 2 2 0 2zM336 421l2 7 4 0-2 3-7-2-12-7 10 4 1-4zM309 309l4 6 0 3 3 8 2 0 0 4-3 2 2 7-3 5-1 10 4 9 0 6-2 2 2 6-1 1 1 11 5 8-1 1 1 12-1 1 1 4 3 0 2 5 8 0-4 2 0 3-1 0-10-5-5-11 0-3 1-2-4-1 2-3-1-5 3 1 0-7-2-1 0 4-2 0 0-13-3-6 1-1 2-15-3-11 0-24-1-10zM581 267l1 7 3 5-5 1-1 2-1 9 4 1 0 3-2 0-5-5-4 1-5-3-5 0-1-12-4-1-2 1-1 2-5 1-3-7-11 0 0-1 2-3 3-1 1 2 4-5 2-6 3-4 2-13 0-2 3-2 8 3 1-2 5-2 8 0 2 3 4-1 4 3-1 4 2 1-4 5-1 6-1 5zM616 258l-2-3 0-11 2-4 5-3 4 0 7-10 3-5 0-6 6-2 0 4-4 13-8 13-9 8zM609 268l-4-4 0-1-11-7 0-4 3-5-3-8 4-4 2 3 6 3 4 1 3-3 3 1-2 4 0 11 2 3-4 3zM568 226l-3-2 0-4-2-3-2-5-1 0 3-10 3 0-1-12 0-2 3 0 0-6 32 0 2 11 3 2-4 3-1 8-1 6-4 7-1 6-2-11-2-1-1 1 0 3-2 4-4-1-3 2-6 0-3-3-2 1-1 4-2 1zM565 190l1 12-3 0-3 10 1 0 2 5-3 2-2 3-6 2-2 3-8 2-1-5-2-2 0-2 4 1-3-10 0-1-2 0-1-4 1-4 4-3 1-12-2-3-1-5 3-2zM304 189l0 6-8-1 1-1 5 0-1-3-1-1zM304 195l0-6 5 0 4 4-1 1-5-1-2 3zM674 6l8 1 7 2 1 2-13-1-6-2zM695 10l7 2-10 1 0-3zM773 18l14 1 1 2-10 0-6-1-1-2zM794 20l6 0-5 1-5-1zM783 25l3-2 5 2zM584 7l12 0-7 1zM554 79l-7-1 0-1 3-1 4 1zM608 24l4-3-1-1 9-3 13-1 2 1-18 5-4 5 2 2 5 3-9-1-5-1 0-2 1 0 0-2 3-2zM840 81l14 14-4-1 1 5 6 5-3-2 0 3-2-3-8-13-6-7 1-2-2-1zM832 117l-1-1-1-2 2 0-4-6 1-1 4 0-1-10-5 2-4 0-7-5-5-1-10-10-7-2-5 1-1 1 2 3 0 6-2 2-4-2-6-1-2 2-5 2-6-1-5-3-8 1-4-2-1-2-9-2-1 3 1 2-1 2-14-3-9 4-12-5-4 0-4-1 0 1-13-10 1-1-7 3-1-1-5-1-2-3-5-1-8 4-8 1-1 1 2 2-3 3 5 2 0 2-4 0-8-1-2 1-9-3-4 0-4 3 0 2-3-1-1 6 4 2 4 4-5 6 6 9-1 2-4-2-3-2-14-3-9-6 3-3-2-1 4-2-2 0 1-2 2 0 0-6-12-3-1-2-2 0-2-3-5 1-1-3 3-1-5-5 0-2-7-2-3-4 1-6 2-1-2-2 6-7-4-2 1-1-2-3 1-2-4-3 2-2-4-2 0-2 5-1 2-1 10 2 11 4 1 2-6 3-11-2 4 2 1 4 5 2-2-3 1-1 6 2 2-1-2-2 4-3 4 1 1-2-4-5 6 1 2 2-3 0 1 2 2 1 3-1 0-2 11-3 1 0-1 1 10-1 3 1 2-2-3-1 1-1 19 5 1-2-6-2-3-4 4-6 6 1 1 2-1 2 4 2 1 4 3 2-2 6 3 0 3-4-2-2 0-2-4-1 1-3-4-2 2-2-1-2 3 1 0 3 3 0-2-1 3-2 9 2-5-5 12-1-3-1 1-2 11-2 14-1 0-2 4-1 8 3 7-1 8 2 1 2-6 2 7 1 3 2 3-1 17 2-1-2 8 0 16 7-1-2 4 1 12 0-4-3 2-1 20 2 11 3 13 0 8 4 14 0 7 2 1-1-4-3 12 1 12 2 16 13-6-5 3 3-1 2-3-1 11 7-4-1-6 3-3 4 1 1-5-2-4 2-2-1-1 2-4-1 1 5 5 2 3 4-2 0 2 3 2 1-3 2 2 3-3 1 2 3-2 3-13-14-3-4-1-3 3-1 4-9-2-4-3 1 1 2-2 3-6-3-4 1-2 4 4 2-8 1-1-2-4 0-2 1-14 1-7 12 9 3 1-1 3 0 6 3 6 15-1 7-3 9-2 2-4-2zM871 29l2 2-3 0zM583 105l4 0 4 1 0 1-6 3-1-1 0-1-3-1zM288 166l3 1-3 1zM291 166l2 1-1 2zM289 171l2 3-1 2-2-2zM353 419l5-2 3 1-4 2-1-1-2 1zM529 9l3-1 9 3-5 1-3 4-2 0-4-2 1 0-8-5zM565 35l-5 1 1-2-3-1-3 1-3 3-8-1-2 0 0 2-4-1 0 2-2 0-6 9 0 2-2 0-2 3 1 3 1 2 0 3-3 4-1-2-5 4-3 0-3-1-2-10 12-7 8-9 9-6 8-1 3-2 7-1 7 2-2 1zM551 8l-7 2-12-2 11-1zM548 13l-4 1-4 0 1-1-1-1 4 0zM415 3l16-2 21 0 10 1-19 2 15 0 2 0-3 2 14-2 6 1-15 3 5 0-5 3 0 3 2 1-6 1 3 2 0 2-2 0 2 2-4 0 2 1-1 1-6 1 2 3-5-1 5 3 1 2-4 0-4-2 1 1-3 2 8 0-12 5-9 1-6 4-13 3-4 6-4 2 0 2-4 5-3 1-3-3-4 0-5-8 0-4-2-3 1-2-1-1 4-3 3-1 3-3-7 1-2 0 2-4 6 1-4-3-4 0 3-2-2-6-3-1 1-1-5-1-14 0-4-3 9-1-11-1 17-3 1-1-5-1 13-3 0-1 24-1 9 2-3-1zM846 281l7-1-7 3zM544 345l1-2 1 2 3 1 4-2 1-12 2 7 2 0 5-5 2 1 4 0 4-6 7-5 5 0 1 7 0 5-2 0-2 3 2 2 2-2 2 0-2 6-12 13-6 4-9 0-6 3-5-2-1-5 1-3zM577 346l-2 0-3 3 2 2 3-1 1-3zM577 346l1 1-1 3-3 1-2-2 3-3zM191 148l7-1 8 5 12-2 5 8 2 1 2-2 4 1 3 10 5 1-4 11 3 12 4 2 8-2 2-1 2-6 9-2 1 3-4 8-1-1-3 2-5 0 0 2-2 0 3 4-4 0-2 5-4-5-2 0-5 1-18-8-4-3-1-4 2-3-1-5-7-9 0-3-5-8-1-7-1-1-2-1-2 5 5 12 1 7 3 3-2 2-5-6 1-4-6-6 3-2-3-4zM347 350l2 0 9 6 2 2-1 2 1 2-4 3-7-1-2-2zM360 362l-1-2 1-2-2-2-9-6-2 0 9-11 0-2-2-2-1 1 0-6-3 0-1-5-6-1-2-6 2-7-3-3 0-3-5 0-2-8-10-4-4-3 0-6-3 1-5 3-3 0-3 0 0-5-2 2-6-2 1-1-3-5 2-3 1-4 6-4 2 0 1-10-1-5 2 0 0-1-2-1 0-2 5 0 1-1 2 3 2 1 2 0 6-4-2-1-1-5-1 0 5 1 6-3 1-2 2 1 1 3-2 4 1 3 3 2 4-3 2 1 1 0 1-2 4 0 4 1 4-7 1 0 2 8 1 0 0 2-2 3 1 1 5 0 0 4 2-2 8 3 1 3 3-1 10 2 8 6 4 1 3 7-1 6-10 13 0 15-4 13-3 4-7 1-7 5-2 3-1 9zM308 288l3 0 5-3 3-1 0 6 4 3 10 4 2 8 5 0 0 3 3 3-2 7-2-3-8 1-1 8-4-1 0 3-2-2-4-1-2 3-2 0-3-8 0-3-4-6 2-3-2-5 2-8zM306 266l-2 0-6 4-1 4-2 3 3 5-1 1 6 2 2-2 0 5 3 0 3 5-2 8 2 5-2 3-1 3-17-12-12-24-4-4 1-1-2-3 3-4 0 3 2 0 1 2 4-7 3-1 3-3 1-5 4 4 2 3 6 0 2 1-1 4zM314 249l-2-3-1 1-5 0 0 2 2 1 0 1-2 0 1 5-1 10-2-1 1-4-2-1-6 0-2-3-4-4-3-2-3 0-4-3 1-4 4-4-2-11 2-2 0-2 5-3 2-5 4 0 5-4 2 1-1 1-4 4-2 4 2 0 2 7 5 0 2 3 5 0-1 5 1 4-1 2zM286 225l0 2-2 2 0-3-3-2-4 2 1 2-1 1-1 0-2-2-4-1 1-4 1 0 3 2 6-2zM272 222l-1 0-1 4-5-6 0 2-2-1 0-4 6 1zM269 218l-6-1-5-6 1 0 8-6 4-1zM271 204l-4 1-8 6-1-1 0-2-4-2 4-4 9-1zM254 206l4 2 0 2-2 0-4-1zM246 206l2-5 4 0-3-4 2 0 0-2 5 0 0 7 2 0-4 4-2 3zM256 195l3-2-1 6-2 3zM332 236l-1 2-6 3-5-1 1 0 1 5 2 1-6 4-2 0-2-1-2-5 1-2-1-4 1-5-5 0-2-3-5 0-2-7-2 0 2-4 4-4-2 1 1 8 2-3-1-4 3-1 1-2 5 5 5-1 4 2 1-2 7 0-2 1 0 2 3 0 2 2 0 2 3 1-3 2 1 2-3 1 0 3zM343 247l-2-1-4 3-3-2-1-3 2-4-1-3-2-1-2-2 0-3 3-1-1-2 3-2 7 7-3 7zM349 245l-4 0-1 2-1 0-4-7 3-7 8 1-1 3 1 4zM357 239l-4 7-4-1 1-4-1-4 1-3 3 1zM515 94l5 1-2 4-1 1-2 2 0 2 1-1 1 2 2 7-3 2-5-1-3 1 0 2-7-1-6-2 2-8-4-5-4-2 0-2 7 0-1-3 3 1 5-2 1-3 2-1 8 5zM522 115l2-1 0 5-2 0zM291 253l-1 5-3 3-3 1-4 7-1-2-2 0 0-3 1-3 0-1-1 1-2-1 0-4 3-6 3-2 4 3 3 0zM319 193l2 1-1 1-4 0 1-2zM288 193l3 2-4 0-1-1zM277 178l11 2 6 6 4 1-10 2 2-2-3-1-1-3-8-2-1 0 1-1-9 2zM585 324l-5 0-4-2 0-3-5-4-2-5 5 0 5-6 4-1 0 1 3 0 4 2-1 12zM580 324l-7 5-4 6-4 0-2-1-5 5-2 0-2-7 0-9 3 0 0-12 6-1 1 2 5-2 2 5 5 4 0 3zM554 332l-1 12-4 2-3-1-1-2-1 2-3-5-2-16-7-16 5-1 2 2 11-1 2 2 6 0 6-1 2-1 3 2-5 2-1-2-6 1 0 12-3 0zM454 209l-2-4 3-4 5-2 7 7 1 7-6-1-8 1 0-3 8-1-4-1zM468 213l-1-7 1-3 17 0-2-31 4 0 22 17 0 2 3 0 0 7-2 5-9 2-4 0-6 4-2 0-3 6-1 4-7 1-3-7-3 2-4-1zM454 185l0-1 11 0 0-6 3-1 0-8 9 0 0-5 10 8-4 0 2 31-17 0-1 3-7-7-5 2 1-13zM507 233l-2 0 0-10-3-6 4-3 2-1 2 2 0 5-2 5zM540 179l1 5 2 3-1 12-4 3-1 4 1 4 2 0 0 1-1 2-3-4-2 2-4-1-5 1-4-1-2 1-4-3-4 1-1 6-2-2-2 1 0-2-3-1-2-6 9-2 2-5 0-7 3-1 17-13 6 3zM507 233l1-8 2-5 0-5 1-6 4-1 4 3 2-1 4 1 5-1 4 1 2-2 3 4 1 2-2 3-5 12-2 1-3-1-2 2-2 5-8 2-4-6zM540 211l3 10-4-1 0 2 2 2 1 5-2 4 0 4 4 8 0 2-8-2-5 0-4 0 0-2-3-6 2-5 2-2 3 1 2-1 5-12 2-3-1-2zM502 217l3 6 0 10-2 1-3-17zM500 217l3 17-8 4-3-1-1-4 2-7-1-4 0-5zM478 220l7-1 3 3 4 0 1 4-2 7 1 4-5-1-8 3 0-5-3-2 1-4 1-3-1-4zM462 212l6 1 0 1 4 1 3-2 3 7-1 1 1 4-1 3-3 1-1-4-1 1-3-6-3 1-3 3-5-7 4-2zM454 213l8-1 0 3-4 2zM477 228l-1 4 3 2 0 5-4-2-7-6 4-5 1-1 1 4zM463 224l3-3 3-1 3 6-4 5-4-3zM485 219l1-4 3-6 2 0 6-4 4 0 2 6 3 1 0 2-4 3-2 0-8 0 0 5-4 0zM576 236l-8 0-5 2-1 2-8-3-3 2 0 2-3 0-4 4-4-8 0-4 2-4 8-2 2-3 6-2 2-3 3-2 2 3 0 4 3 2zM551 241l-2 13-3 4-2 6-4 5-1-2-3 1-1-1-2 2-2-4 2-1-1-2 3-2 0-1 4 2 1-2 0-5-2-1 2-4-3-1-1-3 8 2 0-2 4-4zM531 245l5 0 1 3 3 1-2 4 2 1 0 5-1 2-4-2 0 1-3 2 1 2-2 1-7-9 2-7 5 0zM527 245l4 0 0 4-5 0zM585 279l6 3 2 5-3 10 1 1-8 2 0 3-4 1-5 6-5 0-3-2-2 1-4-5 0-10 6 0 0-6 5 3 4-1 5 5 2 0 0-3-4-1 1-9 1-2zM591 282l2 1 2 7 0 6 3 4 0 4-2 3-2-2 1-5-4-2-1-1 3-10zM595 290l8 0 8-4 1 14-1 2-3 4-6 3-7 7 1 13-1 3-7 4 0 3-2 0 0-3 0-5-1-7 4-6 1-12-4-2-3 0 0-1 0-3 8-2 4 2-1 5 2 2 2-3 0-4-3-4zM586 339l-2 2-2-2 2-3 2 0zM536 268l-2 3-1-2 2-2zM534 272l11 0 3 7 5-1 1-2 2-1 4 1 1 12 5 0 0 6-6 0 0 10 4 5-6 1-6 0-2-2-11 1-2-2-5 1 1-9 5-10zM585 260l0 3-4 4 0-5zM594 147l0 1-1 0-1 2 0 2 2-1-1 7-2-6 1-6 2-1zM594 145l-2 1 2-5 2 1zM637 293l1 10 0 1-1-2-1 1 0 4-9 26-5 2-3-2-2-7 1-5 3-6-1-6 2-4 5-2 4-3 1-3 1 0 3-6zM594 151l-2 1 0-2 1-2 1 0zM454 209l4-1 4 1-8 1zM525 155l-1-6-4-4 2-11 3-2 1 1 0 1 3-1-1 2 0 5-1 2 3 4 0 2-4 4 0 2zM477 164l0-4 9-4 4-3 0-2 7-2-3-10 10-4 18-1-2 11 4 4 1 6 1 4-1 10 3 5 1 0 3 3-17 13-3 1-3 0 0-2-22-17zM594 148l0-1 3 1 5-3 2 4-6 2 3 3-1 2-4 3-3-1 1-7zM639 175l7 0 5-6 0 1 1 2-1 0 0 3-1 5-9-1zM637 173l1-4 1 4zM628 156l1 5-5-2 2-3zM604 149l-2-4 5-3 0-7 3-2 6 0 4 5-1 5 6 5 4 8-1 0-2 0-2 3-5 0-8-7zM650 180l1-5 0-3 1 0 3 4 4 1 3 4-3 6-1 1 0 4-3 1-1 2-2 0-2 3-4 1-4-7 8-4 1-6zM958 303l0-3 1 3zM783 213l-1-3 1-3 7 0 2 1 1-2 2 1 1 6-4 2 1 2-5 2-2-1zM790 207l-7 0-1 3 1 3-5-1 0-2-2 0-2 11 4 8 5 4-2 1-1-1-3-1-4-6-1 2 1-7 2-7-5-10 1-3-5-8 2-4 5-2 1 3 2 0 1 6 5-2 2 0 3 3 0 3 3 3zM795 207l-2-1-1 2-2-1 0-4-3-3 0-3-3-3-2 0-5 2-1-6-2 0-1-3 2-3 2 1-1-4 1-1 4 6 3 0 2 3-2 2 3 2 8 8zM773 187l-5 2-2 4 5 8-1 3 5 10-2 7-2-11-5-12-4 4-3-1-1-7-3-5-4-3 1-4 1-1-1-6 2 1 1-3 0-6 3-2 2 0 0-3 2-1 2 3 1 5-2 3 1 4 3-1 1 3 2 1-1 2 4 2 2-1 0 2zM788 219l5-2-1-2 4-2-1-6 0-6-8-8-3-2 2-2-2-3-3 0-4-6 6-1 2-2 4 2 2 3 3 1-4 3-1 5 10 13 2 11-10 10 0-4zM831 116l1 1-1-1-1 3 1 2-4 3 1 2 3 2-5 3-4-1 0-4-3-2 3-6 4 1-1-2 3-1 1-2zM826 131l5-3 5 6 1 6-6 2-3-8 1 0zM714 94l9-4 14 3 1-2-1-2 1-3 9 2 1 2 4 2 8-1 5 3 6 1 5-2 2-2 6 1 0 6 1 1 6-1 6 4-6 0-2 3-5 3-4-1-1 2 3 3-3 2-10 3-2 2-12-4-11 0-5-5-12-3-2-5-9-6zM760 162l0 3-2 0-3 2 0 6-1 3-2-1 1 6-1 1-3-5-1 2-1-2 2-5-7-1 0-2-4-2-1 3 3 1-2 3 2 1 2 7-1 1-5 0 0 5-4 2-7 8 0 1-4 3 0 17-2 1-1 2 1 1-2 1-2 3-3-3-10-23-5-17-5 1-4-3 1-2-1-1-4-3 2-2 6 0-6-8 3-4 3 1 7-14-3-2-3-5 1-1 7 0 2-3 4 4 2 4 0 2-2-1 1 4 8 4-2 5 9 4 14 4-1-5 1-1 1 3 3 2 6-1-2-3 2 0 5-5 2 1 2-1 2 2-1 1zM752 182l-1 4-3-7-3 0 0 3-3 0-2-7-2-1 2-3-3-1 1-3 4 2 0 2 7 1-2 5 1 2 1-2zM745 163l2 3-6 1-3-2 3-4zM736 163l1 5-14-4-9-4 2-5 3 1 10 6zM703 138l-2 3-7 0-1 1 3 5 3 2-7 14-3-1-3 4 6 8-6 0-2 2-5-5-13 1 0-4 4-2-2-4-6-5 5 1 9-2 1-4 6-2 0-2 2-3-2-2 3 0 1-4-1-3 1-1 8-2 4 4zM672 132l4 1 3 0 4-4 4 5 3-2 4 0 1 1-8 2-1 1 1 3-1 4-3 0 2 2-2 3 0 2-6 2-1 4-9 2-5-1 2-3-5-8 1-8 4 0 1-1 3-1 0-3 2-2zM676 133l1-3-1-3-3-1 1-1 2 0 1-4 3 0 0 1 2 1-4 0 0 2 11 1 2 2 2 1 1 3-4 0-3 2-4-5-4 4zM680 116l2-1 4 1 1-3 13 2 3 1-4 4-3 0 0 2-5 1-2 3-11-1 0-2 4 0 2 0 2-2-7-2zM633 118l4-2 6 3 2 0 0-1 3-3 4 2 2 3 4 0 2 4 5 3 7 3 0 2-2-1-2 2 0 3-3 1-1 1-4 0-1-3-11-5-5 0-3 3-1-6-3-1 1-2-2 0 0-3 3 1 2-1-4-4-2 1 1 2zM629 156l-4-8-6-5 1-5-4-5-3-7 2-1 4 3 1 0 3-3 1 3 2 1 1 2 5 3 4 0 4-1 3-3 5 0 11 5 1 3-1 8 5 8-2 3 6 5 2 4-4 2 0 4-12-2-3-5-4 2-3-1-6-3-5-8-3 0zM594 147l0-2 2-3-2-1 0-4 1-3 8 0 7-1-3 2 0 7-5 3-5 3zM620 128l-1 0-2-3-2 0-3-2-1-3 4 0zM525 65l3-4 0-3-1-2-1-3 2-3 2 0 0-2 6-9 2 0 0-2 4 1 0-2 2 0 6 3 2 6-4 0-2 2 1 2-7 5-1 4 4 4-2 3-2 1-2 7-3 0-1 2-3 1zM566 73l7 2 0 2 5 5-3 1 1 3-2 0 0 2-13-2-4 1-1-7 5-1 2-3-1-1zM576 86l5-1 2 3 2 0 1 2 12 3 0 6-2 0-1 2-6 2-2 1 0 1-4 0-4-1 0-2-3 1-2 4-4-1 2-3 2 0 0-1-3-4-3-1-3 1-4 1-5 0-2-2 1-2 3-4-1-4 4-1 13 2 0-2zM556 80l1 7 1 4-3 4-9-1-10-5-2-9 8-3 5 1 7 1zM542 98l-2 4-6 1-4-2-4 1-3-1 1-1 8 0 0-3 1-1 2 1 2-2 5 1zM554 97l2 2-4 5-2 0-3 1-6-2-1-1 2-4 2 1 7-3zM565 98l3-1 3 1 3 4 0 1-2 0-2 3 0-4zM570 106l4 1-2 1 0 4-4-2-4 2-6-1-1-1-7-6 2 0 4-5 5 0 4-1 5 4zM562 75l1 1-2 3-5 1-2-1 0-2-4-1-1-2 9-1zM563 69l3 4-4 2-4-2-9 1 1-5 2-1 2 3 2 0 0-3zM564 63l-1 6-7-1 0-1-2-1-1-2zM534 80l2 9-6 2 3 5-1 1 0 3-8 0-6-1 2-4-5-1 0-2 0-2-1-4 2-1 0-4 5-1-1-3 3 0 3 3 4-2zM557 110l1 1 6 1 4-2 4 2-2 3 1 2-5 1 0 1-8 0-1-3 1-3zM569 139l-4 1-4-1 1-1zM558 119l8 0 0-1 2 1-1 2-6 0 2 2-2 1-3-1 2 3-1 1 3 2 0 2-2-1 1 2-2 0 1 3-4-1-4-9 2-4zM616 133l-6 0-7 1-8 0-1 3-1-1 1-2-4 0-1 2-4 0-3-2-2 0-3 2-5-2-4-5 1-2-2-2 3-3 4 0 1-2 4 0 6-3 4 0 9 4 5-1 3-1 5 1 1 3 3 2-2 1zM566 118l5-1 2 3-3 0-3 3 0-2 1-2zM554 121l-2 4-2-2-1-5 2-3 1 3zM541 103l6 2 1 2 0 1-8-1-1 1 8 7 0 1-7-4-3-5-1 0-1 1-1-2 4 0 1-2zM524 100l-1 1 3 1 0 1-3 0-1 1-5 1-1-2-1 1 0-2 2-2 1-1zM515 90l0 2-1 1-8-5 2 0 4-1zM516 81l0 4-2 1 1 4-3-3-4 1 3-6zM477 118l2-2 1 2 3 0 1 1-3 6 1 5-1 3-4 1 0-5-2-1 3-7zM481 133l1-3-1-5 3-6-1-1-3 0-1-2-2 2-1-4 4-2 15 1 6 2 7 1 0 2-3 2-3 0-3 6 1 2-6 6-5 0-3 3-3-3zM485 80l1 2-2 3-5 2-3-1 2-3-1-3 5-4 0 4zM951 321l3 3-3 0-4-7zM948 286l1 1-2 0-1-2zM945 284l-3 0 0-2zM942 278l1 2-5-3zM953 382l-5 4-2 1-1-1 3-3 0-2-2-1 7-7-1-9 1 0 2 2 0 7 1-2 0 3 1 1 5-1zM928 393l14-10-1 3 3-1-1 2-7 5 0 2-5 1-6 6-5 2-6-2 1-1zM877 384l1 0-5 8 0-1-3 2-2 0 2-9 3 1zM833 357l-6 2-2 3-10 0-6 4-4 0-3-3 4-6 0-9-1-11 1 1-1-3 2 2-1-6 4-8 0 2 8-6 12-3 4-5 3-6 1 3 1 0 0-2 1-1 1 0 5-7 4-1 3 4 3 0 0-2 4-6 6-1 0-2-2-1 2-1 7 4 4-1 1 1-3 4-3 5 12 9 2-1 3-8 2-8 3-6 2 12 2-1 2 3 0 13 5 4 1 7 3 0-1 3 4 6 0 3-1 6-7 12-12 13-3 5-13 6-2-2 1-2-5 3-7-3 0-6-3-1 2-4-5 2 6-7-7 6-2-1 0-6-6-4zM727 229l-1 3-3 1-2-7 1-5zM799 194l-2-1-1-3 2-1 4-1 1 1-1 4zM703 116l0-2 1-1-4-5 6-2 0-6 5 1 1-1-1-3 2 0 1-3 2 2 9 6 2 5 12 3 5 5 11 0 12 4 2-2 10-3 3-2-3-3 1-2 4 1 5-3 2-3 6 0-6-4-6 1-1-1 0-6 4 2 2-2 0-6-2-3 1-1 5-1 7 2 10 10 5 1 7 5 4 0 5-2 1 10-4 0-1 1 4 6-2 0 1 2-2-2-1 2-3 1 1 2-4-1-3 6-7 3 0-5-2-1-4 5-2 0-1 2 7 5 2-2 5 1 1 2-3 0-3 6 3 2 7 8 1 3-1 1 3 2 0 6-1 0-4 12-6 5-4 2-1-1-2 2-6 2 0 3-2 0 0-3-5-1-3-1-2-3-4-2-2 2-6 1-1 1 1 4-2-1 0-2-2 1-4-2 1-2-2-1-1-3-3 1-1-4 2-3-1-5-2-3-2 1-3-1 1-1-2-2-2 1-2-1-5 5-2 0-4-2-3 4-1-3-1 1-7-1-10-6-3-1-8-4-1-4 2 1 0-2-2-4-4-4-4-1-4-4-1-1-1-3-2-1-2-2 2-3 5-1 0-2 3 0zM829 174l-1 8-3-5 2-6zM526 102l4-1 4 2 1 3-4 1 1 4 6 6 2 0 0 2 7 4 0 1-4-2-1 2 2 2 0 1-2 3-1 0 0-3-2-3-11-8-2-5-4-1-3 2-2-7 5-1 1-1 3 0zM538 130l2-1-1 6-7-4 0-1zM522 121l1-1 2 2 0 4-2 1-2-6zM523 77l-3 0-1-6 5-3 0 3 1 1-2 3zM529 73l1 2-1 2-3-3zM485 80l-3 0 0-4 5 2zM493 82l0-2-2-2-3-2 0-2-1 2-1-5 2-5 5 0-2 3 4 0-2 5 2 0 6 9 3 1-1 2 0 2-2 2-8 0-6 2-1 0 6-4-4-1-1-1 3-1-1-2 0-2zM469 43l-1 2 2 2-11 5-9-2 2-1-4-1 4-2-5 0 2-2 3-1 3 2 4-1 2 1zM618 118l4 2 1-2 6 5-2 0-1 6-2-1-1-3-3 3-5-8 4 0zM619 128l-4-3 2 0zM601 113l14 3 3 2 1 2-4 0-4 0-5-1-1-4zM833 212l-2-3 4 2 0 2zM839 221l1-3 1 0 0 2 2-3 0 3-3 4zM850 226l1 4-1 3-1-4-2 2 1 4-4-2 0-4-2-2-4 4 0-1 1-3 3-2 1 1 4-2 0-3 2 2zM828 223l-4 3 6-10 1 3zM835 194l1 4-2 3 1 6 6 1 1 4-3-3-1 1-2-2-4 0 1-2-1-1 0 1-3-3 1-10zM837 216l-1-2 4 1 0 2-3 2zM846 214l1 3-2-1 1 3-1 1-2-4 2 0 0-1-2-3zM777 232l3 1 1 1 2-1 4 4 0 7 3 3-2 2-6-5zM827 239l-5 0-4 9-2 1-3-1-6 2-2-4 4 1 0-3 5-1 3-5 1 2 2-1 0-4 5-5 1 3 5 2zM820 235l0 4-2 1-1-2zM534 103l6-1 1 1-2 1-1 2-4 0 1 0zM560 36l0 2 4 2-2 2 4 3-1 2 2 3-1 1 4 2-6 7-12 2-4-2-1-6 1-2 7-5-3-2-2-6-6-3 8 1 3-3 3-1 3 1zM555 95l-1 2-3-1-7 3-2-1 0-2 4-2zM536 89l10 5-4 2-5-1-2 2-2-1-3-5zM600 206l1-8 4-3 3 6 11 11-2 0-7-6-4 0-2-1-1 2zM865 126l-1 4 3 7 0 2-8 2-2 4-3-4-10 2 3 3 1 5-2 2-1-2-1-3-4-3 3-1 3-6 8 0 0-6 3 2 3-5-2-9 2-1zM864 111l1-1 2 3-3 1 0 3-6-2 1 4-3 0-2-4 0-2 3 0-3-7zM848 145l3-3 3 2-1 2-2-1 0 2zM341 318l2 6 6 1 1 5 3 0 0 6 0 2-2 3-8-1 1-6-8-4-6-6 1-8 8-1zM642 192l4 7-2 1-1 3-9 5-12 4-2 0-1-2-2-6 0-4 2-4 9 1 1 1 5-5zM593 158l3 1 4-3 1-2-3-3 6-2 7 3 8 7 5 0 5 2 6 6 2 6 2 0 0 2 2 4 9 1 1 2-1 6-8 4-8 1-5 5-1-1-9-1-2 4-5-10-6-6-2-8-3-2-7-12-1 0zM586 139l4-1-1 2zM586 139l3 1-3 1-2-2zM494 139l3 10-7 2 0 2-4 3-9 4 0 4-1 1-7 1-3 7-4 3-2 7-6 1 7-16 5-6 3 0 6-6-1-4 1-4 7-5 3-6zM600 182l-32 0-2-26 1-5 10 2 5-2 3 2 0-1 6 0 2 6-2 6-5-7 10 19 0 2zM568 182l0 6-3 0 0 2-22-13-3 2-2 1-6-3-3-3-1 0-3-5 1-10-1-4 1-1 0-2 4-4 0-2 10 3 2 3 9 3 2-2-1-3 3-3 5 0 7 4-1 5zM632 227l-7 10-4 0-5 3-3-1-3 3-4-1-6-3-2-3-4-6-3-1 3-3 1-6 4-7 1-6 3 1 1-2 2 1 4 0 7 6-2 5 3 1 0 1 3 4zM617 212l2 0 0 2-1 1 1 1-1 2-3-1zM635 216l0 6-3 5-11-4-3-4 0-1 1-2 3 3zM594 256l-10 0-2 1 1-6 4-5-2-1 1-4 7-1 1-1 3 8-3 5zM584 256l2 2-1 2-4 2 1-5zM547 115l-8-7 1-1 8 1 1 3-1 1zM557 116l1 3-4 2-2-3 3-2zM547 105l3-1 7 6 1 3-1 3-2 0 0-1-2-2-2 2-3-3 1-1-1-3 0-1zM551 115l-2 3-2-2 0-1 1-3zM552 118l-1-3 2-2 2 2 0 1zM330 218l2 0 0 2-3 0zM586 241l-4-3-4 1-2-3-8-10-2-1 2-1 1-4 2-1 3 3 6 0 3-2 4 1 2-4 0-3 1-1 2 1 2 11-3 3 3 1 4 6-4 4-1 1z"/>
      <g class="dk-arcs"><path d="M521 92Q360 28 199 106"/><path d="M521 92Q411 60 301 127"/><path d="M521 92Q448 149 374 328"/><path d="M521 92Q548 159 575 337"/><path d="M521 92Q610 97 699 191"/><path d="M521 92Q655 102 788 248"/><path d="M521 92Q693 39 864 138"/><path d="M521 92Q709 125 897 362"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="199" cy="106" r="9"/><circle cx="199" cy="106" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="301" cy="127" r="9"/><circle cx="301" cy="127" r="4"/></g>
      <g class="dk-node slow"><circle class="dk-halo" cx="374" cy="328" r="9"/><circle cx="374" cy="328" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="521" cy="92" r="9"/><circle cx="521" cy="92" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="575" cy="337" r="9"/><circle cx="575" cy="337" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="699" cy="191" r="9"/><circle cx="699" cy="191" r="4"/></g>
      <g class="dk-node slow"><circle class="dk-halo" cx="788" cy="248" r="9"/><circle cx="788" cy="248" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="864" cy="138" r="9"/><circle cx="864" cy="138" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="897" cy="362" r="9"/><circle cx="897" cy="362" r="4"/></g>
    </svg>
    </div></figure>
    <div class="col-12 dk-side">
      <ul class="dk-list list-unstyled d-grid gap-1 mb-0" aria-label="Regions">
      <li class="rounded-3 px-2 py-2"><span class="dk-dot ok" aria-hidden="true"></span><span>Oregon<small class="d-block">Healthy</small></span><b class="fw-bold text-white">38 ms</b></li>
      <li class="rounded-3 px-2 py-2"><span class="dk-dot ok" aria-hidden="true"></span><span>Virginia<small class="d-block">Healthy</small></span><b class="fw-bold text-white">21 ms</b></li>
      <li class="rounded-3 px-2 py-2"><span class="dk-dot slow" aria-hidden="true"></span><span>São Paulo<small class="d-block">Degraded</small></span><b class="fw-bold text-white">112 ms</b></li>
      <li class="rounded-3 px-2 py-2"><span class="dk-dot ok" aria-hidden="true"></span><span>Frankfurt<small class="d-block">Healthy</small></span><b class="fw-bold text-white">9 ms</b></li>
      <li class="rounded-3 px-2 py-2"><span class="dk-dot ok" aria-hidden="true"></span><span>Johannesburg<small class="d-block">Healthy</small></span><b class="fw-bold text-white">164 ms</b></li>
      <li class="rounded-3 px-2 py-2"><span class="dk-dot ok" aria-hidden="true"></span><span>Mumbai<small class="d-block">Healthy</small></span><b class="fw-bold text-white">118 ms</b></li>
      <li class="rounded-3 px-2 py-2"><span class="dk-dot slow" aria-hidden="true"></span><span>Singapore<small class="d-block">Degraded</small></span><b class="fw-bold text-white">151 ms</b></li>
      <li class="rounded-3 px-2 py-2"><span class="dk-dot ok" aria-hidden="true"></span><span>Tokyo<small class="d-block">Healthy</small></span><b class="fw-bold text-white">226 ms</b></li>
      <li class="rounded-3 px-2 py-2"><span class="dk-dot ok" aria-hidden="true"></span><span>Sydney<small class="d-block">Healthy</small></span><b class="fw-bold text-white">289 ms</b></li>
      </ul>
    </div>
  </div>
</section></div>
<div><span class="lbl">Ride tracking on a dark street map</span>
<section class="dk card rounded-4 p-3 p-sm-4" aria-labelledby="dk-ride-title">
  <div class="row g-4 align-items-center">
    <div class="col-md-7" role="img" aria-label="Map: your driver is on the road heading east to the pick-up point, about 2 km away.">
    <div class="dk-city">
      <svg class="" viewBox="0 0 600 450" preserveAspectRatio="xMidYMid slice" aria-hidden="true" focusable="false">
      <rect width="600" height="450" fill="#0f1623"/>
      <g stroke="#141b27" stroke-width="2.5" fill="none">
        <path d="M0 60h600M0 160h600M0 360h600M0 410h600M60 0v450M180 0v450M290 0v450M520 0v450M0 210l600 40M120 0l90 450M380 0l-60 450"/>
      </g>
      <path d="M420 0H600V170C560 150 520 110 475 72C452 52 434 26 420 0Z" fill="#0b2536"/>
      <path d="M472 74C458 150 446 205 436 250C420 320 382 385 330 450" fill="none" stroke="#0b2536" stroke-width="28"/>
      <path d="M528 340C505 306 474 294 440 288" fill="none" stroke="#0b2536" stroke-width="9" stroke-linecap="round"/>
      <g fill="#0b2536"><rect x="238" y="70" width="26" height="70" rx="13" transform="rotate(28 251 105)"/><rect x="214" y="138" width="26" height="70" rx="13" transform="rotate(28 227 173)"/><rect x="190" y="206" width="26" height="62" rx="13" transform="rotate(28 203 237)"/></g>
      <g fill="#10241b"><rect x="24" y="290" width="86" height="62" rx="14"/><rect x="346" y="168" width="58" height="46" rx="10"/><rect x="292" y="14" width="96" height="44" rx="14"/><circle cx="560" cy="420" r="46"/></g>
      <g fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path stroke="#161e2b" stroke-width="11" d="M0 302C150 292 250 270 334 204M118 0C150 100 205 190 334 204M0 128L334 204M334 204C346 262 300 380 262 450M94 0C74 150 58 300 92 450M334 204L600 236M436 0C430 120 410 300 600 330"/>
        <path stroke="#2a3446" stroke-width="7" d="M0 302C150 292 250 270 334 204M118 0C150 100 205 190 334 204M0 128L334 204M334 204C346 262 300 380 262 450M94 0C74 150 58 300 92 450M334 204L600 236M436 0C430 120 410 300 600 330"/>
      </g>
      <path class="dk-route-glow" d="M120 295C200 290 262 262 334 204L470 220"/>
      <path class="dk-route" d="M120 295C200 290 262 262 334 204L470 220"/>
    </svg>
      <span class="dk-car"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 17h14v-5l-2-5H7l-2 5zM5 12h14"/><circle cx="8" cy="17" r="2" fill="currentColor"/><circle cx="16" cy="17" r="2" fill="currentColor"/></svg></span><span class="dk-chip" style="left:20%;top:65.6%">Mikkel</span>
      <span class="dk-you"></span><span class="dk-chip" style="left:78.3%;top:48.9%">Pick-up</span>
    </div>
    </div>
    <div class="col-md-5">
      <p class="dk-kicker fw-bold text-uppercase mb-1" style="color:#c4b5fd">Driver on the way</p>
      <h2 id="dk-ride-title" class="dk-eta fw-bolder text-white mb-0">4 <span class="fw-semibold">min · 2.1 km</span></h2>
      <div class="dk-driver card flex-row align-items-center gap-3 p-2 px-3 rounded-4 mt-3"><span class="dk-avatar rounded-circle d-grid fw-bolder" style="place-items:center" aria-hidden="true">M</span><p class="small mb-0" style="color:#9aa3b5"><strong class="text-white">Mikkel</strong><br>Grey Toyota Corolla · 4.9 rating</p><span class="dk-plate ms-auto rounded-2 px-2 py-1 small fw-bolder text-nowrap"><span class="visually-hidden">Plate </span>CK 41 288</span></div>
      <ol class="dk-steps list-unstyled d-flex gap-2 mt-3 mb-0" aria-label="Trip progress: driver assigned, on the way"><li class="flex-fill"><div class="progress" aria-hidden="true"><div class="progress-bar" style="width:100%"></div></div></li><li class="flex-fill"><div class="progress" aria-hidden="true"><div class="progress-bar" style="width:100%"></div></div></li><li class="flex-fill"><div class="progress" aria-hidden="true"><div class="progress-bar" style="width:0%"></div></div></li><li class="flex-fill"><div class="progress" aria-hidden="true"><div class="progress-bar" style="width:0%"></div></div></li></ol>
      <div class="d-flex gap-2 mt-3"><button type="button" class="btn btn-violet flex-fill">Message Mikkel</button><button type="button" class="btn flex-fill">Cancel ride</button></div>
    </div>
  </div>
</section></div>
CSS
/* Dark maps: an SVG world network map and an illustrated city map for ride tracking (not to scale). */
.dk-world{position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#0f1b2d,#070b12 70%)}
.dk-world svg{display:block;width:100%;height:auto}
.dk-land{fill:#172133;stroke:#0a0f18;stroke-width:.6}
.dk-arcs path{fill:none;stroke:#38bdf8;stroke-opacity:.55;stroke-width:1.2;stroke-dasharray:3 5;animation:dk-flow 1.6s linear infinite}
.dk-node{fill:#22d3ee}
.dk-node.slow{fill:#fbbf24}
.dk-halo{opacity:.35;transform-box:fill-box;transform-origin:center;animation:dk-glow 2.4s ease-in-out infinite}
@keyframes dk-flow{to{stroke-dashoffset:-16}}
@keyframes dk-glow{50%{transform:scale(1.8);opacity:.08}}
.dk-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.2)}
.dk-dot.slow{background:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.2)}
.dk-city{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#0f1623}
.dk-city>svg{position:absolute;inset:0;width:100%;height:100%}
.dk-route-glow{fill:none;stroke:#a78bfa;stroke-width:14;stroke-opacity:.18;stroke-linecap:round;stroke-linejoin:round}
.dk-route{fill:none;stroke:#c4b5fd;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.dk-car{position:absolute;left:20%;top:65.6%;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f5f3ff;color:#4c1d95;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(167,139,250,.25),0 6px 16px rgba(0,0,0,.5)}
.dk-you{position:absolute;left:78.3%;top:48.9%;width:18px;height:18px;border-radius:50%;background:#34d399;border:3px solid #052e1f;transform:translate(-50%,-50%)}
.dk-you::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #34d399;animation:dk-ping 2s ease-out infinite}
@keyframes dk-ping{to{transform:scale(2.6);opacity:0}}
.dk-chip{position:absolute;padding:4px 9px;border-radius:8px;background:rgba(15,22,35,.92);border:1px solid #334155;color:#e5e7eb;font-size:.72rem;font-weight:700;white-space:nowrap;transform:translate(-50%,-180%)}
@media (prefers-reduced-motion:reduce){.dk-arcs path,.dk-halo,.dk-you::after{animation:none}}
.dk{--bs-card-bg:#0b1019;--bs-card-border-color:#1f2937;color:#e5e7eb}
.dk-kicker{font-size:.75rem;letter-spacing:.12em;color:#67e8f9}
.dk-sub{font-size:.9rem;color:#9aa3b5}
.dk-list{font-size:.88rem}
.dk-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.dk-list li:nth-child(odd){background:#0f1623}
.dk-list small{font-size:.74rem;color:#9aa3b5}
.dk-eta{font-size:2.4rem;letter-spacing:-.03em;line-height:1}
.dk-eta span{font-size:1rem;color:#9aa3b5;letter-spacing:0}
.dk-driver{--bs-card-bg:#0f1623;--bs-card-border-color:#1f2937}
.dk-avatar{width:42px;height:42px;background:#4c1d95;color:#ede9fe}
.dk-plate{background:#f8fafc;color:#0b1019;letter-spacing:.06em}
.dk-steps .progress{height:5px;--bs-progress-bg:#1f2937;--bs-progress-bar-bg:#a78bfa}
.dk .btn{--bs-btn-padding-y:11px;--bs-btn-font-size:.9rem;--bs-btn-font-weight:700;--bs-btn-border-radius:12px;--bs-btn-color:#e5e7eb;--bs-btn-bg:#111827;--bs-btn-border-color:#334155;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#111827;--bs-btn-hover-border-color:#64748b}
.dk .btn-violet{--bs-btn-color:#1e1036;--bs-btn-bg:#a78bfa;--bs-btn-border-color:#a78bfa;--bs-btn-hover-color:#1e1036;--bs-btn-hover-bg:#b9a2fb;--bs-btn-hover-border-color:#b9a2fb}
.dk .btn:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px;box-shadow:none}
@media (min-width:900px){.dk-main{flex:1 1 0;width:auto;min-width:0}.dk-side{flex:0 0 274px;width:auto}}

Tailwind 4 code

Requires: Tailwind CSS 4

HTML
<div><span class="mb-4 block text-[.72rem] tracking-[.12em] text-[#9aa3b5] uppercase">Network map with glowing nodes and flowing links</span>
<section class="rounded-[22px] border border-[#1f2937] bg-[#0b1019] p-4 text-[#e5e7eb] sm:p-6" aria-labelledby="dk-net-title">
  <p class="text-[.75rem] font-bold tracking-[.12em] text-[#67e8f9] uppercase">Edge network</p>
  <h2 id="dk-net-title" class="mt-1.5 text-[1.35rem] font-bold tracking-[-.02em] text-[#f8fafc]">Latency from Frankfurt</h2>
  <p class="mt-1 text-[.9rem] text-[#9aa3b5]">Round-trip time to each region, measured every 30 seconds.</p>
  <div class="mt-[18px] grid gap-5 min-[900px]:grid-cols-[minmax(0,1fr)_250px] min-[900px]:items-start">
    <figure class="dk-world">
    <svg viewBox="0 0 1000 433" role="img" aria-label="World map with nine edge regions linked to Frankfurt. São Paulo and Singapore are slow; the others are healthy.">
      <path class="dk-land" d="M988 309l1 0-1 2-3 0 2-2zM994 304l0 2-4 1 0-1zM594 256l11 7 0 1 4 4-2 4 2 3-1 5 3 6-8 4-8 0-2-7-2-1-6-3-3-5-1-7 4-4 0-3 1-2-2-2zM477 164l0 5-9 0 0 8-3 1 0 6-11 0 0 1 0-1 6-1 2-7 4-3 3-7 7-1zM199 95l-4-4-4-2 2-4-2-2 1-6 3-3-2-2 0-6-2-4-6 3-1-3-4-1 24-27 8 3 17-4 0 1 4-2 3 3 4-2-1 2 7-1 11 2 1 2-4 1 4 1 8-1 1 2 3-2-1-1 2-1 5 0 2 2 5 1 7 0 3-3 3 1-2 3 7-5-3-3 6-5 4 2 1 3-3 1 4 1-2 3 4-2 2 1-2 2 1 2 6-4 2-3 6 0 2 2-3 3-1 2-5 2-5 0-6 5-10 3-1 2-3 1-8 5-4 6 3 0 0 5 3 0 11 6 6 0-2 6 0 3 3 3 5-4 0-5-1-1 10-6 1-5-2-2 4-3 2-7 9 0 4 3 4 1-2 6 3 2 9-6 4 10-1 2 8 5 1 2 2 2-1 3-12 6-15 0-7 4-8 7 7-5 10-3 2 2-3 2 0 6 3 1 4 0 3-4 0 3 1 1-16 7-2 0 1-3 5-2-7 0-1-2 1-4-3-1-8 8-8 0-7 4-4 0-2 1 0 2-10 3-1-1 4-5 1-5-4-5-7-5-8 1-6-2-1-2-1 1zM313 55l5-2-4 2zM338 26l-2-1 2-1 7 1zM320 56l3-1-2 2zM314 20l-2 1-5 0 5-2zM315 11l2 1-1 1-5 0 1-2zM323 22l-7-1 1-3-7-2 2-1 9 1 1 1-1 1 3 1 13-1 4 2-5 2zM286 13l2 0-1 1-6 0zM288 11l2 1-6 0zM366 88l-4 5 1-1 2 0-1 1 5 1-1 3 2-1 0 4-2 2-2 0 0-3-3 3-2 0 2-2-2-1-7 0 1-2 6-7 4-3 1 0zM317 47l6 4-2 1-4-2-7 3 0-2-3 0 6-6zM339 27l2-1 6 3 0 1 4-1 1 2 5 1 2 4-5 1 8 2 2 3 3 0-7 5-4-4-3 1-1 1 4 4 1 3-2 2-7-3 4 5-10-3-2-1 1-1-5-3-7 2-1-1 2-3 9 0 5-5 0-2-6-2 1-1-4-3-5 1-15-2-1-1 3-1-3 0 1-2 6-4 6-1-3 2 1 2 3-2 6-1 2 2-2 2zM310 23l8 0-14 5 2-4zM258 18l11-4 6 0-4 3zM185 80l3-1-4 6-1-4zM300 10l8 1 0 2-10-1 3-1-2 0zM197 97l-5-1-2-3-2-1 0-2 6 1zM257 22l7 0 2 2-21 7 0-1-4-1 9-5-1-2zM287 18l4 0-3 2-13 2-3 0 1-1 5-1-12 0 8-3 10 2-1-2 3-1 2 0zM284 25l1 1-1 5 5 2-5 2 1 1-2 1-6-1-17 2 0-2-5 0 0-2 11-1-11-1-1-1 6-1-6-1 6-3 7-1 1 0-2 1 5 0 2 1 4-1 1 1-1 2 2-1 1-3zM295 26l-1-1 4-2 6 1-3 2 2 1-2 2-6 1-4-3zM285 24l4 0-4 2-1-2zM308 16l0 1-3 3-4 1-2-1 2-1-4 0 2-2zM321 7l8-1 7 2 1 2-8 2-7 0-1-1 3-1-5-1zM332 4l26-2 30 1-13 2 4 0-13 4-12 1 3 0-2 1 1 1-11 3 3 1-6 1-17 0 4-2 1-2 5 1-4-2 8-2-2-1 0-1 10-1-10 0zM339 41l-4 0 2-2 3 0zM298 35l0 1-2 1-6-2 5-2zM343 92l4 1 2 2zM342 101l0 2 4 0-3 2-2-2zM199 95l68 0 1-1 1 2 6 2 8-1 7 5 4 5-1 5-4 5 1 1 10-3 0-2 2-1 4 0 7-4 8 0 8-8 3 1-1 4 1 2 0 1-10 6-2 2 2 2-10 3 4 0-5 0-4 6-1-2 0 4-3 4 1-3 0-4-1 4-2-1 2 1-1 8-17 13-1 5 1 10-2 5-2 0-1-2-2-6 1-2-2-5-4 1-2-2-9 0 0 4-10-2-4 1-8 5-1 6-5-1-3-10-4-1-2 2-2-1-5-8-12 2-8-5-7 1-2-5-5-2-2-18 3-8 6-9 2-8 4 0 0 3zM76 188l2 2-3 2-1-3 1-2zM122 61l2 0-3 1-1-1zM146 68l2 1-7 2zM204 34l-24 27 4 1 1 3 6-3 2 4 0 6 2 2-3 3-2-2 1-2-1-3 1-3-6 0-4-4-8-1-5-3-3 1-2 2-10 2 8-6-13 6 0 1-4 2-15 7-19 4 21-7 9-6-6 1 0-1-2 1 1-2-5 2 3-3-1-1-3 0-2-2 2-1-1-2 3-1 6-3 10-2 0-2 3-1-10 1-3-1 0-3 10-2 2 0-2 1 5 0-2-5-2-1 3-1 28-7 2 0 0 2zM121 51l5 1-3 1-3-1zM714 94l-1 3-2 0 1 3-1 1-5-1 0 6-6 2 4 5-1 1 0 2-3-1-13-2-1 3-4-1-2 1-6 6-1-2-3 0-1-3-1 0-1-3-4-2-7 0-10-6-6 2 3 11-6-3-4 2 0-3-3-1-4-5 3 0-1-2 5 0-2-5-4-1-5 2-4-4-4-2 1-6 3 1 0-2 4-3 4 0 9 3 2-1 8 1 4 0 0-2-5-2 3-3-2-2 1-1 8-1 8-4 5 1 2 3 5 1 1 1 7-3-1 1 13 10 0-1 4 1 4 0zM643 119l-3-11 6-2 10 6 7 0 4 2 1 3 1 0 1 3 3 0 1 2 6-6-1 3 7 2-2 2-2 0-2-1 0-1-3 0-1 4-2 0-1 1 3 1 1 3-1 3-4-1 0-2-7-3-5-3-2-4-4 0-2-3-4-2-3 3 0 1zM892 261l9 4 4 5 4 2 1 2-3 0 1 2 4 6 1 0 0 1 4 3-2 1-6-2-5-6-3-2-4 2 0 3-2 1-5-1zM924 264l1 3-1 1-1-3-5-4 1 0zM920 271l-5 2-4-2 1-1 4 0 1-1 0 1 1 0 3-2 0-2 1 0 1 2zM929 270l3 5-2-1zM892 261l-2 21-2-3-7 1 3-4-1-6-12-6-2 2 0-3-2-1 4-2-4 0-4-4 5-2 4 1 1 7 3 1 6-5zM846 281l0 2-2 2-3 1 2-3zM872 275l1-5 1 3zM827 239l-1 3 2 3-1 2 4 3-4 0-1 5-2 2-2 9 0-2-3 2-1-2-4-1-3 1-1-2-4 0 0-4-3-7 2-5 2 4 6-2 3 1 2-1 4-9zM859 262l3 1 1 2-8-1 1-2zM852 265l-2-2 3 0zM855 246l2 3 0 3-1 0 0 4-2-7zM841 250l4 0 2-3-1 4-12 1-1 2 3 3 7-2-1 1-1 0-4 3 5 11-2 1-1-1 2-3-3 1-1-1-1-6-2 1 0 8-2 1-1-1 1-6-2-2 3-11 3-3zM833 286l-4-3 3 0 2 2zM836 280l4-1 0 1-4 1-4 0 0-1zM827 280l2-1 1 2-7 1 4-3zM801 273l0 1 5 1 1-2 5 2 1 2 7 3-3 1-22-5 0-1-3 0 2-3zM790 256l1 4 2 0 2 3-2 8-3 1-5-6-9-14-2-5-10-12 6 1 10 10 2 0 3 2 3 4-1 3zM336 421l3 4 7 3 0 1-4-1-4 0zM347 350l0 12 5 8-1 6-4 2-8 0 2 6-4 1-2-1-1 1 1 3 2 1 1-1 1 2-3 3 0 5-2 0-2 1 0 3 6 3 0 3-3 1 0 4-3 3 3 4-8 0-2-5-3 0-1-4 1-1-1-12 1-1-5-8-1-11 1-1-2-6 2-2 0-6-4-9 1-10 3-5-2-7 3-2 0-4 2-3 4 1 2 2 0-3 4 1 6 6 8 4-1 6 8 1 2-3 0-2 1-1 2 2 0 2zM336 421l2 7 4 0-2 3-7-2-12-7 10 4 1-4zM309 309l4 6 0 3 3 8 2 0 0 4-3 2 2 7-3 5-1 10 4 9 0 6-2 2 2 6-1 1 1 11 5 8-1 1 1 12-1 1 1 4 3 0 2 5 8 0-4 2 0 3-1 0-10-5-5-11 0-3 1-2-4-1 2-3-1-5 3 1 0-7-2-1 0 4-2 0 0-13-3-6 1-1 2-15-3-11 0-24-1-10zM581 267l1 7 3 5-5 1-1 2-1 9 4 1 0 3-2 0-5-5-4 1-5-3-5 0-1-12-4-1-2 1-1 2-5 1-3-7-11 0 0-1 2-3 3-1 1 2 4-5 2-6 3-4 2-13 0-2 3-2 8 3 1-2 5-2 8 0 2 3 4-1 4 3-1 4 2 1-4 5-1 6-1 5zM616 258l-2-3 0-11 2-4 5-3 4 0 7-10 3-5 0-6 6-2 0 4-4 13-8 13-9 8zM609 268l-4-4 0-1-11-7 0-4 3-5-3-8 4-4 2 3 6 3 4 1 3-3 3 1-2 4 0 11 2 3-4 3zM568 226l-3-2 0-4-2-3-2-5-1 0 3-10 3 0-1-12 0-2 3 0 0-6 32 0 2 11 3 2-4 3-1 8-1 6-4 7-1 6-2-11-2-1-1 1 0 3-2 4-4-1-3 2-6 0-3-3-2 1-1 4-2 1zM565 190l1 12-3 0-3 10 1 0 2 5-3 2-2 3-6 2-2 3-8 2-1-5-2-2 0-2 4 1-3-10 0-1-2 0-1-4 1-4 4-3 1-12-2-3-1-5 3-2zM304 189l0 6-8-1 1-1 5 0-1-3-1-1zM304 195l0-6 5 0 4 4-1 1-5-1-2 3zM674 6l8 1 7 2 1 2-13-1-6-2zM695 10l7 2-10 1 0-3zM773 18l14 1 1 2-10 0-6-1-1-2zM794 20l6 0-5 1-5-1zM783 25l3-2 5 2zM584 7l12 0-7 1zM554 79l-7-1 0-1 3-1 4 1zM608 24l4-3-1-1 9-3 13-1 2 1-18 5-4 5 2 2 5 3-9-1-5-1 0-2 1 0 0-2 3-2zM840 81l14 14-4-1 1 5 6 5-3-2 0 3-2-3-8-13-6-7 1-2-2-1zM832 117l-1-1-1-2 2 0-4-6 1-1 4 0-1-10-5 2-4 0-7-5-5-1-10-10-7-2-5 1-1 1 2 3 0 6-2 2-4-2-6-1-2 2-5 2-6-1-5-3-8 1-4-2-1-2-9-2-1 3 1 2-1 2-14-3-9 4-12-5-4 0-4-1 0 1-13-10 1-1-7 3-1-1-5-1-2-3-5-1-8 4-8 1-1 1 2 2-3 3 5 2 0 2-4 0-8-1-2 1-9-3-4 0-4 3 0 2-3-1-1 6 4 2 4 4-5 6 6 9-1 2-4-2-3-2-14-3-9-6 3-3-2-1 4-2-2 0 1-2 2 0 0-6-12-3-1-2-2 0-2-3-5 1-1-3 3-1-5-5 0-2-7-2-3-4 1-6 2-1-2-2 6-7-4-2 1-1-2-3 1-2-4-3 2-2-4-2 0-2 5-1 2-1 10 2 11 4 1 2-6 3-11-2 4 2 1 4 5 2-2-3 1-1 6 2 2-1-2-2 4-3 4 1 1-2-4-5 6 1 2 2-3 0 1 2 2 1 3-1 0-2 11-3 1 0-1 1 10-1 3 1 2-2-3-1 1-1 19 5 1-2-6-2-3-4 4-6 6 1 1 2-1 2 4 2 1 4 3 2-2 6 3 0 3-4-2-2 0-2-4-1 1-3-4-2 2-2-1-2 3 1 0 3 3 0-2-1 3-2 9 2-5-5 12-1-3-1 1-2 11-2 14-1 0-2 4-1 8 3 7-1 8 2 1 2-6 2 7 1 3 2 3-1 17 2-1-2 8 0 16 7-1-2 4 1 12 0-4-3 2-1 20 2 11 3 13 0 8 4 14 0 7 2 1-1-4-3 12 1 12 2 16 13-6-5 3 3-1 2-3-1 11 7-4-1-6 3-3 4 1 1-5-2-4 2-2-1-1 2-4-1 1 5 5 2 3 4-2 0 2 3 2 1-3 2 2 3-3 1 2 3-2 3-13-14-3-4-1-3 3-1 4-9-2-4-3 1 1 2-2 3-6-3-4 1-2 4 4 2-8 1-1-2-4 0-2 1-14 1-7 12 9 3 1-1 3 0 6 3 6 15-1 7-3 9-2 2-4-2zM871 29l2 2-3 0zM583 105l4 0 4 1 0 1-6 3-1-1 0-1-3-1zM288 166l3 1-3 1zM291 166l2 1-1 2zM289 171l2 3-1 2-2-2zM353 419l5-2 3 1-4 2-1-1-2 1zM529 9l3-1 9 3-5 1-3 4-2 0-4-2 1 0-8-5zM565 35l-5 1 1-2-3-1-3 1-3 3-8-1-2 0 0 2-4-1 0 2-2 0-6 9 0 2-2 0-2 3 1 3 1 2 0 3-3 4-1-2-5 4-3 0-3-1-2-10 12-7 8-9 9-6 8-1 3-2 7-1 7 2-2 1zM551 8l-7 2-12-2 11-1zM548 13l-4 1-4 0 1-1-1-1 4 0zM415 3l16-2 21 0 10 1-19 2 15 0 2 0-3 2 14-2 6 1-15 3 5 0-5 3 0 3 2 1-6 1 3 2 0 2-2 0 2 2-4 0 2 1-1 1-6 1 2 3-5-1 5 3 1 2-4 0-4-2 1 1-3 2 8 0-12 5-9 1-6 4-13 3-4 6-4 2 0 2-4 5-3 1-3-3-4 0-5-8 0-4-2-3 1-2-1-1 4-3 3-1 3-3-7 1-2 0 2-4 6 1-4-3-4 0 3-2-2-6-3-1 1-1-5-1-14 0-4-3 9-1-11-1 17-3 1-1-5-1 13-3 0-1 24-1 9 2-3-1zM846 281l7-1-7 3zM544 345l1-2 1 2 3 1 4-2 1-12 2 7 2 0 5-5 2 1 4 0 4-6 7-5 5 0 1 7 0 5-2 0-2 3 2 2 2-2 2 0-2 6-12 13-6 4-9 0-6 3-5-2-1-5 1-3zM577 346l-2 0-3 3 2 2 3-1 1-3zM577 346l1 1-1 3-3 1-2-2 3-3zM191 148l7-1 8 5 12-2 5 8 2 1 2-2 4 1 3 10 5 1-4 11 3 12 4 2 8-2 2-1 2-6 9-2 1 3-4 8-1-1-3 2-5 0 0 2-2 0 3 4-4 0-2 5-4-5-2 0-5 1-18-8-4-3-1-4 2-3-1-5-7-9 0-3-5-8-1-7-1-1-2-1-2 5 5 12 1 7 3 3-2 2-5-6 1-4-6-6 3-2-3-4zM347 350l2 0 9 6 2 2-1 2 1 2-4 3-7-1-2-2zM360 362l-1-2 1-2-2-2-9-6-2 0 9-11 0-2-2-2-1 1 0-6-3 0-1-5-6-1-2-6 2-7-3-3 0-3-5 0-2-8-10-4-4-3 0-6-3 1-5 3-3 0-3 0 0-5-2 2-6-2 1-1-3-5 2-3 1-4 6-4 2 0 1-10-1-5 2 0 0-1-2-1 0-2 5 0 1-1 2 3 2 1 2 0 6-4-2-1-1-5-1 0 5 1 6-3 1-2 2 1 1 3-2 4 1 3 3 2 4-3 2 1 1 0 1-2 4 0 4 1 4-7 1 0 2 8 1 0 0 2-2 3 1 1 5 0 0 4 2-2 8 3 1 3 3-1 10 2 8 6 4 1 3 7-1 6-10 13 0 15-4 13-3 4-7 1-7 5-2 3-1 9zM308 288l3 0 5-3 3-1 0 6 4 3 10 4 2 8 5 0 0 3 3 3-2 7-2-3-8 1-1 8-4-1 0 3-2-2-4-1-2 3-2 0-3-8 0-3-4-6 2-3-2-5 2-8zM306 266l-2 0-6 4-1 4-2 3 3 5-1 1 6 2 2-2 0 5 3 0 3 5-2 8 2 5-2 3-1 3-17-12-12-24-4-4 1-1-2-3 3-4 0 3 2 0 1 2 4-7 3-1 3-3 1-5 4 4 2 3 6 0 2 1-1 4zM314 249l-2-3-1 1-5 0 0 2 2 1 0 1-2 0 1 5-1 10-2-1 1-4-2-1-6 0-2-3-4-4-3-2-3 0-4-3 1-4 4-4-2-11 2-2 0-2 5-3 2-5 4 0 5-4 2 1-1 1-4 4-2 4 2 0 2 7 5 0 2 3 5 0-1 5 1 4-1 2zM286 225l0 2-2 2 0-3-3-2-4 2 1 2-1 1-1 0-2-2-4-1 1-4 1 0 3 2 6-2zM272 222l-1 0-1 4-5-6 0 2-2-1 0-4 6 1zM269 218l-6-1-5-6 1 0 8-6 4-1zM271 204l-4 1-8 6-1-1 0-2-4-2 4-4 9-1zM254 206l4 2 0 2-2 0-4-1zM246 206l2-5 4 0-3-4 2 0 0-2 5 0 0 7 2 0-4 4-2 3zM256 195l3-2-1 6-2 3zM332 236l-1 2-6 3-5-1 1 0 1 5 2 1-6 4-2 0-2-1-2-5 1-2-1-4 1-5-5 0-2-3-5 0-2-7-2 0 2-4 4-4-2 1 1 8 2-3-1-4 3-1 1-2 5 5 5-1 4 2 1-2 7 0-2 1 0 2 3 0 2 2 0 2 3 1-3 2 1 2-3 1 0 3zM343 247l-2-1-4 3-3-2-1-3 2-4-1-3-2-1-2-2 0-3 3-1-1-2 3-2 7 7-3 7zM349 245l-4 0-1 2-1 0-4-7 3-7 8 1-1 3 1 4zM357 239l-4 7-4-1 1-4-1-4 1-3 3 1zM515 94l5 1-2 4-1 1-2 2 0 2 1-1 1 2 2 7-3 2-5-1-3 1 0 2-7-1-6-2 2-8-4-5-4-2 0-2 7 0-1-3 3 1 5-2 1-3 2-1 8 5zM522 115l2-1 0 5-2 0zM291 253l-1 5-3 3-3 1-4 7-1-2-2 0 0-3 1-3 0-1-1 1-2-1 0-4 3-6 3-2 4 3 3 0zM319 193l2 1-1 1-4 0 1-2zM288 193l3 2-4 0-1-1zM277 178l11 2 6 6 4 1-10 2 2-2-3-1-1-3-8-2-1 0 1-1-9 2zM585 324l-5 0-4-2 0-3-5-4-2-5 5 0 5-6 4-1 0 1 3 0 4 2-1 12zM580 324l-7 5-4 6-4 0-2-1-5 5-2 0-2-7 0-9 3 0 0-12 6-1 1 2 5-2 2 5 5 4 0 3zM554 332l-1 12-4 2-3-1-1-2-1 2-3-5-2-16-7-16 5-1 2 2 11-1 2 2 6 0 6-1 2-1 3 2-5 2-1-2-6 1 0 12-3 0zM454 209l-2-4 3-4 5-2 7 7 1 7-6-1-8 1 0-3 8-1-4-1zM468 213l-1-7 1-3 17 0-2-31 4 0 22 17 0 2 3 0 0 7-2 5-9 2-4 0-6 4-2 0-3 6-1 4-7 1-3-7-3 2-4-1zM454 185l0-1 11 0 0-6 3-1 0-8 9 0 0-5 10 8-4 0 2 31-17 0-1 3-7-7-5 2 1-13zM507 233l-2 0 0-10-3-6 4-3 2-1 2 2 0 5-2 5zM540 179l1 5 2 3-1 12-4 3-1 4 1 4 2 0 0 1-1 2-3-4-2 2-4-1-5 1-4-1-2 1-4-3-4 1-1 6-2-2-2 1 0-2-3-1-2-6 9-2 2-5 0-7 3-1 17-13 6 3zM507 233l1-8 2-5 0-5 1-6 4-1 4 3 2-1 4 1 5-1 4 1 2-2 3 4 1 2-2 3-5 12-2 1-3-1-2 2-2 5-8 2-4-6zM540 211l3 10-4-1 0 2 2 2 1 5-2 4 0 4 4 8 0 2-8-2-5 0-4 0 0-2-3-6 2-5 2-2 3 1 2-1 5-12 2-3-1-2zM502 217l3 6 0 10-2 1-3-17zM500 217l3 17-8 4-3-1-1-4 2-7-1-4 0-5zM478 220l7-1 3 3 4 0 1 4-2 7 1 4-5-1-8 3 0-5-3-2 1-4 1-3-1-4zM462 212l6 1 0 1 4 1 3-2 3 7-1 1 1 4-1 3-3 1-1-4-1 1-3-6-3 1-3 3-5-7 4-2zM454 213l8-1 0 3-4 2zM477 228l-1 4 3 2 0 5-4-2-7-6 4-5 1-1 1 4zM463 224l3-3 3-1 3 6-4 5-4-3zM485 219l1-4 3-6 2 0 6-4 4 0 2 6 3 1 0 2-4 3-2 0-8 0 0 5-4 0zM576 236l-8 0-5 2-1 2-8-3-3 2 0 2-3 0-4 4-4-8 0-4 2-4 8-2 2-3 6-2 2-3 3-2 2 3 0 4 3 2zM551 241l-2 13-3 4-2 6-4 5-1-2-3 1-1-1-2 2-2-4 2-1-1-2 3-2 0-1 4 2 1-2 0-5-2-1 2-4-3-1-1-3 8 2 0-2 4-4zM531 245l5 0 1 3 3 1-2 4 2 1 0 5-1 2-4-2 0 1-3 2 1 2-2 1-7-9 2-7 5 0zM527 245l4 0 0 4-5 0zM585 279l6 3 2 5-3 10 1 1-8 2 0 3-4 1-5 6-5 0-3-2-2 1-4-5 0-10 6 0 0-6 5 3 4-1 5 5 2 0 0-3-4-1 1-9 1-2zM591 282l2 1 2 7 0 6 3 4 0 4-2 3-2-2 1-5-4-2-1-1 3-10zM595 290l8 0 8-4 1 14-1 2-3 4-6 3-7 7 1 13-1 3-7 4 0 3-2 0 0-3 0-5-1-7 4-6 1-12-4-2-3 0 0-1 0-3 8-2 4 2-1 5 2 2 2-3 0-4-3-4zM586 339l-2 2-2-2 2-3 2 0zM536 268l-2 3-1-2 2-2zM534 272l11 0 3 7 5-1 1-2 2-1 4 1 1 12 5 0 0 6-6 0 0 10 4 5-6 1-6 0-2-2-11 1-2-2-5 1 1-9 5-10zM585 260l0 3-4 4 0-5zM594 147l0 1-1 0-1 2 0 2 2-1-1 7-2-6 1-6 2-1zM594 145l-2 1 2-5 2 1zM637 293l1 10 0 1-1-2-1 1 0 4-9 26-5 2-3-2-2-7 1-5 3-6-1-6 2-4 5-2 4-3 1-3 1 0 3-6zM594 151l-2 1 0-2 1-2 1 0zM454 209l4-1 4 1-8 1zM525 155l-1-6-4-4 2-11 3-2 1 1 0 1 3-1-1 2 0 5-1 2 3 4 0 2-4 4 0 2zM477 164l0-4 9-4 4-3 0-2 7-2-3-10 10-4 18-1-2 11 4 4 1 6 1 4-1 10 3 5 1 0 3 3-17 13-3 1-3 0 0-2-22-17zM594 148l0-1 3 1 5-3 2 4-6 2 3 3-1 2-4 3-3-1 1-7zM639 175l7 0 5-6 0 1 1 2-1 0 0 3-1 5-9-1zM637 173l1-4 1 4zM628 156l1 5-5-2 2-3zM604 149l-2-4 5-3 0-7 3-2 6 0 4 5-1 5 6 5 4 8-1 0-2 0-2 3-5 0-8-7zM650 180l1-5 0-3 1 0 3 4 4 1 3 4-3 6-1 1 0 4-3 1-1 2-2 0-2 3-4 1-4-7 8-4 1-6zM958 303l0-3 1 3zM783 213l-1-3 1-3 7 0 2 1 1-2 2 1 1 6-4 2 1 2-5 2-2-1zM790 207l-7 0-1 3 1 3-5-1 0-2-2 0-2 11 4 8 5 4-2 1-1-1-3-1-4-6-1 2 1-7 2-7-5-10 1-3-5-8 2-4 5-2 1 3 2 0 1 6 5-2 2 0 3 3 0 3 3 3zM795 207l-2-1-1 2-2-1 0-4-3-3 0-3-3-3-2 0-5 2-1-6-2 0-1-3 2-3 2 1-1-4 1-1 4 6 3 0 2 3-2 2 3 2 8 8zM773 187l-5 2-2 4 5 8-1 3 5 10-2 7-2-11-5-12-4 4-3-1-1-7-3-5-4-3 1-4 1-1-1-6 2 1 1-3 0-6 3-2 2 0 0-3 2-1 2 3 1 5-2 3 1 4 3-1 1 3 2 1-1 2 4 2 2-1 0 2zM788 219l5-2-1-2 4-2-1-6 0-6-8-8-3-2 2-2-2-3-3 0-4-6 6-1 2-2 4 2 2 3 3 1-4 3-1 5 10 13 2 11-10 10 0-4zM831 116l1 1-1-1-1 3 1 2-4 3 1 2 3 2-5 3-4-1 0-4-3-2 3-6 4 1-1-2 3-1 1-2zM826 131l5-3 5 6 1 6-6 2-3-8 1 0zM714 94l9-4 14 3 1-2-1-2 1-3 9 2 1 2 4 2 8-1 5 3 6 1 5-2 2-2 6 1 0 6 1 1 6-1 6 4-6 0-2 3-5 3-4-1-1 2 3 3-3 2-10 3-2 2-12-4-11 0-5-5-12-3-2-5-9-6zM760 162l0 3-2 0-3 2 0 6-1 3-2-1 1 6-1 1-3-5-1 2-1-2 2-5-7-1 0-2-4-2-1 3 3 1-2 3 2 1 2 7-1 1-5 0 0 5-4 2-7 8 0 1-4 3 0 17-2 1-1 2 1 1-2 1-2 3-3-3-10-23-5-17-5 1-4-3 1-2-1-1-4-3 2-2 6 0-6-8 3-4 3 1 7-14-3-2-3-5 1-1 7 0 2-3 4 4 2 4 0 2-2-1 1 4 8 4-2 5 9 4 14 4-1-5 1-1 1 3 3 2 6-1-2-3 2 0 5-5 2 1 2-1 2 2-1 1zM752 182l-1 4-3-7-3 0 0 3-3 0-2-7-2-1 2-3-3-1 1-3 4 2 0 2 7 1-2 5 1 2 1-2zM745 163l2 3-6 1-3-2 3-4zM736 163l1 5-14-4-9-4 2-5 3 1 10 6zM703 138l-2 3-7 0-1 1 3 5 3 2-7 14-3-1-3 4 6 8-6 0-2 2-5-5-13 1 0-4 4-2-2-4-6-5 5 1 9-2 1-4 6-2 0-2 2-3-2-2 3 0 1-4-1-3 1-1 8-2 4 4zM672 132l4 1 3 0 4-4 4 5 3-2 4 0 1 1-8 2-1 1 1 3-1 4-3 0 2 2-2 3 0 2-6 2-1 4-9 2-5-1 2-3-5-8 1-8 4 0 1-1 3-1 0-3 2-2zM676 133l1-3-1-3-3-1 1-1 2 0 1-4 3 0 0 1 2 1-4 0 0 2 11 1 2 2 2 1 1 3-4 0-3 2-4-5-4 4zM680 116l2-1 4 1 1-3 13 2 3 1-4 4-3 0 0 2-5 1-2 3-11-1 0-2 4 0 2 0 2-2-7-2zM633 118l4-2 6 3 2 0 0-1 3-3 4 2 2 3 4 0 2 4 5 3 7 3 0 2-2-1-2 2 0 3-3 1-1 1-4 0-1-3-11-5-5 0-3 3-1-6-3-1 1-2-2 0 0-3 3 1 2-1-4-4-2 1 1 2zM629 156l-4-8-6-5 1-5-4-5-3-7 2-1 4 3 1 0 3-3 1 3 2 1 1 2 5 3 4 0 4-1 3-3 5 0 11 5 1 3-1 8 5 8-2 3 6 5 2 4-4 2 0 4-12-2-3-5-4 2-3-1-6-3-5-8-3 0zM594 147l0-2 2-3-2-1 0-4 1-3 8 0 7-1-3 2 0 7-5 3-5 3zM620 128l-1 0-2-3-2 0-3-2-1-3 4 0zM525 65l3-4 0-3-1-2-1-3 2-3 2 0 0-2 6-9 2 0 0-2 4 1 0-2 2 0 6 3 2 6-4 0-2 2 1 2-7 5-1 4 4 4-2 3-2 1-2 7-3 0-1 2-3 1zM566 73l7 2 0 2 5 5-3 1 1 3-2 0 0 2-13-2-4 1-1-7 5-1 2-3-1-1zM576 86l5-1 2 3 2 0 1 2 12 3 0 6-2 0-1 2-6 2-2 1 0 1-4 0-4-1 0-2-3 1-2 4-4-1 2-3 2 0 0-1-3-4-3-1-3 1-4 1-5 0-2-2 1-2 3-4-1-4 4-1 13 2 0-2zM556 80l1 7 1 4-3 4-9-1-10-5-2-9 8-3 5 1 7 1zM542 98l-2 4-6 1-4-2-4 1-3-1 1-1 8 0 0-3 1-1 2 1 2-2 5 1zM554 97l2 2-4 5-2 0-3 1-6-2-1-1 2-4 2 1 7-3zM565 98l3-1 3 1 3 4 0 1-2 0-2 3 0-4zM570 106l4 1-2 1 0 4-4-2-4 2-6-1-1-1-7-6 2 0 4-5 5 0 4-1 5 4zM562 75l1 1-2 3-5 1-2-1 0-2-4-1-1-2 9-1zM563 69l3 4-4 2-4-2-9 1 1-5 2-1 2 3 2 0 0-3zM564 63l-1 6-7-1 0-1-2-1-1-2zM534 80l2 9-6 2 3 5-1 1 0 3-8 0-6-1 2-4-5-1 0-2 0-2-1-4 2-1 0-4 5-1-1-3 3 0 3 3 4-2zM557 110l1 1 6 1 4-2 4 2-2 3 1 2-5 1 0 1-8 0-1-3 1-3zM569 139l-4 1-4-1 1-1zM558 119l8 0 0-1 2 1-1 2-6 0 2 2-2 1-3-1 2 3-1 1 3 2 0 2-2-1 1 2-2 0 1 3-4-1-4-9 2-4zM616 133l-6 0-7 1-8 0-1 3-1-1 1-2-4 0-1 2-4 0-3-2-2 0-3 2-5-2-4-5 1-2-2-2 3-3 4 0 1-2 4 0 6-3 4 0 9 4 5-1 3-1 5 1 1 3 3 2-2 1zM566 118l5-1 2 3-3 0-3 3 0-2 1-2zM554 121l-2 4-2-2-1-5 2-3 1 3zM541 103l6 2 1 2 0 1-8-1-1 1 8 7 0 1-7-4-3-5-1 0-1 1-1-2 4 0 1-2zM524 100l-1 1 3 1 0 1-3 0-1 1-5 1-1-2-1 1 0-2 2-2 1-1zM515 90l0 2-1 1-8-5 2 0 4-1zM516 81l0 4-2 1 1 4-3-3-4 1 3-6zM477 118l2-2 1 2 3 0 1 1-3 6 1 5-1 3-4 1 0-5-2-1 3-7zM481 133l1-3-1-5 3-6-1-1-3 0-1-2-2 2-1-4 4-2 15 1 6 2 7 1 0 2-3 2-3 0-3 6 1 2-6 6-5 0-3 3-3-3zM485 80l1 2-2 3-5 2-3-1 2-3-1-3 5-4 0 4zM951 321l3 3-3 0-4-7zM948 286l1 1-2 0-1-2zM945 284l-3 0 0-2zM942 278l1 2-5-3zM953 382l-5 4-2 1-1-1 3-3 0-2-2-1 7-7-1-9 1 0 2 2 0 7 1-2 0 3 1 1 5-1zM928 393l14-10-1 3 3-1-1 2-7 5 0 2-5 1-6 6-5 2-6-2 1-1zM877 384l1 0-5 8 0-1-3 2-2 0 2-9 3 1zM833 357l-6 2-2 3-10 0-6 4-4 0-3-3 4-6 0-9-1-11 1 1-1-3 2 2-1-6 4-8 0 2 8-6 12-3 4-5 3-6 1 3 1 0 0-2 1-1 1 0 5-7 4-1 3 4 3 0 0-2 4-6 6-1 0-2-2-1 2-1 7 4 4-1 1 1-3 4-3 5 12 9 2-1 3-8 2-8 3-6 2 12 2-1 2 3 0 13 5 4 1 7 3 0-1 3 4 6 0 3-1 6-7 12-12 13-3 5-13 6-2-2 1-2-5 3-7-3 0-6-3-1 2-4-5 2 6-7-7 6-2-1 0-6-6-4zM727 229l-1 3-3 1-2-7 1-5zM799 194l-2-1-1-3 2-1 4-1 1 1-1 4zM703 116l0-2 1-1-4-5 6-2 0-6 5 1 1-1-1-3 2 0 1-3 2 2 9 6 2 5 12 3 5 5 11 0 12 4 2-2 10-3 3-2-3-3 1-2 4 1 5-3 2-3 6 0-6-4-6 1-1-1 0-6 4 2 2-2 0-6-2-3 1-1 5-1 7 2 10 10 5 1 7 5 4 0 5-2 1 10-4 0-1 1 4 6-2 0 1 2-2-2-1 2-3 1 1 2-4-1-3 6-7 3 0-5-2-1-4 5-2 0-1 2 7 5 2-2 5 1 1 2-3 0-3 6 3 2 7 8 1 3-1 1 3 2 0 6-1 0-4 12-6 5-4 2-1-1-2 2-6 2 0 3-2 0 0-3-5-1-3-1-2-3-4-2-2 2-6 1-1 1 1 4-2-1 0-2-2 1-4-2 1-2-2-1-1-3-3 1-1-4 2-3-1-5-2-3-2 1-3-1 1-1-2-2-2 1-2-1-5 5-2 0-4-2-3 4-1-3-1 1-7-1-10-6-3-1-8-4-1-4 2 1 0-2-2-4-4-4-4-1-4-4-1-1-1-3-2-1-2-2 2-3 5-1 0-2 3 0zM829 174l-1 8-3-5 2-6zM526 102l4-1 4 2 1 3-4 1 1 4 6 6 2 0 0 2 7 4 0 1-4-2-1 2 2 2 0 1-2 3-1 0 0-3-2-3-11-8-2-5-4-1-3 2-2-7 5-1 1-1 3 0zM538 130l2-1-1 6-7-4 0-1zM522 121l1-1 2 2 0 4-2 1-2-6zM523 77l-3 0-1-6 5-3 0 3 1 1-2 3zM529 73l1 2-1 2-3-3zM485 80l-3 0 0-4 5 2zM493 82l0-2-2-2-3-2 0-2-1 2-1-5 2-5 5 0-2 3 4 0-2 5 2 0 6 9 3 1-1 2 0 2-2 2-8 0-6 2-1 0 6-4-4-1-1-1 3-1-1-2 0-2zM469 43l-1 2 2 2-11 5-9-2 2-1-4-1 4-2-5 0 2-2 3-1 3 2 4-1 2 1zM618 118l4 2 1-2 6 5-2 0-1 6-2-1-1-3-3 3-5-8 4 0zM619 128l-4-3 2 0zM601 113l14 3 3 2 1 2-4 0-4 0-5-1-1-4zM833 212l-2-3 4 2 0 2zM839 221l1-3 1 0 0 2 2-3 0 3-3 4zM850 226l1 4-1 3-1-4-2 2 1 4-4-2 0-4-2-2-4 4 0-1 1-3 3-2 1 1 4-2 0-3 2 2zM828 223l-4 3 6-10 1 3zM835 194l1 4-2 3 1 6 6 1 1 4-3-3-1 1-2-2-4 0 1-2-1-1 0 1-3-3 1-10zM837 216l-1-2 4 1 0 2-3 2zM846 214l1 3-2-1 1 3-1 1-2-4 2 0 0-1-2-3zM777 232l3 1 1 1 2-1 4 4 0 7 3 3-2 2-6-5zM827 239l-5 0-4 9-2 1-3-1-6 2-2-4 4 1 0-3 5-1 3-5 1 2 2-1 0-4 5-5 1 3 5 2zM820 235l0 4-2 1-1-2zM534 103l6-1 1 1-2 1-1 2-4 0 1 0zM560 36l0 2 4 2-2 2 4 3-1 2 2 3-1 1 4 2-6 7-12 2-4-2-1-6 1-2 7-5-3-2-2-6-6-3 8 1 3-3 3-1 3 1zM555 95l-1 2-3-1-7 3-2-1 0-2 4-2zM536 89l10 5-4 2-5-1-2 2-2-1-3-5zM600 206l1-8 4-3 3 6 11 11-2 0-7-6-4 0-2-1-1 2zM865 126l-1 4 3 7 0 2-8 2-2 4-3-4-10 2 3 3 1 5-2 2-1-2-1-3-4-3 3-1 3-6 8 0 0-6 3 2 3-5-2-9 2-1zM864 111l1-1 2 3-3 1 0 3-6-2 1 4-3 0-2-4 0-2 3 0-3-7zM848 145l3-3 3 2-1 2-2-1 0 2zM341 318l2 6 6 1 1 5 3 0 0 6 0 2-2 3-8-1 1-6-8-4-6-6 1-8 8-1zM642 192l4 7-2 1-1 3-9 5-12 4-2 0-1-2-2-6 0-4 2-4 9 1 1 1 5-5zM593 158l3 1 4-3 1-2-3-3 6-2 7 3 8 7 5 0 5 2 6 6 2 6 2 0 0 2 2 4 9 1 1 2-1 6-8 4-8 1-5 5-1-1-9-1-2 4-5-10-6-6-2-8-3-2-7-12-1 0zM586 139l4-1-1 2zM586 139l3 1-3 1-2-2zM494 139l3 10-7 2 0 2-4 3-9 4 0 4-1 1-7 1-3 7-4 3-2 7-6 1 7-16 5-6 3 0 6-6-1-4 1-4 7-5 3-6zM600 182l-32 0-2-26 1-5 10 2 5-2 3 2 0-1 6 0 2 6-2 6-5-7 10 19 0 2zM568 182l0 6-3 0 0 2-22-13-3 2-2 1-6-3-3-3-1 0-3-5 1-10-1-4 1-1 0-2 4-4 0-2 10 3 2 3 9 3 2-2-1-3 3-3 5 0 7 4-1 5zM632 227l-7 10-4 0-5 3-3-1-3 3-4-1-6-3-2-3-4-6-3-1 3-3 1-6 4-7 1-6 3 1 1-2 2 1 4 0 7 6-2 5 3 1 0 1 3 4zM617 212l2 0 0 2-1 1 1 1-1 2-3-1zM635 216l0 6-3 5-11-4-3-4 0-1 1-2 3 3zM594 256l-10 0-2 1 1-6 4-5-2-1 1-4 7-1 1-1 3 8-3 5zM584 256l2 2-1 2-4 2 1-5zM547 115l-8-7 1-1 8 1 1 3-1 1zM557 116l1 3-4 2-2-3 3-2zM547 105l3-1 7 6 1 3-1 3-2 0 0-1-2-2-2 2-3-3 1-1-1-3 0-1zM551 115l-2 3-2-2 0-1 1-3zM552 118l-1-3 2-2 2 2 0 1zM330 218l2 0 0 2-3 0zM586 241l-4-3-4 1-2-3-8-10-2-1 2-1 1-4 2-1 3 3 6 0 3-2 4 1 2-4 0-3 1-1 2 1 2 11-3 3 3 1 4 6-4 4-1 1z"/>
      <g class="dk-arcs"><path d="M521 92Q360 28 199 106"/><path d="M521 92Q411 60 301 127"/><path d="M521 92Q448 149 374 328"/><path d="M521 92Q548 159 575 337"/><path d="M521 92Q610 97 699 191"/><path d="M521 92Q655 102 788 248"/><path d="M521 92Q693 39 864 138"/><path d="M521 92Q709 125 897 362"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="199" cy="106" r="9"/><circle cx="199" cy="106" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="301" cy="127" r="9"/><circle cx="301" cy="127" r="4"/></g>
      <g class="dk-node slow"><circle class="dk-halo" cx="374" cy="328" r="9"/><circle cx="374" cy="328" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="521" cy="92" r="9"/><circle cx="521" cy="92" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="575" cy="337" r="9"/><circle cx="575" cy="337" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="699" cy="191" r="9"/><circle cx="699" cy="191" r="4"/></g>
      <g class="dk-node slow"><circle class="dk-halo" cx="788" cy="248" r="9"/><circle cx="788" cy="248" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="864" cy="138" r="9"/><circle cx="864" cy="138" r="4"/></g>
      <g class="dk-node ok"><circle class="dk-halo" cx="897" cy="362" r="9"/><circle cx="897" cy="362" r="4"/></g>
    </svg>
    </figure>
    <ul class="grid gap-0.5 text-[.88rem]" aria-label="Regions">
      <li class="grid grid-cols-[auto_1fr_auto] items-center gap-2.5 rounded-[10px] px-2.5 py-2 odd:bg-[#0f1623]"><span class="dk-dot ok" aria-hidden="true"></span><span>Oregon<small class="block text-[.74rem] text-[#9aa3b5]">Healthy</small></span><b class="font-bold text-[#f8fafc] tabular-nums">38 ms</b></li>
      <li class="grid grid-cols-[auto_1fr_auto] items-center gap-2.5 rounded-[10px] px-2.5 py-2 odd:bg-[#0f1623]"><span class="dk-dot ok" aria-hidden="true"></span><span>Virginia<small class="block text-[.74rem] text-[#9aa3b5]">Healthy</small></span><b class="font-bold text-[#f8fafc] tabular-nums">21 ms</b></li>
      <li class="grid grid-cols-[auto_1fr_auto] items-center gap-2.5 rounded-[10px] px-2.5 py-2 odd:bg-[#0f1623]"><span class="dk-dot slow" aria-hidden="true"></span><span>São Paulo<small class="block text-[.74rem] text-[#9aa3b5]">Degraded</small></span><b class="font-bold text-[#f8fafc] tabular-nums">112 ms</b></li>
      <li class="grid grid-cols-[auto_1fr_auto] items-center gap-2.5 rounded-[10px] px-2.5 py-2 odd:bg-[#0f1623]"><span class="dk-dot ok" aria-hidden="true"></span><span>Frankfurt<small class="block text-[.74rem] text-[#9aa3b5]">Healthy</small></span><b class="font-bold text-[#f8fafc] tabular-nums">9 ms</b></li>
      <li class="grid grid-cols-[auto_1fr_auto] items-center gap-2.5 rounded-[10px] px-2.5 py-2 odd:bg-[#0f1623]"><span class="dk-dot ok" aria-hidden="true"></span><span>Johannesburg<small class="block text-[.74rem] text-[#9aa3b5]">Healthy</small></span><b class="font-bold text-[#f8fafc] tabular-nums">164 ms</b></li>
      <li class="grid grid-cols-[auto_1fr_auto] items-center gap-2.5 rounded-[10px] px-2.5 py-2 odd:bg-[#0f1623]"><span class="dk-dot ok" aria-hidden="true"></span><span>Mumbai<small class="block text-[.74rem] text-[#9aa3b5]">Healthy</small></span><b class="font-bold text-[#f8fafc] tabular-nums">118 ms</b></li>
      <li class="grid grid-cols-[auto_1fr_auto] items-center gap-2.5 rounded-[10px] px-2.5 py-2 odd:bg-[#0f1623]"><span class="dk-dot slow" aria-hidden="true"></span><span>Singapore<small class="block text-[.74rem] text-[#9aa3b5]">Degraded</small></span><b class="font-bold text-[#f8fafc] tabular-nums">151 ms</b></li>
      <li class="grid grid-cols-[auto_1fr_auto] items-center gap-2.5 rounded-[10px] px-2.5 py-2 odd:bg-[#0f1623]"><span class="dk-dot ok" aria-hidden="true"></span><span>Tokyo<small class="block text-[.74rem] text-[#9aa3b5]">Healthy</small></span><b class="font-bold text-[#f8fafc] tabular-nums">226 ms</b></li>
      <li class="grid grid-cols-[auto_1fr_auto] items-center gap-2.5 rounded-[10px] px-2.5 py-2 odd:bg-[#0f1623]"><span class="dk-dot ok" aria-hidden="true"></span><span>Sydney<small class="block text-[.74rem] text-[#9aa3b5]">Healthy</small></span><b class="font-bold text-[#f8fafc] tabular-nums">289 ms</b></li>
    </ul>
  </div>
</section></div>
<div><span class="mb-4 block text-[.72rem] tracking-[.12em] text-[#9aa3b5] uppercase">Ride tracking on a dark street map</span>
<section class="rounded-[22px] border border-[#1f2937] bg-[#0b1019] p-4 text-[#e5e7eb] sm:p-6 grid gap-[18px] min-[820px]:grid-cols-[minmax(0,1.3fr)_minmax(0,1fr)] min-[820px]:items-center" aria-labelledby="dk-ride-title">
  <div role="img" aria-label="Map: your driver is on the road heading east to the pick-up point, about 2 km away.">
    <div class="dk-city">
      <svg class="" viewBox="0 0 600 450" preserveAspectRatio="xMidYMid slice" aria-hidden="true" focusable="false">
      <rect width="600" height="450" fill="#0f1623"/>
      <g stroke="#141b27" stroke-width="2.5" fill="none">
        <path d="M0 60h600M0 160h600M0 360h600M0 410h600M60 0v450M180 0v450M290 0v450M520 0v450M0 210l600 40M120 0l90 450M380 0l-60 450"/>
      </g>
      <path d="M420 0H600V170C560 150 520 110 475 72C452 52 434 26 420 0Z" fill="#0b2536"/>
      <path d="M472 74C458 150 446 205 436 250C420 320 382 385 330 450" fill="none" stroke="#0b2536" stroke-width="28"/>
      <path d="M528 340C505 306 474 294 440 288" fill="none" stroke="#0b2536" stroke-width="9" stroke-linecap="round"/>
      <g fill="#0b2536"><rect x="238" y="70" width="26" height="70" rx="13" transform="rotate(28 251 105)"/><rect x="214" y="138" width="26" height="70" rx="13" transform="rotate(28 227 173)"/><rect x="190" y="206" width="26" height="62" rx="13" transform="rotate(28 203 237)"/></g>
      <g fill="#10241b"><rect x="24" y="290" width="86" height="62" rx="14"/><rect x="346" y="168" width="58" height="46" rx="10"/><rect x="292" y="14" width="96" height="44" rx="14"/><circle cx="560" cy="420" r="46"/></g>
      <g fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path stroke="#161e2b" stroke-width="11" d="M0 302C150 292 250 270 334 204M118 0C150 100 205 190 334 204M0 128L334 204M334 204C346 262 300 380 262 450M94 0C74 150 58 300 92 450M334 204L600 236M436 0C430 120 410 300 600 330"/>
        <path stroke="#2a3446" stroke-width="7" d="M0 302C150 292 250 270 334 204M118 0C150 100 205 190 334 204M0 128L334 204M334 204C346 262 300 380 262 450M94 0C74 150 58 300 92 450M334 204L600 236M436 0C430 120 410 300 600 330"/>
      </g>
      <path class="dk-route-glow" d="M120 295C200 290 262 262 334 204L470 220"/>
      <path class="dk-route" d="M120 295C200 290 262 262 334 204L470 220"/>
    </svg>
      <span class="dk-car"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 17h14v-5l-2-5H7l-2 5zM5 12h14"/><circle cx="8" cy="17" r="2" fill="currentColor"/><circle cx="16" cy="17" r="2" fill="currentColor"/></svg></span><span class="dk-chip" style="left:20%;top:65.6%">Mikkel</span>
      <span class="dk-you"></span><span class="dk-chip" style="left:78.3%;top:48.9%">Pick-up</span>
    </div>
  </div>
  <div>
    <p class="text-[.75rem] font-bold tracking-[.12em] text-[#c4b5fd] uppercase">Driver on the way</p>
    <h2 id="dk-ride-title" class="mt-1.5 text-[2.4rem] leading-none font-extrabold tracking-[-.03em] text-[#f8fafc]">4 <span class="text-base font-semibold tracking-normal text-[#9aa3b5]">min · 2.1 km</span></h2>
    <div class="mt-[18px] flex items-center gap-3 rounded-[14px] border border-[#1f2937] bg-[#0f1623] p-3"><span class="grid size-[42px] place-items-center rounded-full bg-[#4c1d95] font-extrabold text-[#ede9fe]" aria-hidden="true">M</span><p class="text-[.82rem] text-[#9aa3b5]"><strong class="text-[#f8fafc]">Mikkel</strong><br>Grey Toyota Corolla · 4.9 rating</p><span class="ml-auto rounded-md bg-[#f8fafc] px-2 py-1 text-[.78rem] font-extrabold tracking-[.06em] whitespace-nowrap text-[#0b1019]"><span class="sr-only">Plate </span>CK 41 288</span></div>
    <ol class="mt-4 flex gap-1.5" aria-label="Trip progress: driver assigned, on the way"><li class="h-[5px] flex-1 rounded-full bg-[#a78bfa]"></li><li class="h-[5px] flex-1 rounded-full bg-[#a78bfa]"></li><li class="h-[5px] flex-1 rounded-full bg-[#1f2937]"></li><li class="h-[5px] flex-1 rounded-full bg-[#1f2937]"></li></ol>
    <div class="mt-[18px] flex gap-2.5"><button type="button" class="flex-1 cursor-pointer rounded-xl border p-[11px] text-[.9rem] font-bold focus-visible:outline-3 focus-visible:outline-offset-2 focus-visible:outline-[#c4b5fd] border-[#a78bfa] bg-[#a78bfa] text-[#1e1036] hover:bg-[#b9a2fb]">Message Mikkel</button><button type="button" class="flex-1 cursor-pointer rounded-xl border p-[11px] text-[.9rem] font-bold focus-visible:outline-3 focus-visible:outline-offset-2 focus-visible:outline-[#c4b5fd] border-[#334155] bg-[#111827] text-[#e5e7eb] hover:border-[#64748b]">Cancel ride</button></div>
  </div>
</section></div>
CSS
@layer components {
/* Dark maps: an SVG world network map and an illustrated city map for ride tracking (not to scale). */
.dk-world{position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#0f1b2d,#070b12 70%)}
.dk-world svg{display:block;width:100%;height:auto}
.dk-land{fill:#172133;stroke:#0a0f18;stroke-width:.6}
.dk-arcs path{fill:none;stroke:#38bdf8;stroke-opacity:.55;stroke-width:1.2;stroke-dasharray:3 5;animation:dk-flow 1.6s linear infinite}
.dk-node{fill:#22d3ee}
.dk-node.slow{fill:#fbbf24}
.dk-halo{opacity:.35;transform-box:fill-box;transform-origin:center;animation:dk-glow 2.4s ease-in-out infinite}
@keyframes dk-flow{to{stroke-dashoffset:-16}}
@keyframes dk-glow{50%{transform:scale(1.8);opacity:.08}}
.dk-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.2)}
.dk-dot.slow{background:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.2)}
.dk-city{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#0f1623}
.dk-city>svg{position:absolute;inset:0;width:100%;height:100%}
.dk-route-glow{fill:none;stroke:#a78bfa;stroke-width:14;stroke-opacity:.18;stroke-linecap:round;stroke-linejoin:round}
.dk-route{fill:none;stroke:#c4b5fd;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.dk-car{position:absolute;left:20%;top:65.6%;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f5f3ff;color:#4c1d95;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(167,139,250,.25),0 6px 16px rgba(0,0,0,.5)}
.dk-you{position:absolute;left:78.3%;top:48.9%;width:18px;height:18px;border-radius:50%;background:#34d399;border:3px solid #052e1f;transform:translate(-50%,-50%)}
.dk-you::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #34d399;animation:dk-ping 2s ease-out infinite}
@keyframes dk-ping{to{transform:scale(2.6);opacity:0}}
.dk-chip{position:absolute;padding:4px 9px;border-radius:8px;background:rgba(15,22,35,.92);border:1px solid #334155;color:#e5e7eb;font-size:.72rem;font-weight:700;white-space:nowrap;transform:translate(-50%,-180%)}
@media (prefers-reduced-motion:reduce){.dk-arcs path,.dk-halo,.dk-you::after{animation:none}}
}

About this set

Two maps for dark dashboards and apps, drawn as inline SVG. The edge network map shows the world in deep slate with nine region nodes that glow, links that flow out from Frankfurt as animated dashed arcs, and amber nodes for regions that are degraded; next to it, a status list gives every region its health in words and its round-trip time in milliseconds, so the information never depends on colour or on seeing the map. The ride tracking card puts a dark street map beside the trip details: a glowing violet route from the car to a pulsing pick-up point, name tags on both ends, a large arrival time, the driver’s name, car and number plate, a four-step progress bar and two actions. The world geometry is the same Natural Earth data as set 01, and the city is the illustrated drawing used across the pack, recoloured for a dark theme. The Bootstrap version runs in data-bs-theme=”dark”. Neither map needs JavaScript; all motion is CSS and stops under reduced motion.

What’s included

  • Glowing nodes and flowing arcs with CSS animation only
  • Status list with health and latency written out
  • Ride tracking card with route, ETA, driver and progress
  • Natural Earth world geometry on a radial gradient
  • Bootstrap version uses data-bs-theme="dark"

Accessibility

Both maps are images with a text description, and the facts they show are repeated as text: the region list names each status, and the ride card states the arrival time, distance, driver and plate. Muted text was kept at 4.5:1 or more on the dark backgrounds, buttons have a light focus outline, and the arc flow, node glow and pick-up ping stop under prefers-reduced-motion.

Customise it

Change the node colours in .dk-node and .dk-node.slow, the arc colour in .dk-arcs path, and the route colours in .dk-route and .dk-route-glow. The city drawing takes its land, water, park and road colours as parameters in the SVG fills.