guides/assets/temporal-data/timeless-data.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="621px" height="161px" viewBox="-0.5 -0.5 621 161" content="&lt;mxfile&gt;&lt;diagram id=&quot;ZsdgB-NOzeJNOfhHWXNH&quot; name=&quot;Page-1&quot;&gt;7Z1tc6M2EIB/jT+mw4uxnY9+S+9mep3OuZ1cPypGsekJ5AqcOP31lUBgQNgRNo4N2SQzZy1iAWE9t7talp499Xe/MrRZf6MuJj3LcHc9e9azLLNvWPwfIXlLJKO+mQhWzHNlp71g4f2HpdCQ0q3n4rDQMaKURN6mKFzSIMDLqCBDjNHXYrdnSopH3aAVVgSLJSKq9NFzo7W8CsfYy79gb7VOj2wacssTWv5cMboN5PECGuBki49SNbJruEYufc2J7HnPnjJKo+STv5tiIoY1HbFkv4cDW7NTZjiIdHawh8keL4hs5WU/UvaTS8Zh6K0Cn+sJ5alGb+nI8LPeiI8RehKiSRghFskbaBtcwG9JhLwAMy4w4zYhaBN6cfdZ3GPtEfc39Ea3UaoobU0IesJkkg3ilBIqFMXDmG6lzMWstOWZHzUV9SzbiH+F3CMkJ3+If7gcEX6FXEbwszhs+Or5BAX4N09oi887Pj525TkL/Qs5CsnWV9E33F/k1g/yknCDll6w4q1RPEqM/sS5E1nGP1LxA/I9ksyUwb9bcf8n4xcceIwP/e94F+3FPWvaE7c1bX8NIszie8je7VTcvPXuQhSEdyFm3nO6x/4vfAsj7N9tvWTTHdpsCL5LpIloQrzg5ze0XMSyB34Z5eMu8IryL7/x19fywb/TJxpR9aj7fl8wecGRt0TxEPDvZ0lDbrtojpmHSPn4v8fHMBb8Msu7H7v03E0QF80lyX2zjLlP//EOj3P+emv1Xbz5T5Qc7iwv5NBpiB3KU1/S4AWzCO9yIomCXzH1ccTeeBe51epLLElim7Zsv+75l6FrnWffQAqRZO4q072HD/8g+XOARSOFRcfJ812Qc7KmzPtP8IbIaZqnkZGb118wckuiCY3/cxKiiG7kpwQH8Uf+DY2oLxtMXq9RCTSX0c2fiK1w2qVEnWn8w+Ub6gmmcqEz4X984KbGL07PmYk77kzMfZv/ie6MQy3g8OBAFboxCqNXHDYIygyIFQQMMf9GoYiyXP/ZvfhViObiZ7QlEfAMeHYZnmXGyvtAkwDT5ZdtN4CvewVf2N+QgwjjVxbxG/ydm64oWMV21DryiZx3r2svwgtuP4iur9zATqwqYeiiPXQoH4pnEhuQa891caByx56P5tNZbcDFlMJs/oITWJkXwE1qfy1xPJmLBpYFfAG+fDBfRtp8yQGl79TjiVS2n/e1tSHCv5sBirj5wqdhqEAqO08tbqU2X45bX8WkQr5gTvAUbrLBAorVpZgJFAOK3SzFdkXm5DDkNAo1HW0NQ81UoMYowYCxdzGWBsMAWgCtW4ZWFm3PcWY4bJJaOtoappalUMvFmwiodYYLmYXgwaEEqt0+1VLo5F1Cu1EHU0Nbw1SzOxvXl3S65ZA+EA+Id8sh+oGtGaK3zg/R9/sKiebmta2r+UD83pJ1lSVOKNYV0ARo8oE0ySyH8wPyR+hxQkC+pK1he8lRKPU4BkzVwBRE4AFb7cBWzQj8yRTT0dYwxQYKxWb4BRO6EfMBWPYOyyAMD+RqA7m0w/Ano0tHW8PoUpPiZ2B/gZsI1OoMtXTD7Ke7jRraGqZWd9PnIcwOxAPinRVmv1c9zItlwvfVTHgIs4P9BDS5UZr0P2Xee/ocdyHMfthkAkxBmB2w1VJsdTfR3VET3YXPwyceCq6eONoCmEGcHdDVBnR1Md3dsdQ4Oxhg4CcCtTpDrQ6mszuQzg5xdiDepyBe/Ti7aY00A+1HlhZ1A+1ORT47GFBgQAFObhMnjn6iQofy2Z2qfHYbMAWBdsBW17DV3Xx2R81nn2w94kI2uwbJIMoO3GoDt7qYze5UZLOD9QVOIlCrM9TqYDa7o2azz0Qp8ugzvZGi7PctlTdMlF5BUVhkiD3F4gqCueesmUOrmWcuvLgCENi2F1c4qd125MUV5qgiCt/IiyscNd/9OKBgRbBBlAKCAEEXsML0cx0Ov2uiEjlNPGGTUqtUs/26Pl1by4RCRB3o8tF0udemS94LG9SjyTs+nYa2Zn26gZqrHiAfirJrF2UHGgGNrkujXZEdeVvH7jdJJy11DePJAjcO3DhAW6fQVtuNq6hHXO3GHQmma7txaio5FJo6Aglw44Aut0SXzGI43407fWlOQ1vDdpKadT6lTJyWLPApluiAYrpJUcAmYNN12VTXqTuZVVrqGoaVmnwOTh04dYC2FqOtvlNXUf3ucmtzFYXPDzMHzCFw6oAut0SXzGL4XGtzapY4v4c98OnApwM0tRBNnV6og0rn4NMB2jqFtvo+XVWllcut1Kkp3vAQHTh1gJeW4GVwWonzlq/UDY2KlTphJmyXkUcD4Bf4c0CldlCpy2t0Q0chEXZXODUX5FTNEQjvvOhH7vPfggzcH0pas50ERdxI3TY+6OztR76R20s097vFrXS/w5UoOSTHjMWEoy/CqUxkDx7JzjNwSz24JLc9pFu2xH/wbzgfLcwW2VO3MRRjH/HAxhJJXQeP3D6YVQCwjwVYmqwYf48loSTTojTEkYtbiVl9lHIMExR5L7ig/Ry/bTgAtABaAC2dQEtaGaWAltG10KLmbs/9DaFvGH94eZKStyLMSf7FImMp9rn/FR/2UNmRQ17QOV5VIdgD5UQAJVdHib6XlT5ef6yaSL8i0px1POvtmbC4pb24BcAAYFyi7H/dtShdQDSRX6gmNEPpjyPO1LsrUcAQYMglXpbU2IJTm7IIFTZBgQ8o8AEsag2LDi8zpXHdhtCkoa3hRSYFTf/Qp6s/bN8CNFUaTlYPAsIAsduG2H1fhVjL7StIfIbYEGCoXbGhqoJClbGh/vmxITVLeX51E6fBLD+I5cCcv8acby55+MgcP8HWKGlr1tYwDQUmY+Itrx7NuQBPIPoC9LgFetSMvpwOEw1tDcNELf38OO60aQLREYDMLUNGNzrSJovFgvAIhEeAQ60Kj9yr7y68WOqMWZGzexgRHTBCID4Ck/4DJn32H++nSnYx1UzdCX3qIE4gPALwuAl4dDc7xVSzeh/HXSowA/ERoEy7KNPB9JFhXyEKPA0NT0MDvm4fX3Li5p6GtmXgJP80tHO1p6GH6mLOmRw5xIOj0/XoRH+XElqkOY1uwAvgxXV5kVpABV7YTfNC7vqHcAH2tlT5iWrbMIoq5KRO9jrPxlEDus3bOLdpq7goXGMXQAWgajWoKgpI9Ru3a/Q4lbUvwCn1gaQTwZXS6QPBJU+mBrgyHGVsAhwBjtqAo35F1amPwpFVwpGlhyNV0bCkyLgvKpJztz7XeJNRMZ777gxt1t+oi0WP/wE=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 180 30 L 180 0 L 400 0 L 400 30" fill="#ffffff" stroke="#cccccc" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 180 30 L 180 160 L 400 160 L 400 30" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 180 30 L 400 30" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 180 63 L 225 63 L 280 63 L 357 63 L 400 63" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 180 95 L 225 95 L 280 95 L 357 95 L 400 95" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 180 128 L 225 128 L 280 128 L 357 128 L 400 128" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 225 30 L 225 63 L 225 95 L 225 128 L 225 160" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 280 30 L 280 63 L 280 95 L 280 128 L 280 160" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 357 30 L 357 63 L 357 95 L 357 128 L 357 160" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-weight="bold" pointer-events="none" font-size="12px">
            <text x="187.5" y="19.5">
                Work Assignments
            </text>
        </g>
        <rect x="180" y="30" width="220" height="33" fill="#cccccc" stroke="none" pointer-events="none"/>
        <path d="M 180 30 M 400 30 M 400 63 M 180 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="180" y="30" width="45" height="33" fill="#3e8ecd" stroke="none" pointer-events="none"/>
        <path d="M 180 30 M 225 30 M 225 63 M 180 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 43px; height: 1px; padding-top: 47px; margin-left: 181px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-style: italic; white-space: normal; overflow-wrap: normal;">
                                empl
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="203" y="50" fill="#FFFFFF" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-style="italic">
                    empl
                </text>
            </switch>
        </g>
        <rect x="225" y="30" width="55" height="33" fill="#3e8ecd" stroke="none" pointer-events="none"/>
        <path d="M 225 30 M 280 30 M 280 63 M 225 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 53px; height: 1px; padding-top: 47px; margin-left: 226px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                ID
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="253" y="50" fill="#FFFFFF" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    ID
                </text>
            </switch>
        </g>
        <rect x="280" y="30" width="77" height="33" fill="#3e8ecd" stroke="none" pointer-events="none"/>
        <path d="M 280 30 M 357 30 M 357 63 M 280 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 75px; height: 1px; padding-top: 47px; margin-left: 282px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                role
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="282" y="50" fill="#FFFFFF" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    role
                </text>
            </switch>
        </g>
        <rect x="357" y="30" width="43" height="33" fill="#3e8ecd" stroke="none" pointer-events="none"/>
        <path d="M 357 30 M 400 30 M 400 63 M 357 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 41px; height: 1px; padding-top: 47px; margin-left: 358px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-style: italic; white-space: normal; overflow-wrap: normal;">
                                dept
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="379" y="50" fill="#FFFFFF" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-style="italic">
                    dept
                </text>
            </switch>
        </g>
        <rect x="180" y="63" width="45" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 180 63 M 225 63 M 225 95 M 180 95" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 43px; height: 1px; padding-top: 79px; margin-left: 181px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                E1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="203" y="83" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle">
                    E1
                </text>
            </switch>
        </g>
        <rect x="225" y="63" width="55" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 225 63 M 280 63 M 280 95 M 225 95" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 53px; height: 1px; padding-top: 79px; margin-left: 226px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                WA1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="253" y="83" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    WA1
                </text>
            </switch>
        </g>
        <rect x="280" y="63" width="77" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 280 63 M 357 63 M 357 95 M 280 95" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 75px; height: 1px; padding-top: 79px; margin-left: 282px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Developer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="282" y="83" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    Developer
                </text>
            </switch>
        </g>
        <rect x="357" y="63" width="43" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 357 63 M 400 63 M 400 95 M 357 95" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 41px; height: 1px; padding-top: 79px; margin-left: 358px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                D1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="379" y="83" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle">
                    D1
                </text>
            </switch>
        </g>
        <rect x="180" y="95" width="45" height="33" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 180 95 M 225 95 M 225 128 M 180 128" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 43px; height: 1px; padding-top: 112px; margin-left: 181px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                E1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="203" y="115" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle">
                    E1
                </text>
            </switch>
        </g>
        <rect x="225" y="95" width="55" height="33" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 225 95 M 280 95 M 280 128 M 225 128" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 53px; height: 1px; padding-top: 112px; margin-left: 226px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                WA2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="253" y="115" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    WA2
                </text>
            </switch>
        </g>
        <rect x="280" y="95" width="77" height="33" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 280 95 M 357 95 M 357 128 M 280 128" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 75px; height: 1px; padding-top: 112px; margin-left: 282px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Consultant
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="282" y="115" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    Consultant
                </text>
            </switch>
        </g>
        <rect x="357" y="95" width="43" height="33" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 357 95 M 400 95 M 400 128 M 357 128" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 41px; height: 1px; padding-top: 112px; margin-left: 358px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                D2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="379" y="115" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle">
                    D2
                </text>
            </switch>
        </g>
        <rect x="180" y="128" width="45" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 180 128 M 225 128 M 225 160 M 180 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 43px; height: 1px; padding-top: 144px; margin-left: 181px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                E2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="203" y="148" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle">
                    E2
                </text>
            </switch>
        </g>
        <rect x="225" y="128" width="55" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 225 128 M 280 128 M 280 160 M 225 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 53px; height: 1px; padding-top: 144px; margin-left: 226px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                WA3
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="253" y="148" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    WA3
                </text>
            </switch>
        </g>
        <rect x="280" y="128" width="77" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 280 128 M 357 128 M 357 160 M 280 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 75px; height: 1px; padding-top: 144px; margin-left: 282px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Builder
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="282" y="148" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    Builder
                </text>
            </switch>
        </g>
        <rect x="357" y="128" width="43" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 357 128 M 400 128 M 400 160 M 357 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 41px; height: 1px; padding-top: 144px; margin-left: 358px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                D3
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="379" y="148" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle">
                    D3
                </text>
            </switch>
        </g>
        <path d="M 440 30 L 440 0 L 620 0 L 620 30" fill="#ffffff" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 440 30 L 440 160 L 620 160 L 620 30" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 440 30 L 620 30" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 440 63 L 486 63 L 620 63" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 440 95 L 486 95 L 620 95" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 440 128 L 486 128 L 620 128" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 486 30 L 486 63 L 486 95 L 486 128 L 486 160" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-weight="bold" pointer-events="none" font-size="12px">
            <text x="447.5" y="19.5">
                Departments
            </text>
        </g>
        <rect x="440" y="30" width="46" height="33" fill="#3e8ecd" stroke="none" pointer-events="none"/>
        <path d="M 440 30 M 486 30 M 486 63 M 440 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 47px; margin-left: 441px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                ID
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="463" y="50" fill="#FFFFFF" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    ID
                </text>
            </switch>
        </g>
        <rect x="486" y="30" width="134" height="33" fill="#3e8ecd" stroke="none" pointer-events="none"/>
        <path d="M 486 30 M 620 30 M 620 63 M 486 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 132px; height: 1px; padding-top: 47px; margin-left: 488px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                name
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="488" y="50" fill="#FFFFFF" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    name
                </text>
            </switch>
        </g>
        <rect x="440" y="63" width="46" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 440 63 M 486 63 M 486 95 M 440 95" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 79px; margin-left: 441px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                D1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="463" y="83" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    D1
                </text>
            </switch>
        </g>
        <rect x="486" y="63" width="134" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 486 63 M 620 63 M 620 95 M 486 95" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 132px; height: 1px; padding-top: 79px; margin-left: 488px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Core Development
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="488" y="83" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    Core Development
                </text>
            </switch>
        </g>
        <rect x="440" y="95" width="46" height="33" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 440 95 M 486 95 M 486 128 M 440 128" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 112px; margin-left: 441px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                D2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="463" y="115" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    D2
                </text>
            </switch>
        </g>
        <rect x="486" y="95" width="134" height="33" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 486 95 M 620 95 M 620 128 M 486 128" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 132px; height: 1px; padding-top: 112px; margin-left: 488px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                App Development
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="488" y="115" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    App Development
                </text>
            </switch>
        </g>
        <rect x="440" y="128" width="46" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 440 128 M 486 128 M 486 160 M 440 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 144px; margin-left: 441px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                D3
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="463" y="148" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    D3
                </text>
            </switch>
        </g>
        <rect x="486" y="128" width="134" height="32" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 486 128 M 620 128 M 620 160 M 486 160" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 132px; height: 1px; padding-top: 144px; margin-left: 488px;">
                        <div data-drawio-colors="color: #030303; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 28px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(3, 3, 3); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Construction
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="488" y="148" fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    Construction
                </text>
            </switch>
        </g>
        <path d="M 403 111.5 L 437 111.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <ellipse cx="400" cy="111.5" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <ellipse cx="440" cy="111.5" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <path d="M 403 144 L 437 144" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <ellipse cx="400" cy="144" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <ellipse cx="440" cy="144" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <path d="M 0 30 L 0 0 L 140 0 L 140 30" fill="#ffffff" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 0 30 L 0 130 L 140 130 L 140 30" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 0 30 L 140 30" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 0 63 L 46 63 L 94 63 L 140 63" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 0 97 L 46 97 L 94 97 L 140 97" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 46 30 L 46 63 L 46 97 L 46 130" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 94 30 L 94 63 L 94 97 L 94 130" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#030303" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-weight="bold" pointer-events="none" font-size="12px">
            <text x="7.5" y="19.5">
                Employees
            </text>
        </g>
        <rect x="0" y="30" width="46" height="33" fill="#3e8ecd" stroke="none" pointer-events="none"/>
        <path d="M 0 30 M 46 30 M 46 63 M 0 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 47px; margin-left: 1px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                ID
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="23" y="50" fill="#FFFFFF" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    ID
                </text>
            </switch>
        </g>
        <rect x="46" y="30" width="48" height="33" fill="#3e8ecd" stroke="none" pointer-events="none"/>
        <path d="M 46 30 M 94 30 M 94 63 M 46 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 46px; height: 1px; padding-top: 47px; margin-left: 48px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                name
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="48" y="50" fill="#FFFFFF" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    name
                </text>
            </switch>
        </g>
        <rect x="94" y="30" width="46" height="33" fill="#3e8ecd" stroke="none" pointer-events="none"/>
        <path d="M 94 30 M 140 30 M 140 63 M 94 63" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 47px; margin-left: 95px;">
                        <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-style: italic; white-space: normal; overflow-wrap: normal;">
                                job1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="117" y="50" fill="#FFFFFF" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-style="italic">
                    job1
                </text>
            </switch>
        </g>
        <rect x="0" y="63" width="46" height="34" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 0 63 M 46 63 M 46 97 M 0 97" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 80px; margin-left: 1px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 30px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                E1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="23" y="84" fill="rgb(0, 0, 0)" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    E1
                </text>
            </switch>
        </g>
        <rect x="46" y="63" width="48" height="34" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 46 63 M 94 63 M 94 97 M 46 97" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 46px; height: 1px; padding-top: 80px; margin-left: 48px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 30px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Alice
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="48" y="84" fill="rgb(0, 0, 0)" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    Alice
                </text>
            </switch>
        </g>
        <rect x="94" y="63" width="46" height="34" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 94 63 M 140 63 M 140 97 M 94 97" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 80px; margin-left: 95px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 30px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                WA1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="117" y="84" fill="rgb(0, 0, 0)" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle">
                    WA1
                </text>
            </switch>
        </g>
        <rect x="0" y="97" width="46" height="33" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 0 97 M 46 97 M 46 130 M 0 130" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 114px; margin-left: 1px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                E2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="23" y="117" fill="rgb(0, 0, 0)" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle" font-weight="bold">
                    E2
                </text>
            </switch>
        </g>
        <rect x="46" y="97" width="48" height="33" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 46 97 M 94 97 M 94 130 M 46 130" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 46px; height: 1px; padding-top: 114px; margin-left: 48px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Bob
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="48" y="117" fill="rgb(0, 0, 0)" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px">
                    Bob
                </text>
            </switch>
        </g>
        <rect x="94" y="97" width="46" height="33" fill="#e6e6e6" stroke="none" pointer-events="none"/>
        <path d="M 94 97 M 140 97 M 140 130 M 94 130" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 114px; margin-left: 95px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 29px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                WA3
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="117" y="117" fill="rgb(0, 0, 0)" font-family="&quot;Avenir Next&quot;, &quot;Inter var&quot;, &quot;Inter&quot;, ui-sans-serif,     system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,     &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Noto Sans&quot;, sans-serif,     &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="12px" text-anchor="middle">
                    WA3
                </text>
            </switch>
        </g>
        <path d="M 403 80 L 437 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <ellipse cx="400" cy="80" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <ellipse cx="440" cy="80" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <path d="M 142.39 115.32 L 177.61 142.18" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <ellipse cx="140" cy="113.5" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <ellipse cx="180" cy="144" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <path d="M 142.36 81.86 L 177.64 109.64" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <ellipse cx="140" cy="80" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <ellipse cx="180" cy="111.5" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <path d="M 177 79.07 L 140 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <ellipse cx="180" cy="79" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>