architecture.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="986px" height="672px" viewBox="-0.5 -0.5 986 672" content="&lt;mxfile&gt;&lt;diagram id=&quot;6hGFLwfOUW9BJ-s0fimq&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 165 480 L 275 480 L 285 490 L 285 660 L 175 660 L 165 650 L 165 480 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,225,570)" pointer-events="all"/>
        <path d="M 175 660 L 175 490 L 165 480 M 175 490 L 285 490" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,225,570)" pointer-events="all"/>
        <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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 525px; margin-left: 139px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; text-decoration: underline; white-space: nowrap;">
                                Worker Node
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="139" y="537" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-decoration="underline">
                    Worker Node
                </text>
            </switch>
        </g>
        <path d="M 720 251.83 L 798.63 252.45" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 803.88 252.49 L 796.85 255.94 L 798.63 252.45 L 796.91 248.94 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <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 flex-end; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 249px; margin-left: 763px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                reconciles
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="763" y="249" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    reconciles
                </text>
            </switch>
        </g>
        <path d="M 400 20 L 570 20 L 580 30 L 580 480 L 410 480 L 400 470 L 400 20 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,490,250)" pointer-events="all"/>
        <path d="M 410 480 L 410 30 L 400 20 M 410 30 L 580 30" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,490,250)" pointer-events="all"/>
        <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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 175px; margin-left: 264px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; text-decoration: underline; white-space: nowrap;">
                                Firewall
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="264" y="187" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-decoration="underline">
                    Firewall
                </text>
            </switch>
        </g>
        <path d="M 535 340 L 475 340 L 475 490 L 230 490 L 230 510" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 1px; height: 1px; padding-top: 470px; margin-left: 401px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Worker VRF
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="401" y="474" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Worker VRF
                </text>
            </switch>
        </g>
        <path d="M 560 170 L 637.2 94" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="435" y="190" width="110" height="50" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 215px; margin-left: 490px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Firewall-Controller
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="490" y="219" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Firewall-Controller
                </text>
            </switch>
        </g>
        <path d="M 475 510 L 475 340" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 720 510 L 720 490 L 475 490 L 475 340" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 336 94 L 400 170" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 270 50 C 246 50 240 70 259.2 74 C 240 82.8 261.6 102 277.2 94 C 288 110 324 110 336 94 C 360 94 360 78 345 70 C 360 54 336 38 315 46 C 300 34 276 34 270 50 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 630 50 C 606 50 600 70 619.2 74 C 600 82.8 621.6 102 637.2 94 C 648 110 684 110 696 94 C 720 94 720 78 705 70 C 720 54 696 38 675 46 C 660 34 636 34 630 50 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="260" y="60" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 70px; margin-left: 300px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Internet VRF
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="300" y="74" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Internet VRF
                </text>
            </switch>
        </g>
        <rect x="620" y="60" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 70px; margin-left: 660px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Legacy VRF
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="660" y="74" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Legacy VRF
                </text>
            </switch>
        </g>
        <rect x="290" y="120" width="70" height="20" fill="none" stroke="none" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 130px; margin-left: 325px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                1.2.3.0/24
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="325" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    1.2.3.0/24
                </text>
            </switch>
        </g>
        <rect x="600" y="120" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 130px; margin-left: 645px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                172.17.0.0/16
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="645" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    172.17.0.0/16
                </text>
            </switch>
        </g>
        <rect x="500" y="460" width="70" height="20" fill="none" stroke="none" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 470px; margin-left: 535px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                10.0.0.0/0
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="535" y="474" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    10.0.0.0/0
                </text>
            </switch>
        </g>
        <path d="M 286.07 20 L 288 38" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="255" y="0" width="60" height="20" fill="none" stroke="none" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 10px; margin-left: 285px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                0.0.0.0/0
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="285" y="14" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    0.0.0.0/0
                </text>
            </switch>
        </g>
        <rect x="290" y="270" width="110" height="50" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 295px; margin-left: 345px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                &lt;service&gt;
                                <br/>
                                nftables-exporter
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="345" y="299" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    &lt;service&gt;...
                </text>
            </switch>
        </g>
        <rect x="435" y="270" width="110" height="50" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 295px; margin-left: 490px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                &lt;service&gt;
                                <br/>
                                node-exporter
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="490" y="299" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    &lt;service&gt;...
                </text>
            </switch>
        </g>
        <rect x="580" y="270" width="110" height="50" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 295px; margin-left: 635px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                droptailer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="635" y="299" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    droptailer
                </text>
            </switch>
        </g>
        <path d="M 410 480 L 520 480 L 530 490 L 530 660 L 420 660 L 410 650 L 410 480 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,470,570)" pointer-events="all"/>
        <path d="M 420 660 L 420 490 L 410 480 M 420 490 L 530 490" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,470,570)" pointer-events="all"/>
        <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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 525px; margin-left: 384px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; text-decoration: underline; white-space: nowrap;">
                                Worker Node
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="384" y="537" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-decoration="underline">
                    Worker Node
                </text>
            </switch>
        </g>
        <path d="M 655 480 L 765 480 L 775 490 L 775 660 L 665 660 L 655 650 L 655 480 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,715,570)" pointer-events="all"/>
        <path d="M 665 660 L 665 490 L 655 480 M 665 490 L 775 490" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,715,570)" pointer-events="all"/>
        <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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 525px; margin-left: 629px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; text-decoration: underline; white-space: nowrap;">
                                Worker Node
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="629" y="537" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-decoration="underline">
                    Worker Node
                </text>
            </switch>
        </g>
        <rect x="660" y="560" width="110" height="50" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 585px; margin-left: 715px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                droptailer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="715" y="589" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    droptailer
                </text>
            </switch>
        </g>
        <path d="M 635 320 L 635 440 L 742.5 440 L 742.5 553.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 742.5 558.88 L 739 551.88 L 742.5 553.63 L 746 551.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 380px; margin-left: 636px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                send nftables drops
                                <br/>
                                &lt;grpc&gt;
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="636" y="384" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    send nftables drops...
                </text>
            </switch>
        </g>
        <path d="M 186.37 255.43 L 260 255" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 181.12 255.46 L 188.1 251.92 L 186.37 255.43 L 188.14 258.92 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <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 flex-end; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 252px; margin-left: 220px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                updates
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="220" y="252" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    updates
                </text>
            </switch>
        </g>
        <path d="M -10 166 L 180 166 L 190 176 L 190 346 L 0 346 L -10 336 L -10 166 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,90,256)" pointer-events="all"/>
        <path d="M 0 346 L 0 176 L -10 166 M 0 176 L 190 176" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,90,256)" pointer-events="all"/>
        <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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 171px; margin-left: 4px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; text-decoration: underline; white-space: nowrap;">
                                Shoot kube-api-server
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="4" y="183" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-decoration="underline">
                    Shoot kube-api-server
                </text>
            </switch>
        </g>
        <path d="M 85 396 L 85 670 L 220 670 L 220 630" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 85 396 L 85 670 L 465 670 L 465 630" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="20" y="216" width="130" height="50" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 241px; margin-left: 85px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                FirewallMonitor CRD
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="85" y="245" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    FirewallMonitor CRD
                </text>
            </switch>
        </g>
        <path d="M 827.5 157.5 L 952.5 157.5 L 962.5 167.5 L 962.5 337.5 L 837.5 337.5 L 827.5 327.5 L 827.5 157.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,895,247.5)" pointer-events="all"/>
        <path d="M 837.5 337.5 L 837.5 167.5 L 827.5 157.5 M 837.5 167.5 L 962.5 167.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,895,247.5)" pointer-events="all"/>
        <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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 195px; margin-left: 809px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; text-decoration: underline; white-space: nowrap;">
                                Seed kube-api-server
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="809" y="207" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-decoration="underline">
                    Seed kube-api-server
                </text>
            </switch>
        </g>
        <rect x="825" y="235" width="130" height="50" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 260px; margin-left: 890px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Firewall CRD
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="890" y="264" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Firewall CRD
                </text>
            </switch>
        </g>
        <path d="M 85 356 L 85 670 L 710 670 L 710 630" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="20" y="276" width="130" height="50" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 301px; margin-left: 85px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                CWNP CRD
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="85" y="305" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    CWNP CRD
                </text>
            </switch>
        </g>
    </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>