-<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px">\r
-<style>\r
- g {\r
- fill: #FFCF00;\r
- }\r
- g:not(:target) {\r
- display: none;\r
- }\r
-</style>\r
-<g id="overview-markers">\r
- <rect x="0px" y="3px" width="5px" height="2.5px" rx="1" ry="1"/>\r
- <rect x="7px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>\r
- <rect x="0px" y="7px" width="9px" height="2.5px" rx="1" ry="1"/>\r
- <rect x="10px" y="7px" width="6px" height="2.5px" rx="1" ry="1"/>\r
- <rect x="4px" y="11px" width="5px" height="2.5px" rx="1" ry="1"/>\r
- <rect x="12px" y="11px" width="4px" height="2.5px" rx="1" ry="1"/>\r
-</g>\r
-<g id="overview-frames">\r
- <rect x="1px" y="4px" width="2px" height="12px" rx="1" ry="1"/>\r
- <rect x="5px" y="12px" width="2px" height="4px" rx="1" ry="1"/>\r
- <rect x="9px" y="9px" width="2px" height="7px" rx="1" ry="1"/>\r
- <rect x="13px" y="7px" width="2px" height="9px" rx="1" ry="1"/>\r
-</g>\r
-<g id="details-waterfall">\r
- <rect x="0px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>\r
- <rect x="5px" y="7px" width="8px" height="2.5px" rx="1" ry="1"/>\r
- <rect x="7px" y="11px" width="9px" height="2.5px" rx="1" ry="1"/>\r
-</g>\r
-<g id="details-call-tree">\r
- <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>\r
- <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>\r
- <rect x="0px" y="9px" width="11px" height="2px" rx="1" ry="1"/>\r
- <rect x="0px" y="12px" width="6px" height="2px" rx="1" ry="1"/>\r
-</g>\r
-<g id="details-flamegraph">\r
- <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>\r
- <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>\r
- <rect x="10px" y="6px" width="6px" height="2px" rx="1" ry="1"/>\r
- <rect x="2px" y="9px" width="6px" height="2px" rx="1" ry="1"/>\r
- <rect x="5px" y="12px" width="3px" height="2px" rx="1" ry="1"/>\r
-</g>\r
-</svg>\r
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="16px" height="16px">
+<style>
+use:not(:target) {
+ display: none;
+}
+
+use {
+ fill: #FFCF00;
+}
+
+use[id$="-active"] {
+ fill: #000000;
+}
+</style>
+<defs>
+ <g id="overview-markers-shape">
+ <rect x="0px" y="3px" width="5px" height="2.5px" rx="1" ry="1"/>
+ <rect x="7px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
+ <rect x="0px" y="7px" width="9px" height="2.5px" rx="1" ry="1"/>
+ <rect x="10px" y="7px" width="6px" height="2.5px" rx="1" ry="1"/>
+ <rect x="4px" y="11px" width="5px" height="2.5px" rx="1" ry="1"/>
+ <rect x="12px" y="11px" width="4px" height="2.5px" rx="1" ry="1"/>
+ </g>
+ <g id="overview-frames-shape">
+ <rect x="1px" y="4px" width="2px" height="12px" rx="1" ry="1"/>
+ <rect x="5px" y="12px" width="2px" height="4px" rx="1" ry="1"/>
+ <rect x="9px" y="9px" width="2px" height="7px" rx="1" ry="1"/>
+ <rect x="13px" y="7px" width="2px" height="9px" rx="1" ry="1"/>
+ </g>
+ <g id="details-waterfall-shape">
+ <rect x="0px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
+ <rect x="5px" y="7px" width="8px" height="2.5px" rx="1" ry="1"/>
+ <rect x="7px" y="11px" width="9px" height="2.5px" rx="1" ry="1"/>
+ </g>
+ <g id="details-call-tree-shape">
+ <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="9px" width="11px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="12px" width="6px" height="2px" rx="1" ry="1"/>
+ </g>
+ <g id="details-flamegraph-shape">
+ <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
+ <rect x="10px" y="6px" width="6px" height="2px" rx="1" ry="1"/>
+ <rect x="2px" y="9px" width="6px" height="2px" rx="1" ry="1"/>
+ <rect x="5px" y="12px" width="3px" height="2px" rx="1" ry="1"/>
+ </g>
+</defs>
+
+<use id="overview-markers" xlink:href="#overview-markers-shape"/>
+<use id="overview-markers-active" xlink:href="#overview-markers-shape"/>
+
+<use id="overview-frames" xlink:href="#overview-frames-shape"/>
+<use id="overview-frames-active" xlink:href="#overview-frames-shape"/>
+
+<use id="details-waterfall" xlink:href="#details-waterfall-shape"/>
+<use id="details-waterfall-active" xlink:href="#details-waterfall-shape"/>
+
+<use id="details-call-tree" xlink:href="#details-call-tree-shape"/>
+<use id="details-call-tree-active" xlink:href="#details-call-tree-shape"/>
+
+<use id="details-flamegraph" xlink:href="#details-flamegraph-shape"/>
+<use id="details-flamegraph-active" xlink:href="#details-flamegraph-shape"/>
+</svg>