docs/images/space_auto.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="246px" height="160px" viewBox="-0.5 -0.5 246 160" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2023-09-22T15:02:32.979Z&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15&quot; version=&quot;21.7.4&quot; etag=&quot;sDnnYtUTEsI_qGjdouOj&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;qYb7XSDMjHpHRcrW1SkV&quot;&gt;1VfLbtswEPwaHxNYoiVbR8uOkkuBAjm0PTISLRGhRJWiYrtf3+XLehp1AQdobcDRDsnd5exwqSzQrjw9C1wXX3hG2MJfZqcF2i98P4g8+FXA2QAoQgbIBc0M5HXAK/1FLLi0aEsz0gwmSs6ZpPUQTHlVkVQOMCwEPw6nHTgbRq1xbiMuO+A1xYxMpn2jmSwMuvHXHf5CaF64yF4YmZE3nL7ngreVjbfwUbJVXzNcYufLxm0KnPFjD0JPC7QTnEvzVJ52hClqHW1mXXJl9JK3IJW8ZYFvFnxg1hKXsc5Lnh0XejdEzV8uUHwsqCSvNU7V6BGKD1ghSwaWB48HytiOMy70WoRQFCUQO26k4O/EjVS8guWxjU2EJKer+XsXVkBshJdEijNMcQtCS6QVGuzXAseubv7KYkW/Zm4ltlrJL847vuDBUjZPH/pc+pIkRmH4ifT5mzF9qyl9mxn2NncgbzVDXsggQFwPKAx/tuo4xIxW5MElAQdquYYkAk2EmwJPuf2rHR048DDnSw08NLrvKE+eX59GjqC3uDp0IFRDfQbzDqaYHfZC2AeRNMXTvBg52Ny3reQuyzcxzhuoM6lP4LrDRkIDFcihmmZV05eYhTCjeQWmMNTGSlKQPttavKRZpqLMqneob5W1bee+sxNcUqYEthWpcpDKBjLf4xaiEXGnPhBFIyGHUyEHm6mQ/TsIOfhzFyBVtlX3ElhvjKfvujpYyDHYq96Q2AKnRSvIs+J8v7qVWV0O3gpdsEJKuD79QOkvgL2pHzWhecw5zxnBNW0eU17qgbTRU5ODCQGPgyCBH4/DmKp7odtaQpnbCuy+ZxlZunvVN+NONG71wO7LuDuEah1U6rtlSBs/lPEYOHN/6g/uz9Yy5SGZewlwrxhY5EQOOvsNCuwLbKZTOkwQhiX9GEacU52N8JVT3buuXnTr6HEdDt00utR2Zf/WHzm7XJIXZ+N+bqiYeNIn4bL3mw5HeLXL/2vNGdTNsoeuRaPlEgJf68h3774pCE2fpv+x/QbhWJ3epP16aOZ4oL/vv2B2L8hGkd0/IejpNw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);&#xa;</style></defs><g><rect x="5" y="0" width="240" height="160" fill="#3399ff" stroke="none" pointer-events="all"/><rect x="125" y="40" width="80" height="80" fill="#ffb366" stroke="none" pointer-events="all"/><rect x="44" y="60" width="58" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 56px; height: 1px; padding-top: 70px; margin-left: 44px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;"><div style="display: inline-block; font-size: 20px; font-family: &quot;Architects Daughter&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><p style="line-height: 70%;"><font face="Helvetica" color="#666666" style="font-size: 12px;">left: Auto<br /></font></p></div></div></div></foreignObject><text x="100" y="76" fill="rgb(0, 0, 0)" font-family="Architects Daughter" font-size="20px" text-anchor="end">left:...</text></switch></g><path d="M 11.24 79.77 L 118.76 79.99" fill="none" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 7.24 79.76 L 11.24 77.77 L 11.23 81.77 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 122.76 80 L 118.76 81.99 L 118.77 77.99 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="1" y="71" width="130" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 86px; margin-left: 2px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 20px; font-family: &quot;Architects Daughter&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font face="Helvetica" color="#666666" style="font-size: 12px;">child-left: 300px</font></div></div></div></foreignObject><text x="66" y="92" fill="rgb(0, 0, 0)" font-family="Architects Daughter" font-size="20px" text-anchor="middle">child-left: 3...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>