docs/system_overview.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="762px" height="612px" viewBox="-0.5 -0.5 762 612" content="&lt;mxfile&gt;&lt;diagram id=&quot;fLzTvjFxPC2iMwbFKIdA&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <rect x="440" y="54" width="320" height="506" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 318px; height: 1px; padding-top: 61px; margin-left: 442px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                STORM internal
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="442" y="73" fill="#000000" font-family="Helvetica" font-size="12px">
                    STORM internal
                </text>
            </switch>
        </g>
        <rect x="450" y="90" width="300" height="340" fill="none" stroke="#000000" pointer-events="none"/>
        <image x="462.54" y="98.12" width="48.08" height="39.42" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI0MS45NDgiPjxwYXRoIGQ9Ik0zNy4wMiAzOS4zMDhsNC41NTUtMy45MThjLS4zMDUtLjM4NC0uODE1LS42NjItMS4yNDgtLjgyNy0uODc0LS4zMzMtMS43MzYtLjIyLTIuNTM3LjI0Mi0xLjA1LjYwNi0xLjQ5NiAxLjU3LTEuNDU3IDIuNzdhMi42NSAyLjY1IDAgMCAwIC4zOTQgMS4zMyAzLjQ5IDMuNDkgMCAwIDAgLjI5My40MDFtMS4zLjkxNGMuNTUuMTkyIDEuMTguMTY1IDEuNzQ2LjA2Ni4zLS4xMjMgMS4wMy0uNDQ2IDEuMzAyLS4zOThsLjA0My4wMDcuMDQuMDJjLjE2Ni4wOC4zMjUuMTk1LjQuMzYzLjE5OC4zOTcuMTAzLjc5NS0uMjg2IDEuMDJsLS4xMy4wNzVjLTEuNDM3LjgzLTIuOTY2LjcxNS00LjQtLjA2LS42ODUtLjM3LTEuMi0uOTItMS41OTYtMS42bC0uMS0uMTU3Yy0uOTIzLTEuNTk4LS43OTgtMy4yOC4yNDItNC44LjM2LS41MjUuODMtLjkzIDEuMzc4LTEuMjQ4bC4yMDgtLjEyYzEuMzU0LS43OCAyLjgwNC0uNzI4IDQuMTk1LS4wNDIuNzQ3LjM3IDEuMzUzLjkyIDEuNzcgMS42NDJsLjA3NS4xM2MuMzAzLjUyNS0uMS45ODMtLjQ5NSAxLjI5NmwtMS4zOTcgMS4yTDM4LjMgNDAuMjF6bTEwLjc3LTcuMjdoLjE1Yy40NTUgMCAuNzU4LjMwNi43NTguNzU4IDAgLjYyNy0uNi43ODgtMS4xMi43ODgtLjY4IDAtMS4zMy40MTItMS44Ljg3NC0uNTg1LjU3Ny0uODQgMS4zMTUtLjg0IDIuMTI3djMuNjdjMCAuNDItLjI2Mi43NTgtLjY5OC43NThoLS4xMmMtLjQzNiAwLS42OTgtLjMzOC0uNjk4LS43NTh2LTMuODhjMC0xLjUuNzI1LTIuNzA1IDEuOTM0LTMuNTU4YTQuMTYgNC4xNiAwIDAgMSAyLjQzMi0uNzc5em0tMTguODg3IDIuNjA0bDEuNzc3LTEuNzU3Yy4xNjctLjE2Mi43OTctLjg0NiAxLjA0NS0uODQ2aC4yN2wuMDMuMDA2Yy4zNDYuMDcyLjYwNS4zLjYwNS42NjJ2LjE1YzAgLjI1My0uMjk3LjU0OC0uNDYuNzJsLTIuOTAyIDIuOTQ1IDIuMzU4IDIuMzc3LjY0Ni42NjRjLjA3NS4wOC4xODYuMTc4LjI1LjI4OGEuNjIuNjIgMCAwIDEgLjEwOS4zNDJ2LjE1N2wtLjAxLjAzNmMtLjA4NS4zNDYtLjMwNS42MjUtLjY4OC42MjVoLS4xMmMtLjI1IDAtLjUzNC0uMjg0LS43MDYtLjQ0NmwtMS4wNDItMS4wMjUtMS4xNjMtMS4xNDJ2MS44MjVjMCAuNDItLjI2My43NTgtLjY5OC43NThoLS4xMmMtLjQzNSAwLS42OTgtLjMzOC0uNjk4LS43NThWMzAuODUzYzAtLjQyLjI2My0uNzU3LjY5OC0uNzU3aC4xMmMuNDM1IDAgLjY5OC4zMzYuNjk4Ljc1N3Y0LjcwM3pNMjUuMyAzNC41M2MtLjIzLS4xMDctLjY1Ny0uMTQzLS45MDQtLjE1Mi0xLjI2Ni0uMDQ4LTIuMTgyLjY2NS0yLjcyIDEuNzgyLS4xODYuMzg1LS4yNy43OTMtLjI3IDEuMjIgMCAxLjI5OC42OCAyLjIwNyAxLjg0IDIuNzYuNDIzLjIwMi45Ny4yNCAxLjQzMi4yNC40MDcgMCAuOTgyLS4yNSAxLjM0My0uNDJsLjA2My0uMDNoLjI4bC4wMy4wMDZjLjM0NS4wNzIuNjA1LjMuNjA1LjY2di4xNWMwIC45MjMtMS42ODYgMS4xMzQtMi4zMyAxLjE4LTIuMjcuMTU3LTMuOTY4LTEuMS00LjYxNi0zLjI1NS0uMTEzLS4zNzYtLjE2My0uNzUtLjE2My0xLjE0di0uM2MwLTEuNjQzLjgxNS0yLjk0NSAyLjIyNS0zLjc4MmE0LjE1IDQuMTUgMCAwIDEgMi4xNDItLjU4NWguM2EzLjg1IDMuODUgMCAwIDEgMi4yMTguNjg1bC4wNTUuMDM4LjAzNS4wNTdjLjA3Mi4xMi4xMzQuMjU3LjEzNC40di4xNWMwIC4zODctLjMuNTk1LS42NC42NjJsLS4wMy4wMDVoLS4xYy0uMjI3LS4wMDEtLjc0LS4yMzYtLjk0My0uMzN6TTExLjQ3MyAzNy40YzAgMS4xNTIuNTY1IDIgMS41MzggMi41OTUuNDU3LjI4Ljk2LjQwNiAxLjQ5NC40MDYgMS4xMzggMCAxLjk4LS41NzcgMi41NjUtMS41MzguMjgtLjQ1OC40MDUtLjk2LjQwNS0xLjQ5NCAwLTEuMDctLjUxNi0xLjktMS4zOTgtMi40ODJhMi44MiAyLjgyIDAgMCAwLTEuNjAzLS40ODhjLTEuMjcgMC0yLjE4My42NC0yLjczIDEuNzgtLjE4Ni4zODQtLjI3Ljc5My0uMjcgMS4yMnptMi44NS00LjUxOGguMmMxLjc1NiAwIDMuMS44NTIgMy45MzcgMi4zODQuMzM4LjYxMy41MiAxLjI4Mi41MiAxLjk4M3YuM2MwIDEuNjQzLS44IDIuOTUyLTIuMjI2IDMuNzgzLS42NTYuMzg1LTEuMzguNTg0LTIuMTQuNTg0aC0uM2MtMS42NDMgMC0yLjk1LS44MTItMy43ODItMi4yMjZhNC4xNyA0LjE3IDAgMCAxLS41ODQtMi4xNDF2LS4zYzAtMS42NDMuODE1LTIuOTQ1IDIuMjI1LTMuNzgzLjY1NS0uNCAxLjM4LS41ODQgMi4xNC0uNTg0ek0xLjU1IDM3LjRjMCAxLjE4Ny41NzUgMi4wOCAxLjYxNSAyLjY0OC40Mi4yMy44NzcuMzU0IDEuMzU3LjM1NCAxLjE2NSAwIDIuMDMtLjU1IDIuNjI0LTEuNTM2LjI3Ny0uNDYuNDA2LS45Ni40MDYtMS40OTYgMC0xLjAzLS40ODctMS44My0xLjMxNi0yLjQyOGEyLjgzIDIuODMgMCAwIDAtMS42ODUtLjU0M2MtMS4yNyAwLTIuMTgzLjY0LTIuNzMgMS43OC0uMTg2LjM4NC0uMjcuNzkzLS4yNyAxLjIyem02LjAwMi0zLjM4N3YtMy4yYzAtLjQyLjI2My0uNzU4LjY5OC0uNzU4aC4xMmMuNDM1IDAgLjY5Ny4zMzguNjk3Ljc1OHY2LjczNmMwIDEuNjQzLS44MTIgMi45NS0yLjIyNiAzLjc4MmE0LjE4IDQuMTggMCAwIDEtMi4xNC41ODRoLS4zYy0xLjY0MyAwLTIuOTQ4LS44MTItMy43ODItMi4yMjZhNC4xNyA0LjE3IDAgMCAxLS41ODQtMi4xNDF2LS4zYzAtMS42NDMuODEyLTIuOTUgMi4yMjUtMy43ODRhNC4xNyA0LjE3IDAgMCAxIDIuMTQtLjU3NGguM2MxLjExMi4wMDIgMi4wNTUuNDMzIDIuODUgMS4xMzN6bTIxLjMtMjUuMDdoNC40NzJ2NC41N2gyLjI2YTkuODEgOS44MSAwIDAgMCAzLjEwNy0uNTIxYy40ODYtLjE2NSAxLjAzLS4zOTQgMS41LS42ODItLjYzLS44MjQtLjk1My0xLjg2NS0xLjA0OC0yLjktLjEzLTEuMzk1LjE1My0zLjIgMS4wOTctNC4zMDNsLjQ3LS41NDQuNTYuNDVjMS40IDEuMTMzIDIuNTk2IDIuNzE2IDIuODA1IDQuNTIgMS42OTgtLjUgMy42OTItLjM4IDUuMTg4LjQ4M2wuNjE0LjM1NC0uMzIzLjYzYy0xLjI2NiAyLjQ3LTMuOTEyIDMuMjM2LTYuNSAzLjEtMy44NyA5LjY0My0xMi4zIDE0LjIwOC0yMi41MiAxNC4yMDgtNS4yOCAwLTEwLjEyNC0xLjk3NC0xMi44ODItNi42NThsLS4wNDUtLjA3Ny0uNDAyLS44MThjLS45MzItMi4wNjItMS4yNDItNC4zMi0xLjAzMi02LjU3OGwuMDYzLS42NzZoMy44MjRWOC45M2g0LjQ3VjQuNDdoOC45NDNWMGg1LjM2NnoiIGZpbGw9IiMzOTRkNTQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGQ9Ik00My4zMyAxMC42MzRjLjMtMi4zMy0xLjQ0NC00LjE2LTIuNTI1LTUuMDMtMS4yNDYgMS40NC0xLjQ0IDUuMjE3LjUxNSA2LjgwNy0xLjA5Ljk3LTMuNCAxLjg0OC01Ljc0NSAxLjg0OEg2LjkxN2MtLjIzIDIuNDU4LjIwMyA0LjcyIDEuMTg4IDYuNjU4bC4zMjYuNTk2Yy4yMDYuMzUuNDMyLjY4OC42NzYgMS4wMTRsMy4yNTguMDhjMS45NTQtLjA0MyAzLjU0OC0uMjc0IDQuNzU1LS42OTIuMTgtLjA2Mi4zNzYuMDMzLjQzOC4yMTJzLS4wMzMuMzc2LS4yMTMuNDM4bC0uNS4xNTdjLS45NTIuMjctMS45NzIuNDU0LTMuMjg3LjUzNi4wNzguMDAxLS4wOC4wMTItLjA4Mi4wMTJsLS4xNDYuMDEyLTEuNjQ4LjAzNWEzNy4wOCAzNy4wOCAwIDAgMS0xLjkyOS0uMDQ3bC0uMDE4LjAxMmMyLjM4OCAyLjY4NCA2LjEyIDQuMjkzIDEwLjggNC4yOTMgOS45MDUgMCAxOC4zMDYtNC4zOSAyMi4wMjYtMTQuMjQ4IDIuNjQuMjcgNS4xNzYtLjQwMiA2LjMzLTIuNjU1LTEuODM3LTEuMDYtNC4yLS43MjMtNS41Ni0uMDR6IiBmaWxsPSIjMDBhYWRhIi8+PHBhdGggZD0iTTQzLjMzIDEwLjYzNGMuMy0yLjMzLTEuNDQ0LTQuMTYtMi41MjUtNS4wMy0xLjI0NiAxLjQ0LTEuNDQgNS4yMTcuNTE1IDYuODA3LTEuMDkuOTctMy40IDEuODQ4LTUuNzQ1IDEuODQ4SDguNjE0Yy0uMTE3IDMuNzY0IDEuMjggNi42MiAzLjc1IDguMzQ4IDEuOTU0LS4wNDMgMy41NDgtLjI3NCA0Ljc1NS0uNjkyLjE4LS4wNjIuMzc2LjAzMy40MzguMjEycy0uMDMzLjM3Ni0uMjEzLjQzOGwtLjUuMTU3Yy0uOTUyLjI3LTIuMDYuNDc4LTMuMzc1LjU2bC0uMDMyLS4wM2MzLjM3IDEuNzMgOC4yNTggMS43MjMgMTMuODYyLS40MyA2LjI4My0yLjQxNCAxMi4xMy03LjAxMyAxNi4yLTEyLjI3My0uMDYyLjAyNy0uMTIyLjA1Ni0uMTguMDg1eiIgZmlsbD0iIzI0YjhlYiIvPjxwYXRoIGQ9Ik02Ljk3IDE3LjI0NWMuMTc4IDEuMzE2LjU2MyAyLjU1IDEuMTM0IDMuNjcybC4zMjYuNTk2Yy4yMDYuMzUuNDMyLjY4OC42NzYgMS4wMTRsMy4yNi4wOGMxLjk1My0uMDQzIDMuNTQ3LS4yNzQgNC43NTQtLjY5Mi4xOC0uMDYyLjM3Ni4wMzMuNDM4LjIxMnMtLjAzMy4zNzYtLjIxMy40MzhsLS41LjE1N2MtLjk1Mi4yNy0yLjA1NC40NjYtMy4zNy41NDdsLS4xNy4wMDYtMS42NDIuMDQ3YTM3Ljk1IDM3Ljk1IDAgMCAxLTEuOTUyLS4wNDdjMi4zODggMi42ODQgNi4xNDUgNC4zIDEwLjgyNSA0LjMgOC40OCAwIDE1Ljg1Ni0zLjIyIDIwLjEzOC0xMC4zM0g2Ljk3eiIgZmlsbD0iIzAwOGJiOCIvPjxwYXRoIGQ9Ik04Ljg3MiAxNy4yNDVjLjUwNyAyLjMxIDEuNzI1IDQuMTI2IDMuNDkzIDUuMzYyIDEuOTUzLS4wNDMgMy41NDctLjI3NCA0Ljc1NC0uNjkyLjE4LS4wNjIuMzc2LjAzMy40MzguMjEycy0uMDMzLjM3Ni0uMjEzLjQzOGwtLjUuMTU3Yy0uOTUyLjI3LTIuMDc3LjQ2Ni0zLjM5My41NDcgMy4zNyAxLjczIDguMjQ0IDEuNzA0IDEzLjg0Ny0uNDQ4IDMuNC0xLjMwMiA2LjY1Mi0zLjI0IDkuNTgtNS41NzZ6IiBmaWxsPSIjMDM5YmM2Ii8+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQuMDUzIDEwaC4zMDZ2My4yM2gtLjMwNnptLS41ODcgMGguMzE4djMuMjNoLS4zMTh6bS0uNTg3IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU4OCAwaC4zMTh2My4yM2gtLjMxOHptLS41ODcgMGguMzE4djMuMjNoLS4zMTh6bS0uNTc1IDBoLjMwNnYzLjIzaC0uMzA2em0tLjMyMi0uMzIzaDMuODc1djMuODc2aC0zLjg3NXptNy43MTgtNC4xNDdoLjMwNnYzLjIzaC0uMzA2em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41ODggMGguMzE4djMuMjNoLS4zMTh6bS0uNTg3IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41NzUgMGguMzA2djMuMjNIMTUuNnptLS4zMjMtLjMyM2gzLjg3NlY5LjFoLTMuODc2eiIgZmlsbD0iIzAwYWNkMyIvPjxwYXRoIGQ9Ik0xOC41MjUgMTAuMDFoLjMwNnYzLjIzaC0uMzA2em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41ODggMGguMzE4djMuMjNoLS4zMTh6bS0uNTg3IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41NzUgMGguMzA2djMuMjNIMTUuNnptLS4zMjMtLjMyM2gzLjg3NnYzLjg3NmgtMy44NzZ6IiBmaWxsPSIjMjBjMmVmIi8+PHBhdGggZD0iTTIyLjk5NyAxMC4wMWguMzA2djMuMjNoLS4zMDZ6bS0uNTg4IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41ODcgMGguMzE4djMuMjNoLS4zMTh6bS0uNTg3IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU3NSAwaC4zMDZ2My4yM2gtLjMwNnptLS4zMjMtLjMyM2gzLjg3NnYzLjg3NkgxOS43NXoiIGZpbGw9IiMwMGFjZDMiLz48cGF0aCBkPSJNMjIuOTk3IDUuNTRoLjMwNnYzLjIzaC0uMzA2em0tLjU4OCAwaC4zMTh2My4yM2gtLjMxOHptLS41ODcgMGguMzE4djMuMjNoLS4zMTh6bS0uNTg3IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41NzUgMGguMzA2djMuMjNoLS4zMDZ6bS0uMzIzLS4zMjNoMy44NzZWOS4xSDE5Ljc1ek0yNy40NjggMTBoLjMwNnYzLjIzaC0uMzA2em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41ODcgMGguMzE4djMuMjNoLS4zMTh6bS0uNTg3IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU4OCAwaC4zMTh2My4yM2gtLjMxOHptLS41NzUgMGguMzA2djMuMjNoLS4zMDZ6bS0uMzIzLS4zMjNoMy44NzZ2My44NzZIMjQuMjJ6IiBmaWxsPSIjMjBjMmVmIi8+PHBhdGggZD0iTTI3LjQ2OCA1LjU0aC4zMDZ2My4yM2gtLjMwNnptLS41ODcgMGguMzE4djMuMjNoLS4zMTh6bS0uNTg3IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41ODggMGguMzE4djMuMjNoLS4zMTh6bS0uNTc1IDBoLjMwNnYzLjIzaC0uMzA2em0tLjMyMy0uMzIzaDMuODc2VjkuMDlIMjQuMjJ6IiBmaWxsPSIjMDBhY2QzIi8+PHBhdGggZD0iTTI3LjQ2OCAxLjA2OGguMzA2djMuMjNoLS4zMDZ6bS0uNTg3IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41ODcgMGguMzE4djMuMjNoLS4zMTh6bS0uNTg4IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU3NSAwaC4zMDZ2My4yM2gtLjMwNnpNMjQuMjIuNzQ1aDMuODc2VjQuNjJIMjQuMjJ6IiBmaWxsPSIjMjBjMmVmIi8+PHBhdGggZD0iTTMxLjk0IDEwLjAxaC4zMDZ2My4yM2gtLjMwNnptLS41ODcgMGguMzE4djMuMjNoLS4zMTh6bS0uNTg4IDBoLjMxOHYzLjIzaC0uMzE4em0tLjU4NyAwaC4zMTh2My4yM2gtLjMxOHptLS41ODcgMGguMzE4djMuMjNoLS4zMTh6bS0uNTc1IDBoLjMwNnYzLjIzaC0uMzA2em0tLjMyMy0uMzIzaDMuODc2djMuODc2aC0zLjg3NnoiIGZpbGw9IiMwMGFjZDMiLz48cGF0aCBkPSJNMTguOTEgMTkuODQ3YTEuMDcgMS4wNyAwIDAgMSAxLjA2OSAxLjA2OSAxLjA3IDEuMDcgMCAwIDEtMS4wNjkgMS4wNjkgMS4wNyAxLjA3IDAgMCAxLTEuMDY5LTEuMDY5IDEuMDcgMS4wNyAwIDAgMSAxLjA2OS0xLjA2OSIgZmlsbD0iI2Q0ZWRmMSIvPjxwYXRoIGQ9Ik0xOC45IDIwLjE1YS43NS43NSAwIDAgMSAuMjc3LjA1MmMtLjA5My4wNTQtLjE1Ni4xNTUtLjE1Ni4yNyAwIC4xNzMuMTQuMzEyLjMxMy4zMTIuMTE4IDAgLjIyLS4wNjYuMjc0LS4xNjMuMDM3LjEuMDU4LjIuMDU4LjI5NCAwIC40MjMtLjM0My43NjYtLjc2Ni43NjZzLS43NjYtLjM0My0uNzY2LS43NjYuMzQzLS43NjYuNzY2LS43NjZNMCAxNy42M2g0OS43MzZjLTEuMDgzLS4yNzUtMy40MjYtLjY0Ni0zLjA0LTIuMDY1LTEuOTcgMi4yOC02LjcxOCAxLjYtNy45MTYuNDc1LTEuMzM1IDEuOTM2LTkuMTA0IDEuMi05LjY0Ni0uMzA4LTEuNjczIDEuOTY0LTYuODU4IDEuOTY0LTguNTMgMC0uNTQyIDEuNTA4LTguMyAyLjI0NC05LjY0Ni4zMDhDOS43NiAxNy4xNjUgNSAxNy44NDUgMy4wNCAxNS41NjZjLjM4NiAxLjQyLTEuOTU4IDEuOC0zLjA0IDIuMDY1IiBmaWxsPSIjMzk0ZDU0Ii8+PC9nPjxwYXRoIGQ9Ik0yMS43NTMgMjcuNTVjLTIuNjQ4LTEuMjU2LTQuMS0yLjk2NC00LjktNC44My0uOTg0LjI4LTIuMTY2LjQ2LTMuNTQuNTM3bC0xLjYzMy4wNDRhMzguOTkgMzguOTkgMCAwIDEtMi4wODEtLjA1OGMyLjQyOCAyLjQyNyA1LjQxNSA0LjI5NSAxMC45NDYgNC4zM2EyOC45IDI4LjkgMCAwIDAgMS4yMTctLjAyM3oiIGZpbGw9IiNiZmRiZTAiLz48cGF0aCBkPSJNMTcuODI3IDI0LjQ0M2E5LjI2IDkuMjYgMCAwIDEtLjk4My0xLjcyMWMtLjk4NC4yOC0yLjE2Ni40Ni0zLjU0LjUzOC45NDQuNTEyIDIuMjkzLjk4NiA0LjUyMyAxLjE4M3oiIGZpbGw9IiNkNGVkZjEiLz48L3N2Zz4=" pointer-events="none"/>
        <path d="M 640 349 C 640 340.72 653.43 334 670 334 C 677.96 334 685.59 335.58 691.21 338.39 C 696.84 341.21 700 345.02 700 349 L 700 399 C 700 407.28 686.57 414 670 414 C 653.43 414 640 407.28 640 399 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 700 349 C 700 357.28 686.57 364 670 364 C 653.43 364 640 357.28 640 349" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 387px; margin-left: 641px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Media volume
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="670" y="391" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Media volu...
                </text>
            </switch>
        </g>
        <rect x="610" y="260" width="120" height="60" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
        <path d="M 622 260 L 622 320 M 718 260 L 718 320" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 290px; margin-left: 623px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Backend
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="670" y="294" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Backend
                </text>
            </switch>
        </g>
        <path d="M 670 320 L 670 334" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="610" y="138.04" width="120" height="60" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
        <path d="M 622 138.04 L 622 198.04 M 718 138.04 L 718 198.04" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 168px; margin-left: 623px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Frontend
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="670" y="172" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Frontend
                </text>
            </switch>
        </g>
        <path d="M 670 253.63 L 670 198.04" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <path d="M 670 258.88 L 666.5 251.88 L 670 253.63 L 673.5 251.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 225px; margin-left: 669px;">
                        <div data-drawio-colors="color: #000000; background-color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                API
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="669" y="228" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    API
                </text>
            </switch>
        </g>
        <path d="M 610 168.04 L 525 168 L 525 190" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 610 290 L 525 290 L 525 250" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="465" y="190" width="120" height="60" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
        <path d="M 477 190 L 477 250 M 573 190 L 573 250" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 220px; margin-left: 478px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 12px">
                                    <br/>
                                    <font style="font-size: 12px">
                                    </font>
                                    <br/>
                                    Reverse Proxy
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="525" y="224" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ...
                </text>
            </switch>
        </g>
        <path d="M 510 225.04 L 510 195.04 L 540 195.04 L 540 225.04 Z" fill="#4495d1" stroke="none" pointer-events="none"/>
        <path d="M 535.33 220.35 L 528.63 220.35 L 530.43 218.55 L 527.6 215.72 L 530.68 212.63 L 533.51 215.45 L 535.33 213.64 Z M 527.63 204.33 L 530.45 201.55 L 528.63 199.73 L 535.33 199.73 L 535.33 206.44 L 533.51 204.63 L 530.69 207.44 Z M 514.67 206.44 L 514.67 199.73 L 521.36 199.73 L 519.57 201.52 L 522.4 204.35 L 519.32 207.44 L 516.49 204.61 Z M 514.67 220.35 L 514.67 213.63 L 516.45 215.43 L 519.25 212.63 L 522.33 215.72 L 519.55 218.52 L 521.36 220.35 Z" fill="#ffffff" stroke="none" pointer-events="none"/>
        <path d="M 301.8 224 L 279.17 224" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 64 360 L 64 313.43" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 10 124 L 280 124 L 280 314 L 10 314 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <ellipse cx="215" cy="139" rx="10" ry="10" fill="none" stroke="#000000" pointer-events="none"/>
        <ellipse cx="240" cy="139" rx="10" ry="10" fill="none" stroke="#000000" pointer-events="none"/>
        <ellipse cx="265" cy="139" rx="10" ry="10" fill="none" stroke="#008cff" pointer-events="none"/>
        <path d="M 10 164 L 40 164 L 40 139 C 40 136.24 42.24 134 45 134 L 180 134 C 182.76 134 185 136.24 185 139 L 185 164 L 280 164" fill="none" stroke="#c4c4c4" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 10 234 L 280 234" fill="none" stroke="#c4c4c4" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 110 184 C 110 181.24 112.24 179 115 179 L 265 179 C 267.76 179 270 181.24 270 184 L 270 209 C 270 211.76 267.76 214 265 214 L 115 214 C 112.24 214 110 211.76 110 209 Z" fill="none" stroke="#c4c4c4" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#666666" font-family="Arial,Helvetica" pointer-events="none" font-size="17px"/>
        <g fill="#666666" font-family="Arial,Helvetica" pointer-events="none" font-size="17px"/>
        <path d="M 47 141 L 58 141 L 62 145 L 62 159 L 47 159 Z" fill="none" stroke="#c4c4c4" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 58 141 L 58 145 L 62 146" fill="none" stroke="#c4c4c4" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 117 188 L 128 188 L 132 192 L 132 206 L 117 206 Z" fill="none" stroke="#c4c4c4" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 128 188 L 128 192 L 132 193" fill="none" stroke="#c4c4c4" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 22 198 L 32 188 L 32 194 L 42 194 L 42 202 L 32 202 L 32 208 Z" fill="#c4c4c4" stroke="#c4c4c4" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 72 198 L 62 188 L 62 194 L 52 194 L 52 202 L 62 202 L 62 208 Z" fill="#c4c4c4" stroke="#c4c4c4" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 97.6 201.3 C 95.9 204.13 92.22 205.06 89.38 203.36 C 86.54 201.67 85.61 198 87.29 195.15 C 88.98 192.31 92.65 191.36 95.5 193.04 L 93.9 194.5 L 101.8 196.3 L 100 188.8 L 98.3 190.4 C 95.11 188.03 90.8 187.82 87.39 189.87 C 83.99 191.92 82.16 195.83 82.77 199.76 C 83.37 203.69 86.3 206.86 90.16 207.79 C 94.03 208.72 98.07 207.22 100.4 204 Z" fill="#c4c4c4" stroke="#c4c4c4" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 149px; margin-left: 72px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                Webview
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="72" y="154" fill="#000000" font-family="Helvetica" font-size="17px">
                    Webview
                </text>
            </switch>
        </g>
        <ellipse cx="195" cy="537.5" rx="7.5" ry="7.5" fill="none" stroke="#000000" pointer-events="none"/>
        <path d="M 195 545 L 195 570 M 195 550 L 180 550 M 195 550 L 210 550 M 195 570 L 180 590 M 195 570 L 210 590" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 597px; margin-left: 195px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                Sponsor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="195" y="609" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Spons...
                </text>
            </switch>
        </g>
        <path d="M 158.93 314 L 190.6 530" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 412px; margin-left: 176px;">
                        <div data-drawio-colors="color: #000000; background-color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Review
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="176" y="416" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Review
                </text>
            </switch>
        </g>
        <ellipse cx="285" cy="537.5" rx="7.5" ry="7.5" fill="none" stroke="#000000" pointer-events="none"/>
        <path d="M 285 545 L 285 570 M 285 550 L 270 550 M 285 550 L 300 550 M 285 570 L 270 590 M 285 570 L 300 590" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 597px; margin-left: 285px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                Content Author
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="285" y="609" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Conte...
                </text>
            </switch>
        </g>
        <path d="M 184 314 L 272.68 530" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 412px; margin-left: 227px;">
                        <div data-drawio-colors="color: #000000; background-color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Review
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="227" y="416" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Review
                </text>
            </switch>
        </g>
        <path d="M 510.8 514 L 300 556.94" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 540px; margin-left: 390px;">
                        <div data-drawio-colors="color: #000000; background-color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Upload media/
                                <br/>
                                borrel menu
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="390" y="543" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Upload media/...
                </text>
            </switch>
        </g>
        <ellipse cx="64" cy="537.5" rx="7.5" ry="7.5" fill="none" stroke="#000000" pointer-events="none"/>
        <path d="M 64 545 L 64 570 M 64 550 L 49 550 M 64 550 L 79 550 M 64 570 L 49 590 M 64 570 L 79 590" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 597px; margin-left: 64px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                Person in StoKa
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="64" y="609" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Perso...
                </text>
            </switch>
        </g>
        <path d="M 64 488 L 64 530" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 509px; margin-left: 64px;">
                        <div data-drawio-colors="color: #000000; background-color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Views/Controls
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="64" y="512" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Views/Con...
                </text>
            </switch>
        </g>
        <path d="M 394.75 220 L 465 220" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 313.5 200 C 287.5 200 281 220 301.8 224 C 281 232.8 304.4 252 321.3 244 C 333 260 372 260 385 244 C 411 244 411 228 394.75 220 C 411 204 385 188 362.25 196 C 346 184 320 184 313.5 200 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 220px; margin-left: 282px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Internet
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="346" y="224" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Internet
                </text>
            </switch>
        </g>
        <path d="M 0 0 L 90 0 L 120 30 L 120 90 L 0 90 L 0 0 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 90 0 L 90 30 L 120 30 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="none"/>
        <path d="M 90 0 L 90 30 L 120 30" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 45px; margin-left: 1px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Code in this repository
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="49" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Code in this reposit...
                </text>
            </switch>
        </g>
        <path d="M 542 478 L 542 374 L 633.63 374" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <path d="M 638.88 374 L 631.88 377.5 L 633.63 374 L 631.88 370.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 450px; margin-left: 545px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                Sync
                                <br/>
                                (e.g. using rclone)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="545" y="453" fill="#000000" font-family="Helvetica" font-size="11px">
                    Sync...
                </text>
            </switch>
        </g>
        <path d="M 522.5 490 C 496.5 490 490 510 510.8 514 C 490 522.8 513.4 542 530.3 534 C 542 550 581 550 594 534 C 620 534 620 518 603.75 510 C 620 494 594 478 571.25 486 C 555 474 529 474 522.5 490 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 510px; margin-left: 491px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Google Drive
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="555" y="514" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Google Drive
                </text>
            </switch>
        </g>
        <rect x="4" y="365" width="120" height="100" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 415px; margin-left: 5px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    Webapp
                                    <br/>
                                    (Tizen/Android)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="64" y="419" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Webapp...
                </text>
            </switch>
        </g>
        <path d="M 8.1 451.73 L 119.9 451.73 L 119.9 370.67 L 8.1 370.67 Z M 27.63 488 C 25.34 488 24.3 485.53 24.3 483.82 C 24.3 481.03 26.05 479.47 27.41 479.47 L 56.71 479.47 L 56.71 468.8 L 3.2 468.8 C 1.25 468.8 0 466.55 0 464.68 L 0 364.3 C 0 361.85 1.47 360 3.28 360 L 124.76 360 C 126.53 360 128 361.93 128 364.27 L 128 464.48 C 128 467.06 126.42 468.8 124.72 468.8 L 71.29 468.8 L 71.29 479.47 L 100.37 479.47 C 102.38 479.47 103.7 481.54 103.7 483.79 C 103.7 486.18 102.12 488 100.5 488 Z" fill="#ffffff" stroke="#000000" 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>