<svg style="margin:auto;display:block;" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="58 560 466 134" width="466px" height="134px"><defs><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" viewBox="-1 -3 7 6" markerWidth="7" markerHeight="6" color="black"><g><path d="M 4.8 0 L 0 -1.8 L 0 1.8 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/></g></marker><font-face font-family="Helvetica" font-size="16" units-per-em="1000" underline-position="-75.683594" underline-thickness="49.316406" slope="0" x-height="522.94922" cap-height="717.28516" ascent="770.01953" descent="-229.98047" font-weight="500"><font-face-src><font-face-name name="Helvetica"/></font-face-src></font-face><font-face font-family="Helvetica Neue" font-size="18" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.99585" descent="-212.99744" font-weight="500"><font-face-src><font-face-name name="HelveticaNeue"/></font-face-src></font-face></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><g><line x1="164.5" y1="569" x2="165.37891" y2="685.5703" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line x1="165.5" y1="626.78515" x2="502.11953" y2="626.78515" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><rect x="166.7" y="628.5" width="200" height="57.714802" fill="#236dff"/><rect x="166.7" y="628.5" width="200" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(171.7 647.8574)" fill="black"><tspan font-family="Helvetica" font-size="16" font-weight="500" x="52.757812" y="15" textLength="84.484375">Compilation</tspan></text><text transform="translate(68.5 586.8574)" fill="black"><tspan font-family="Helvetica Neue" font-size="18" font-weight="500" x=".33" y="17" textLength="52.668">Interpr</tspan><tspan font-family="Helvetica Neue" font-size="18" font-weight="500" x="52.674" y="17" textLength="30.996">eter</tspan></text><text transform="translate(86.5 645.7129)" fill="black"><tspan font-family="Helvetica Neue" font-size="18" font-weight="500" x=".168" y="17" textLength="65.664">CSS JIT</tspan></text><rect x="216.7" y="567.5" width="50" height="57.714802" fill="#fc2732"/><rect x="216.7" y="567.5" width="50" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="316.7" y="567.5" width="50" height="57.714802" fill="#fc2732"/><rect x="316.7" y="567.5" width="50" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="366.7" y="567.5" width="50" height="57.714802" fill="#fc2732"/><rect x="366.7" y="567.5" width="50" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="379.2" y="628.57036" width="12.5" height="57.714802" fill="#3eff6f"/><rect x="379.2" y="628.57036" width="12.5" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="391.7" y="628.57036" width="12.5" height="57.714802" fill="#3eff6f"/><rect x="391.7" y="628.57036" width="12.5" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="404.2" y="628.5" width="12.5" height="57.714802" fill="#3eff6f"/><rect x="404.2" y="628.5" width="12.5" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="416.7" y="628.57036" width="12.5" height="57.714802" fill="#3eff6f"/><rect x="416.7" y="628.57036" width="12.5" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="166.7" y="567.5" width="50" height="57.714802" fill="#fc2732"/><rect x="166.7" y="567.5" width="50" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="266.7" y="567.5" width="50" height="57.714802" fill="#fc2732"/><rect x="266.7" y="567.5" width="50" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(230.7 586.8574)" fill="black"><tspan font-family="Helvetica" font-size="16" font-weight="500" x=".140625" y="15" textLength="122.71875">Selector Checker</tspan></text><rect x="366.7" y="628.57036" width="12.5" height="57.714802" fill="#3eff6f"/><rect x="366.7" y="628.57036" width="12.5" height="57.714802" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(371.7 647.92776)" fill="black"><tspan font-family="Helvetica" font-size="16" font-weight="500" fill="black" x="0" y="15" textLength="130.72656">Compiled Selector</tspan></text><line x1="366.20003" y1="622.7705" x2="366.20003" y2="631.7998" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line x1="266.7" y1="622.7705" x2="266.7" y2="631.7998" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line x1="465.70005" y1="622.7705" x2="465.70005" y2="631.7998" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></g></svg> |