Add initial power management files and system diagram

- Created a new directory for power management with a .gitkeep file.
- Added a system diagram in SVG format for power management architecture.
This commit is contained in:
Yuto Yamazaki
2026-03-11 09:54:41 +09:00
parent 4606f9dc70
commit 1c29c7c800
8 changed files with 1903 additions and 155 deletions

View File

@@ -0,0 +1,520 @@
<svg host="65bd71144e" 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="561px" height="733px" viewBox="-0.5 -0.5 561 733" content="&lt;mxfile&gt;&lt;diagram id=&quot;2J_i9eyuWScV5GPMZ8z7&quot; name=&quot;ページ1&quot;&gt;7Vzbc6I6GP9rnNl90OEWtI9qL7sz3Z3Oaff2mEpUpkg8Aa3dh/O3ny8QFBJAWiit1r6UfAm5/b57gh1zvNhcMbycf6MO8TqG5mw65nnHMHRtYMM/TnmKKf0+igkz5jqi0Y5w6/4lyZuCunIdEmQahpR6obvMEifU98kkzNAwY/Qx22xKveyoSzwjCuF2gj2V+st1wrmg2pq2q/hC3Nk8GdpIau7x5GHG6MoXA/rUJ3HNAif9iKbBHDv0MUUyLzrmmFEaxk+LzZh4fF+TLYvfuyyo3c6ZET+s8oJtiHmET8m6iQPbIIqUhXM6oz72LnbU0TxceFCpwyMMw55+Q0HrGSgp/+HlpHC+yZSeRMnD98QbbTdqTD3KoCraKnM0pX6YkDy+xV0Hs4dPHcPUor+OMYbny+jvM7TH0MiHthMYhMBLo3hVfCmFGyNIAV2xiWglNiPEbEZEK3MLCjA6oQsCi4AmjHg4dNfZ3rHguNm2nXh1yBh+SjVYUtcPg1TPN5wADYTwWKZgDyE6Copy+35pe3iIZ5CUUkvZkSLOKOASIcpr7K3Eki89wlegfdK1q/uLz7lcdM0xzvKLAtSasNAFoRuKioXrOBGTMRK4f/F91B9nGLFn0DkaddB54ywkVgjTIZtOjn4RU9mJbpqXYjFS2UT01NV6dgYg0fXzuGgHe9KETqcBMGoW6ueCayjY3s1BXWlfOUK+6D4NbQpOugo91yfjrQrmSE1dz0t2HrZ4HP0BPQgZfSCpGnsw0Ecm1MwYdlyyw0tAmJDPXQa9u9SPqhhXoaKzRDEbnDLHSz7DxWbGDVIPpv5I2UPQm3h05byAI8r5q0Dl5DCQonQK+cQcZOVYT2zhY8oAJVZmnrI9SCvmnQxrlPABOmvMFBy+JTBVS4CsmqagKhCmIpAs7PIFdDXo3fZgPqN7Bk8z/vTpn7vf0FqH/VC1cLSjxBE7/Th3Q3K7xNEiH0FIsgC2AkQt+bAsyc4NcuTDyJEPqwH5MBqTj4x09ProEAUEqQKi22/iKxlZnkCo3FdC/Zrtz5r1rUz9xFalbGUU+FbHxVY2apitzBNblWurs4/AVn2zYbZCJ7Yq11boQ7BV00awX4+t3i931OUEBQrzTDIchuTbxtwo3tph9FyWksdBVjmL7Glfm0WsmpnKD8QiFpKkVQ5/GmKR1rWOticNKq9ba5YFhbpPBebBYzdg6/y4fHjX3SBd6xqDq7vfRx+am3Z2761WQ/PB63glxkF6JQPVK6kdmlfOXWknJEqRqB3NVkaipr08eiRqB4CVkbBOSJTLRF03qDISde3Exg3Th91Q/JOq2sHAC+8fheYdT62d2ARJjh6y9ziGWmn7+rFJzRzuR2IRu53YBElHqX19D4vI89KbZRGheVKxQxIyBEvsZ3jH/nfFr/+MMk9RTJGEG9t3YdT49bg+ITvuWiY9YxQlcikdC8iZ4doJcxwyxato/NcIZpDxhsGMruewiqxdfGfIr7jxdXs4CNwJhxhEJ1TJOfYreY79iMSU5ZuvIu/jIJ2PnIRtgZpLIY1ygE5oNbUhkg2mLjFQPHlFG1a2iPvU6ksugzV2spTK+h/sRRHdUFmq7p3BqprCthRNcX13AW+hqw6/mXe6mCeYtVDR7y7mvYureAkzne7ivf1dPNkHaPUunq5euA0mXbZ0rYI7YDeudfQpZrsgimvHKztTENkMbECjuwSloSJydfENWuvHfydPRiU5dGkn8a8qTB8QYbQAle9694bRD4fJNg/TCibqMVkkKcZJUiRJaVN/JX0cVYrKbOTG6d5z7ao5qpdcfFENfSaJUylhszfHs/sgrTuJURrykIVhP0h2GDrROIrdNWYuhv+AEA5XjH+Bxxv7FF5dLKifriiZC++Ld4kn2an8+ArUWxg4YgntGoc0fvpCvDXhEcd3AjuRJcFzLpUXhzBdL34MoNtuQJg7zU2d4dmMFR/X/7j9xXuDNgTWBw5uOvEVr0ZJfL12Puz9e8nysX+rlsZUfbIgnHV9HEQQH7c1kXd+q6RasSZq5mF4c+w7rks73mr8YZ2+ztrZfUtcF00n3ay2Ps9KBm/EZL83M7nXlWjCRwBbPPVADIuM8CVUVjh2KjDKH8j6yhqp1XMq9LxzKrENDg7mEQD6u4wv3uogyJRCjoGMUNWDILkj/fUOgpCafPl5PfweBfOaKtz6mdHT7UEPKntQfWmo16JAEsLOC48l8oQ5K+4tHUtUF19DSggYbbpwSP3MeIvef2d5+AFsvRi6JD39caGTxaxd6NTtP/xcDrJUn66te4HoKD8/ytnQune6Km9ozYuWB7OhcTBQNwP57MttkuGw9nybZRil7et/GKOmA04h0XNDoig9WfwzH6X5yaOIkKLaGxq44nqB4jhcSw22DkR1V6MB0y//CIn5imkgKO5+Cy4WzN2P7ZkX/wM=&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<g>
<path d="M 270 51 L 270 101 Q 270 111 280 111 L 300 111 Q 310 111 310 121 L 310 164.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 310 169.88 L 306.5 162.88 L 310 164.63 L 313.5 162.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); 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: 1px; height: 1px; padding-top: 84px; margin-left: 272px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #FFFFFF); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Flets (10GbE)
</div>
</div>
</div>
</foreignObject>
<text x="272" y="87" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">
Flets (10GbE)
</text>
</switch>
</g>
</g>
<g>
<path d="M 307.17 51 C 314.66 50.15 320.01 43.69 319.11 36.57 C 318.21 29.45 311.4 24.38 303.91 25.23 C 303.83 14.6 295.98 5.46 285.03 3.23 C 274.08 1 262.97 6.29 258.31 15.96 C 254.85 12.2 249.36 10.79 244.38 12.36 C 239.4 13.94 235.9 18.2 235.5 23.17 C 227.41 22.89 220.6 28.89 220.3 36.57 C 220 44.25 226.32 50.72 234.42 51 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2.06" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</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: 1px; height: 1px; padding-top: 26px; margin-left: 270px;">
<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: nowrap; ">
The Internet
</div>
</div>
</div>
</foreignObject>
<text x="270" y="30" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
The Internet
</text>
</switch>
</g>
</g>
<g>
<path d="M 340 211 L 340 244.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 340 249.88 L 336.5 242.88 L 340 244.63 L 343.5 242.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="280" y="171" width="120" height="40" 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: 118px; height: 1px; padding-top: 191px; margin-left: 281px;">
<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; ">
rt-edge-01
<br/>
(RTX 1300)
</div>
</div>
</div>
</foreignObject>
<text x="340" y="195" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
rt-edge-01...
</text>
</switch>
</g>
</g>
<g>
<path d="M 260 411 L 260 431 Q 260 441 270 441 L 400 441 Q 410 441 410 451 L 410 471 Q 410 481 420 481 L 433.63 481" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 438.88 481 L 431.88 484.5 L 433.63 481 L 431.88 477.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 260 411 L 260 431 Q 260 441 270 441 L 400 441 Q 410 441 410 451 L 410 531 Q 410 541 420 541 L 433.63 541" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 438.88 541 L 431.88 544.5 L 433.63 541 L 431.88 537.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 260 411 L 260 431 Q 260 441 270 441 L 400 441 Q 410 441 410 451 L 410 611 Q 410 621 420 621 L 433.63 621" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 438.88 621 L 431.88 624.5 L 433.63 621 L 431.88 617.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 260 411 L 260 431 Q 260 441 270 441 L 400 441 Q 410 441 410 451 L 410 671 Q 410 681 420 681 L 433.63 681" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 438.88 681 L 431.88 684.5 L 433.63 681 L 431.88 677.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 230 411 L 230 421 Q 230 431 230 441 L 230 504.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 230 509.88 L 226.5 502.88 L 230 504.63 L 233.5 502.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 260 411 L 260 431 Q 260 441 270 441 L 400 441 Q 410 441 410 451 L 410 581 Q 410 591 400 591 L 300 591 Q 290 591 290 601 L 290 624.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 290 629.88 L 286.5 622.88 L 290 624.63 L 293.5 622.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="200" y="371" width="120" height="40" 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: 118px; height: 1px; padding-top: 391px; margin-left: 201px;">
<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; ">
sw-srv-01
<br/>
(AT-x510-28GTX)
</div>
</div>
</div>
</foreignObject>
<text x="260" y="395" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
sw-srv-01...
</text>
</switch>
</g>
</g>
<g>
<path d="M 420 411 L 420 451 Q 420 461 426.82 461 L 433.63 461" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 438.88 461 L 431.88 464.5 L 433.63 461 L 431.88 457.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 420 411 L 420 511 Q 420 521 426.82 521 L 433.63 521" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 438.88 521 L 431.88 524.5 L 433.63 521 L 431.88 517.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 420 411 L 420 591 Q 420 601 426.82 601 L 433.63 601" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 438.88 601 L 431.88 604.5 L 433.63 601 L 431.88 597.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 420 411 L 420 651 Q 420 661 426.82 661 L 433.63 661" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 438.88 661 L 431.88 664.5 L 433.63 661 L 431.88 657.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 390 411 L 390 441 Q 390 451 380 451 L 250 451 Q 240 451 240 461 L 240 504.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 240 509.88 L 236.5 502.88 L 240 504.63 L 243.5 502.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 420 411 L 420 591 Q 420 601 410 601 L 310 601 Q 300 601 300 611 L 300 624.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 300 629.88 L 296.5 622.88 L 300 624.63 L 303.5 622.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="360" y="371" width="120" height="40" 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: 118px; height: 1px; padding-top: 391px; margin-left: 361px;">
<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; ">
<span style="">
sw-srv-02
</span>
<div>
<span style="">
(AT-x510-28GTX)
</span>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="420" y="395" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
sw-srv-02...
</text>
</switch>
</g>
</g>
<g>
<path d="M 326.37 391 L 353.63 391" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 321.12 391 L 328.12 387.5 L 326.37 391 L 328.12 394.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 358.88 391 L 351.88 394.5 L 353.63 391 L 351.88 387.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 410 51 L 410 101 Q 410 111 400 111 L 380 111 Q 370 111 370 121 L 370 164.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 370 169.88 L 366.5 162.88 L 370 164.63 L 373.5 162.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); 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: 1px; height: 1px; padding-top: 84px; margin-left: 411px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #FFFFFF); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
LTE/5G (1GbE)
</div>
</div>
</div>
</foreignObject>
<text x="411" y="87" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">
LTE/5G (1GbE)
</text>
</switch>
</g>
</g>
<g>
<path d="M 447.17 51 C 454.66 50.15 460.01 43.69 459.11 36.57 C 458.21 29.45 451.4 24.38 443.91 25.23 C 443.83 14.6 435.98 5.46 425.03 3.23 C 414.08 1 402.97 6.29 398.31 15.96 C 394.85 12.2 389.36 10.79 384.38 12.36 C 379.4 13.94 375.9 18.2 375.5 23.17 C 367.41 22.89 360.6 28.89 360.3 36.57 C 360 44.25 366.32 50.72 374.42 51 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2.06" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</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: 1px; height: 1px; padding-top: 26px; margin-left: 410px;">
<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: nowrap; ">
The Internet
</div>
</div>
</div>
</foreignObject>
<text x="410" y="30" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
The Internet
</text>
</switch>
</g>
</g>
<g>
<rect x="440" y="451" width="120" height="40" 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: 118px; height: 1px; padding-top: 471px; margin-left: 441px;">
<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; ">
sc-rpi4-01
<br/>
(RPi4)
</div>
</div>
</div>
</foreignObject>
<text x="500" y="475" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
sc-rpi4-01...
</text>
</switch>
</g>
</g>
<g>
<rect x="440" y="591" width="120" height="40" 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: 118px; height: 1px; padding-top: 611px; margin-left: 441px;">
<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; ">
x86-01-pve
<br/>
(GEM 10)
</div>
</div>
</div>
</foreignObject>
<text x="500" y="615" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x86-01-pve...
</text>
</switch>
</g>
</g>
<g>
<rect x="440" y="511" width="120" height="40" 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: 118px; height: 1px; padding-top: 531px; margin-left: 441px;">
<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; ">
n1-pro-pve
<br/>
(N1-Pro)
</div>
</div>
</div>
</foreignObject>
<text x="500" y="535" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
n1-pro-pve...
</text>
</switch>
</g>
</g>
<g>
<rect x="440" y="651" width="120" height="40" 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: 118px; height: 1px; padding-top: 671px; margin-left: 441px;">
<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; ">
x86-02-pve
<br/>
(GEM 10)
</div>
</div>
</div>
</foreignObject>
<text x="500" y="675" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x86-02-pve...
</text>
</switch>
</g>
</g>
<g>
<path d="M 260 551 L 260 581 Q 260 591 260 601 L 260 624.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 260 629.88 L 256.5 622.88 L 260 624.63 L 263.5 622.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="200" y="511" width="120" height="40" 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: 118px; height: 1px; padding-top: 531px; margin-left: 201px;">
<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="">
<span style="background-color: transparent; font-variant-ligatures: no-common-ligatures;">
<font face="UI Sans, Lato, HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif">
sw-aggr-srv-01
<br/>
(USW Aggregation)
</font>
</span>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="260" y="535" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
sw-aggr-srv-01...
</text>
</switch>
</g>
</g>
<g>
<rect x="200" y="631" width="120" height="40" 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: 118px; height: 1px; padding-top: 651px; margin-left: 201px;">
<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; ">
stg-nas-01
</div>
</div>
</div>
</foreignObject>
<text x="260" y="655" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
stg-nas-01
</text>
</switch>
</g>
</g>
<g>
<rect x="0" y="451" width="120" height="40" 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: 118px; height: 1px; padding-top: 471px; margin-left: 1px;">
<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; ">
AP
</div>
</div>
</div>
</foreignObject>
<text x="60" y="475" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
AP
</text>
</switch>
</g>
</g>
<g>
<path d="M 60 411 L 60 444.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 60 449.88 L 56.5 442.88 L 60 444.63 L 63.5 442.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="0" y="371" width="120" height="40" 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: 118px; height: 1px; padding-top: 391px; margin-left: 1px;">
<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 face="UI Sans, Lato, HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif">
<span style="font-variant-ligatures: no-common-ligatures;">
sw-flex
<br/>
(USW Flex)
</span>
</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="60" y="395" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
sw-flex...
</text>
</switch>
</g>
</g>
<g>
<path d="M 160 731 L 160 51" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="40" y="131" width="120" height="40" fill="none" stroke="none" pointer-events="all"/>
</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: 151px; margin-left: 41px;">
<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; ">
VLAN 100
<br/>
192.168.100.0/24
</div>
</div>
</div>
</foreignObject>
<text x="100" y="155" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
VLAN 100...
</text>
</switch>
</g>
</g>
<g>
<rect x="160" y="131" width="120" height="40" fill="none" stroke="none" pointer-events="all"/>
</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: 151px; margin-left: 161px;">
<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; ">
VLAN 10~90
<br/>
10.0.0.0/16
</div>
</div>
</div>
</foreignObject>
<text x="220" y="155" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
VLAN 10~90...
</text>
</switch>
</g>
</g>
<g>
<path d="M 340 291 L 340 321 Q 340 331 330 331 L 270 331 Q 260 331 260 341 L 260 364.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 260 369.88 L 256.5 362.88 L 260 364.63 L 263.5 362.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 340 291 L 340 321 Q 340 331 350 331 L 410 331 Q 420 331 420 341 L 420 364.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 420 369.88 L 416.5 362.88 L 420 364.63 L 423.5 362.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 340 291 L 340 321 Q 340 331 330 331 L 70 331 Q 60 331 60 341 L 60 364.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 60 369.88 L 56.5 362.88 L 60 364.63 L 63.5 362.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="280" y="251" width="120" height="40" 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: 118px; height: 1px; padding-top: 271px; margin-left: 281px;">
<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 face="UI Sans, Lato, HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif">
<span style="font-variant-ligatures: no-common-ligatures;">
sw-aggr-edge-01
<br/>
(USW Aggregation)
</span>
</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="340" y="275" fill="light-dark(#000000,#FFFFFF)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
sw-aggr-edge-01...
</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>

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

View File

@@ -0,0 +1,274 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Network IP Map</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;600;700&family=Syne:wght@400;700;800&display=swap');
:root {
--bg:#0a0e1a;--surface:#111827;--border:#1e2d40;--text:#e2e8f0;--muted:#64748b;--accent:#38bdf8;
--vlan10:#f59e0b;--vlan20h:#10b981;--vlan20v:#34d399;--vlan30:#8b5cf6;--vlan40:#3b82f6;
--vlan50:#f43f5e;--vlan60:#f97316;--prv:#06b6d4;--wan:#84cc16;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.5;padding:32px;min-height:100vh}
h1{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;letter-spacing:.05em;color:var(--accent);margin-bottom:4px}
.subtitle{color:var(--muted);font-size:11px;margin-bottom:32px;letter-spacing:.1em;text-transform:uppercase}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1100px}
.section{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.section.full-width{grid-column:1/-1}
.section-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.02)}
.section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.section-title{font-family:'Syne',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.section-range{margin-left:auto;font-size:11px;color:var(--muted)}
.sub-label{padding:8px 16px 2px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;border-top:1px solid var(--border);margin-top:4px}
.sub-label.first{border-top:none;margin-top:0}
.device-list{padding:4px 0}
.device-row{display:grid;grid-template-columns:18px 1fr 160px;align-items:center;gap:8px;padding:5px 16px;transition:background .15s}
.device-row:hover{background:rgba(255,255,255,.03)}
.device-icon{font-size:10px;text-align:center}
.device-name{color:#cbd5e1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.device-name .hw{color:var(--muted);font-size:10px;margin-left:4px}
.device-ip{font-size:12px;text-align:right;font-weight:600}
.dhcp-bar{padding:6px 16px;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.2);border-top:1px solid var(--border)}
.dhcp-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}
.dhcp-range{font-size:11px;color:var(--muted)}
.dhcp-track{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin:0 8px}
.dhcp-fill{height:100%;border-radius:2px;opacity:.6}
.vm-table{width:100%;border-collapse:collapse;font-size:11px}
.vm-table td{padding:4px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--muted)}
.vm-table td:first-child{color:var(--vlan20v);font-weight:600}
.vm-table tr:last-child td{border-bottom:none}
.note{padding:6px 16px 8px;font-size:10px;color:var(--muted);border-top:1px solid var(--border);background:rgba(0,0,0,.15)}
.badge{display:inline-block;font-size:9px;padding:1px 6px;border-radius:3px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.badge-active{background:rgba(56,189,248,.15);color:var(--accent)}
.badge-vip{background:rgba(6,182,212,.15);color:var(--prv)}
.badge-fixed{background:rgba(132,204,22,.15);color:var(--wan)}
.badge-mobile{background:rgba(249,115,22,.15);color:var(--vlan60)}
.prv-cols{display:grid;grid-template-columns:1fr 2fr}
.prv-col{border-right:1px solid var(--border)}
.prv-col:last-child{border-right:none}
.prv-col-header{padding:6px 16px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);background:rgba(0,0,0,.1)}
.ssid-table{width:100%;border-collapse:collapse;font-size:11px}
.ssid-table th{padding:5px 16px;text-align:left;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);background:rgba(0,0,0,.1)}
.ssid-table td{padding:6px 16px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}
.ssid-table tr:last-child td{border-bottom:none}
.rule-allow{color:#10b981;font-size:10px}
.rule-deny{color:#f43f5e;font-size:10px}
@media(max-width:720px){.grid{grid-template-columns:1fr}.section.full-width{grid-column:1}.prv-cols{grid-template-columns:1fr}.prv-col{border-right:none;border-bottom:1px solid var(--border)}body{padding:16px}}
</style>
</head>
<body>
<h1>NETWORK IP MAP</h1>
<p class="subtitle">Infrastructure Address Plan · 2026</p>
<div class="grid">
<!-- WAN -->
<div class="section full-width">
<div class="section-header">
<div class="section-dot" style="background:var(--wan)"></div>
<span class="section-title">WAN</span>
<span class="section-range">Public IPs</span>
</div>
<div class="device-list">
<div class="device-row" style="grid-template-columns:18px 1fr 220px 100px">
<span class="device-icon">🌐</span>
<span class="device-name">WAN1 — Flets</span>
<span class="device-ip" style="color:var(--wan)">133.27.54.201/32</span>
<span><span class="badge badge-fixed">Static</span></span>
</div>
<div class="device-row" style="grid-template-columns:18px 1fr 220px 100px">
<span class="device-icon">📡</span>
<span class="device-name">WAN2 — LTE/5G</span>
<span class="device-ip" style="color:var(--wan)">106.128.57.19/28</span>
<span><span class="badge badge-mobile">Dynamic</span></span>
</div>
</div>
</div>
<!-- VLAN 10 -->
<div class="section">
<div class="section-header">
<div class="section-dot" style="background:var(--vlan10)"></div>
<span class="section-title" style="color:var(--vlan10)">VLAN 10 — MGMT</span>
<span class="section-range">10.0.10.0/24</span>
</div>
<div class="device-list">
<div class="device-row"><span class="device-icon">🔀</span><span class="device-name">rt-edge-01 <span class="hw">RTX 1300</span></span><span class="device-ip" style="color:var(--vlan10)">10.0.10.1</span></div>
<div class="device-row"><span class="device-icon">🔗</span><span class="device-name">rt-aggr-edge-01 <span class="hw">USW Aggr</span></span><span class="device-ip" style="color:var(--vlan10)">10.0.10.11</span></div>
<div class="device-row"><span class="device-icon">🖧</span><span class="device-name">sw-srv-01 <span class="hw">AT-x510</span></span><span class="device-ip" style="color:var(--vlan10)">10.0.10.21</span></div>
<div class="device-row"><span class="device-icon">🖧</span><span class="device-name">sw-srv-02 <span class="hw">AT-x510</span></span><span class="device-ip" style="color:var(--vlan10)">10.0.10.22</span></div>
<div class="device-row"><span class="device-icon">🔗</span><span class="device-name">sw-aggr-srv-01 <span class="hw">USW Aggr</span></span><span class="device-ip" style="color:var(--vlan10)">10.0.10.31</span></div>
</div>
</div>
<!-- VLAN 20 -->
<div class="section">
<div class="section-header">
<div class="section-dot" style="background:var(--vlan20h)"></div>
<span class="section-title" style="color:var(--vlan20h)">VLAN 20 — SERVER</span>
<span class="section-range">10.0.20.0/22</span>
</div>
<div class="sub-label first">HOST — 10.0.20.0/24</div>
<div class="device-list">
<div class="device-row"><span class="device-icon">🔀</span><span class="device-name">Gateway</span><span class="device-ip" style="color:var(--vlan20h)">10.0.20.1</span></div>
<div class="device-row"><span class="device-icon">🖥</span><span class="device-name">n1-pro-pve <span class="hw">n1-pro</span></span><span class="device-ip" style="color:var(--vlan20h)">10.0.20.11</span></div>
<div class="device-row"><span class="device-icon">🍓</span><span class="device-name">sc-rpi4-01 <span class="hw">RPi4</span></span><span class="device-ip" style="color:var(--vlan20h)">10.0.20.21</span></div>
<div class="device-row"><span class="device-icon">🖥</span><span class="device-name">x86-01-pve <span class="hw">GEM 10</span></span><span class="device-ip" style="color:var(--vlan20h)">10.0.20.51</span></div>
<div class="device-row"><span class="device-icon">🖥</span><span class="device-name">x86-02-pve <span class="hw">GEM 10</span></span><span class="device-ip" style="color:var(--vlan20h)">10.0.20.52</span></div>
</div>
<div class="dhcp-bar">
<span class="dhcp-label">Static</span>
<div class="dhcp-track"><div class="dhcp-fill" style="width:78%;background:var(--vlan20h)"></div></div>
<span class="dhcp-range">.10.199 / DHCP .200.230</span>
</div>
<div class="sub-label">VM — 10.0.21.0/24 〜 10.0.23.0/24</div>
<table class="vm-table">
<tr><td>10.0.21.0/24</td><td>VM 汎用(優先使用)</td></tr>
<tr><td>10.0.22.0/24</td><td>予備・用途別拡張</td></tr>
<tr><td>10.0.23.0/24</td><td>予備・用途別拡張</td></tr>
</table>
<div class="note">静的割当: 各 /24 の .1.199</div>
</div>
<!-- VLAN 30 -->
<div class="section">
<div class="section-header">
<div class="section-dot" style="background:var(--vlan30)"></div>
<span class="section-title" style="color:var(--vlan30)">VLAN 30 — STORAGE</span>
<span class="section-range">10.0.30.0/24</span>
</div>
<div class="device-list">
<div class="device-row"><span class="device-icon">🔀</span><span class="device-name">Gateway</span><span class="device-ip" style="color:var(--vlan30)">10.0.30.1</span></div>
<div class="device-row"><span class="device-icon">💾</span><span class="device-name">stg-01-nas <span class="hw">NAS</span></span><span class="device-ip" style="color:var(--vlan30)">10.0.30.11</span></div>
</div>
</div>
<!-- VLAN 40 -->
<div class="section">
<div class="section-header">
<div class="section-dot" style="background:var(--vlan40)"></div>
<span class="section-title" style="color:var(--vlan40)">VLAN 40 — CLIENT</span>
<span class="section-range">10.0.40.0/24</span>
</div>
<div class="device-list">
<div class="device-row"><span class="device-icon">🔀</span><span class="device-name">Gateway</span><span class="device-ip" style="color:var(--vlan40)">10.0.40.1</span></div>
</div>
<div class="dhcp-bar">
<span class="dhcp-label">DHCP</span>
<div class="dhcp-track"><div class="dhcp-fill" style="width:40%;background:var(--vlan40)"></div></div>
<span class="dhcp-range">.100 .199</span>
</div>
</div>
<!-- VLAN 50 -->
<div class="section">
<div class="section-header">
<div class="section-dot" style="background:var(--vlan50)"></div>
<span class="section-title" style="color:var(--vlan50)">VLAN 50 — GUEST</span>
<span class="section-range">10.0.50.0/24</span>
</div>
<div class="device-list">
<div class="device-row"><span class="device-icon">🔀</span><span class="device-name">Gateway</span><span class="device-ip" style="color:var(--vlan50)">10.0.50.1</span></div>
</div>
<div class="dhcp-bar">
<span class="dhcp-label">DHCP</span>
<div class="dhcp-track"><div class="dhcp-fill" style="width:48%;background:var(--vlan50)"></div></div>
<span class="dhcp-range">.100 .220(分離)</span>
</div>
</div>
<!-- VLAN 60 -->
<div class="section">
<div class="section-header">
<div class="section-dot" style="background:var(--vlan60)"></div>
<span class="section-title" style="color:var(--vlan60)">VLAN 60 — IoT</span>
<span class="section-range">10.0.60.0/24</span>
</div>
<div class="device-list">
<div class="device-row"><span class="device-icon">🔀</span><span class="device-name">Gateway</span><span class="device-ip" style="color:var(--vlan60)">10.0.60.1</span></div>
<div class="device-row"><span class="device-icon">📦</span><span class="device-name">静的 IoT 機器</span><span class="device-ip" style="color:var(--vlan60)">.2 .99</span></div>
</div>
<div class="dhcp-bar">
<span class="dhcp-label">DHCP</span>
<div class="dhcp-track"><div class="dhcp-fill" style="width:20%;background:var(--vlan60)"></div></div>
<span class="dhcp-range">.100 .149</span>
</div>
</div>
<!-- PRV -->
<div class="section full-width">
<div class="section-header">
<div class="section-dot" style="background:var(--prv)"></div>
<span class="section-title" style="color:var(--prv)">VLAN 100 — PRV</span>
<span class="section-range">192.168.100.0/22 · AP VLAN非対応 · SSID別論理分離</span>
</div>
<div class="prv-cols">
<div class="prv-col">
<div class="prv-col-header">インフラ静的割当</div>
<div class="device-list">
<div class="device-row" style="grid-template-columns:18px 1fr 150px">
<span class="device-icon">🛡</span>
<span class="device-name">CARP VIP <span class="badge badge-vip">GW</span></span>
<span class="device-ip" style="color:var(--prv)">192.168.100.1</span>
</div>
<div class="device-row" style="grid-template-columns:18px 1fr 150px">
<span class="device-icon">🔥</span>
<span class="device-name">opnsense-01 <span class="badge badge-active">Active</span></span>
<span class="device-ip" style="color:var(--prv)">192.168.100.2</span>
</div>
<div class="device-row" style="grid-template-columns:18px 1fr 150px">
<span class="device-icon">🔗</span>
<span class="device-name">sw-flex <span class="hw">USW Flex</span></span>
<span class="device-ip" style="color:var(--prv)">192.168.100.11</span>
</div>
<div class="device-row" style="grid-template-columns:18px 1fr 150px">
<span class="device-icon">📶</span>
<span class="device-name">ap-prv-01 <span class="hw">sw-flex 配下</span></span>
<span class="device-ip" style="color:var(--prv)">192.168.100.21</span>
</div>
</div>
<div class="note">静的: .1.30 予備: 192.168.103.0/24</div>
</div>
<div class="prv-col">
<div class="prv-col-header">DHCP スコープSSID 別 / 論理分離)</div>
<table class="ssid-table">
<thead>
<tr><th>SSID 用途</th><th>便宜上のCIDR</th><th>DHCP レンジ</th><th>OPNsense ルール</th></tr>
</thead>
<tbody>
<tr>
<td style="color:#e2e8f0">Main一般端末</td>
<td style="color:var(--prv)">192.168.100.0/24</td>
<td style="color:var(--muted)">.100 .200</td>
<td><span class="rule-allow">✓ 内部アクセス許可</span></td>
</tr>
<tr>
<td style="color:#e2e8f0">IoT</td>
<td style="color:var(--vlan60)">192.168.101.0/24</td>
<td style="color:var(--muted)">.100 .200</td>
<td><span class="rule-deny">✗ 内部遮断 / WAN のみ</span></td>
</tr>
<tr>
<td style="color:#e2e8f0">Guest</td>
<td style="color:var(--vlan50)">192.168.102.0/24</td>
<td style="color:var(--muted)">.100 .200</td>
<td><span class="rule-deny">✗ 内部遮断 / WAN のみ</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div style="margin-top:20px;font-size:10px;color:var(--muted);letter-spacing:.08em">
SRV: 10.0.0.0/16 &nbsp;|&nbsp; PRV: 192.168.100.0/22 &nbsp;|&nbsp; OPNsense HA: CARP + pfsync &nbsp;|&nbsp; VLAN 110 / 120 廃止
</div>
</body>
</html>

View File

@@ -0,0 +1,129 @@
# Network IP Map
## WAN
| インターフェース | IP アドレス | 回線 |
|---|---|---|
| WAN1 | `133.27.54.201/32` | Flets固定IP |
| WAN2 | `106.128.57.19/28` | LTE/5Gモバイル |
---
## SRV ネットワーク10.0.0.0/16
### VLAN 10 — MGMT`10.0.10.0/24`
| ホスト名 | 機器 | IP アドレス |
|---|---|---|
| `rt-edge-01` | RTX 1300 | `10.0.10.1` |
| `rt-aggr-edge-01` | USW Aggregation | `10.0.10.11` |
| `sw-srv-01` | AT-x510-28GTX | `10.0.10.21` |
| `sw-srv-02` | AT-x510-28GTX | `10.0.10.22` |
| `sw-aggr-srv-01` | USW Aggregation | `10.0.10.31` |
---
### VLAN 20 — SERVER`10.0.20.0/22`
> 便宜上 HOST と VM でサブネットを分割。実態は VLAN 20 単一。`10.0.20.0/22` のレンジは `10.0.20.0` 〜 `10.0.23.255``/24` 4本
#### HOST: `10.0.20.0/24`
| ホスト名 | 機器 | IP アドレス |
|---|---|---|
| Gateway | — | `10.0.20.1` |
| `n1-pro-pve` | n1-pro | `10.0.20.11` |
| `sc-rpi4-01` | Raspberry Pi 4 | `10.0.20.21` |
| `x86-01-pve` | GEM 10 | `10.0.20.51` |
| `x86-02-pve` | GEM 10 | `10.0.20.52` |
- **静的割当**: `.10` `.199`
- **DHCP**: `.200` `.230`
#### VM: `10.0.21.0/24` 〜 `10.0.23.0/24``/22` 残り空間)
| 便宜上のCIDR | 用途 |
|---|---|
| `10.0.21.0/24` | VM 汎用(優先使用) |
| `10.0.22.0/24` | 予備・用途別拡張 |
| `10.0.23.0/24` | 予備・用途別拡張 |
- **VM 静的割当**: 各 `/24``.1` `.199`
---
### VLAN 30 — STORAGE`10.0.30.0/24`
| ホスト名 | 機器 | IP アドレス |
|---|---|---|
| Gateway | — | `10.0.30.1` |
| `stg-01-nas` | NAS | `10.0.30.11` |
---
### VLAN 40 — CLIENT`10.0.40.0/24`
| ホスト名 | 機器 | IP アドレス |
|---|---|---|
| Gateway | — | `10.0.40.1` |
- **DHCP**: `.100` `.199`
---
### VLAN 50 — GUEST`10.0.50.0/24`
| ホスト名 | 機器 | IP アドレス |
|---|---|---|
| Gateway | — | `10.0.50.1` |
- **DHCP**: `.100` `.220`(分離運用)
---
### VLAN 60 — IoT`10.0.60.0/24`
| ホスト名 | 機器 | IP アドレス |
|---|---|---|
| Gateway | — | `10.0.60.1` |
| 静的 IoT 機器 | — | `.2` `.99` |
- **DHCP**: `.100` `.149`
---
## PRV ネットワーク192.168.100.0/22
> AP は VLAN 非対応のため VLAN 100 単一で運用。IoT・Guest の分離は SSID 別の DHCP スコープOPNsense ファイアウォールルールのみで対応。
### VLAN 100 — PRV`192.168.100.0/22`
#### インフラ静的割当
| ホスト名 | 役割 | IP アドレス |
|---|---|---|
| CARP VIP | デフォルト GW | `192.168.100.1` |
| `opnsense-01` | OPNsenseActive | `192.168.100.2` |
| `sw-flex` | USW Flex | `192.168.100.11` |
| `ap-prv-01` | APsc-flex 配下) | `192.168.100.21` |
#### DHCP スコープSSID 別 / 論理分離)
| SSID 用途 | 便宜上のCIDR | DHCP レンジ | OPNsense ルール |
|---|---|---|---|
| Main一般端末 | `192.168.100.0/24` | `192.168.100.100` `.200` | 内部アクセス許可 |
| IoT | `192.168.101.0/24` | `192.168.101.100` `.200` | 内部アクセス遮断、WAN のみ |
| Guest | `192.168.102.0/24` | `192.168.102.100` `.200` | 内部アクセス遮断、WAN のみ |
- **インフラ静的**: `192.168.100.1` `.30`
- **予備/将来用**: `192.168.103.0/24`
---
## 備考
- SRV 系 VLAN はすべて `10.0.0.0/16` 内で `/24` 単位に分割
- PRV 系は `192.168.100.0/22` を VLAN 単位にサブネット分割
- OPNsense HA 構成: CARP + pfsync によるセッション同期(推奨)
- デフォルト GW はすべて `.1`、インフラ機器は `.2``.99`
- PRV は VLAN 100 単一運用。IoT / Guest 分離は DHCP スコープ+ファイアウォールルールで対応

View File

@@ -1,307 +1,844 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="534px" height="482px" viewBox="-0.5 -0.5 534 482" content="&lt;mxfile&gt;&lt;diagram id=&quot;41dl40bhyq1pYzWGlvd1&quot; name=&quot;ページ1&quot;&gt;7Zpdc5s4FIZ/DTPJhTMgYYwvwWHTTtOtJ8426VUHg4o1AeSV5dreX7+SEZ+idtpi4nSSm0hH368eDtIxGpwk2xvqLxcfSYhiDejhVoPXGgCGBQ3+T1h2mWVsgMwQURzKSqVhhv9D0qhL6xqHaFWryAiJGV7WjQFJUxSwms2nlGzq1b6RuD7q0o+QYpgFfqxaH3DIFpnVBqPS/g7haJGPbFjjrCTx88pyJauFH5JNxQQ9DU4oISxLJdsJioV4uS5Zu79+UFpMjKKUPacBsLMW3/14LRcnJ8Z2+WopWachEg0MDbqbBWZotvQDUbrh+8ttC5bEsvgbjuMJiQnl+ZSkvJIrR0CUoe0Pp2kUi+fUIJIgRne8imxgSrl29eymFN+wpG1RER7o0ujLDY+KnktNeELK0i6RqQiCQk6DzMo1VhTgS6K7R57Rr4Z59ovI5pnrbS23k7lsGNH3YZH4VMiaBrKW3C7m0wjJWrBdSopin+Hv9d5/RxigoHO/QNzwPmWIpnw2Td0qIpE1i3GKJsUDqjfY0QCc7P+4fcUoeUKVEsu2DRfykoj6IebyNIjLzdeY8t4xSfdFVLAiO8sfWyAsC38pZphsI+GurvjUN4Q+ra6CmKxDMS9SjsBH1/d/3YANoX2UbKOFbKsDsK2zBhuqYA97AhsqYN94g09//3PAM+rHPWMntMAaLUYbLqAFF7MDXOyzxmWo4jLqCZehgovDHWDCTQ83fDf0d1P+CtEv7u4vXxwgMK4DVJxDKgAVL82uATIOv0mFfyYRSf3YK63tQNVwugLDkxA1UonKjqk9IGUc9s2/LNXoD5TqsF96DVT15aiM8aunqi+pivm8Wqoq18kTSwU7ksqoS3VMKbTF7LEiKs9+yXvh6bKVyHQvb1/+7cj982TydqbUuCeh5NDVY9j9YDs09AGwb+4fxRHslqOqzx7O7xwG9R7PYWNFqIe7ycD1oCU0cqYvL09xhzkgz8nuOXkssqLP3RSbA90YTD97GrBiPpg7pzwVidSF5g0119VsqHmW5lxrDtA8U3MdzbZFkeNpYydvtlr6aU1b69+1iPW5QRZfcMSTEc0vLM4Hn6le/r/cS6vP/eAp2u/HoNKEUT9d5fq6Za/5HC/z8fnisylk9hffaXPYeBDsPndadRlb2xIbveR+6dykMWGP0uT9VqRJuSyUnKc0fVIDVP9w7c0+3H+aDj7evp+OJp9fXB+74T7b5GmLl3cij6XIo+ihBFQtax/oFYvGgR87MY5EzJaRZcV6689RPCUrLCO6c8IYSXiFuFEQIBGB5gW+7KcwvLYIdELmeH+g6wAKqw6F0RL6gSeKNLeczd6Y+FUmYn+ZadDFQctoQAGHChStjmL4+1BA9RXzBsU5OIpRk4n+HEX+YcAbE+fmKBo3MsPs0VGov8cpULy2vQlIknzl03z6mkVYnvPDWVF2NCBWjYcVIbAO42EyglCLh9nt/FSPnG0BjcL47HiQHGNKMJ9hGVFpHHlHDW+UTV82KtlT+mmCDpodZYtWOtpDXKz7eVybKtfeSLNNzTFEwh2JwIEHRWTBHsnEWN8ngOaYMuGqUX3+nLM6U4oza3rLBIfh/gXSdjup31+6f8W0/QzZSgvo4h2jXlBmG8yChUvUT1Z+6tunDoRpHNItVRe7RRYIfloWni2/MsvgLb/Vg97/&lt;/diagram&gt;&lt;/mxfile&gt;"> <svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: #000000; background-color: light-dark(#000000, transparent); color-scheme: light dark;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1512px" height="542px" viewBox="-0.5 -0.5 1512 542" content="&lt;mxfile&gt;&lt;diagram id=&quot;41dl40bhyq1pYzWGlvd1&quot; name=&quot;ページ1&quot;&gt;5Vxdc6M2FP01zGweyCDx/Rg7drYPbTOb3Wb3kdiszQQjV+C1019fCaQYJPmDGIM6zYuREBIcnat7dLnEsMer3QOO1svf0TxODWjNd4Z9b0BoQ8ciP7TmraoBPi3SmgVO5qxuX/GU/BOzSnbhYpPM47zRsEAoLZJ1s3KGsiyeFY26CGO0bTb7idLmqOtoEUsVT7MolWufk3mxrGoD6O/rP8fJYslHBl5YnXmJZq8LjDYZGy+ljcx5hF8/GdC2yj8DjgscZfk6wnFW3FQXriI+CoMgX0ZztK1V2RPDHmOEiupotRvHKYWdA1pdNz1w9v2J6JjnXBAE7D6KN45KPCcgsSLCxRItUBalk33taFmsUnISkEMyDH77TgoWL/yghVvf5eX7Xf3s/Rsr5QVGr/EYpQiXw9phOB5Pp2W7+R2dXFKdoSyuaqZJmrIr5UdkT52jDZ6xh3AdxqcIL2LWLPCqOvqAtQsZMA8xWsXkDkkDHKdRkfxqsiRiZFu8t2OXkpuN3moN1ijJirzW8yOtIA2Y4UCLzT03G1eYonbtyUF1B7xUe5R9VTntagpwqH5F6YY98p9/fJNoUdI9nrNJ2C6TIn5aRyXeW7I+NGlxcI5+xbiId0fRZ2cd4am5xWz3lvpet6xZKb9ONV81zI5D4kmQ3H01dy6wTBg8fP0+ODiBwAnXlcBxw2uB40vgWLfgMkh+oqxg/iHoCCEgICTTx1YABLoAKFAABHUHKOwRoFABkNMZQGFHALmDAeRZCoBs3QHq0cQ8oADI1Q6gcDiAZKdORJluAIX2cAC5CoBC7QDyhwNI1kDEzVu6I9TnKq0UQt05+o4QAtZwnt5TSSHQnVi8FkR92plKDAHtnD2whvP23MSbEGknGCWIejQ0XyWIgKcfROFwEEEVRNqJRgmiPg3NVkGknWwEYDjd6KuENZCjqLpB1KehqaT1e8BbI4iGk46+Ulxrt/2QIOrT0FTqGuonHeFw0tFXBhr124CIEPVpaCp1DfWTjnA46Rio1DXUbwMiQtSjoQUqdQ31k472cGtRoFLXUL8NiAhRn4amUtdQP+lou2AwiFTqGuq3AREh6tPQFO+mixivSNXzA4CW9fnxQvfWAUCDvr0Hobwyd5LU0i6n5UBSEDmeTsNwOr05I9dlHuXLctqOzks98SXkiVS1xBfgMAsaPPOlQQqe2HI48aXR3Os27SWUffrzl7E5mtgXOq0OzMdRA9WP9ViyZP7ymDimBczHvyaDYyOmvjhOn+AA2YdnwFxjZK6J1QyNTegNio0c99kFHuWNDthIKVO9uiRHjmYY0EsL6jXWUdaAxvt7Q9M/R7PKkdzRdXnx8qlyHhb/uSlh4W3J0YL+Pm2T2XJEqljn5Maq/qvTvPoFnzOiZ1dj7X+rQa18hlGavkTYFK6AVPHTpvWDG36SiqayrnagfoyrYPPJmIRGODJGI2PiGsEdPZ7YBpHld4AdjMblATRGxD0fgnBwIjdtXKZxcC0Wu7KyHEBYEQVlw/G9DWm7XVJ83/dBSj/4WOR43x0tvNUKjzFOyPPH+H28DpKOAU+NrIsvjlnH2ktSS6Z7QDTwLqo7ZVftJ72tiDMFHwOcbnUZcOVIwtcl8R/WbxmZrywuJA7WGIY2RZpkhCr8iwE6eT/JPNbIMy7/VLTyggCMbHJmgaN5Qqaan2Oc4NX3CSa9JygrT2Fqd6wz/h0B5Wa+jNb0Dle7Bf2A4pbc+hbh1/x2lqLNnG1Ma6OzLUJjwwqOku/8RcMEgpr2Fd7PUqwbbifrhuz97tEMrVDdH5258pcLrJlXKyxd/9c4PuRD6GcFtT6FlXy0yQlV8vz/xCe3IzoJTggodigO5BmZdT7xqOlFKTOqWKN2oUYx+7PPtCtVpFG7QKOY/dkjQFDxCmgYJXP2Z09qpfMubpRK5+AkNaJDfMM/cHQo4PvHprA9FB1yoVIHn938WDjp9L2Ft6F/lrySuvKFZcFx5b6q6ZH6+oCagrYcPG9F9K4Je0Kaf/RzwoNMb3wUGGjMfthkGAAn+Cwsnm3bO34r/tvNu/PO21vI/YjBO1/oqEvmX+nT1v/IEl8nPp+uBvF5KHNo4ntNatkneCzExls2d8Lj7cNL27dzK12ZFejRrOQsNY0dynl+QRMXIFgCEL/dF7ktRHzatndPvH8LL2zf0sX43diC9A7kirbgyFlSGtvCRx3aeS4GqlyMq4VhhZZgWKechpD12ra9eywkepL4QNzgns184Tac4IrMl8MtHxNXoB0XdRRXocx8Tf7VCLAEl3LCQ9hCWK9l86OvAq634Iu0v+aCf+Fu+hDtr/jvcq6mmnxFLIkn1QzNeyCu+CdkPBCCMm3bC9uQE8wHVkfUt0VHJb6t+TD1SXH/T6iq5vt/AmZP/gU=&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/> <defs/>
<rect fill="#000000" width="100%" height="100%" x="0" y="0" style="fill: light-dark(rgb(0, 0, 0), transparent);"/>
<g> <g>
<g> <g>
<rect x="0" y="1" width="160" height="200" rx="24" ry="24" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 281 130 L 311 130 Q 321 130 331 130 L 361 130" fill="none" stroke="#99ccff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 204, 255), rgb(30, 74, 118));"/>
</g> </g>
<g> <g>
<path d="M 353 61 L 353 94.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="161" y="100" width="120" height="40" 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));"/>
<path d="M 353 99.88 L 349.5 92.88 L 353 94.63 L 356.5 92.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 393.88 61 C 402.13 59.98 408.01 52.22 407.02 43.68 C 406.03 35.15 398.54 29.05 390.3 30.08 C 390.21 17.32 381.57 6.35 369.53 3.67 C 357.49 1 345.27 7.35 340.14 18.95 C 336.33 14.44 330.29 12.74 324.82 14.64 C 319.34 16.53 315.49 21.64 315.06 27.6 C 306.15 27.26 298.66 34.46 298.33 43.68 C 298 52.91 304.96 60.66 313.86 61 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2.39" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <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: 1px; height: 1px; padding-top: 31px; margin-left: 353px;"> <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: 120px; margin-left: 162px;">
<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, #ededed); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
The Internet
</div>
</div>
</div>
</foreignObject>
<text x="353" y="35" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
The Internet
</text>
</switch>
</g>
</g>
<g>
<path d="M 353 141 L 353 174.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 353 179.88 L 349.5 172.88 L 353 174.63 L 356.5 172.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="293" y="101" width="120" height="40" 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: 118px; height: 1px; padding-top: 121px; margin-left: 294px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <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="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; ">
GE-ONU ONU
</div> </div>
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="353" y="125" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="221" y="124" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
GE-ONU ONU
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<path d="M 353 221 L 353 254.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="921" y="35" width="590" height="40" 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));"/>
<path d="M 353 259.88 L 349.5 252.88 L 353 254.63 L 356.5 252.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="253" y="181" width="200" height="40" 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> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <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: 198px; height: 1px; padding-top: 201px; margin-left: 254px;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 588px; height: 1px; padding-top: 55px; margin-left: 922px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <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="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; ">
Aterm WG1200HP4 (RT) AT-x510-28GTX
</div> </div>
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="353" y="205" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="1216" y="59" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Aterm WG1200HP4 (RT) AT-x510-28GTX
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<path d="M 353 301 L 353 341 Q 353 351 363 351 L 406.63 351" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="931" y="30" width="30" height="10" 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));"/>
<path d="M 411.88 351 L 404.88 354.5 L 406.63 351 L 404.88 347.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 353 301 L 353 361 Q 353 371 363 371 L 406.63 371" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 411.88 371 L 404.88 374.5 L 406.63 371 L 404.88 367.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 353 301 L 353 391 Q 353 401 363 401 L 406.63 401" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 411.88 401 L 404.88 404.5 L 406.63 401 L 404.88 397.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 353 301 L 353 411 Q 353 421 363 421 L 406.63 421" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 411.88 421 L 404.88 424.5 L 406.63 421 L 404.88 417.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 353 301 L 353 441 Q 353 451 363 451 L 406.63 451" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 411.88 451 L 404.88 454.5 L 406.63 451 L 404.88 447.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 303 301 L 303 351 Q 303 361 293 361 L 206.37 361" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 201.12 361 L 208.12 357.5 L 206.37 361 L 208.12 364.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 253 281 L 206.37 281" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 201.12 281 L 208.12 277.5 L 206.37 281 L 208.12 284.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="253" y="261" width="200" height="40" 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> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <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: 198px; height: 1px; padding-top: 281px; margin-left: 254px;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 35px; margin-left: 932px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.1
</div>
</div>
</div>
</foreignObject>
<text x="946" y="37" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">
0.1
</text>
</switch>
</g>
</g>
<g>
<rect x="931" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 932px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.2
</div>
</div>
</div>
</foreignObject>
<text x="946" y="77" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">
0.2
</text>
</switch>
</g>
</g>
<g>
<rect x="971" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 972px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.4
</div>
</div>
</div>
</foreignObject>
<text x="986" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.4
</text>
</switch>
</g>
</g>
<g>
<rect x="971" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 972px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.3
</div>
</div>
</div>
</foreignObject>
<text x="986" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.3
</text>
</switch>
</g>
</g>
<g>
<rect x="1011" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1012px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.5
</div>
</div>
</div>
</foreignObject>
<text x="1026" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.5
</text>
</switch>
</g>
</g>
<g>
<rect x="1051" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1052px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.7
</div>
</div>
</div>
</foreignObject>
<text x="1066" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.7
</text>
</switch>
</g>
</g>
<g>
<rect x="1091" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1092px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.9
</div>
</div>
</div>
</foreignObject>
<text x="1106" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.9
</text>
</switch>
</g>
</g>
<g>
<rect x="1091" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1092px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.10
</div>
</div>
</div>
</foreignObject>
<text x="1106" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.10
</text>
</switch>
</g>
</g>
<g>
<rect x="1131" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1132px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.12
</div>
</div>
</div>
</foreignObject>
<text x="1146" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.12
</text>
</switch>
</g>
</g>
<g>
<rect x="1131" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1132px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.11
</div>
</div>
</div>
</foreignObject>
<text x="1146" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.11
</text>
</switch>
</g>
</g>
<g>
<rect x="1171" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1172px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.13
</div>
</div>
</div>
</foreignObject>
<text x="1186" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.13
</text>
</switch>
</g>
</g>
<g>
<rect x="1171" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1172px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.14
</div>
</div>
</div>
</foreignObject>
<text x="1186" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.14
</text>
</switch>
</g>
</g>
<g>
<rect x="1211" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1212px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.16
</div>
</div>
</div>
</foreignObject>
<text x="1226" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.16
</text>
</switch>
</g>
</g>
<g>
<rect x="1211" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1212px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.15
</div>
</div>
</div>
</foreignObject>
<text x="1226" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.15
</text>
</switch>
</g>
</g>
<g>
<rect x="1251" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1252px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.17
</div>
</div>
</div>
</foreignObject>
<text x="1266" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.17
</text>
</switch>
</g>
</g>
<g>
<rect x="1251" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1252px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.18
</div>
</div>
</div>
</foreignObject>
<text x="1266" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.18
</text>
</switch>
</g>
</g>
<g>
<rect x="1291" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1292px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.20
</div>
</div>
</div>
</foreignObject>
<text x="1306" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.20
</text>
</switch>
</g>
</g>
<g>
<rect x="1291" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1292px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.19
</div>
</div>
</div>
</foreignObject>
<text x="1306" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.19
</text>
</switch>
</g>
</g>
<g>
<rect x="1331" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1332px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.21
</div>
</div>
</div>
</foreignObject>
<text x="1346" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.21
</text>
</switch>
</g>
</g>
<g>
<rect x="1331" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1332px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.22
</div>
</div>
</div>
</foreignObject>
<text x="1346" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.22
</text>
</switch>
</g>
</g>
<g>
<rect x="1371" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1372px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.24
</div>
</div>
</div>
</foreignObject>
<text x="1386" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.24
</text>
</switch>
</g>
</g>
<g>
<rect x="1371" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1372px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.23
</div>
</div>
</div>
</foreignObject>
<text x="1386" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.23
</text>
</switch>
</g>
</g>
<g>
<rect x="1431" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1432px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.25
</div>
</div>
</div>
</foreignObject>
<text x="1446" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.25
</text>
</switch>
</g>
</g>
<g>
<rect x="1431" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1432px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.26
</div>
</div>
</div>
</foreignObject>
<text x="1446" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.26
</text>
</switch>
</g>
</g>
<g>
<rect x="1472" y="70" width="30" height="10" 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: 28px; height: 1px; padding-top: 75px; margin-left: 1473px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.28
</div>
</div>
</div>
</foreignObject>
<text x="1487" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.28
</text>
</switch>
</g>
</g>
<g>
<rect x="1472" y="30" width="30" height="10" 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: 28px; height: 1px; padding-top: 35px; margin-left: 1473px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
0.27
</div>
</div>
</div>
</foreignObject>
<text x="1487" y="38" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
0.27
</text>
</switch>
</g>
</g>
<g>
<rect x="361" y="100" width="120" height="40" 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: 118px; height: 1px; padding-top: 120px; margin-left: 362px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <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="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; ">
AT-x510-28GTX (L3 SW) Aterm WG1200HP4
</div> </div>
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="353" y="285" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="421" y="124" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
AT-x510-28GTX (L3 SW) Aterm WG1200HP4
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="80" y="261" width="120" height="40" 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));"/> <path d="M 161 180 L 151 180 Q 141 180 141 170 L 141 50 Q 141 40 151 40 L 201 40" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 153, 255));"/>
</g>
<g>
<rect x="161" y="180" width="120" height="40" 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> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <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: 281px; margin-left: 81px;"> <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: 200px; margin-left: 162px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <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="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; ">
WRC-BE36 (AP) WRC-BE36
</div> </div>
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="140" y="285" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="221" y="204" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
WRC-BE36 (AP) WRC-BE36
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="413" y="341" width="120" height="40" 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));"/> <rect x="921" y="420" width="120" height="40" 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> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <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: 361px; margin-left: 414px;"> <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: 440px; margin-left: 922px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <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="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; ">
RPi4-01-PVE RPi4-01-PVE
<br/> </div>
(廃止予定 </div>
<span style="color: light-dark(rgb(63, 63, 63), rgb(183, 183, 183)); background-color: transparent;"> </div>
) </foreignObject>
<text x="981" y="444" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
RPi4-01-PVE
</text>
</switch>
</g>
</g>
<g>
<rect x="1081" y="420" width="120" height="40" 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: 118px; height: 1px; padding-top: 440px; margin-left: 1082px;">
<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; ">
n1-pro-pve
</div>
</div>
</div>
</foreignObject>
<text x="1141" y="444" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
n1-pro-pve
</text>
</switch>
</g>
</g>
<g>
<rect x="921" y="500" width="120" height="40" 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: 118px; height: 1px; padding-top: 520px; margin-left: 922px;">
<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; ">
x86-01-pve
</div>
</div>
</div>
</foreignObject>
<text x="981" y="524" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x86-01-pve
</text>
</switch>
</g>
</g>
<g>
<rect x="201" y="20" width="80" height="40" 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: 78px; height: 1px; padding-top: 40px; margin-left: 202px;">
<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; ">
<span style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));">
SwichBot
</span>
<br style="color: light-dark(rgb(63, 63, 63), rgb(183, 183, 183)); scrollbar-color: rgb(226, 226, 226) rgb(251, 251, 251);"/>
<span style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));">
(電力メータ)
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="473" y="365" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="241" y="44" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
RPi4-01-PVE... SwichBot...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="413" y="391" width="120" height="40" 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));"/> <path d="M 62.25 105 L 61.63 112.5 Q 61 120 71 120 L 161 120" fill="none" stroke="#32cd32" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(50, 205, 50), rgb(4, 137, 4));"/>
</g>
<g>
<path d="M 88.17 100 C 95.66 99.15 101.01 92.69 100.11 85.57 C 99.21 78.45 92.4 73.38 84.91 74.23 C 84.83 63.6 76.98 54.46 66.03 52.23 C 55.08 50 43.97 55.29 39.31 64.96 C 35.85 61.2 30.36 59.79 25.38 61.36 C 20.4 62.94 16.9 67.2 16.5 72.17 C 8.41 71.89 1.6 77.89 1.3 85.57 C 1 93.25 7.32 99.72 15.42 100 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2.06" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <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: 411px; margin-left: 414px;"> <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: 75px; margin-left: 51px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <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="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
x86-01-pve The Internet
</div> </div>
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="473" y="415" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="51" y="78" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">
x86-01-pve The Internet
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="413" y="441" width="120" height="40" 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));"/> <path d="M 78.05 105 C 81.23 104.57 83.5 101.34 83.12 97.78 C 82.74 94.23 79.85 91.69 76.66 92.12 C 76.63 86.8 73.29 82.23 68.64 81.11 C 63.98 80 59.26 82.65 57.28 87.48 C 55.81 85.6 53.48 84.89 51.36 85.68 C 49.24 86.47 47.76 88.6 47.59 91.09 C 44.15 90.94 41.26 93.94 41.13 97.78 C 41 101.63 43.69 104.86 47.13 105 Z" fill="#cccccc" stroke="#6881b3" stroke-width="0.92" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <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: 461px; margin-left: 414px;"> <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: 93px; margin-left: 62px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <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="display: inline-block; font-size: 5px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
n1-pro-pve Docomo
<br/>
<span style="white-space: pre;">
</span>
Business
</div> </div>
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="473" y="465" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="62" y="94" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="5px" text-anchor="middle">
n1-pro-pve Docomo...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="40" y="341" width="160" height="40" 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));"/> <rect x="1011" y="70" width="30" height="10" 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> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <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: 158px; height: 1px; padding-top: 361px; margin-left: 41px;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 75px; margin-left: 1012px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <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="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
DESKTOP-MLIP7CV 0.6
</div> </div>
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="120" y="365" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="1026" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
DESKTOP-MLIP7CV 0.6
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<path d="M 20 86.7 C 20 85.19 20.58 83.74 21.62 82.67 C 22.66 81.6 24.07 81 25.54 81 L 44.51 81 C 47.55 81.03 50 83.58 50 86.7 L 50 135.3 C 50 138.42 47.55 140.97 44.51 141 L 25.54 141 C 24.07 141 22.66 140.4 21.62 139.33 C 20.58 138.26 20 136.81 20 135.3 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.17" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/> <rect x="1051" y="70" width="30" height="10" 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));"/>
<path d="M 21.17 86.4 L 21.17 135.6 L 48.83 135.67 L 48.83 86.4 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
<rect x="31.38" y="137.28" width="7.18" height="2.16" rx="1.08" ry="1.08" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
</g>
<g>
<path d="M 78.37 126.74 L 121.49 126.74 L 130 141 L 70 141 Z M 79.9 96 L 119.8 96 L 120.99 126.39 L 78.72 126.39 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.18" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 80.2 130.29 L 120.39 130.29 M 77.54 134.18 L 123.05 134.18 M 89.06 137.69 L 109.75 137.69" fill="none" stroke="#6881b3" stroke-width="1.18" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 81.85 98.73 L 117.91 98.73 L 118.92 123.66 L 80.79 123.66 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
</g>
<g>
<path d="M 30 96.7 C 30 95.19 30.58 93.74 31.62 92.67 C 32.66 91.6 34.07 91 35.54 91 L 54.51 91 C 57.55 91.03 60 93.58 60 96.7 L 60 145.3 C 60 148.42 57.55 150.97 54.51 151 L 35.54 151 C 34.07 151 32.66 150.4 31.62 149.33 C 30.58 148.26 30 146.81 30 145.3 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.17" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 31.17 96.4 L 31.17 145.6 L 58.83 145.67 L 58.83 96.4 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
<rect x="41.38" y="147.28" width="7.18" height="2.16" rx="1.08" ry="1.08" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
</g>
<g>
<path d="M 88.37 136.74 L 131.49 136.74 L 140 151 L 80 151 Z M 89.9 106 L 129.8 106 L 130.99 136.39 L 88.72 136.39 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.18" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 90.2 140.29 L 130.39 140.29 M 87.54 144.18 L 133.05 144.18 M 99.06 147.69 L 119.75 147.69" fill="none" stroke="#6881b3" stroke-width="1.18" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 91.85 108.73 L 127.91 108.73 L 128.92 133.66 L 90.79 133.66 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
</g>
<g>
<path d="M 137 258 L 99.2 231 L 110 227.4 L 83 204 L 120.8 231 L 110 234.6 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g>
<g>
<rect x="30" y="181" width="100" height="20" fill="none" stroke="none" pointer-events="all"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <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: 98px; height: 1px; padding-top: 191px; margin-left: 31px;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 75px; margin-left: 1052px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <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="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
無線デバイス 0.8
</div> </div>
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="80" y="195" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="1066" y="78" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">
無線デバイス 0.8
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="20" y="21" width="80" height="32" rx="4.8" ry="4.8" 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));"/> <path d="M 936 29.97 L 936.06 24.99 Q 936.11 20 926.11 20 L 651 20 Q 641 20 641 30 L 641 430 Q 641 440 651 440 L 921 440" fill="none" stroke="#99ccff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 204, 255), rgb(30, 74, 118));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <path d="M 946 80 L 946.06 85 Q 946.11 90 936.11 90 L 661 90 Q 651 90 651 100 L 651 440 Q 651 450 661 450 L 921 450" fill="none" stroke="#99ccff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 204, 255), rgb(30, 74, 118));"/>
<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: 78px; height: 1px; padding-top: 37px; margin-left: 21px;">
<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; ">
SwitchBot
</div>
</div>
</div>
</foreignObject>
<text x="60" y="41" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
SwitchBot
</text>
</switch>
</g> </g>
<g>
<path d="M 986 30 L 986.06 20 Q 986.11 10 976.11 10 L 671 10 Q 661 10 661 20 L 661 460 Q 661 470 671 470 L 1051 470 Q 1061 470 1061 460 L 1061 450 Q 1061 440 1071 440 L 1081 440" fill="none" stroke="#99ccff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 204, 255), rgb(30, 74, 118));"/>
</g>
<g>
<path d="M 986 80 L 986.06 90 Q 986.11 100 976.11 100 L 681 100 Q 671 100 671 110 L 671 470 Q 671 480 681 480 L 1061 480 Q 1071 480 1071 470 L 1071 460 Q 1071 450 1076 450 L 1081 450" fill="none" stroke="#99ccff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 204, 255), rgb(30, 74, 118));"/>
</g>
<g>
<path d="M 1026 80 L 1026.07 100 Q 1026.11 110 1016.11 110 L 701 110 Q 691 110 691 120 L 691 510 Q 691 520 701 520 L 921 520" fill="none" stroke="#99ccff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 204, 255), rgb(30, 74, 118));"/>
</g>
<g>
<path d="M 1186 30 L 1186.07 10 Q 1186.11 0 1176.11 0 L 511 0 Q 501 0 501 10 L 501 110 Q 501 120 491 120 L 481 120" fill="none" stroke="#99ccff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 204, 255), rgb(30, 74, 118));"/>
</g>
<g>
<path d="M 1226 80 L 1226.1 160 Q 1226.11 170 1216.11 170 L 321 170 Q 311 170 311 180 L 311 200 Q 311 210 301 210 L 281 210" fill="none" stroke="#99ccff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 204, 255), rgb(30, 74, 118));"/>
</g> </g>
</g> </g>
<switch> <switch>

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 65 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 66 KiB

0
now/power/.gitkeep Normal file
View File

View File

@@ -0,0 +1,287 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: #000000; background-color: light-dark(#000000, transparent); color-scheme: light dark;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="441px" height="541px" viewBox="-0.5 -0.5 441 541" content="&lt;mxfile&gt;&lt;diagram id=&quot;41dl40bhyq1pYzWGlvd1&quot; name=&quot;ページ1&quot;&gt;7Vpbk6I4FP41VHU/MJUQQHhUR3tedtcaZ6dnHtOSUaqRsDG2ur9+AyRyCbZ2NQpT27yQnJxwOB/ny+UQA43X+weGk9UfNCCRYYFgb6DPhmVBgGxxSyUHKfHBIJcsWRhIWSGYh/8S1VVKt2FANhVFTmnEw6QqXNA4JgtekWHG6K6q9otGVasJXhJNMF/gSJc+hgFf5VLPGhTyLyRcrpRl6Pp5yxNePC8Z3cbSXpQqmQFmz3eGhUB2GdaYMxxvEsxIzO/zjmusrEgINisc0F1JhCYGGjNKeV5a78ckSmFXgOb9pidajx6lNi/qYEuXNvygYCGBQElWKeMruqQxjiaFdLTi60g0QlEUdtjhh6iAT46q/kyrqvJ5X6kdZG3DGX0mYxpRlllF06mXopbqBcP04wpxTGOSS6ZhFMmeuovS6w3dsoX0AbkynjBbEqVmyw+bOljqKZF5IHRNxCsKBUYizMOXaphgGW3Lo16BqyhIaJthVq/zgqOtfOqM7gjTsM+CigTS1d0q5GSe4MyrnWBhFfuTSLwQxsn+VRclZ01bBuKuIABUwbkqBb/SexcK3ikUwJyzMOkODdl6pOWh6nQJnOPg1TY4jtMSEWGFhp8s52pMJPuQl6gvaj9LLYW5tKKsXcRe29LZ69htkzfrKhzEh5JCQsOYb0pPnqWCUojYTiVE6uNrTR0OwHvUIQK1GMrft4ioo+MXBZkCtsTA7kmHqj4jRyMdauAcbIFz3uCDc0fOIZ1zntsPznlVzsEzJPLAu9T9ljmHesi5QWec83Xv/7+cs3XO+bAXnEOW8zpr/DOs8msTn9Myq+z+sQrBzlgF1UM+aFUs0SqbP+D3g1dudS4zz8xOFgDv0kdtryCdHvLO6ZB39gfvjrxrSrpA1Ave2aDGuzM7Mas2lr9V34Yt807PIHXPO79D3rm/He8u49CgiUNOLzhUz31AcIYTVn0j9jZ9e9Ayhwb941A9+zG4HYdsPR3bORz1JfQt4fB7CIffGRxqTdUrOJzO4ICwrVwh6NeE46g/r6UJx2r/T1k7ib9zm5/aYPpm/dcmHK23V9tqqZ2d8i5HVHaqRdrbJi71jfrExXoK8ZZDk577+evPvztHxK4Fk1rN3OLXqqdvD4acsLUQPT4Iq+DLTN+odg2Qd0OAfJ1Cj1/H5miC9I1Ex7g0/Xa+Gi7HvFgJmK+z0DYBNGffJ33DBt2SVMfcRQmbGJoJo2YipryeQWODm0Kj5wH3nptGTR+hcW8JjZqt214pnlsonlsOnl5InkS8vFCETakJdaTn9keqYONu3o146mmC48oHcP/ZpifqRovc+WH6Qsunu/SQnpFlzLPbfQaF0hWlZXqf78LFaiRE8uHixfLn581K/MQuseii3FZxz42CzYLRKHrCzKz1EOvKXLVcuFeNaaxlslKh2Y2rYHNnTHzDHxmjkTFxDG+YlifI8JAxhLIwGmcFyxhN709C2PVa9uyxL+9Kg0VTTmr4zdw7EJiW9/DtRxvYaEA0wHV6z11P4l1xLBXV4uhrvk8qjh6jyX8=&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<rect fill="#000000" width="100%" height="100%" x="0" y="0" style="fill: light-dark(rgb(0, 0, 0), transparent);"/>
<g>
<g>
<path d="M 60 40 L 60 80" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="0" y="0" width="120" height="40" 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: 118px; height: 1px; padding-top: 20px; margin-left: 1px;">
<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; ">
Power
</div>
</div>
</div>
</foreignObject>
<text x="60" y="24" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Power
</text>
</switch>
</g>
</g>
<g>
<rect x="220" y="80" width="210" height="40" 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: 208px; height: 1px; padding-top: 100px; margin-left: 221px;">
<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; ">
Power Strip
</div>
</div>
</div>
</foreignObject>
<text x="325" y="104" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Power Strip
</text>
</switch>
</g>
</g>
<g>
<path d="M 245 75 L 245.02 67.52 Q 245.05 60.05 235.05 60.05 L 180 60.05 Q 170 60.05 170 70.05 L 170 160.05 Q 170 170.05 165 170.02 L 160 170" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="230" y="75" width="30" height="10" 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>
<path d="M 285 75 L 285.03 60.05 Q 285.05 50.05 275.05 50.05 L 190 50.05 Q 180 50.05 180 60.05 L 180 220.05 Q 180 230.05 170 230.02 L 160 230" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="270" y="75" width="30" height="10" 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>
<path d="M 325 75 L 325.03 50.05 Q 325.05 40.05 315.05 40.05 L 200 40.05 Q 190 40.05 190 50.05 L 190 280.05 Q 190 290.05 180 290.03 L 160 290" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="310" y="75" width="30" height="10" 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>
<path d="M 365 75 L 365.04 40.05 Q 365.05 30.05 355.05 30.05 L 210 30.05 Q 200 30.05 200 40.05 L 200 360.05 Q 200 370.05 190 370.04 L 160 370" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="350" y="75" width="30" height="10" 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>
<path d="M 405 75 L 405.04 30.05 Q 405.05 20.05 395.05 20.05 L 220 20.05 Q 210 20.05 210 30.05 L 210 440.05 Q 210 450.05 200 450.04 L 160 450" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="390" y="75" width="30" height="10" 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>
<path d="M 245.05 125 L 245.05 132.52 Q 245.05 140.05 235.05 140.05 L 227.52 140.05 Q 220 140.05 220 150.05 L 220 500.05 Q 220 510.05 210 510.04 L 160 510" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="230" y="115" width="30" height="10" 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>
<rect x="310" y="115" width="30" height="10" 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>
<rect x="390" y="115" width="30" height="10" 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>
<rect x="350" y="115" width="30" height="10" 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>
<path d="M 285.05 125 L 285.05 140.05 Q 285.05 150.05 275.05 150.05 L 240 150.05 Q 230 150.05 230 160.05 L 230 200.05 Q 230 210.05 240 210.04 L 320 210" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="270" y="115" width="30" height="10" 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>
<rect x="40" y="160" width="120" height="40" 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: 118px; height: 1px; padding-top: 180px; margin-left: 41px;">
<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; ">
ONU
</div>
</div>
</div>
</foreignObject>
<text x="100" y="184" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
ONU
</text>
</switch>
</g>
</g>
<g>
<rect x="40" y="220" width="120" height="40" 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: 118px; height: 1px; padding-top: 240px; margin-left: 41px;">
<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; ">
Aterm WG1200HP4
</div>
</div>
</div>
</foreignObject>
<text x="100" y="244" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Aterm WG1200HP4
</text>
</switch>
</g>
</g>
<g>
<rect x="40" y="280" width="120" height="40" 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: 118px; height: 1px; padding-top: 300px; margin-left: 41px;">
<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; ">
WRC-BE36
</div>
</div>
</div>
</foreignObject>
<text x="100" y="304" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
WRC-BE36
</text>
</switch>
</g>
</g>
<g>
<rect x="40" y="360" width="120" height="40" 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: 118px; height: 1px; padding-top: 380px; margin-left: 41px;">
<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; ">
RPi4-01-PVE
</div>
</div>
</div>
</foreignObject>
<text x="100" y="384" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
RPi4-01-PVE
</text>
</switch>
</g>
</g>
<g>
<rect x="40" y="440" width="120" height="40" 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: 118px; height: 1px; padding-top: 460px; margin-left: 41px;">
<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; ">
n1-pro-pve
</div>
</div>
</div>
</foreignObject>
<text x="100" y="464" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
n1-pro-pve
</text>
</switch>
</g>
</g>
<g>
<rect x="40" y="500" width="120" height="40" 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: 118px; height: 1px; padding-top: 520px; margin-left: 41px;">
<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; ">
x86-01-pve
</div>
</div>
</div>
</foreignObject>
<text x="100" y="524" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x86-01-pve
</text>
</switch>
</g>
</g>
<g>
<path d="M 100 100 L 220 100" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="20" y="80" width="80" height="40" 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: 78px; height: 1px; padding-top: 100px; margin-left: 21px;">
<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; ">
<span style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));">
SwichBot
</span>
<br style="color: light-dark(rgb(63, 63, 63), rgb(183, 183, 183)); scrollbar-color: rgb(226, 226, 226) rgb(251, 251, 251);"/>
<span style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));">
(電力メータ)
</span>
</div>
</div>
</div>
</foreignObject>
<text x="60" y="104" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
SwichBot...
</text>
</switch>
</g>
</g>
<g>
<rect x="320" y="200" width="120" height="40" 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: 118px; height: 1px; padding-top: 220px; margin-left: 321px;">
<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; ">
AT-x510-28GTX
</div>
</div>
</div>
</foreignObject>
<text x="380" y="224" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
AT-x510-28GTX
</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>

After

Width:  |  Height:  |  Size: 23 KiB