Mozaic MCP Server

<svg id="diagram-stats-summary" width="100%" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="min-width: 800px; background-color: white" viewBox="0 0 4786.28125 145" role="graphics-document document" aria-roledescription="flowchart-v2"><style>#diagram-stats-summary{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#diagram-stats-summary .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#diagram-stats-summary .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#diagram-stats-summary .error-icon{fill:#552222;}#diagram-stats-summary .error-text{fill:#552222;stroke:#552222;}#diagram-stats-summary .edge-thickness-normal{stroke-width:1px;}#diagram-stats-summary .edge-thickness-thick{stroke-width:3.5px;}#diagram-stats-summary .edge-pattern-solid{stroke-dasharray:0;}#diagram-stats-summary .edge-thickness-invisible{stroke-width:0;fill:none;}#diagram-stats-summary .edge-pattern-dashed{stroke-dasharray:3;}#diagram-stats-summary .edge-pattern-dotted{stroke-dasharray:2;}#diagram-stats-summary .marker{fill:#333333;stroke:#333333;}#diagram-stats-summary .marker.cross{stroke:#333333;}#diagram-stats-summary svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#diagram-stats-summary p{margin:0;}#diagram-stats-summary .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#diagram-stats-summary .cluster-label text{fill:#333;}#diagram-stats-summary .cluster-label span{color:#333;}#diagram-stats-summary .cluster-label span p{background-color:transparent;}#diagram-stats-summary .label text,#diagram-stats-summary span{fill:#333;color:#333;}#diagram-stats-summary .node rect,#diagram-stats-summary .node circle,#diagram-stats-summary .node ellipse,#diagram-stats-summary .node polygon,#diagram-stats-summary .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#diagram-stats-summary .rough-node .label text,#diagram-stats-summary .node .label text,#diagram-stats-summary .image-shape .label,#diagram-stats-summary .icon-shape .label{text-anchor:middle;}#diagram-stats-summary .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#diagram-stats-summary .rough-node .label,#diagram-stats-summary .node .label,#diagram-stats-summary .image-shape .label,#diagram-stats-summary .icon-shape .label{text-align:center;}#diagram-stats-summary .node.clickable{cursor:pointer;}#diagram-stats-summary .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#diagram-stats-summary .arrowheadPath{fill:#333333;}#diagram-stats-summary .edgePath .path{stroke:#333333;stroke-width:2.0px;}#diagram-stats-summary .flowchart-link{stroke:#333333;fill:none;}#diagram-stats-summary .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#diagram-stats-summary .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#diagram-stats-summary .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#diagram-stats-summary .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#diagram-stats-summary .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#diagram-stats-summary .cluster text{fill:#333;}#diagram-stats-summary .cluster span{color:#333;}#diagram-stats-summary div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#diagram-stats-summary .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#diagram-stats-summary rect.text{fill:none;stroke-width:0;}#diagram-stats-summary .icon-shape,#diagram-stats-summary .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#diagram-stats-summary .icon-shape p,#diagram-stats-summary .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#diagram-stats-summary .icon-shape rect,#diagram-stats-summary .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#diagram-stats-summary .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#diagram-stats-summary .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#diagram-stats-summary :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="diagram-stats-summary_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="diagram-stats-summary_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="diagram-stats-summary_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="diagram-stats-summary_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="diagram-stats-summary_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="diagram-stats-summary_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path d="M1779.563,72.5L1783.729,72.5C1787.896,72.5,1796.229,72.5,1803.896,72.5C1811.563,72.5,1818.563,72.5,1822.063,72.5L1825.563,72.5" id="L_Tokens_Components_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Tokens_Components_0" data-points="W3sieCI6MTc3OS41NjI1LCJ5Ijo3Mi41fSx7IngiOjE4MDQuNTYyNSwieSI6NzIuNX0seyJ4IjoxODI5LjU2MjUsInkiOjcyLjV9XQ==" marker-end="url(#diagram-stats-summary_flowchart-v2-pointEnd)"></path><path d="M2190.422,72.5L2194.589,72.5C2198.755,72.5,2207.089,72.5,2214.755,72.5C2222.422,72.5,2229.422,72.5,2232.922,72.5L2236.422,72.5" id="L_Components_Icons_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Components_Icons_0" data-points="W3sieCI6MjE5MC40MjE4NzUsInkiOjcyLjV9LHsieCI6MjIxNS40MjE4NzUsInkiOjcyLjV9LHsieCI6MjI0MC40MjE4NzUsInkiOjcyLjV9XQ==" marker-end="url(#diagram-stats-summary_flowchart-v2-pointEnd)"></path><path d="M3298.5,72.5L3302.667,72.5C3306.833,72.5,3315.167,72.5,3322.833,72.5C3330.5,72.5,3337.5,72.5,3341,72.5L3344.5,72.5" id="L_Icons_CssUtils_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Icons_CssUtils_0" data-points="W3sieCI6MzI5OC41LCJ5Ijo3Mi41fSx7IngiOjMzMjMuNSwieSI6NzIuNX0seyJ4IjozMzQ4LjUsInkiOjcyLjV9XQ==" marker-end="url(#diagram-stats-summary_flowchart-v2-pointEnd)"></path><path d="M3557.703,72.5L3561.87,72.5C3566.036,72.5,3574.37,72.5,3582.036,72.5C3589.703,72.5,3596.703,72.5,3600.203,72.5L3603.703,72.5" id="L_CssUtils_Examples_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CssUtils_Examples_0" data-points="W3sieCI6MzU1Ny43MDMxMjUsInkiOjcyLjV9LHsieCI6MzU4Mi43MDMxMjUsInkiOjcyLjV9LHsieCI6MzYwNy43MDMxMjUsInkiOjcyLjV9XQ==" marker-end="url(#diagram-stats-summary_flowchart-v2-pointEnd)"></path><path d="M3976.953,72.5L3981.12,72.5C3985.286,72.5,3993.62,72.5,4001.286,72.5C4008.953,72.5,4015.953,72.5,4019.453,72.5L4022.953,72.5" id="L_Examples_Docs_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Examples_Docs_0" data-points="W3sieCI6Mzk3Ni45NTMxMjUsInkiOjcyLjV9LHsieCI6NDAwMS45NTMxMjUsInkiOjcyLjV9LHsieCI6NDAyNi45NTMxMjUsInkiOjcyLjV9XQ==" marker-end="url(#diagram-stats-summary_flowchart-v2-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" data-id="L_Tokens_Components_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Components_Icons_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Icons_CssUtils_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_CssUtils_Examples_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Examples_Docs_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="root" transform="translate(4018.953125, 0)"><g class="clusters"><g class="cluster" id="Docs" data-look="classic"><rect style="" x="8" y="8" width="751.328125" height="129"></rect><g class="cluster-label" transform="translate(311.328125, 8)"><foreignObject width="144.671875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Documentation: 281</p></span></div></foreignObject></g></g></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g class="node default" id="flowchart-DSDoc-19" transform="translate(141.7265625, 72.5)"><rect class="basic label-container" style="" x="-98.7265625" y="-27" width="197.453125" height="54"></rect><g class="label" style="" transform="translate(-68.7265625, -12)"><rect></rect><foreignObject width="137.453125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Design System: 220</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-VueDoc-20" transform="translate(384.9609375, 72.5)"><rect class="basic label-container" style="" x="-94.5078125" y="-27" width="189.015625" height="54"></rect><g class="label" style="" transform="translate(-64.5078125, -12)"><rect></rect><foreignObject width="129.015625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Vue Storybook: 58</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-ReactDoc-21" transform="translate(626.8984375, 72.5)"><rect class="basic label-container" style="" x="-97.4296875" y="-27" width="194.859375" height="54"></rect><g class="label" style="" transform="translate(-67.4296875, -12)"><rect></rect><foreignObject width="134.859375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>React Storybook: 3</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(3599.703125, 0)"><g class="clusters"><g class="cluster" id="Examples" data-look="classic"><rect style="" x="8" y="8" width="369.25" height="129"></rect><g class="cluster-label" transform="translate(141.1328125, 8)"><foreignObject width="102.984375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Examples: 298</p></span></div></foreignObject></g></g></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g class="node default" id="flowchart-VueEx-17" transform="translate(103.8515625, 72.5)"><rect class="basic label-container" style="" x="-60.8515625" y="-27" width="121.703125" height="54"></rect><g class="label" style="" transform="translate(-30.8515625, -12)"><rect></rect><foreignObject width="61.703125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Vue: 238</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-ReactEx-18" transform="translate(278.4765625, 72.5)"><rect class="basic label-container" style="" x="-63.7734375" y="-27" width="127.546875" height="54"></rect><g class="label" style="" transform="translate(-33.7734375, -12)"><rect></rect><foreignObject width="67.546875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>React: 60</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(3340.5, 0)"><g class="clusters"><g class="cluster" id="CssUtils" data-look="classic"><rect style="" x="8" y="8" width="209.203125" height="129"></rect><g class="cluster-label" transform="translate(59.828125, 8)"><foreignObject width="105.546875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>CSS Utilities: 6</p></span></div></foreignObject></g></g></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g class="node default" id="flowchart-CssClasses-16" transform="translate(112.6015625, 72.5)"><rect class="basic label-container" style="" x="-69.6015625" y="-27" width="139.203125" height="54"></rect><g class="label" style="" transform="translate(-39.6015625, -12)"><rect></rect><foreignObject width="79.203125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>505 classes</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(2232.421875, 0)"><g class="clusters"><g class="cluster" id="Icons" data-look="classic"><rect style="" x="8" y="8" width="1058.078125" height="129"></rect><g class="cluster-label" transform="translate(496.8203125, 8)"><foreignObject width="80.4375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Icons: 1473</p></span></div></foreignObject></g></g></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g class="node default" id="flowchart-Icon_navigation-11" transform="translate(128.046875, 72.5)"><rect class="basic label-container" style="" x="-85.046875" y="-27" width="170.09375" height="54"></rect><g class="label" style="" transform="translate(-55.046875, -12)"><rect></rect><foreignObject width="110.09375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>navigation: 279</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-Icon_universe-12" transform="translate(341.046875, 72.5)"><rect class="basic label-container" style="" x="-77.953125" y="-27" width="155.90625" height="54"></rect><g class="label" style="" transform="translate(-47.953125, -12)"><rect></rect><foreignObject width="95.90625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>universe: 184</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-Icon_payment-13" transform="translate(548.0859375, 72.5)"><rect class="basic label-container" style="" x="-79.0859375" y="-27" width="158.171875" height="54"></rect><g class="label" style="" transform="translate(-49.0859375, -12)"><rect></rect><foreignObject width="98.171875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>payment: 165</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-Icon_media-14" transform="translate(747.0546875, 72.5)"><rect class="basic label-container" style="" x="-69.8828125" y="-27" width="139.765625" height="54"></rect><g class="label" style="" transform="translate(-39.8828125, -12)"><rect></rect><foreignObject width="79.765625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>media: 127</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-Icon_logotypes-15" transform="translate(949.0078125, 72.5)"><rect class="basic label-container" style="" x="-82.0703125" y="-27" width="164.140625" height="54"></rect><g class="label" style="" transform="translate(-52.0703125, -12)"><rect></rect><foreignObject width="104.140625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>logotypes: 116</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(1821.5625, 0)"><g class="clusters"><g class="cluster" id="Components" data-look="classic"><rect style="" x="8" y="8" width="360.859375" height="129"></rect><g class="cluster-label" transform="translate(130.703125, 8)"><foreignObject width="115.453125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Components: 91</p></span></div></foreignObject></g></g></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g class="node default" id="flowchart-Vue-9" transform="translate(99.65625, 72.5)"><rect class="basic label-container" style="" x="-56.65625" y="-27" width="113.3125" height="54"></rect><g class="label" style="" transform="translate(-26.65625, -12)"><rect></rect><foreignObject width="53.3125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Vue: 52</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-React-10" transform="translate(270.0859375, 72.5)"><rect class="basic label-container" style="" x="-63.7734375" y="-27" width="127.546875" height="54"></rect><g class="label" style="" transform="translate(-33.7734375, -12)"><rect></rect><foreignObject width="67.546875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>React: 39</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(0, 0)"><g class="clusters"><g class="cluster" id="Tokens" data-look="classic"><rect style="" x="8" y="8" width="1771.5625" height="129"></rect><g class="cluster-label" transform="translate(851.8984375, 8)"><foreignObject width="83.765625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Tokens: 586</p></span></div></foreignObject></g></g></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g class="node default" id="flowchart-T_color-0" transform="translate(108.953125, 72.5)"><rect class="basic label-container" style="" x="-65.953125" y="-27" width="131.90625" height="54"></rect><g class="label" style="" transform="translate(-35.953125, -12)"><rect></rect><foreignObject width="71.90625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>color: 482</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-T_typography-1" transform="translate(308.6171875, 72.5)"><rect class="basic label-container" style="" x="-83.7109375" y="-27" width="167.421875" height="54"></rect><g class="label" style="" transform="translate(-53.7109375, -12)"><rect></rect><foreignObject width="107.421875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>typography: 60</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-T_spacing-2" transform="translate(512.59375, 72.5)"><rect class="basic label-container" style="" x="-70.265625" y="-27" width="140.53125" height="54"></rect><g class="label" style="" transform="translate(-40.265625, -12)"><rect></rect><foreignObject width="80.53125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>spacing: 19</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-T_screen-3" transform="translate(700.0078125, 72.5)"><rect class="basic label-container" style="" x="-67.1484375" y="-27" width="134.296875" height="54"></rect><g class="label" style="" transform="translate(-37.1484375, -12)"><rect></rect><foreignObject width="74.296875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>screen: 12</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-T_grid-4" transform="translate(870.5625, 72.5)"><rect class="basic label-container" style="" x="-53.40625" y="-27" width="106.8125" height="54"></rect><g class="label" style="" transform="translate(-23.40625, -12)"><rect></rect><foreignObject width="46.8125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>grid: 4</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-T_border-5" transform="translate(1037.3046875, 72.5)"><rect class="basic label-container" style="" x="-63.3359375" y="-27" width="126.671875" height="54"></rect><g class="label" style="" transform="translate(-33.3359375, -12)"><rect></rect><foreignObject width="66.671875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>border: 3</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-T_radius-6" transform="translate(1211.84375, 72.5)"><rect class="basic label-container" style="" x="-61.203125" y="-27" width="122.40625" height="54"></rect><g class="label" style="" transform="translate(-31.203125, -12)"><rect></rect><foreignObject width="62.40625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>radius: 3</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-T_shadow-7" transform="translate(1389.109375, 72.5)"><rect class="basic label-container" style="" x="-66.0625" y="-27" width="132.125" height="54"></rect><g class="label" style="" transform="translate(-36.0625, -12)"><rect></rect><foreignObject width="72.125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>shadow: 3</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-T_Props-8" transform="translate(1624.8671875, 72.5)"><rect class="basic label-container" style="" x="-119.6953125" y="-27" width="239.390625" height="54"></rect><g class="label" style="" transform="translate(-89.6953125, -12)"><rect></rect><foreignObject width="179.390625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>composite properties: 15</p></span></div></foreignObject></g></g></g></g></g></g></g></svg>