Files
VXLAN-EVPN/documentation/assets/images/VXLAN.svg
2025-02-17 17:56:20 +01:00

5 lines
36 KiB
XML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<svg xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent; color-scheme: light dark;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="469px" height="601px" viewBox="-0.5 -0.5 469 601" content="&lt;mxfile&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;O6sBWOfz2bUCuo58S4gg&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><style>@keyframes ge-flow-animation-v_fRK3jrRtEI56qemEER {
to {
stroke-dashoffset: 0;
}
}</style></defs><g><g><rect x="193.75" y="0" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 198.66 0 C 195.96 0 193.75 2.2 193.75 4.89 L 193.75 75.11 C 193.75 77.8 195.96 80 198.66 80 L 268.84 80 C 271.54 80 273.75 77.8 273.75 75.11 L 273.75 4.89 C 273.75 2.2 271.54 0 268.84 0 Z" fill="#fafafa" stroke="none" pointer-events="all" style="fill: light-dark(rgb(250, 250, 250), rgb(22, 22, 22));"/><rect x="193.75" y="0" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 231.15 64.83 L 231.15 58.45 L 214.2 58.45 L 214.2 53.42 L 199.76 61.94 L 214.2 70.34 L 214.2 64.83 Z M 239.07 34.34 L 239.07 27.96 L 222.11 27.96 L 222.11 22.93 L 207.67 31.46 L 222.11 39.85 L 222.11 34.34 Z M 229.56 49.7 L 229.56 43.32 L 246.52 43.32 L 246.52 38.29 L 260.95 46.82 L 246.52 55.21 L 246.52 49.7 Z M 236.88 19.72 L 236.88 13.35 L 253.84 13.35 L 253.84 8.31 L 268.28 16.84 L 253.84 25.24 L 253.84 19.72 Z M 198.66 0 C 195.96 0 193.75 2.2 193.75 4.89 L 193.75 75.11 C 193.75 77.8 195.96 80 198.66 80 L 268.84 80 C 271.54 80 273.75 77.8 273.75 75.11 L 273.75 4.89 C 273.75 2.2 271.54 0 268.84 0 Z M 198.66 2.21 L 268.84 2.21 C 270.35 2.21 271.53 3.38 271.53 4.89 L 271.53 75.11 C 271.53 76.62 270.35 77.79 268.84 77.79 L 198.66 77.79 C 197.15 77.79 195.97 76.62 195.97 75.11 L 195.97 4.89 C 195.97 3.38 197.15 2.21 198.66 2.21 Z" fill="#5c5c5c" stroke="none" pointer-events="all" style="fill: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"/></g><g><rect x="293.75" y="229" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 298.66 229 C 295.96 229 293.75 231.2 293.75 233.89 L 293.75 304.11 C 293.75 306.8 295.96 309 298.66 309 L 368.84 309 C 371.54 309 373.75 306.8 373.75 304.11 L 373.75 233.89 C 373.75 231.2 371.54 229 368.84 229 Z" fill="#fafafa" stroke="none" pointer-events="all" style="fill: light-dark(rgb(250, 250, 250), rgb(22, 22, 22));"/><rect x="293.75" y="229" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 331.15 293.83 L 331.15 287.45 L 314.2 287.45 L 314.2 282.42 L 299.76 290.94 L 314.2 299.34 L 314.2 293.83 Z M 339.07 263.34 L 339.07 256.96 L 322.11 256.96 L 322.11 251.93 L 307.67 260.46 L 322.11 268.85 L 322.11 263.34 Z M 329.56 278.7 L 329.56 272.32 L 346.52 272.32 L 346.52 267.29 L 360.95 275.82 L 346.52 284.21 L 346.52 278.7 Z M 336.88 248.72 L 336.88 242.35 L 353.84 242.35 L 353.84 237.31 L 368.28 245.84 L 353.84 254.24 L 353.84 248.72 Z M 298.66 229 C 295.96 229 293.75 231.2 293.75 233.89 L 293.75 304.11 C 293.75 306.8 295.96 309 298.66 309 L 368.84 309 C 371.54 309 373.75 306.8 373.75 304.11 L 373.75 233.89 C 373.75 231.2 371.54 229 368.84 229 Z M 298.66 231.21 L 368.84 231.21 C 370.35 231.21 371.53 232.38 371.53 233.89 L 371.53 304.11 C 371.53 305.62 370.35 306.79 368.84 306.79 L 298.66 306.79 C 297.15 306.79 295.97 305.62 295.97 304.11 L 295.97 233.89 C 295.97 232.38 297.15 231.21 298.66 231.21 Z" fill="#5c5c5c" stroke="none" pointer-events="all" style="fill: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"/></g><g><rect x="94" y="229" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 98.91 229 C 96.21 229 94 231.2 94 233.89 L 94 304.11 C 94 306.8 96.21 309 98.91 309 L 169.09 309 C 171.79 309 174 306.8 174 304.11 L 174 233.89 C 174 231.2 171.79 229 169.09 229 Z" fill="#fafafa" stroke="none" pointer-events="all" style="fill: light-dark(rgb(250, 250, 250), rgb(22, 22, 22));"/><rect x="94" y="229" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 131.4 293.83 L 131.4 287.45 L 114.45 287.45 L 114.45 282.42 L 100.01 290.94 L 114.45 299.34 L 114.45 293.83 Z M 139.32 263.34 L 139.32 256.96 L 122.36 256.96 L 122.36 251.93 L 107.92 260.46 L 122.36 268.85 L 122.36 263.34 Z M 129.81 278.7 L 129.81 272.32 L 146.77 272.32 L 146.77 267.29 L 161.2 275.82 L 146.77 284.21 L 146.77 278.7 Z M 137.13 248.72 L 137.13 242.35 L 154.09 242.35 L 154.09 237.31 L 168.53 245.84 L 154.09 254.24 L 154.09 248.72 Z M 98.91 229 C 96.21 229 94 231.2 94 233.89 L 94 304.11 C 94 306.8 96.21 309 98.91 309 L 169.09 309 C 171.79 309 174 306.8 174 304.11 L 174 233.89 C 174 231.2 171.79 229 169.09 229 Z M 98.91 231.21 L 169.09 231.21 C 170.6 231.21 171.78 232.38 171.78 233.89 L 171.78 304.11 C 171.78 305.62 170.6 306.79 169.09 306.79 L 98.91 306.79 C 97.4 306.79 96.22 305.62 96.22 304.11 L 96.22 233.89 C 96.22 232.38 97.4 231.21 98.91 231.21 Z" fill="#5c5c5c" stroke="none" pointer-events="all" style="fill: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"/></g><g><path d="M 134 339 L 134 460" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="stroke: light-dark(rgb(92, 92, 92), rgb(158, 158, 158)); animation: 500ms linear 0s infinite normal none running ge-flow-animation-v_fRK3jrRtEI56qemEER; stroke-dashoffset: 16;"/></g><g><rect x="74" y="309" width="120" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="all" style="fill: light-dark(rgb(213, 232, 212), rgb(31, 47, 30)); stroke: light-dark(rgb(130, 179, 102), rgb(68, 110, 44));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 324px; margin-left: 75px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><b style=""><font color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));">Arista cEOS</font></b></div></div></div></foreignObject><text x="134" y="328" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Arista cEOS</text></switch></g></g><g><path d="M 334 339 L 334.5 400 L 334 460" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="stroke: light-dark(rgb(92, 92, 92), rgb(158, 158, 158)); animation: 500ms linear 0s infinite normal none running ge-flow-animation-v_fRK3jrRtEI56qemEER; stroke-dashoffset: 16;"/></g><g><path d="M 233.75 110 L 134 229" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="stroke: light-dark(rgb(92, 92, 92), rgb(158, 158, 158)); animation: 500ms linear 0s infinite normal none running ge-flow-animation-v_fRK3jrRtEI56qemEER; stroke-dashoffset: 16;"/></g><g><path d="M 233.75 110 L 333.75 229" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="stroke: light-dark(rgb(92, 92, 92), rgb(158, 158, 158)); animation: 500ms linear 0s infinite normal none running ge-flow-animation-v_fRK3jrRtEI56qemEER; stroke-dashoffset: 16;"/></g><g><rect x="173.75" y="80" width="120" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="all" style="fill: light-dark(rgb(213, 232, 212), rgb(31, 47, 30)); stroke: light-dark(rgb(130, 179, 102), rgb(68, 110, 44));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 95px; margin-left: 175px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><b style=""><font color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));">Arista cEOS</font></b></div></div></div></foreignObject><text x="234" y="99" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Arista cEOS</text></switch></g></g><g><path d="M 114 500 L 114 460 L 154 460 L 154 500 Z" fill="#4495d1" stroke="none" pointer-events="all" style="fill: light-dark(rgb(68, 149, 209), rgb(61, 131, 183));"/><path d="M 132.97 485.72 L 133.66 474.9 L 136.95 474.9 L 139 481.8 L 141.22 474.9 L 144.44 474.9 L 145.02 485.72 L 142.62 485.72 L 142.3 477.49 L 139.76 485.72 L 137.82 485.72 L 135.65 477.67 L 135.24 485.72 Z M 125.5 485.72 L 121.98 474.9 L 124.68 474.9 L 127.01 482.92 L 129.43 474.9 L 132.04 474.9 L 128.36 485.72 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/></g><g><rect x="382.5" y="260" width="85" height="42" rx="6.3" ry="6.3" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(245, 245, 245), rgb(26, 26, 26)); stroke: light-dark(rgb(102, 102, 102), rgb(149, 149, 149));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 281px; margin-left: 384px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #333333; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#333333, #c1c1c1); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><b style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158)); font-family: Tahoma; background-color: initial;">Leaf 2</b></div><font face="Tahoma" color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><div style="">10.10.110.2/32</div></font></div></div></div></foreignObject><text x="425" y="285" fill="#333333" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Leaf 210.10.11...</text></switch></g></g><g><path d="M 314 500 L 314 460 L 354 460 L 354 500 Z" fill="#4495d1" stroke="none" pointer-events="all" style="fill: light-dark(rgb(68, 149, 209), rgb(61, 131, 183));"/><path d="M 332.97 485.72 L 333.66 474.9 L 336.95 474.9 L 339 481.8 L 341.22 474.9 L 344.44 474.9 L 345.02 485.72 L 342.62 485.72 L 342.3 477.49 L 339.76 485.72 L 337.82 485.72 L 335.65 477.67 L 335.24 485.72 Z M 325.5 485.72 L 321.98 474.9 L 324.68 474.9 L 327.01 482.92 L 329.43 474.9 L 332.04 474.9 L 328.36 485.72 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/></g><g><rect x="85" y="500" width="97.5" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 96px; height: 1px; padding-top: 520px; margin-left: 86px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>Host 1 </b></font></div><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));">10.50.0.10/24</font></div></div></div></div></foreignObject><text x="134" y="524" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Host 1...</text></switch></g></g><g><rect x="285" y="500" width="97.5" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 96px; height: 1px; padding-top: 520px; margin-left: 286px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>Host 2 </b></font></div><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));">10.50.0.20/24</font></div></div></div></div></foreignObject><text x="334" y="524" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Host 2...</text></switch></g></g><g><rect x="274" y="309" width="120" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="all" style="fill: light-dark(rgb(213, 232, 212), rgb(31, 47, 30)); stroke: light-dark(rgb(130, 179, 102), rgb(68, 110, 44));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 324px; margin-left: 275px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><b style=""><font color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));">Arista cEOS</font></b></div></div></div></foreignObject><text x="334" y="328" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Arista cEOS</text></switch></g></g><g><path d="M 288.75 580 L 308.8 580 L 277.7 580 L 297.69 580" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><rect x="178.75" y="560" width="110" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 580px; margin-left: 180px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>VNI 1050<br />IRB VxLAN Tunnel<br /></b></font></div></div></div></foreignObject><text x="234" y="584" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">VNI 1050...</text></switch></g></g><g><path d="M 170.06 580 L 178.75 580" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><rect x="97.43" y="560" width="72.63" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 71px; height: 1px; padding-top: 580px; margin-left: 98px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>VLAN 50</b></font></div></div></div></foreignObject><text x="134" y="584" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">VLAN 50</text></switch></g></g><g><rect x="297.69" y="560" width="72.63" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 71px; height: 1px; padding-top: 580px; margin-left: 299px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>VLAN 50</b></font></div></div></div></foreignObject><text x="334" y="584" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">VLAN 50</text></switch></g></g><g><rect x="97.5" y="0" width="85" height="18" rx="2.7" ry="2.7" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(245, 245, 245), rgb(26, 26, 26)); stroke: light-dark(rgb(102, 102, 102), rgb(149, 149, 149));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 9px; margin-left: 99px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #333333; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#333333, #c1c1c1); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>AS: 65001</b></font></div></div></div></div></foreignObject><text x="140" y="13" fill="#333333" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">AS: 65001</text></switch></g></g><g><rect x="0" y="260" width="85" height="42" rx="6.3" ry="6.3" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(245, 245, 245), rgb(26, 26, 26)); stroke: light-dark(rgb(102, 102, 102), rgb(149, 149, 149));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 281px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #333333; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#333333, #c1c1c1); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><b style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158)); font-family: Tahoma; background-color: initial;">Leaf 1</b></div><font face="Tahoma" color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><div style="">10.10.110.1/32</div></font></div></div></div></foreignObject><text x="43" y="285" fill="#333333" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Leaf 110.10.11...</text></switch></g></g><g><rect x="97.5" y="30" width="85" height="42" rx="6.3" ry="6.3" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(245, 245, 245), rgb(26, 26, 26)); stroke: light-dark(rgb(102, 102, 102), rgb(149, 149, 149));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 51px; margin-left: 99px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #333333; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#333333, #c1c1c1); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><b style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158)); font-family: Tahoma; background-color: initial;">Spine 1</b></div><font face="Tahoma" color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><div style="">10.10.100.1/32</div></font></div></div></div></foreignObject><text x="140" y="55" fill="#333333" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Spine 110.10.1...</text></switch></g></g><g><rect x="0" y="229" width="85" height="18" rx="2.7" ry="2.7" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(245, 245, 245), rgb(26, 26, 26)); stroke: light-dark(rgb(102, 102, 102), rgb(149, 149, 149));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 238px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #333333; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#333333, #c1c1c1); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>AS: 65101</b></font></div></div></div></div></foreignObject><text x="43" y="242" fill="#333333" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">AS: 65101</text></switch></g></g><g><rect x="382.5" y="229" width="85" height="18" rx="2.7" ry="2.7" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(245, 245, 245), rgb(26, 26, 26)); stroke: light-dark(rgb(102, 102, 102), rgb(149, 149, 149));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 238px; margin-left: 384px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #333333; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#333333, #c1c1c1); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>AS: 65102</b></font></div></div></div></div></foreignObject><text x="425" y="242" fill="#333333" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">AS: 65102</text></switch></g></g><g><rect x="132" y="130" width="85" height="18" rx="2.7" ry="2.7" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 139px; margin-left: 133px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));">10.1.1.0/31</font></div></div></div></div></foreignObject><text x="175" y="143" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">10.1.1.0/31</text></switch></g></g><g><rect x="252" y="130" width="85" height="18" rx="2.7" ry="2.7" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 139px; margin-left: 253px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));">10.1.1.2/31</font></div></div></div></div></foreignObject><text x="295" y="143" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">10.1.1.2/31</text></switch></g></g><g><rect x="122" y="200" width="85" height="18" rx="2.7" ry="2.7" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 209px; margin-left: 123px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));">10.1.1.1/31</font></div></div></div></div></foreignObject><text x="165" y="213" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">10.1.1.1/31</text></switch></g></g><g><rect x="274" y="200" width="85" height="18" rx="2.7" ry="2.7" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="8 8" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 209px; margin-left: 275px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style=""><font color="#5c5c5c" face="Tahoma" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));">10.1.1.3/31</font></div></div></div></div></foreignObject><text x="317" y="213" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">10.1.1.3/31</text></switch></g></g><g><rect x="74" y="350" width="118" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 116px; height: 1px; padding-top: 370px; margin-left: 75px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>SVI VLAN 50<br />10.50.0.1/24<br /></b></font></div></div></div></foreignObject><text x="133" y="374" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">SVI VLAN 50...</text></switch></g></g><g><rect x="276" y="350" width="118" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 116px; height: 1px; padding-top: 370px; margin-left: 277px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#5c5c5c" style="color: light-dark(rgb(92, 92, 92), rgb(158, 158, 158));"><b>SVI VLAN 50<br />10.50.0.1/24<br /></b></font></div></div></div></foreignObject><text x="335" y="374" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">SVI VLAN 50...</text></switch></g></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/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>