sqlmodel/docs/img/tutorial/many-to-many/many-to-many.svg
Sebastián Ramírez 0116cc48ce 🍱 Add diagrams for docs
2021-08-24 15:10:50 +02:00

57 lines
53 KiB
XML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1072px" height="281px" viewBox="-0.5 -0.5 1072 281" content="&lt;mxfile&gt;&lt;diagram id=&quot;objTApYHlBqCKos3M7rL&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><style type="text/css">/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style></defs><g><path d="M 1 40 L 1 10 L 401 10 L 401 40" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 1 40 L 1 240 L 401 240 L 401 40" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 1 40 L 401 40" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 1 90 L 401 90" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 1 140 L 401 140" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 1 190 L 401 190" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 51 40 L 51 240" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 161 40 L 161 240" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 341 40 L 341 240" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><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: 398px; height: 1px; padding-top: 25px; margin-left: 2px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 18px">hero</font></div></div></div></foreignObject><text x="201" y="29" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">hero</text></switch></g><path d="M 1 40 M 401 40 M 401 90 M 1 90" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 48px; height: 1px; padding-top: 65px; margin-left: 2px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><b>id</b></font></div></div></div></foreignObject><text x="26" y="69" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">id</text></switch></g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 65px; margin-left: 52px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><b>name</b></font></div></div></div></foreignObject><text x="106" y="69" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">name</text></switch></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: 178px; height: 1px; padding-top: 65px; margin-left: 162px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><b>secret_name</b></font></div></div></div></foreignObject><text x="251" y="69" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">secret_name</text></switch></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: 58px; height: 1px; padding-top: 65px; margin-left: 342px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><b>age</b></font></div></div></div></foreignObject><text x="371" y="69" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">age</text></switch></g><path d="M 1 90 M 401 90 M 401 140 M 1 140" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="1" y="90" width="50" height="50" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 1 90 M 51 90 M 51 140 M 1 140" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><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: 48px; height: 1px; padding-top: 115px; margin-left: 2px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; word-wrap: normal; "><span style="font-weight: normal"><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto">1</font></span></div></div></div></foreignObject><text x="26" y="119" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">1</text></switch></g><rect x="51" y="90" width="110" height="50" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 51 90 M 161 90 M 161 140 M 51 140" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 115px; margin-left: 52px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">Deadpond</span></div></div></div></foreignObject><text x="106" y="119" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Deadpond</text></switch></g><rect x="161" y="90" width="180" height="50" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 161 90 M 341 90 M 341 140 M 161 140" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><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: 178px; height: 1px; padding-top: 115px; margin-left: 162px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">Dive Wilson</span></div></div></div></foreignObject><text x="251" y="119" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Dive Wilson</text></switch></g><rect x="341" y="90" width="60" height="50" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 341 90 M 401 90 M 401 140 M 341 140" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><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: 58px; height: 1px; padding-top: 115px; margin-left: 342px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">null</span></div></div></div></foreignObject><text x="371" y="119" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">null</text></switch></g><path d="M 1 140 M 401 140 M 401 190 M 1 190" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="1" y="140" width="50" height="50" fill="#dae8fc" stroke="none" pointer-events="none"/><path d="M 1 140 M 51 140 M 51 190 M 1 190" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="none"/><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: 48px; height: 1px; padding-top: 165px; margin-left: 2px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">2</span></div></div></div></foreignObject><text x="26" y="169" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">2</text></switch></g><rect x="51" y="140" width="110" height="50" fill="#dae8fc" stroke="none" pointer-events="none"/><path d="M 51 140 M 161 140 M 161 190 M 51 190" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 165px; margin-left: 52px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">Spider-Boy</span></div></div></div></foreignObject><text x="106" y="169" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Spider-Boy</text></switch></g><rect x="161" y="140" width="180" height="50" fill="#dae8fc" stroke="none" pointer-events="none"/><path d="M 161 140 M 341 140 M 341 190 M 161 190" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="none"/><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: 178px; height: 1px; padding-top: 165px; margin-left: 162px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">Pedro Parqueador</span></div></div></div></foreignObject><text x="251" y="169" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Pedro Parqueador</text></switch></g><rect x="341" y="140" width="60" height="50" fill="#dae8fc" stroke="none" pointer-events="none"/><path d="M 341 140 M 401 140 M 401 190 M 341 190" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="none"/><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: 58px; height: 1px; padding-top: 165px; margin-left: 342px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">null</span></div></div></div></foreignObject><text x="371" y="169" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">null</text></switch></g><path d="M 1 190 M 401 190 M 401 240 M 1 240" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="1" y="190" width="50" height="50" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 1 190 M 51 190 M 51 240 M 1 240" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><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: 48px; height: 1px; padding-top: 215px; margin-left: 2px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">3</span></div></div></div></foreignObject><text x="26" y="219" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">3</text></switch></g><rect x="51" y="190" width="110" height="50" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 51 190 M 161 190 M 161 240 M 51 240" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 215px; margin-left: 52px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">Rusty-Man</span></div></div></div></foreignObject><text x="106" y="219" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Rusty-Man</text></switch></g><rect x="161" y="190" width="180" height="50" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 161 190 M 341 190 M 341 240 M 161 240" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><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: 178px; height: 1px; padding-top: 215px; margin-left: 162px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">Tommy Sharp</span></div></div></div></foreignObject><text x="251" y="219" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Tommy Sharp</text></switch></g><rect x="341" y="190" width="60" height="50" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 341 190 M 401 190 M 401 240 M 341 240" fill="none" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><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: 58px; height: 1px; padding-top: 215px; margin-left: 342px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">48</span></div></div></div></foreignObject><text x="371" y="219" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">48</text></switch></g><path d="M 711 80 L 711 50 L 1071 50 L 1071 80" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 711 80 L 711 230 L 1071 230 L 1071 80" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 711 80 L 1071 80" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 711 130 L 1071 130" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 711 180 L 1071 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 761 80 L 761 230" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 871 80 L 871 230" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 358px; height: 1px; padding-top: 65px; margin-left: 712px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; word-wrap: normal; "><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 18px">team</font></div></div></div></foreignObject><text x="891" y="69" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">team</text></switch></g><path d="M 711 80 M 1071 80 M 1071 130 M 711 130" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 48px; height: 1px; padding-top: 105px; margin-left: 712px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><b>id</b></font></div></div></div></foreignObject><text x="736" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">id</text></switch></g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 105px; margin-left: 762px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><b>name</b></font></div></div></div></foreignObject><text x="816" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">name</text></switch></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: 198px; height: 1px; padding-top: 105px; margin-left: 872px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><b>headquarters</b></font></div></div></div></foreignObject><text x="971" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">headquarters</text></switch></g><path d="M 711 130 M 1071 130 M 1071 180 M 711 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="711" y="130" width="50" height="50" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 711 130 M 761 130 M 761 180 M 711 180" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 48px; height: 1px; padding-top: 155px; margin-left: 712px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; word-wrap: normal; "><span style="font-weight: normal"><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto">1</font></span></div></div></div></foreignObject><text x="736" y="159" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">1</text></switch></g><rect x="761" y="130" width="110" height="50" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 761 130 M 871 130 M 871 180 M 761 180" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 155px; margin-left: 762px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">Preventers</span></div></div></div></foreignObject><text x="816" y="159" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Preventers</text></switch></g><rect x="871" y="130" width="200" height="50" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 871 130 M 1071 130 M 1071 180 M 871 180" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 198px; height: 1px; padding-top: 155px; margin-left: 872px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font face="roboto"><span style="font-size: 18px">Sharp Tower</span></font></div></div></div></foreignObject><text x="971" y="159" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Sharp Tower</text></switch></g><path d="M 711 180 M 1071 180 M 1071 230 M 711 230" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="711" y="180" width="50" height="50" fill="#e1d5e7" stroke="none" pointer-events="none"/><path d="M 711 180 M 761 180 M 761 230 M 711 230" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="none"/><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: 48px; height: 1px; padding-top: 205px; margin-left: 712px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">2</span></div></div></div></foreignObject><text x="736" y="209" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">2</text></switch></g><rect x="761" y="180" width="110" height="50" fill="#e1d5e7" stroke="none" pointer-events="none"/><path d="M 761 180 M 871 180 M 871 230 M 761 230" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 205px; margin-left: 762px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">Z-Force</span></div></div></div></foreignObject><text x="816" y="209" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Z-Force</text></switch></g><rect x="871" y="180" width="200" height="50" fill="#e1d5e7" stroke="none" pointer-events="none"/><path d="M 871 180 M 1071 180 M 1071 230 M 871 230" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="none"/><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: 198px; height: 1px; padding-top: 205px; margin-left: 872px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><p style="line-height: 19px"><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 18px">Sister Margarets Bar</font></p></div></div></div></foreignObject><text x="971" y="209" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Sister Margarets Bar</text></switch></g><path d="M 471 30 L 471 0 L 631 0 L 631 30" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 471 30 L 471 280 L 631 280 L 631 30" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 471 30 L 631 30" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 471 80 L 631 80" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 471 130 L 631 130" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 471 180 L 631 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 471 230 L 631 230" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 551 30 L 551 280" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 158px; height: 1px; padding-top: 15px; margin-left: 472px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; word-wrap: normal; "><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 18px">heroteamlink</font></div></div></div></foreignObject><text x="551" y="19" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">heroteamlink</text></switch></g><path d="M 471 30 M 631 30 M 631 80 M 471 80" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 55px; margin-left: 472px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><b>hero_id</b></font></div></div></div></foreignObject><text x="511" y="59" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">hero_id</text></switch></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: 55px; margin-left: 552px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><b>team_id</b></font></div></div></div></foreignObject><text x="591" y="59" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">team_id</text></switch></g><path d="M 471 80 M 631 80 M 631 130 M 471 130" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="471" y="80" width="80" height="50" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 471 80 M 551 80 M 551 130 M 471 130" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><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: 105px; margin-left: 472px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; word-wrap: normal; "><span style="font-weight: normal"><font style="font-size: 18px" face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto">1</font></span></div></div></div></foreignObject><text x="511" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">1</text></switch></g><rect x="551" y="80" width="80" height="50" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 551 80 M 631 80 M 631 130 M 551 130" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 105px; margin-left: 552px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">1</span></div></div></div></foreignObject><text x="591" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">1</text></switch></g><path d="M 471 130 M 631 130 M 631 180 M 471 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="471" y="130" width="80" height="50" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 471 130 M 551 130 M 551 180 M 471 180" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><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: 155px; margin-left: 472px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">1</span></div></div></div></foreignObject><text x="511" y="159" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">1</text></switch></g><rect x="551" y="130" width="80" height="50" fill="#e1d5e7" stroke="none" pointer-events="none"/><path d="M 551 130 M 631 130 M 631 180 M 551 180" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="none"/><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: 155px; margin-left: 552px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">2</span></div></div></div></foreignObject><text x="591" y="159" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">2</text></switch></g><path d="M 471 180 M 631 180 M 631 230 M 471 230" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="471" y="180" width="80" height="50" fill="#dae8fc" stroke="none" pointer-events="none"/><path d="M 471 180 M 551 180 M 551 230 M 471 230" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="none"/><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: 205px; margin-left: 472px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">2</span></div></div></div></foreignObject><text x="511" y="209" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">2</text></switch></g><rect x="551" y="180" width="80" height="50" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 551 180 M 631 180 M 631 230 M 551 230" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 205px; margin-left: 552px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">1</span></div></div></div></foreignObject><text x="591" y="209" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">1</text></switch></g><path d="M 471 230 M 631 230 M 631 280 M 471 280" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="471" y="230" width="80" height="50" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 471 230 M 551 230 M 551 280 M 471 280" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><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: 255px; margin-left: 472px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><span style="font-family: &quot;roboto&quot; ; font-size: 18px">3</span></div></div></div></foreignObject><text x="511" y="259" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">3</text></switch></g><rect x="551" y="230" width="80" height="50" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 551 230 M 631 230 M 631 280 M 551 280" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 255px; margin-left: 552px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font face="roboto"><span style="font-size: 18px">1</span></font></div></div></div></foreignObject><text x="591" y="259" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">1</text></switch></g><path d="M 401 115 L 436.06 115.06 L 436.06 105.06 L 462.76 105.01" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 468.76 105 L 460.77 109.02 L 462.76 105.01 L 460.76 101.02 Z" fill="#000000" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 401 120 L 431 120 L 431 155.06 L 462.76 155.01" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 468.76 155 L 460.77 159.02 L 462.76 155.01 L 460.76 151.02 Z" fill="#000000" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 401 165.06 L 431 165.06 L 431 212 L 462.76 212" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 468.76 212 L 460.76 216 L 462.76 212 L 460.76 208 Z" fill="#000000" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 401 215.06 L 421 215.06 L 421 255.06 L 462.76 255.06" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 468.76 255.06 L 460.76 259.06 L 462.76 255.06 L 460.76 251.06 Z" fill="#000000" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 631 105.06 L 681 105.06 L 681 140 L 702.76 140" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 708.76 140 L 700.76 144 L 702.76 140 L 700.76 136 Z" fill="#000000" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 631 155.06 L 661 155.06 L 661 210 L 702.76 210" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 708.76 210 L 700.76 214 L 702.76 210 L 700.76 206 Z" fill="#000000" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 631 200 L 681 200 L 681 155.06 L 702.76 155.06" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 708.76 155.06 L 700.76 159.06 L 702.76 155.06 L 700.76 151.06 Z" fill="#000000" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 631 255.06 L 671 255.06 L 671 170 L 702.76 170" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/><path d="M 708.76 170 L 700.76 174 L 702.76 170 L 700.76 166 Z" fill="#000000" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>